* {
outline: none !important;
}
html {
position: relative;
min-height: 100%;
-webkit-font-smoothing: antialiased;
}
html, body {
font-family: 'myriad-pro', verdana, sans-serif;
font-size: 14px;
font-weight: 400;
background: none;
}
body {
overflow-y: scroll;
}
@media (min-width: 998px) {
html, body {
font-size: 15px;
}
}
@media (min-width: 1200px) {
html, body {
font-size: 16px;
}
}
@media (max-width: 997.98px) {
.alignright {
width: 100%;
margin-bottom: 15px;
}
.alignleft {
width: 100%;
margin-bottom: 15px;
}
}
@media (min-width: 998px) {
.alignright {
float: right;
clear: right;
margin-left: 15px;
margin-bottom: 15px;
}
.alignleft {
float: left;
clear: left;
margin-right: 15px;
margin-bottom: 15px;
}
}
.aligncenter {
margin: 0 auto;
clear: both;
}
h1 {
color: #3AAA35;
font-weight: 700;
}
h2, h3 {
}
h2, h3, h4, h5, h6 {
font-weight: 600;
}
a {
color: #009FE3;
outline: none;
-webkit-transition: color 300ms ease-in;
transition: color 300ms ease-in;
}
iframe {
width: 100%;
min-height: 320px;
height: auto;
}
a:hover {
color: #00B3FF;
outline: none;
}
.font-weight-demi {
font-weight: 600;
}
@media (min-width: 360px) {
.letter-spacing {
letter-spacing: 0.05rem;
}
}
@media (max-width: 320px) {
.navbar-brand h4 {
font-size: 18px;
letter-spacing: 0.02rem;
}
}
.navbar-toggler {
background-color: #3AAA35;
border: 0px solid #3AAA35 !important;
} .border-top-left-0 {
border-top-left-radius: 0;
}
.border-bottom-left-0 {
border-bottom-left-radius: 0;
}
.h-36 {
height: 36px;
}
.page-content a.text-decoration-none {
color: #3AAA35;
}
.entry-content {
width: 100%;
}
.page-content .entry-content a:not(.btn) {
color: #3AAA35;
font-weight: 400;
border-bottom: 1px solid #3AAA35;
}
.text-capitalize-first::first-letter {
text-transform: uppercase;
}
.news-col a h6,
.news-col a i {
color: #212529;
transition: color 300ms ease;
}
.news-col a:hover h6 {
color: #3AAA35 !important;
}
.news-col a h6 {
}
.news-col a:hover h6 {
} .entry-content a.page-link,
.entry-content a.img_link,
.page-content a.page-link,
.page-content a.img_link {
color: #212529;
border-bottom: 0px !important;
}
.page-item .page-link {
border: 0px !important;
outline: none;
}
.page-item.active .page-link {
color: #FFF !important;
background-color: #009FE3 !important;
border-color: #009FE3 !important;
}
.page-item:hover .page-link {
color: #FFF !important;
background-color: #3AAA35 !important;
border-color: #3AAA35 !important;
}
.page-item.active:hover .page-link {
color: #FFF;
background-color: #3AAA35 !important;
border-color: #3AAA35 !important;
}
a.sponsor {
border-bottom: 0px !important;
} .page-content h2 a,
.page-content h3 a {
border-bottom-width: 3px;
}
.page-content h3 a {
border-bottom-width: 2px;
}
.page-content a.img_link {
border-bottom: none;
}
div:hover a,
a:hover * {
outline: none;
text-decoration: none;
}
a.text-decoration-none {
text-decoration: none;
border-bottom: 0px !important;
}
.btn-primary {
background-color: #3AAA35 !important;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: #40BF3A !important;
}
.btn-primary:focus,
.btn-primary:active {
background-color: #3AAA35 !important;
}
li.current_page_item > a,
li.current-menu-item > a,
li.current-menu-parent > a {
font-weight: 600;
}
body.deurne.nieuws .current-menu-item.dropdown-submenu ul.dropdown-menu li.nieuws > a,
body.meijel.nieuws .current-menu-item.dropdown-submenu ul.dropdown-menu li.nieuws > a,
body.stiphout.nieuws .current-menu-item.dropdown-submenu ul.dropdown-menu li.nieuws > a,
body.weert.nieuws .current-menu-item.dropdown-submenu ul.dropdown-menu li.nieuws > a {
font-weight: 600;
}
img {
image-rendering: optimizeQuality;
}
.alignnone.size-full,
.alignnone.size-large,
.alignnone.size-medium {
width: 100%;
height: auto;
margin-bottom: 10px;
}
@media (max-width: 420px) {
.entry-content img {
float: none;
width: 100%;
height: auto;
margin: 0;
margin-bottom: 10px;
}
.alignnone {
width: 100%;
height: auto;
margin: 0;
margin-bottom: 10px;
}
}
@media (max-width: 991.98px) {
.size-full,
.size-large,
.size-medium {
float: none;
width: 100%;
height: auto;
margin: 0;
margin-bottom: 10px;
}
}
.img-object {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: 'object-fit: cover; object-position: 50% 50%;';
}
.img-object.square {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: 'object-fit: contain; object-position: 50% 50%;';
}
.img-object.portrait {
width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: 'object-fit: contain; object-position: 50% 50%;';
}
.img-object.landscape {
width: 100%;
height: auto;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: 'object-fit: contain; object-position: 50% 50%;';
}
.col-lg-4 .img-object {
max-height: 300px;
}
.col-6.col-lg-3 .img-object {
max-height: 130px;
}
.img-object-alt {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: 'object-fit: contain; object-position: 50% 50%;';
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
strong.breadcrumb_last {
font-weight: 600;
cursor: default;
} .navbar-light .bg-light {
background-color: rgba(0, 159, 227, 0.1) !important;
}
.navbar-light a.bg-light:focus,
.navbar-light a.bg-light:hover,
.navbar-light button.bg-light:focus,
.navbar-light button.bg-light:hover {
background-color: rgba(0, 159, 227, 0.1) !important;
}
.navbar-light .text-dark,
.navbar-light a.text-dark:focus,
.navbar-light a.text-dark:hover {
color: #009FE3 !important;
}
.navbar-light .navbar-nav .nav-link {
color: #009FE3 !important;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: #3AAA35 !important;
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active{
color: #009FE3 !important;
}
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: #3AAA35 !important;
}
.dropdown-toggle::after {
display: none;
}
.navbar-nav:not(.sm-collapsible) li[data-sm-horizontal-sub] .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-top: .255em;
vertical-align: .125em;
border-left: .3em solid;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
}
.navbar-nav > .menu-item:first-child,
.navbar-nav > .menu-item:first-child > a {
padding-left: 0;
}
.navbar-nav .nav-link {
white-space: nowrap !important;
}
@media (min-width: 1200px) { .dropdown-menu {
border: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
-webkit-box-shadow: 0 8px 6px rgba(0,0,0,0.5);
box-shadow: 0 8px 6px rgba(0,0,0,0.5);
}
.dropdown-menu .dropdown-menu {
top: 38px !important;
min-height: 100%;
}
} ol > li {
margin-bottom: 20px;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.z-fix {
z-index: 1;
}
.z-fix-0 {
z-index: 0;
}
.opacity-0 {
opacity: 0;
}
.overflow-fix {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(white, black);
z-index: 1;
}
.mt-fix {
margin-top: 2px;
}
.overflow-hidden {
overflow: hidden;
}
.z--1 {
z-index: -1;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 0;
}
.border-radius-0 {
border-radius: 0px !important;
}
.roteer-rechts {
position: relative;
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
.roteer-links {
position: relative;
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.schaduw {
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
box-shadow: 0 0 3px rgba(0,0,0,0.5)
}
.bg-image-c {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
cursor: pointer;
image-rendering: optimizeQuality;
}
.bg-image-c:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
-webkit-box-shadow: inset 0 0 72px rgba(0,0,0,0.0);
box-shadow: inset 0 0 72px rgba(0,0,0,0.0);
}
.bg-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image-alt {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.bg-transparent {
background-color: transparent !important;
border-bottom-color: transparent !important;
}
.bg-transparent.active {
color: #3AAA35 !important;
background-color: #FFF !important;
border-bottom-color: transparent !important;
}
.f4d-tab-img:hover > .bg-image-c,
.f4d-tab-img:focus > .bg-image-c,
.f4d-gallery-img:hover > a > .bg-image-c,
.f4d-gallery-img:focus > a > .bg-image-c {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.f4d-tab-img:hover > .bg-image-c:before,
.f4d-tab-img:focus > .bg-image-c:before,
.f4d-gallery-img:hover > a > .bg-image-c:before,
.f4d-gallery-img:focus > a > .bg-image-c:before {
-webkit-box-shadow: inset 0 0 72px rgba(0,0,0,0.3);
box-shadow: inset 0 0 72px rgba(0,0,0,0.3);
}
.bg-shadow-right {
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)),color-stop(95%, rgba(0,0,0,0.5)));
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 95%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: -1;
overflow: hidden;
}
.body-image::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.27);
z-index: -1;
}
.border-bottom-radius {
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.border-bottom-radius-lg {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
} .text-white {
color: #FFF;
text-shadow: 0 0 1px rgba(0,0,0,0.1);
}
.text-black {
color: #212529;
}
.text-green {
color: #3AAA35 !important;
}
.text-hover-green:hover {
color: #3AAA35 !important;
}
.text-blue {
color: #009FE3 !important;
}
.navbar-light .navbar-brand {
color: #009FE3 !important;
}
.bg-white {
background-color: #FFF;
}
.bg-white-faded {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-faded-alt {
background-color: #FFF;
background-color: rgba(255,255,255,0.9);
}
.bg-white-faded .bg-white-faded-alt {
background-color: rgba(255, 255, 255, 1);
}
.bg-green {
background-color: #3AAA35;
}
.bg-blue {
background-color: #009FE3;
}
.bg-blue-faded {
background-color: #CFE6F3;
}
.bg-grey {
background-color: #999593;
}
.bg-grey-faded {
background-color: rgba(153, 153, 153, 0.9);
}
.text-shadow {
text-shadow: 4px 3px 6px rgba(0,0,0,0.9), 4px 3px 6px rgba(0,0,0,0.9);
}
.border-top-grey {
border-top: 7px solid #999593;
}
.pr-10 {
padding-right: 10px;
}
.pl-10 {
padding-left: 10px;
}
.f4d-icon {
width: 50px;
}
.f4d-fb-icon {
width: auto;
height: 37px;
}
.gallery-icon {
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_gallery_icon.png) no-repeat top left;
background-size: 48px auto;
margin-left: -4px;
width: 74px;
height: 40px;
}
.video-icon {
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_video_icon.png) no-repeat top left;
background-size: 40px auto;
width: 70px;
height: 40px;
}
.gallery-img {
padding-right: 0;
}
@media (min-width: 1400px) {
.container {
min-width: 1220px !important;
}
.col-12 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
}
}
.search-bar {
width: 100%;
max-width: 555px;
}
@media (min-width: 1400px) {
.search-bar {
width: 100%;
max-width: 555px;
}
} .timer {
position: relative;
display: block;
top: 40px;
left: -40px;
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
@media (min-width: 768px) {
.timer {
top: 25px;
left: -15px;
}
}
@media (min-width: 992px) {
.timer {
top: 40px;
left: -40px;
}
}
@media (min-width: 1200px) {
.timer {
top: 20px;
left: -20px;
}
}
.timer .f4d-calendar-icon {
display: block;
position: absolute;
left: 31px;
top: -42px;
width: 36px;
height: 36px;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_calendar_icon.png);
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_calendar_icon.svg),
-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_calendar_icon.svg),
linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-position: center center;
background-size: 36px auto;
z-index: 1;
-webkit-filter: drop-shadow(0 0 3px rgba(0,0,0,0.8));
filter: drop-shadow(0 0 3px rgba(0,0,0,0.8));
}
.timer .f4d-text-logo {
display: block;
position: absolute;
top: -48px;
right: -34px;
width: 124px;
height: 124px;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_text_logo_w.png);
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_text_logo_w.svg),
-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_text_logo_w.svg),
linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-position: center center;
background-size: 124px auto;
z-index: 0;
}
.timer .f4d-event-time {
position: absolute;
top: -23px;
right: 30px;
font-size: 10px;
font-weight: 600;
}
.timer .date-btn-c {
position: relative;
display: inline-block;
width: 42px;
margin-right: 4px;
z-index: 2;
}
.timer .date-btn-c:last-of-type {
margin-right: 0;
}
.timer .date-btn-time {
display: block;
position: relative;
color: #FFF;
text-align: center;
font-size: 1.125rem;
font-weight: 600;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
z-index: 2;
}
.timer .date-btn-text {
display: block;
color: #FFF;
font-size: 9px;
line-height: 9px;
font-weight: 600;
text-align: center;
border-top: 1px solid #707070;
padding-top: 2px;
padding-bottom: 4px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #000;
}
.timer .f4d-event-border {
display: block;
position: relative;
height: 6px;
margin-top: 3px;
border-radius: 6px;
background-color: #000;
z-index: 2;
}
.timer .f4d-event-btn {
display: block;
position: relative;
float: right;
color: #FFF;
font-size: 10px;
line-height: 11px;
font-weight: 600;
padding-top: 3px;
padding-bottom: 4px;
margin-top: 6px;
width: 42px;
text-align: center;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #3AAA35;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
z-index: 2;
}
.timer .f4d-event-btn span {
display: block;
}
.timer .f4d-event-btn:hover {
background-color: #38BA32;
} .f4d-topmenu-container {
position: relative;
height: 16px;
z-index: 1;
}
.f4d-topmenu {
left: 0;
right: 0;
}
.fd4-tab-item {
position: relative;
top: 16px;
width: 100px;
min-height: 36px;
margin-right: 6px;
font-size: 0.9375rem;
font-weight: 600;
text-transform: uppercase;
text-align: center;
z-index: 1;
}
.f4d-topmenu a:last-child .fd4-tab-item {
margin-right: 0;
}
.fd4-topmenu .f4d-tab,
.fd4-topmenu .f4d-tab:hover,
.fd4-topmenu .f4d-tab:hover *
.fd4-topmenu .f4d-tab *:hover {
color: #FFF;
cursor: pointer;
text-decoration: none;
}
.page-menu span {
}
.page-menu a span {
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
}
.page-menu a:hover span {
color: #3AAA35;
border-bottom: 1px solid #3AAA35;
}
.page-menu .current-menu-item span {
border-bottom: 1px solid #212529;
} .f4d-hero {
position: relative;
height: 224px;
background-color: #FFF;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d-header_img_1.jpg) no-repeat center center;
background-size: cover;
z-index: 0;
}
.logo {
display: block;
position: absolute;
width: 100%;
min-height: 100%;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_logo_alt.png);
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_logo_alt.svg),
-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_logo_alt.svg),
linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-position: top 15px left;
background-size: 115px auto;
z-index: 1;
}
@media (min-width: 768px) {
.logo {
background-position: bottom -1px left;
background-size: 160px auto;
}
}
@media (min-width: 998px) {
.logo {
background-position: bottom -1px center;
background-size: 200px auto;
}
}
@media (min-width: 1200px) {
.logo {
background-position: bottom -1px center;
background-size: 230px auto;
}
}
.logo-shadow {
display: block;
position: absolute;
width: 100%;
min-height: 100%;
z-index: 0;
}
.logo-shadow .inner {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 50%;
height: 70%;
margin: 0 auto;
border-radius: 50%;
background-color: #FFF;
-webkit-box-shadow: 0 0 120px 120px #FFF, 0 0 40px 60px #FFF;
box-shadow: 0 0 120px 120px #FFF, 0 0 40px 60px #FFF;
z-index: 0;
}
.f4d-payoff {
font-size: 0.875rem;
font-weight: 600;
}
@media (min-width: 998px) {
.f4d-payoff {
font-size: 0.875rem;
}
}
@media (min-width: 1200px) {
.f4d-payoff {
font-size: 0.875rem;
letter-spacing: 0.05rem;
}
}
@media (min-width: 1400px) {
.f4d-payoff {
font-size: 0.9375rem;
}
} .f4d-slider {
height: 360px;
} .f4d-sponsor-bg {
position: absolute;
bottom: 0px;
right: 0px;
display: block;
width: 150px;
height: 106px;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg_alt.png);
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg_alt.svg),
-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg_alt.svg),
linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-position: top right;
background-size: 150px auto;
-webkit-filter: drop-shadow(0 -4px 4px rgba(0,0,0,0.5));
filter: drop-shadow(0 -4px 4px rgba(0,0,0,0.5));
z-index: 1;
}
@media (min-width: 998px) {
.f4d-sponsor-bg {
position: relative;
top: -7px;
bottom: auto;
right: auto;
display: block;
width: 150px;
height: 106px;
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg.png);
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg.svg),
-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
background: url(//www.fiets4daagsedepeel.nl/wp-content/themes/fiets4daagsedepeel/images/f4d_sponsor_bg.svg),
linear-gradient(transparent, transparent);
background-repeat: no-repeat;
background-position: top right;
background-size: 150px auto;
-webkit-filter: drop-shadow(0 8px 4px rgba(0,0,0,0.5));
filter: drop-shadow(0 8px 4px rgba(0,0,0,0.5));
z-index: 1;
}
} .quote {
font-style: italic;
text-align: center;
max-width: 100%;
}
.quote h2 {
display: block;
text-align: center;
font-weight: 600;
max-width: 340px;
text-shadow: 1px 0 3px rgba(0,0,0,0.8), 1px 0 3px rgba(0,0,0,0.8);
}
.quote h5 {
text-align: right;
font-weight: 600;
max-width: 234px;
} .accordion .accordion-heading div {
cursor: pointer;
}
.accordion .accordion-heading div:hover {
color: #3AAA35;
-webkit-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.accordion .accordion-heading div[aria-expanded=true] {
color: #3AAA35;
}  .thead-dark th {
background-color: #009FE3 !important;
border: 0px !important;
} .f4d-tab-img {
min-height: 164px;
}
.f4d-gallery-img {
height: 140px;
max-height: 140px;
} .swiper-pagination-frontpage .swiper-pagination-bullet {
border-radius: 2px;
width: 12px;
height: 12px;
outline: none;
margin: 0px 0px 0px 8px !important;
background: #FFF;
opacity: 0.8;
}
.swiper-pagination-frontpage .swiper-pagination-bullet:first-child {
margin: 0px 0px 0px 17px !important;
}
@media (min-width: 1200px) {
.swiper-pagination-frontpage .swiper-pagination-bullet {
margin: 0px 8px 0px 0px !important;
}
.swiper-pagination-frontpage .swiper-pagination-bullet:first-child {
margin: 0px 8px 0px 0px !important;
}
.swiper-pagination-frontpage .swiper-pagination-bullet:last-child {
margin: 0px 17px 0px 0px !important;
}
}
.swiper-pagination-frontpage .swiper-pagination-bullet-active {
background: #009FE3;
opacity: 1;
}
.swiper-sponsors {
width: 100%;
height: 840px;
overflow: hidden;
}
.swiper-sponsors .swiper-wrapper {
}
.swiper-sponsors-mobile {
overflow: hidden;
}
.swiper-button-next,
.swiper-button-prev {
display: none;
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 16px 29px;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 998px) {
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
display: block;
left: -14px;
right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
display: block;
right: -14px;
left: auto
}
}
.swiper-button-next, .swiper-container-rtl .swiper-button-next {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI4LjNweCIgaGVpZ2h0PSI0OC4ycHgiIHZpZXdCb3g9IjAgMCAyOC4zIDQ4LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjMgNDguMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjguMywyNC4xbC0yMi0yMmwwLDBMNC4yLDBMMi4xLDIuMWwwLDBMMCw0LjJsMTkuOSwxOS45TDAsNDRsMi4xLDIuMWwwLDBsMi4xLDIuMWwyLjEtMi4xbDAsMEwyOC4zLDI0LjF6Ii8+Cjwvc3ZnPgo=');
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI4LjNweCIgaGVpZ2h0PSI0OC4ycHgiIHZpZXdCb3g9IjAgMCAyOC4zIDQ4LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjMgNDguMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjIsNDYuMUwyMiw0Ni4xbDIuMSwyLjFsMi4xLTIuMWwwLDBsMi4xLTIuMUw4LjQsMjQuMUwyOC4zLDQuMmwtMi4xLTIuMWwwLDBMMjQuMSwwTDIyLDIuMWwwLDBsLTIyLDIyCglMMjIsNDYuMXoiLz4KPC9zdmc+Cg==');
}
.swiper-gallery-button-prev, .swiper-container-rtl .swiper-gallery-button-prev {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOC4zcHgiIGhlaWdodD0iNDguMnB4IiB2aWV3Qm94PSIwIDAgMjguMyA0OC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDQ4LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojM0FBQTM1O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMiw0Ni4xTDIyLDQ2LjFsMi4xLDIuMWwyLjEtMi4xbDAsMGwyLjEtMi4xTDguNCwyNC4xTDI4LjMsNC4ybC0yLjEtMi4xbDAsMEwyNC4xLDBMMjIsMi4xbDAsMGwtMjIsMjJMMjIsNDYuMXoiLz48L3N2Zz4=");
}
.swiper-gallery-button-next, .swiper-container-rtl .swiper-gallery-button-next {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOC4zcHgiIGhlaWdodD0iNDguMnB4IiB2aWV3Qm94PSIwIDAgMjguMyA0OC4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOC4zIDQ4LjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojM0FBQTM1O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOC4zLDI0LjFsLTIyLTIybDAsMEw0LjIsMEwyLjEsMi4xbDAsMEwwLDQuMmwxOS45LDE5LjlMMCw0NGwyLjEsMi4xbDAsMGwyLjEsMi4xbDIuMS0yLjFsMCwwTDI4LjMsMjQuMXoiLz48L3N2Zz4=");
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0;
cursor: auto;
pointer-events: none
}
@media (min-width: 1400px) {
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: -18px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: -18px;
}
} .fancybox-bg {
background: #FFF;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-thumbs {
background: #FFF;
}
.fancybox-thumbs__list a:before {
border: 6px solid #3AAA35;
}
.fancybox-button {
height: 62px;
width: 62px;
background: none;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #3AAA35;
}
.fancybox-button:hover {
color: #3AAA35;
}
.fancybox-navigation .fancybox-button--arrow_left {
padding: 24px 0px 24px 0px;
left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 24px 0px 24px 0px;
right: 0;
} .footer {
position: absolute;
bottom: 0;
width: 100%;
}
.footer-nav ul.sep li.list-inline-item:not(:last-child) {
margin-right: 8px;
}
.footer-nav ul.sep li:before {
position: relative;
top: -1px;
content: "|";
color: #FFF;
display: inline-block;
margin-right: 10px;
}
.footer-nav ul.sep-sm li.list-inline-item:not(:last-child) {
margin-right: 4px;
}
.footer-nav ul.sep-sm li:before {
position: relative;
top: -1px;
content: "|";
color: #FFF;
display: inline-block;
margin-right: 6px;
}
.footer-nav ul li:first-child:before,
.footer-nav .children li:before {
content: "";
display: none;
}
.footer-nav ul.sep li a {
-webkit-transition: border-color 300ms ease-in;
transition: border-color 300ms ease-in;
border-bottom: 2px solid rgba(255,255,255,0);
}
.footer-nav ul.sep-sm li a {
-webkit-transition: border-color 300ms ease-in;
transition: border-color 300ms ease-in;
border-bottom: 1px solid rgba(255,255,255,0);
}
.footer-nav ul.sep li:hover a {
border-color: rgba(255,255,255,1);
}
.footer-nav ul.sep-sm li:hover a {
border-color: rgba(255,255,255,1);
}
.footer-nav li.current-menu-item a {
border-bottom: 2px solid #FFF;
}
body.deurne li.menu-item-object-startplace_deurne > a,
body.meijel li.menu-item-object-startplace_meijel > a,
body.stiphout li.menu-item-object-startplace_stiphout > a,
body.weert li.menu-item-object-startplace_weert > a {
border-bottom: 2px solid #FFF;
}
.footer-nav ul.sep-sm li.current-menu-item a {
border-bottom: 1px solid #FFF;
} .search-form input[type=text]::-webkit-input-placeholder {
color: #009FE3;
}
.search-form input[type=text]::-ms-input-placeholder {
color: #009FE3;
}
.search-form input[type=text]::placeholder {
color: #009FE3;
}
.search-form input[type=text]:-ms-input-placeholder {
color: #009FE3;
}
.search-form input[type=text]::-ms-input-placeholder {
color: #009FE3;
}
.search-form input[type=text] {
float: left;
height: 24px;
width: 84% !important;
color: #009FE3;
background: #CFE6F3;
border: 1px solid #009FE3;
border-right: none;
}
.search-form button {
float: left;
width: 16% !important;
line-height: 12px;
vertical-align: middle;
height: 24px;
color: #009FE3;
background: #CFE6F3;
border: 1px solid #009FE3;
border-left: 0;
cursor: pointer;
}
.search-form::after {
content: "";
clear: both;
display: table;
}
.searchwp-live-search-results {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
width: 100%;
min-width: 280px;
min-height: 175px;
max-height: 300px;
}
.searchwp-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchwp-live-search-result p {
font-size: 0.875rem;
padding: 10px 12px;
margin: 0;
border-bottom: 1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result--focused {
background: #DDD;
}
.searchwp-live-search-result--focused a {
color: #000;
}
.searchwp-live-search-result:last-of-type p {
border-bottom:0;
}
.searchwp-live-search-result a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .searchwp-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
} .dist-marker {
font-size: 9px;
padding: 0;
border-radius: 20px;
text-align: center;
color: #FFF;
background: #3366CC;
}
@media (max-width: 575.98px) {
.navbar-brand,
.col-12 .navbar,
.col-12 .col-12,
.col-12 .col-md-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.dropdown-menu {
border: 0px;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
.dropdown-menu li {
border: 0px;
}
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
margin: 0;
}
body.deurne li.menu-item-object-startplace_deurne > a,
body.meijel li.menu-item-object-startplace_meijel > a,
body.stiphout li.menu-item-object-startplace_stiphout > a,
body.weert li.menu-item-object-startplace_weert > a {
border-bottom: none;
}
}
.tab-content > .tab-pane {
display: block;
height: 0;
overflow: hidden;
}
.tab-content > .active {
display: block;
height: auto;
}
.search-form-front {
top: -34px;
right: 15px;
width: 150px;
}
@media (min-width: 992px) {
.search-form-front {
top: -212px;
right: 15px;
width: 150px;
}
}
@media (min-width: 1200px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .2rem;
padding-left: .5rem;
}
.search-form-front {
top: 12px;
right: 15px;
width: 150px;
}
}
@media (min-width: 1400px) {
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem;
}
#navbarNavDropdownContainer {
padding-left: 15px !important;
}
.search-form-front {
top: 12px;
right: 50px;
width: 150px;
}
}
.search-form-front input {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.search-form-front button {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.grecaptcha-badge {
display: none !important;
}
.leaflet-marker-pane .leaflet-marker-icon {
width: 12px !important;
height: 20px !important;
}
.leaflet-marker-pane .leaflet-marker-icon:first-child {
width: auto !important;
height: auto !important;
} .ff_product_price {
font-size: 1.125rem;
}
.table th {
padding-top: 0 !important;
border-top: none !important;
}
body.page-template-default input[type=number] {
width: 100% !important;
height: 39px !important;
padding: 0 !important;
font-size: 1.125rem !important;
text-transform: uppercase !important;
text-align: center !important;
color: #495057  !important;
border-top: 1px #ced4da solid !important;
border-right: none !important;
border-bottom: 1px #ced4da solid !important;
border-left: none !important;
background: #FFF !important;
outline: none !important;
pointer-events: none !important;
border-radius: 0 !important;
}
div.spinner {
display: flex;
align-items: center;
flex-direction: row;
user-select: none !important;
-ms-user-select: none !important;
-moz-user-select: none !important;
-webkit-user-select: none !important;
-webkit-touch-callout: none !important;
}
div.spinner > .sub,
div.spinner > .add {
color: #495057 !important;
float: left !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
width: 3.2rem !important;
height: 39px !important;
text-align: center !important;
font-weight: 800 !important;
font-size: 1.125rem !important;
line-height: 1.5 !important;
vertical-align: center;
background-color: #f8f9fa !important;
border: 1px #ced4da solid !important;
border-radius: 6px 0 0 6px !important;
cursor: pointer !important;
transition: 0.1s linear !important;
-o-transition: 0.1s linear !important;
-ms-transition: 0.1s linear !important;
-moz-transition: 0.1s linear !important;
-webkit-transition: 0.1s linear !important;
}
body.page-template-default div.spinner > .sub span,
body.page-template-default div.spinner > .add span {
margin-bottom: 2px;
}
body.page-template-default div.spinner > .add {
border-radius: 0 6px 6px 0 !important;
}
body.page-template-default div.spinner > .sub:hover,
body.page-template-default div.spinner > .add:hover {
color: #FFF !important;
background-color: #67C23A !important;
border: 1px #67C23A solid !important;
}
body.page-template-default input[type=number]::-webkit-inner-spin-button,
body.page-template-default input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
}
.ffs_bootstrap .ff-el-group input[type=checkbox],
.ffs_bootstrap .ff-el-group input[type=radio] {
-webkit-appearance: none !important;
}
h3.ff-el-section-title {
font-size: 1.5rem;
}
.ff-el-section-break h3.ff-el-section-title {
margin-bottom: 0 !important;
} .barcode {
font-family: "Libre Barcode 128", "Courier New", Courier, monospace;
font-weight: normal;
font-size: 48px;
line-height: 48px;
}
.with-text {
font-family: "Libre Barcode 128 Text" !important;
}
td[data-label="Leeftijd"] {
padding-right: 0 !important;
}
table[data-root_name="attendees"] th:nth-child(3),
table[data-root_name="attendees"] th:nth-child(4),
table[data-root_name="attendees"] th:nth-child(5),
td[data-label="Barcode"],
td[data-label="Ingechecked"],
.repeat_btn,
.ff-el-repeat-buttons-list.js-repeat-buttons,
label[aria-label="Deelnemers"] {
display: none !important;
}
@media (max-width: 768px) {
table.ff_flexible_table tbody tr td:before {
font-size: 1rem;
font-weight: 600;
margin-bottom: 5px;
}
table.ff_flexible_table tbody tr {
margin: 0 !important;
padding-top: 12px !important;
border: 0px !important;
}
table.ff_flexible_table tbody tr td {
width: 100%;
margin: 0 0 15px 0;
padding: 0;
}
}
.toggle-group {
display: flex;
align-items: center;
flex-direction: row;
}
.toggle-group label {
display: flex;
align-items: center;
flex-direction: row;
font-size: 14px !important;
font-weight: 600;
}
.toggle-handle {
height: 100%;
}
.ff_frameless_page_body .ff_frameless_wrapper {
padding: 40vh 5vw 5vw 5vw !important;
}
.ff_frameless_page_body .ff_frameless_wrapper .ff_frameless_item {
padding: 0px 40px 20px 40px !important;
}
.ff_frameless_page_body .ff_frameless_wrapper .ff_frameless_item .ff_frameless_header {
border-radius: 8.5px 8.5px 0 0;
color: #FFF !important;
border-bottom: 1px solid #e6e6e6;
font-size: 2rem !important;
font-weight: 600 !important;
margin: 0 -40px 20px;
padding: 8px 40px 10px 40px !important;
text-align: center;
background: #3AAA35;
}
.ff_frameless_status_success .ff_frameless_body {
font-size: 1.125rem;
text-align: center;
}
.ffp_payment_info {
width: 100%;
-webkit-box-shadow: 0px -2px #EEE !important;
box-shadow: 0px -2px #EEE !important;
background-color: #F5F5F6 !important;
color: rgb(56, 56, 56);
margin-bottom: 20px;
text-align: left !important;
}
.table.ffp_table.input_items_table .ff_sub_items {
display: none !important;
}
.table.ffp_table.input_items_table tfoot th {
padding-top: 1rem !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0 !important;
}
.bg-none {
background: none !important;
}