html, body{width:100%; margin:0; padding:0; font-size:16px; line-height:1.4; color:#000; background:#f3edd7; overflow-x:hidden;}
*{font-family:'Poppins', sans-serif; font-weight:300; 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:#ccc; color:#000;}picture{display:block;}

/* fonts */
h1, h2, h3, h4{font-family:'Lobster', cursive; color:#448a90; font-weight:400; line-height:1;}
h1{font-size:2.4rem; margin-bottom:30px;}
h2{font-size:2.2rem; line-height:1; margin-bottom:30px;}
h3{font-size:1.8rem; margin:0;}
h4{font-size:1.5rem;}
p{margin:20px 0 0;}
p:first-child{margin-top:0;}
strong{font-weight:600;}
em{color:#000;}
u{text-decoration:underline;}
small{vertical-align:middle;}
ol,ul{padding-left:16px;}

/*buttons*/
.uk-link, a, button{display:inline-block; color:#000; transition:0.3s ease; cursor:pointer;}
.uk-link:hover, a:hover{color:#448a90; text-decoration:none;}
.c-linkbtn{display:inline-block; margin:30px 0 0; padding:0 28px; font-size:1rem; color:#fff !important; line-height:40px; font-weight:600; text-decoration:none !important; background:#e9bb47; white-space:nowrap; border-radius:30px;}
.c-linkbtn:hover{color:#fff !important; text-decoration:none !important; background-color:#448a90; padding:0 30px;}
.c-linkbtn-dark{background:#448a90;}
.c-linkbtn-dark:hover{background:#e9bb47;}
p > .c-linkbtn{margin:10px 0 20px;}


/*form*/
.frm_forms{margin-top:40px;}
.frm_style_formidable-style.with_frm_style .form-field{margin-bottom:20px;}
.with_frm_style .frm_top_container .frm_primary_label{padding:0 0 5px; font-size:0.9rem; color:#000; font-weight:600;}
.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 textarea, .with_frm_style select{padding:8px 12px; font-size:1rem; color:#000; background-color:#fff !important; border-color:#fff; border-radius:30px; box-shadow:none;}
.with_frm_style select{height:38px; padding:0 12px; 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; -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:#000;}
.with_frm_style textarea{padding:8px 12px;}
.with_frm_style input:focus{background:#f3f3f3 !important;}
.frm_style_formidable-style.with_frm_style .frm_submit button{padding:10px 28px; margin-bottom:0; font-size:1rem; color:#fff!important; font-weight:600; background:#e9bb47; border:0; border-radius:30px; transition:0.3s ease; box-shadow:none;}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover{background:#448a90; padding:10px 30px;}

/*misc*/
.post, .page{margin:0 !important;}
.uk-section.uk-padding-large{padding:30px 0;}
.c-notification{margin-bottom:40px; padding:10px; text-align:center; background:#e9bb47;}
.c-notification p{display:inline-block; color:#448a90; text-align:center;}
.c-notification a{display:block; margin:0; color:#448a90; text-decoration:underline;}
.c-notification a:hover{opacity:0.6;}
.grecaptcha-badge{z-index:1;} .grecaptcha-logo iframe{margin:0 !important;}
.c-maps iframe{width:100%; height:300px;}

/** FRAMEWORK **/

.c-upper{font-size:0.8rem; line-height:16px; padding-top:14px; padding-bottom:14px; background:#e9bb47;}
.c-upper p{margin:0; color:#fff;}
.c-upper a{color:#fff;}
.c-upper .c-usps{float:left;}
.c-upper .c-contact{float:right;}
.c-icon{display:inline-block; width:16px; height:16px; margin:0 5px 0 10px; background:no-repeat center / 16px 16px;}
.c-icon:first-child{margin-left:0 !important;}
.c-icon.c-icon-check{background-image:url(/wp-content/themes/camperverhuurkatwijk/assets/img/icons/check-white.svg);}
.c-icon.c-icon-phone{background-image:url(/wp-content/themes/camperverhuurkatwijk/assets/img/icons/phone-white.svg); background-size:19px 16px;}
.c-icon.c-icon-mail{background-image:url(/wp-content/themes/camperverhuurkatwijk/assets/img/icons/mail-white.svg);}
/* top */
.c-top{padding:20px 0; background:#f3edd7;}
.c-top .c-logo{display:block; width:223px; height:50px; background:url(/wp-content/themes/camperverhuurkatwijk/assets/img/logo.svg?v=2) no-repeat center / 223px 50px; transition:0.3s ease;}
.c-top nav ul{gap:0;}
.c-top nav li{padding:0 10px;}
.c-top nav li:last-child{padding-right:0;}
.c-top nav li a{position:relative; min-height:46px; font-family:'Lobster', cursive; font-size:1.4rem; font-weight:400; color:#448a90; text-transform:none; transition:0.3s ease;}
.c-top nav li a::after{position:absolute; content:""; bottom:8px; left:50%; width:0; height:2px; background:#448a90; border-radius:5px; transform:translate(-50%,0); opacity:0; transition:0.3s ease;}
.c-top nav li:hover a, .c-top nav li a:hover, .c-top nav li.current-menu-item a{color:#e9bb47;}
.c-top nav li a:hover::after, .c-top nav li.current-menu-item a::after, .c-top nav li.current-page-ancestor a::after{width:100%; opacity:1; background:#e9bb47;}
.c-top nav li.current-menu-item a:hover::after, .c-top nav li.current-page-ancestor a:hover::after{background:#e9bb47; width:90%;}
.c-top nav .uk-navbar-dropdown{width:auto; background:#eee; box-shadow:none;}
.c-top nav .uk-navbar-dropdown li{padding:0 0 20px; list-style:none;}
.c-top nav .uk-navbar-dropdown li a::after{display:none;}
.c-top nav .uk-navbar-dropdown li a{display:block; min-height:auto; line-height:1; white-space:nowrap;}
.c-top nav .uk-navbar-dropdown li:last-child{padding-bottom:0;}
.c-top nav .uk-navbar-dropdown li a:hover, .c-top nav .uk-navbar-dropdown li.current-menu-item a{opacity:0.4;}
/* hero */
.c-hero{position:relative; background:#21686e; overflow:hidden;}
.c-hero ul{min-height:550px !important;}
.c-hero .uk-container{position:relative; height:100%; z-index:2;}
.c-hero .c-content{text-align:center;}
.c-hero .c-content p{margin:20px 0 0; font-size:1rem; font-weight:600; color:#fff;}
.c-hero .c-content p.title{margin:0; font-family:'Lobster', cursive; font-size:2rem; line-height:1; font-weight:400;}
.c-hero .c-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center / cover; opacity:0.1; z-index:1;}
.c-hero-small ul{min-height:140px !important;}
.c-hero-home ul{min-height:50vh !important;}
.c-hero-home .c-content{margin-top:70px;}
.c-hero-home .c-content p.title{font-size:2.2rem; padding:0 20px;}
.c-hero-home .c-content p{margin-top:5px; padding:0 10px;}
.c-hero-home .c-content .c-linkbtn{margin-top:20px;}
.c-hero-home .c-bg{opacity:0.6; background-position:bottom;}

/* FLEXIBLE CONTENT */

.c-flexible-content{position:relative;}
.c-flexible-content h1{font-size:2.2rem; margin:0 0 30px;}
.c-flexible-content h2{font-size:1.6rem; margin:30px 0 0;}
.c-flexible-content h3{font-size:1.5rem; margin:30px 0 0;}
.c-flexible-content h2:first-child, .c-flexible-content h3:first-child{margin-top:0;}
.c-flexible-content p a{text-decoration:underline;}
.c-flexible-content .c-contentblok{margin:0 0 50px;}
.c-flexible-content .c-contentblok:last-child{margin:0;}
.c-flexible-content .uk-grid{margin-top:30px;}
.c-flexible-content .uk-grid img, .c-flexible-content .c-imageblok img{margin-top:0;}
.c-flexible-content .c-text-to-right{flex-direction:column-reverse;}
.c-flexible-content .c-imageblok{flex-wrap:wrap; gap:20px;}
.c-flexible-content .c-imageblok a{width:100%; background:#f3f3f3;}
.c-flexible-content .c-imageblok.c-wrap-images{flex-wrap:wrap; gap:0;}
.c-flexible-content .c-imageblok.c-wrap-images a{width:49%;}
.c-flexible-content .c-imageblok.c-wrap-images a:nth-child(n+3){margin-top:10px;}
.c-flexible-content img, .c-flexible-content .frm_forms, .c-flexible-content iframe{width:100%; margin-top:30px;}
.c-flexible-content iframe{height:500px;}

/* GALLERY */

.c-gallery{background:#ebe4cb;}
.c-gallery a{position:relative;}
.c-gallery .c-gallery-desc{position:absolute; bottom:0; left:0; width:100%; padding:5px 10px; font-size:0.8rem; color:#fff; text-align:center; background:rgba(0,0,0,0.2); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); transition:0.3s ease;}
.c-gallery img{width:100%;}
.c-gallery a:hover .c-gallery-desc{background:rgba(0,0,0,0.4);}

/* CAMPERS */

.c-campergrid .c-wrapper:nth-of-type(2n){flex-direction:row-reverse;}
.c-campergrid .c-wrapper .c-item{position:relative;}
.c-campergrid .c-wrapper img{border-radius:15px;}
/* items */
.c-camperpage h3{margin-top:40px;}
.c-camperpage h3:first-child{margin-top:0;}
.c-camperpage .uk-slideshow-items{border-radius:15px;}
.c-camperpage .uk-thumbnav{margin-left:-10px;}
.c-camperpage .uk-thumbnav li{margin-left:10px; padding:0; border-radius:5px; overflow:hidden;}
.c-camperpage-accordion{background:#e9bb47;}
.c-camperpage-accordion h2{margin-bottom:0; line-height:60px; transition:0.3s ease;}
.c-camperpage-accordion h3{color:#fff; line-height:60px; transition:0.3s ease;}
.c-camperpage-accordion h2:hover, .c-camperpage-accordion h3:hover{opacity:0.6;}
.c-camperpage-accordion .uk-accordion-title{height:60px;}
.c-camperpage-accordion .uk-accordion>:nth-child(n+2){margin-top:10px;}
.c-camperpage-accordion .uk-accordion>:nth-child(1){margin-bottom:30px;}
.c-camperpage-accordion .uk-accordion-title::before{width:20px; height:60px; background-size:20px 20px;}
/* calendar */
.c-calendar-style .air-datepicker.-inline-{width:100%; border-color:#fff; overflow:hidden;}
.c-calendar-style .air-datepicker-nav{background:#ebe4cb; border-color:#fff;}
.c-calendar-style .air-datepicker-nav--title, .c-calendar-style .air-datepicker-nav--title i{font-weight:600; color:#000;}
.c-calendar-style .air-datepicker-nav--action:hover, .c-calendar-style .air-datepicker-nav--title:hover{font-weight:600; background:#f3edd7;}
.c-calendar-style .air-datepicker--content{background:#f3edd7;}
.c-calendar-style .air-datepicker-body--day-name{font-weight:600; color:#448a90;}
.c-calendar-style .air-datepicker-cell{position:relative; color:#000; border-radius:0;}
.c-calendar-style .air-datepicker-cell:hover{background:#ebe4cb;}
.c-calendar-style .air-datepicker-cell.-selected-, .c-calendar-style .air-datepicker-cell.-selected-:hover, .air-datepicker-cell.-selected-.-current-{background:#448a90 !important;}
.c-calendar-style .air-datepicker-cell.-current-{color:#e9bb47; font-weight:600;}
.c-calendar-style .air-datepicker-cell.-year-.-other-decade-, .c-calendar-style .air-datepicker-cell.-day-.-other-month-{color:#000; opacity:0.3;}
/* calendar colors */
.c-calendar-style .air-datepicker-cell.bezet-class::after, 
.c-calendar-style .air-datepicker-cell.in-optie-class::after{position:absolute; content:""; top:50%; left:50%; width:24px; height:24px; border-radius:100%; transform:translate(-50%,-50%); z-index:-1;}
.c-calendar-style .air-datepicker-cell.bezet-class{color:#fff;}
.c-calendar-style .air-datepicker-cell.bezet-class::after{background:#bf4242;}
.c-calendar-style .air-datepicker-cell.in-optie-class{color:#000;}
.c-calendar-style .air-datepicker-cell.in-optie-class::after{background:#ccc;}
.c-legenda{margin-top:20px; font-size:0.8rem; text-align:right; line-height:16px;}
.c-legenda span{display:inline-block; width:16px; height:16px; border-radius:5px;}
.c-legenda span.c-legenda-in-option{background:#ccc;}
.c-legenda span.c-legenda-occupied{margin-left:10px; background:#bf4242;}

/* TARIEVEN */

.c-pricingtable{color:#fff; background:#e9bb47;}
.c-pricingtable h1, .c-pricingtable a{color:#fff;}
.c-pricingtable .c-notification{background:#fff; border-radius:10px;}
.c-pricingtable .c-pricing{background:#fff; padding:30px; text-align:center; border-radius:10px;}
.c-pricingtable .c-pricing p{font-size:1rem; color:#e9bb47;}
.c-pricingtable .c-pricing p strong{display:block; margin-top:5px; font-size:1.5rem; color:#448a90; line-height:1;}
.c-pricingtable .c-note{margin-top:20px;}
.c-pricingtable .c-note p{text-align:center; font-size:0.9rem;}
.c-pricingtable .c-note p a{text-decoration:underline;}
.c-pricingtable .c-note p a:hover{color:#448a90;}
/* campers */
.c-campergrid.c-pricing .c-wrapper:nth-of-type(2n){flex-direction:row;}

/* FOOTER */

.c-prefooter{background:#e9bb47;}
.c-prefooter .uk-grid-margin.uk-first-column{margin-top:20px;}
.c-prefooter p, .c-prefooter a, .c-prefooter label{color:#fff !important;}
.c-prefooter p{margin-top:10px;}
.c-prefooter p.title{font-family:'Lobster', cursive; font-size:2.2rem; line-height:1; margin:0 0 20px; color:#448a90 !important;}
.c-prefooter br{display:none;}
.c-prefooter a:hover{opacity:0.6;}
.c-prefooter .frm_forms, .c-prefooter .form-field{margin:0;}
.c-prefooter #frm_field_33_container{margin:0 !important;}
.c-prefooter button{margin-top:0 !important; background:#448a90 !important;}
.c-prefooter button:hover{background:#3a7e84 !important;}
/* footer */
.c-footer{position:relative; padding:120px 0; font-size:1rem; line-height:1; background:#448a90;}
.c-footer h4{position:relative; margin:0 0 20px; color:#fff;}
.c-footer p{margin:0; line-height:1.7; color:#fff;}
.c-footer a{color:#fff;}
.c-footer a:hover, .c-footer li.current_page_item a{color:#e9bb47;}
.c-footer .c-icon{height:24px; margin-left:0; vertical-align:middle;}
/**/
.c-bottom{padding:20px 0; background:#3a7e84;}
.c-bottom p{float:left; width:100%; margin:0; font-size:0.8rem; color:#fff; text-align:center;}
.c-bottom p:last-child{float:right; margin-top:10px;}
.c-bottom p a{display:inline-block; color:#fff;}
.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;}

/* MOBILE NAV */

.uk-offcanvas-container, .uk-offcanvas-page{overflow:auto !important;}
.uk-open > .uk-offcanvas-reveal, .uk-offcanvas-bar{width:320px !important;}
.uk-offcanvas-bar{display:flex; align-items:flex-end; padding:30px; background:#dfb13e;}
#mobile-nav ul{width:100%;}
#mobile-nav ul li{position:relative; margin:20px 0; line-height:1;}
#mobile-nav ul li:last-child{margin-bottom:0;}
#mobile-nav ul li a{display:inline-block; padding:0; font-family:'Lobster', cursive; font-size:1.6rem; font-weight:400; color:#448a90; line-height:1; text-transform:none; transition:0.3s ease;}
#mobile-nav ul li span{position:absolute; right:0; top:9px; width:16px; height:2px; background:#fff; transition:0.3s ease;}
#mobile-nav ul li span::after{position:absolute; content:""; right:7px; top:-7px; width:2px; height:16px; background:#fff; transition:0.3s ease;}
#mobile-nav ul li span::before{position:absolute; content:""; right:-4px; top:-10px; width:24px; height:24px;}
#mobile-nav ul li.uk-open span{transform:rotate(90deg); background:#448a90;}
#mobile-nav ul li ul.sub-menu{margin:0; padding:0 0 20px;}
#mobile-nav ul li ul.sub-menu li{margin:10px 0; line-height:1;}
#mobile-nav ul li ul.sub-menu li a{font-size:1.1rem; opacity:0.7;}
#mobile-nav li.current-menu-item > a, #mobile-nav li.current-menu-ancestor > a{opacity:0.3;}
/*hamburger*/
.c-hamburger{position:absolute; top:37px; right:10px; width:22px; height:16px; margin-right:20px; padding:0; z-index:1001;}
.c-hamburger span{position:absolute; width:22px; height:2px; background:#e9bb47; transition:0.3s ease;}
.c-hamburger span:nth-of-type(1){top:0px;}
.c-hamburger span:nth-of-type(2){top:7px;}
.c-hamburger span:nth-of-type(3){bottom:0;}
.c-hamburger::after{position:absolute; content:""; top:50%; left:50%; width:48px; height:48px; background:#448a90; z-index:-1; border-radius:100%; transform:translate(-50%,-50%); transition:0.3s ease;}
/*active*/
.c-hamburger.active span{background:#448a90;}
.c-hamburger.active span:nth-of-type(1){transform:rotate(-45deg); top:7px; width:22px;}
.c-hamburger.active span:nth-of-type(2){opacity:0;}
.c-hamburger.active span:nth-of-type(3){transform:rotate(45deg); bottom:7px; width:22px;}
.c-hamburger.active::after{background:#dfb13e;}


/** RESPONSIVE **/


/*0 > 320*/
@media screen and (max-width:320px){
}
/*320 > 640*/
@media screen and (max-width:640px){
.uk-container{padding-left:30px; padding-right:30px;}
.c-upper .uk-container, .c-top .uk-container{padding-left:20px; padding-right:20px;}
.c-pricingtable .uk-grid-margin.uk-first-column{margin-top:10px;}
.c-camperpage-accordion .uk-grid div:last-child{margin-top:20px;}
}
/*640 > 960*/
@media screen and (max-width:960px){
.grecaptcha-badge{display:none !important;}
}
/*640>*/
@media(min-width:640px){
.c-hero-small ul{min-height:250px !important;}
.c-hero-home ul{min-height:40vh !important;}
.c-hero-home .c-content p.title{font-size:3rem; padding:0;}
.c-hero-home .c-content p{padding:0;}
.c-flexible-content h1{font-size:2.5rem; margin:0 0 50px;}
.c-flexible-content h2{font-size:2rem; margin:40px 0 0;}
.c-flexible-content .c-text-to-right{flex-direction:row-reverse;}
.c-flexible-content .c-imageblok{flex-wrap:nowrap;}
.c-flexible-content .c-imageblok.c-wrap-images a{width:32%;}
.c-flexible-content .c-imageblok.c-wrap-images a:nth-child(n+3){margin-top:0;}
.c-flexible-content .c-imageblok.c-wrap-images a:nth-child(n+4){margin-top:20px;}
.c-prefooter p.title{font-size:2.5rem;}
.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-notification a{display:inline-block; margin-left:20px;}
.c-icon{margin:0 5px 0 20px;}
.c-hero .c-content p{font-size:1.2rem;}
.c-hero .c-content p.title{font-size:3rem;}
.c-hero-home ul{min-height:60vh !important;}
.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){
html, body{font-size:17px; line-height:1.5;}
h1{font-size:3rem;}
h2{font-size:2.8rem;}
.uk-section.uk-padding-large{padding:100px 0;}
.c-top .c-logo{width:250px; height:56px; background-size:250px 56px;}
.c-top nav li{padding:0 22px;}
.c-top nav li a{font-size:1.5rem;}
.c-hero-home .c-content p.title{font-size:4rem;}
.c-hero-home ul{min-height:70vh !important;}
.c-hero-small ul{min-height:350px !important;}
.c-maps iframe{height:500px;}
.c-pricingtable .c-pricing p strong{font-size:1.8rem;}
.c-prefooter br{display:block;}
}
/*1400>*/
@media(min-width:1400px){
}
/*1600>*/
@media(min-width:1600px){
.c-hero-home .c-content{margin:0;}
}
/*1900>*/
@media(min-width:1900px){
.c-hero-home .c-content{margin:50px;}
}
/*2000>*/
@media(min-width:2000px){
.c-hero-home .c-content{margin:0;}
}