:root {
/* font */
--font-base: 'Open Sans', sans-serif;
--font-heading: 'Playfair Display', serif;
/* font weight */
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
/* color */
--color-primary: #0b84a9;
--color-secondary: #000;
--color-text: #000;
--color-text-inverse: #fff;
/* bg */
--color-bg-primary: #fff;
--color-bg-secondary: #f6f4f2;
/* transitions */
--transition-smooth: 0.3s ease;
/* border-radius */
--radius-base: 8px;
--radius-large: 14px;
--radius-pill: 20px;
--radius-round: 100%;
}

html, body{width:100%; margin:0; padding:0; font-size:16px; line-height:1.7; color:var(--color-text); background:#fff;}
*{font-family:var(--font-base); font-weight:var(--font-weight-regular); vertical-align:top; text-decoration:none; outline:none; border:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; box-sizing:border-box; -webkit-font-smoothing:antialiased;}
:focus,:focus-visible{outline:none !important;}::selection{background:var(--color-primary); color:var(--color-text);}picture{display:block;}

/* style */
h1, h2, h3, h4{margin:30px 0; font-family:var(--font-heading); color:var(--color-primary); font-weight:var(--font-weight-bold); line-height:1;}
h1:first-child, h2:first-child, h3:first-child, p:first-child, img:first-child{margin-top:0 !important;}
h1{font-size:2.2rem;}
h2{font-size:1.7rem; color:var(--color-secondary);}
h3{font-size:1.4rem;}
h4{font-size:1.2rem; margin:0; color:#aaa; text-align:center;}
p{margin:20px 0 0;}
strong, strong a{font-weight:var(--font-weight-bold);}
em{color:var(--color-text);}
u{text-decoration:underline;}
small, small a{vertical-align:middle;}
ol,ul{padding-left:16px;}
img{border-radius:var(--radius-base);}
input[type="radio"], input[type="checkbox"]{accent-color:var(--color-primary);}

/* buttons */
a, button, .uk-link{display:inline-block; color:var(--color-text); transition:var(--transition-smooth); cursor:pointer;}
.uk-link:hover, a:hover{color:var(--color-secondary); text-decoration:none;}
.c-linkbtn{display:inline-block; margin:30px 0 0; padding:0 24px; font-size:1rem; color:var(--color-text-inverse) !important; font-weight:var(--font-weight-bold); line-height:38px; text-decoration:none !important; background:var(--color-primary); border-radius:var(--radius-pill); border:0; white-space:nowrap;}
.c-linkbtn:hover{padding:0 25px; color:var(--color-text-inverse) !important; background:var(--color-secondary); text-decoration:none !important;}
.c-linkbtn-border{color:var(--color-primary) !important; background:none; border:1px solid var(--color-primary); white-space:nowrap;}
.c-linkbtn-border:hover{padding:0 25px; color:var(--color-secondary) !important; text-decoration:none !important; background:none; border:1px solid var(--color-secondary);}
p > .c-linkbtn{margin:10px 0 20px;}

/* forms */
.with_frm_style .form-field{margin-bottom:20px;}
.with_frm_style label{line-height:1.6 !important;}
.with_frm_style .frm_top_container .frm_primary_label{padding:0 0 5px; font-size:0.9rem; color:var(--color-text); font-weight:var(--font-weight-bold);}
.with_frm_style .frm_none_container{margin:0 !important;}
.with_frm_style fieldset:last-child{padding:0 !important;}
.with_frm_style input[type=text], .with_frm_style input[type=email], .with_frm_style input[type=tel], .with_frm_style input[type=number], .with_frm_style input[type=date], .with_frm_style input[type=url], .with_frm_style textarea, .with_frm_style select{width:100%; min-height:44px; padding:8px 12px; font-size:1rem; line-height:1; color:var(--color-text); background-color:var(--color-bg-secondary) !important; border:1px solid #ddd; border-radius:var(--radius-base); box-shadow:none !important;}
.with_frm_style select{padding:0 12px; line-height:42px; background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 99% 50% no-repeat transparent; cursor:pointer; -moz-appearance:none !important; -webkit-appearance:none !important; appearance:none !important;}
.with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio{display:inline-block; margin:5px 10px 0 0;}
.with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{font-size:1rem; color:var(--color-text);}
.with_frm_style textarea{padding:12px;}
.with_frm_style input:focus, .with_frm_style select:focus, .with_frm_style textarea:focus{color:var(--color-text) !important; background-color:var(--color-bg-secondary) !important; border-color:var(--color-primary) !important;}
.frm_style_formidable-style.with_frm_style .frm_submit button{padding:12px 34px; margin-bottom:0; font-size:1rem; color:var(--color-text-inverse) !important; font-weight:var(--font-weight-bold); background:var(--color-primary); border-radius:var(--radius-pill); border:0; box-shadow:none !important; transition:var(--transition-smooth);}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{padding:12px 36px; background:var(--color-secondary);}
.frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{padding:8px 26px; background:#aaa;}
.with_frm_style .frm_message, .frm_success_style{margin:30px 0 0 !important; font-size:0.9rem !important; background:none !important; border:1px solid var(--color-primary) !important; color:var(--color-primary) !important;}
.with_frm_style .frm_error{margin-top:5px;}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked{background:var(--color-primary) !important; border-color:var(--color-primary) !important;}
::placeholder{font-size:1rem !important; color:rgba(0,0,0,0.35) !important;}
/**/
.with_frm_style{--border-color-active:var(--color-primary) !important;}
.with_frm_style hr{margin:25px 0;}
.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{font-size:1.6rem; color:var(--color-primary);}
.frm_style_formidable-style.with_frm_style div.frm_description{margin-top:5px; font-size:0.8rem; color:var(--color-text); opacity:0.5;}
label[for=frm-gdpr-accept-55] a{text-decoration:underline !important;}

/* modal / lightbox */
.uk-modal-dialog{padding:35px; border-radius:var(--radius-base);}
.uk-modal-dialog svg{width:18px; color:var(--color-secondary); transition:var(--transition-smooth);}
.uk-modal-dialog svg:hover{color:var(--color-text);}
.uk-lightbox{background:var(--color-bg-secondary);}
.uk-lightbox-caption{left:0; font-size:0.9rem; color:var(--color-text-inverse); background:rgba(0,0,0,0.7);}
.uk-lightbox .uk-lightbox-counter{font-size:1rem; color:var(--color-text);}
.uk-lightbox .uk-dotnav>*>*{background:none; border-color:var(--color-primary);}
.uk-lightbox .uk-dotnav a:hover, .uk-light .uk-dotnav>.uk-active>*{background:var(--color-primary);}
.uk-lightbox .uk-close{color:var(--color-text);}

/* misc */
.post, .page{margin:0 !important;}
.uk-section.uk-padding-large{padding:40px 0;}
.uk-container{padding:0 30px;}
.c-gradient{position:absolute; right:0; bottom:0; left:0; height:60%; background:linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index:2;}
.c-gradient-rev{bottom:auto; top:0; background:linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);}
.uk-navbar-dropdown{width:auto; background:none; box-shadow:none;}
.grecaptcha-badge{z-index:-10; opacity:0;}.grecaptcha-logo iframe{margin:0 !important;}
.c-google-maps{width:100%; height:50vh;}
#signup-content{padding:80px 0; text-align:center;}
#signup-content input[type=text]{width:auto; background:#eee;}
#signup-content input[type=submit]{width:auto; padding:8px 30px; margin-bottom:0; font-size:1.1rem; color:var(--color-text-inverse) !important; background:var(--color-primary); border:0; border-radius:0; box-shadow:none !important; transition:var(--transition-smooth);}
#signup-content input[type=submit]:hover{background:var(--color-secondary) !important; cursor:pointer;}
.post-password-form{width:50%; margin:100px auto; text-align:center;}
.post-password-form label{line-height:36px; font-weight:var(--font-weight-bold);}
.post-password-form input[type=password]{width:auto; padding:0 10px; font-size:1rem; line-height:36px; background:var(--color-bg-primary);}
.post-password-form input[type=submit]{width:auto; padding:0 30px; margin-bottom:0; font-size:1rem; line-height:36px; color:var(--color-text-inverse) !important; background:var(--color-primary); border:0; border-radius:0; box-shadow:none !important; transition:var(--transition-smooth);}
.post-password-form input[type=submit]:hover{background:var(--color-secondary) !important; cursor:pointer;}
.cookieconsent-optout-marketing{position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%);}
.cookieconsent-optout-marketing p{text-align:center; color:var(--color-text-inverse);}
.cookieconsent-optout-marketing p a{text-decoration:none !important; opacity:0.5;}

/* anim */
@keyframes bounceArrow { 0%{transform:translate(-50%, 0); opacity:0.5;} 50% {transform:translate(-50%,5px); opacity:1;} 100% {transform:translate(-50%,0); opacity:0.5;} }


/** FRAMEWORK **/


.c-top{position:relative; padding:20px 0; text-align:center; background:var(--color-bg-secondary);}
.c-top .c-logo{display:inline-block; width:320px; height:37px; background:url(/wp-content/themes/hervormd-katwijk-mutaties/assets/img/logo.png) no-repeat center / contain; transition:var(--transition-smooth);}
.c-top .c-linkbtn{margin:0; font-size:0.9rem; line-height:32px;}
/* hero */
.c-hero{position:relative; background:#000; overflow:hidden;}
.c-hero .c-scroller{position:absolute; bottom:8px; left:50%; padding:20px; line-height:1; transform:translate(-50%, 0); z-index:4; animation:bounceArrow 1.5s ease-in-out infinite;}
.c-hero .c-scroller::before{display:block; content:''; width:2px; height:16px; background:var(--color-bg-primary); margin:0 auto;}
.c-hero .c-scroller span{display:block; width:0; height:0; margin:0 auto; border-style:solid; border-width:10px 7px 0 7px; border-color: var(--color-bg-primary) transparent transparent transparent;}
.c-hero .c-scroller:hover{opacity:1 !important;}
.c-hero .uk-container{position:relative; height:100%; z-index:3;}
.c-hero .c-content{position:absolute; bottom:50px; left:40px; width:80%; z-index:4;}
.c-hero .c-content p{margin:10px 0 0 0; font-size:1.4rem; line-height:1.1; font-weight:var(--font-weight-regular); color:var(--color-text-inverse); text-transform:uppercase;}
.c-hero .c-content p.c-title{font-family:var(--font-accent); font-size:4rem; text-transform:none;}
.c-hero .c-content .c-linkbtn{color:var(--color-text-inverse) !important; background:none; border:1px solid var(--color-text-inverse);}
.c-hero .c-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / cover; opacity:0.7; overflow:hidden; z-index:1;}
.c-hero .c-bg.c-bg-align-top{background-position:center top;}
.c-hero .c-bg.c-bg-align-bottom{background-position:center bottom;}
.c-hero .c-bg-no-txt{opacity:1;}
.c-hero ul{height:55vh;}
.c-hero-small ul{height:30vh;}
.c-hero-full .uk-slideshow-items{height: var(--hero-height, calc(100vh - 126px));} /* minus hoogte top+header. Zie ook /assets/js/cusom.js */
.c-hero-original .c-content{left:8% !important; bottom:10% !important;}
.c-hero-original picture, .c-hero-original img, .c-hero-original video{display:block; width:100%; height:auto; border-radius:0 !important;}

/* HOME */

.c-home .c-form{margin-top:40px;}

/* GALLERY */

.c-gallery{text-align:center; background:var(--color-bg-primary);}
.c-gallery img{width:100%;}
.c-gallery .uk-grid{margin-top:60px;}
.c-gallery .uk-grid:first-child{margin-top:0;}
.c-gallery .uk-grid div a:hover{opacity:0.9;}
.c-gallery .uk-grid div a:hover .c-gallery-desc{background:rgba(0,0,0,0.4);}
.c-gallery .c-item{position:relative; display:block; border-radius:var(--radius-base); overflow:hidden;}
.c-gallery .c-item .c-txt{padding:40px 0; text-align:right;}
.c-gallery .c-item .c-gallery-desc{position:absolute; bottom:0; left:0; right:0; padding:5px 10px; font-size:0.8rem; color:var(--color-text-inverse); text-align:center !important; background:rgba(0,0,0,0.2); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); transition:var(--transition-smooth);}

/* FLEXIBLE CONTENT */

.c-flexible-content h1{font-size:2rem; word-wrap:break-word; margin-bottom:30px;}
.c-flexible-content i{display:inline-block; margin-right:5px; font-size:0.8rem; vertical-align:middle;}
.c-flexible-content p{margin-top:30px;}
.c-flexible-content p a{text-decoration:underline;}
.c-flexible-content p a:hover, .c-flexible-content li a:hover{color:var(--color-text); text-decoration:underline;}
.c-flexible-content a.c-block{display:block;}
.c-flexible-content hr{margin:40px 0;}
.c-flexible-content .c-contentblok{margin:0 0 30px;}
.c-flexible-content .c-contentblok:last-child{margin:0;}
.c-flexible-content .c-text-to-right{flex-direction:column-reverse;}
.c-flexible-content img, .c-flexible-content iframe, .c-flexible-content table, .c-flexible-content .wp-video, .c-flexible-content .wp-playlist, .c-flexible-content .mejs-audio{min-width:100%; margin-top:30px; border-radius:var(--radius-base);}
.c-flexible-content iframe:first-child, .c-flexible-content table:first-child, .c-flexible-content .wp-video:first-child, .c-flexible-content .wp-playlist:first-child, .c-flexible-content .mejs-audio:first-child{margin-top:0;}
.c-flexible-content table td{padding-top:5px;}
.c-flexible-content table td:first-child{padding-right:10px;}
.c-flexible-content table tr:first-child td{padding-top:0;}
.c-flexible-content table.uk-table-divider td{padding:8px;}
.c-flexible-content table.uk-table-divider td:first-child{padding-left:0;}
.c-flexible-content .frm_forms{margin:30px 0;}
.c-flexible-content .frm_forms:first-child{margin-top:0;}
.c-flexible-content .frm_forms:last-child{margin-bottom:0;}
.c-flexible-content .wp-video video, .c-flexible-content .wp-playlist video{vertical-align:top !important; margin:0;}
.c-flexible-content .video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; background:#000;}
.c-flexible-content .video-container iframe, .c-flexible-content .video-container video{position:absolute; top:0; left:0; width:100%; height:100%;}
.c-flexible-content .audio-container audio{width:100%;}
.c-flexible-content .uk-slider{position:relative; border-radius:var(--radius-base);}
.c-flexible-content .uk-slider a{display:block;}
.c-flexible-content .uk-slider img{border-radius:0;}
.c-flexible-content .uk-slider .uk-slider-nav{position:absolute; right:20px; top:20px; z-index:2;}
.c-flexible-content .uk-slider .uk-dotnav>*>*{border-color:var(--color-text-inverse) !important;}
.c-flexible-content .uk-slider .uk-dotnav>*>:hover, .c-flexible-content .uk-slider .uk-dotnav>.uk-active>*{background:var(--color-text-inverse);}

/* FOOTER */

.c-bottom{padding:20px 0; background:var(--color-bg-secondary);}
.c-bottom p{float:left; width:100%; margin:0; font-size:0.8rem; text-align:center;}
.c-bottom p:last-child{float:right; margin-top:10px;}
.c-bottom p a{display:inline-block; color:var(--color-text); font-weight:var(--font-weight-bold);}
.c-bottom p a:hover{opacity:0.5;}
.c-bottom p span{display:block; margin:10px 0 0 0;}
.c-bottom p span a{margin:0 5px;}


/** RESPONSIVE **/


/*0 > 320*/
@media screen and (max-width:320px){
.uk-section.uk-padding-large{padding:24px 0;}
.uk-container{padding-left:20px !important; padding-right:20px !important;}
.c-top .c-logo{width:280px; height:32px;}
}
/*320 > 375*/
@media screen and (min-width:321px) and (max-width:375px){
}
/*375 > 480*/
@media screen and (min-width:376px) and (max-width:480px){
}
/*320 > 640*/
@media screen and (max-width:640px){
.uk-margin-large-top{margin-top:30px !important;}
.uk-margin-medium{margin-top:20px !important;}
.uk-grid-large>.uk-grid-margin{margin-top:26px;}
.uk-grid-medium>.uk-grid-margin{margin-top:20px;}
.uk-grid-column-medium, .uk-grid-medium{margin-left:-15px;}
.uk-grid-column-medium>*, .uk-grid-medium>*{padding-left:15px;}
.post-password-form{width:80%; margin:40px auto;}
.post-password-form label{display:block;}
.c-carousel-preview h2{padding-right:30px;}
.c-carousel-preview .uk-container{padding:0 0 0 30px;}
.c-carousel-preview .uk-slider{width:calc(100% + 30px); margin-left:-30px; padding:0 30px;}
.c-top .uk-container{padding-left:20px; padding-right:20px;}
.frm_style_formidable-style.with_frm_style .form-field{margin-bottom:10px;}
.c-item-pagination .uk-grid div.uk-width-expand a{width:100%;}
.c-linkbtn-full-m{width:100%; text-align:center; padding-left:0; padding-right:0;}
.c-top .uk-grid{justify-content:center;}
.c-hero .c-scroller{left:auto; right:-24px; transform:none;}
.c-hero .c-bg.c-bg-align-mobile-top{background-position:center top;}
.c-hero .c-bg.c-bg-align-mobile-bottom{background-position:center bottom;}
/* formulier */
.with_frm_style .vertical_radio .frm_radio{width:100%;}
.with_frm_style .vertical_radio .frm_radio .frm_label_button_container{justify-content:center;}
.with_frm_style .vertical_radio .frm_checkbox{width:100%; border-bottom:1px solid #eee; padding:2px 0 12px;}
.with_frm_style .vertical_radio .frm_checkbox:last-of-type{border:0;}
}
/*640 > 960*/
@media screen and (max-width:960px){
}
/*640>*/
@media(min-width:640px){
html, body{font-size:17px;}
h1{font-size:2.8rem;}
h2{font-size:2rem;}
h3{font-size:1.6rem;}
p{margin:30px 0 0;}
.uk-section.uk-padding-large{padding:40px 0;}
.uk-container{padding:0 60px;}
.c-item-pagination .uk-grid span{display:inline-block;}
.c-top .c-logo{width:474px; height:55px;}
.c-hero .c-content{left:60px; bottom:15%; width:600px;}
.c-hero ul{min-height:500px; height:50vh;}
.c-hero-small ul{min-height:auto; height:30vh;}
.c-flexible-content h1{margin-bottom:60px; font-size:2.6rem;}
.c-flexible-content .c-contentblok{margin:0 0 80px;}
.c-flexible-content .c-text-to-right{flex-direction:row-reverse;}
.c-bottom p span{display:inline-block; margin:0 0 0 20px;}
.c-bottom p span a{margin:0 10px;}
}
/*960>*/
@media(min-width:960px){
.uk-section.uk-padding-large{padding:60px 0;}
.c-hero ul{height:60vh;}
.c-hero-small ul{height:40vh;}
.c-bottom p{width:auto; text-align:left;}
.c-bottom p:last-child{margin:0;}
.c-bottom p span{margin:0 0 0 40px;}
.c-bottom p span a{margin:0 20px 0 0;}
}
/*1200>*/
@media(min-width:1200px){
.uk-section.uk-padding-large{padding:80px 0;}
.c-hero ul{height:60vh;}
.c-hero-small ul{height:35vh;}
}
/*1400>*/
@media(min-width:1400px){
.uk-section.uk-padding-large{padding:100px 0;}
}
/*1600>*/
@media(min-width:1600px){
}
/*1900>*/
@media(min-width:1900px){
}
/*2000>*/
@media(min-width:2000px){
}