/* Topbar */
#infobalk {background: var(--altbg);padding:6px 0;}
#infobalk .socialh {display:none;}
#infobalk .topbar-lr {display: flex;justify-content:space-between;color: white;}
#infobalk .topbar-lr * {color: white;margin-bottom: 0;padding: 2px 0;font-size:15px;}
#infobalk .topbar-lr .left, #infobalk .topbar-lr .right {padding-top:0;padding-bottom:0;}
#infobalk .topbar-lr p {margin-top: 0;}
#infobalk .topbar-lr i.fab {font-size:18px;margin-right: 5px;}
#infobalk .topbar-lr strong a,
#infobalk .topbar-lr a strong,
#infobalk .topbar-lr b a,
#infobalk .topbar-lr a b {margin:0;padding:10px 32px;border-radius:0;}
#infobalk .topbar-lr .left {display:flex;align-items: center;}
#infobalk .topbar-lr .left > * {margin-right: 20px;}
#infobalk .topbar-lr .right {display:flex;align-items: center;}
#infobalk .topbar-lr .right > * {margin-left: 20px;}
@media (max-width: 768px) {
#infobalk .mobile-hidden {display:none !important;}
#infobalk .topbar-lr {justify-content:center;flex-direction:column;}
#infobalk .topbar-lr * {font-size: 13px;}
#infobalk .topbar-lr .right, #infobalk .topbar-lr .left {text-align:center;justify-content:center;}
#infobalk .topbar-lr .right > * {margin-left:0;}
}

/* header */
header {background:var(--darkerMain);position:relative;overflow:hidden;display:flex;justify-content:center;}
header .img {position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
header .img:before {content:"\f7d8";font-family:var(--icons);font-size:10rem;opacity:0.1;color:white;position:absolute;left:-2rem;bottom:-2rem;}
header .img:after {content:"";display:block;width:100%;height:100%;z-index:2;background:linear-gradient(rgba(0 0 0 / 0.75), rgba(0 0 0 / 0));position:absolute;top:0;}
header .img picture, header .img img {display:block;width:100%;height:100%;object-fit:cover;}
header .overlay {position:absolute;top:0;z-index:3;margin:0 auto;display:flex;height:100%;width:100%;align-items:center;}
header .overlay * {color:white;}
header .overlay .container {width:100%;}
header .overlay .intro {}
header .overlay .intro h1 {text-transform:uppercase;font-size:42px;font-weight:900;}
header .overlay .tekstvak .btn-primary {font-weight:bold;width:auto;width:fit-content;text-align:center;}
@media (min-width:992px) {
body header {height:24rem;}
}
@media (max-width:992px) {
body header {max-height:unset;height:auto;min-height:22rem;}
header .img img {min-height:40vh;}
}

/* callnow */
.call-now {background:whitesmoke;padding:2rem 0;}
@media (min-width:992px) {
.call-now p {max-width:calc(var(--container) * 2);min-width:520px;}
}

/* shortcode *//* phonebox */
.contactbox {display:flex;flex-direction:column;max-width:824px;}
.phonebox {display:flex;flex-direction:row;align-items:center;}
.phonebox i {font-size:2.5rem;margin-right:1rem;}
.phonebox .content {display:flex;flex-direction:column;}
.phonebox .content a {color:var(--mainColor);font-weight:900;font-size:32px;}
.phonebox .content .beschikbaar {background:var(--subColor);color:white;padding:0.25rem 1rem;border-radius:20px;max-width:fit-content;font-size:12px;}
.phonebox.email .content a {font-size:var(--regular);line-height:1;margin-top:5px;}
@media (min-width:1200px) {
.contactbox {flex-direction:row;}
.phonebox.email {margin-left:2rem;}
}
@media (min-width:992px) {
.contactbox {margin-left:var(--container);}
}
@media (max-width:350px) {
.page-template-contact .contactbox {transform:scale(0.9);padding:0 !important;}
.page-template-contact .phonebox {align-items:flex-start;}
.page-template-contact .phonebox i {font-size:1.5rem;margin-right:0.5rem;margin-top:1rem;}
}

/* breadcrumbs */
.breadcrumb {background:none;padding-left:0;}
ol.breadcrumb {margin-left:0;}
.breadcrumb li {color: var(--fontcolor);text-decoration: none;padding: 10px 0;}
.breadcrumb li:first-child:after {content:' / ';margin-right: 8px;margin-left: 0;}
.breadcrumb li a {text-decoration: none;}
#breadcrumbs {margin: 0;padding: 8px 0;} /* Yoast SEO */
@media screen and (max-width: 992px) {
#myTopnav a{display: none;}
.nav-overlay {height: 0%;width: 100%;position: fixed;z-index: 1;top: 0;left: 0;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 0.9);overflow-y: hidden;transition: 0.5s;}
.nav-overlay-content {position: relative;top: 25%; width: 100%;text-align: center;margin-top: 30px;}
.nav-overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.nav-overlay .closebtn {position: absolute;right: 8px;top: -20px;font-size: 60px;}
.box.flex {display: flex;justify-content: center;align-items: center;}
.box {padding-right: 0.5rem;padding-left: 0.5rem;box-shadow: 2px 2px 5px rgba(0,0,0,0.03);border-radius: 4px;}
.menu{list-style-type: none;text-align: center;}
.breadcrumb .container {padding-left:0 !important;}
body > section.breadcrumb > .container {padding-left:20px !important;}
}
@media screen and (min-width: 993px) {
.mobile-nav{display: none;}
}

/* usp */
.container.mobile-full {position:relative;}
.usps {display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;padding:10px 0;}
.usps .usp {display:flex;flex-direction:row;align-items:center;padding:4px 20px;}
.usp.bar {background:var(--subColor);}
.usp.bar * {color:white;}
.usp.float {background:var(--subColor);z-index:8;padding:2rem;box-shadow:var(--shadow);}
.usp.float .h3 {color:white;font-weight:bold;}
.usp.float .icon *,
.usp.float .tekstregel {color:white;}
.usp.float .usps {flex-direction:column;}
.usp.float .usps .usp {padding-left:0;padding-right:0;padding-top:2px;}
.usp.float .usps .usp .icon {margin-right:6px;}
.usp.float .usps .usp i {font-size:1.5rem;}
.usp.float .rpi .rpi-badge {box-shadow:none;}
.usp.float .rpi .rpi-badge-line {display:none;}
@media (min-width:992px) {
.usps .usp {padding:10px 32px;}
.usp.float {position:absolute;right:0;margin-top:-14rem;max-width:var(--container);min-width:320px;}
}
@media (max-width:992px) {
.container.mobile-full {padding:0 !important;}
}

/* content */
@media (min-width:992px) {
.tekstvak {max-width:calc(var(--container) * 2);min-width:520px;}
}

/* left right *//* leftright.php */
.leftright {display:flex;width:100%;margin:100px 0;}
.leftright h2:first-letter {text-transform:capitalize;}
.leftright .tekstblok {padding: 0px 50px 50px 50px;max-width: 610px;display:flex;flex-direction:column;justify-content:center;height:100%;}
.leftright .left {width: 50%;display:flex;justify-content:flex-end;}
.leftright .left:not(.img), .leftright .right:not(.img) {padding: 25px 0 50px;}
.leftright .right {width: 50%;}
.leftright .img {overflow:hidden;display:flex;justify-content:center;border-radius:14px;box-shadow:var(--shadow);}
.leftright .img picture, .leftright .img img {max-height:550px;object-fit:cover;width:100%;height:100%;}
.leftright .img .fit, .leftright .img .fit img {object-fit:contain;}
.leftright.darkmode {background: var(--altbg);}
.leftright.darkmode * {color: white;}
.leftright.lightmode {}
.leftright.lightmode .tekstblok {padding: 0px 50px 0px 50px;max-width: 648px;display:flex;flex-direction:column;justify-content:center;height:100%;width:auto;}
.leftright .tekstblok > strong:nth-child(1) {color:var(--mainColor);}
.leftright .tekstblok h2:nth-child(2) {margin-top:0;}
.leftright.lightmode .left .tekstblok {padding-left:0;}
.leftright.lightmode .right .tekstblok {padding-right:0;}
@media (max-width:1400px) and (min-width:992px) {
.leftright.rightleft .left .tekstblok {padding-left:20px;}
}
@media (max-width:992px) {
.leftright.lightmode .left .tekstblok {padding-left:20px;}
}
@media (max-width: 768px) {
.leftright {flex-direction:column;margin: 50px 0;}
.leftright.rightleft {flex-direction:column-reverse;}
.leftright .left:not(.img), .leftright .right:not(.img) {padding-top:0;}
.leftright.darkmode h2:first-of-type {margin-top:0;}
.leftright.lightmode .left:not(.img), .leftright.lightmode .right:not(.img) {padding:0 20px;}
.leftright .tekstblok {padding: 0;max-width:unset;}
.fullwidth-template .leftright .tekstblok {padding:25px;}
.fullwidth-template .leftright.lightmode .tekstblok {padding:0;}
.fullwidth-template section.container .leftright .tekstblok {padding:0;}
.leftright.full .tekstblok {padding:25px;}
.leftright .left {width:auto;}
.leftright .right {width:auto;}
.leftright .img picture, .leftright .img img {width:100%;min-height:200px;object-fit:cover;}
.leftright img {margin-bottom:25px;}
.home .leftright.lightmode .left:not(.img), .leftright.lightmode .right:not(.img) {padding:0;}
.home .leftright.lightmode .tekstblok {padding:16px 0 0px !important;}
.home .leftright.lightmode .tekstblok h2 {margin-top:0;}
.page-template .leftright.lightmode .right .tekstblok {padding-left:0;}
}

/* superblock *//* superblock.php */
.superblock.leftright .miniblock .tekstblok p:nth-child(1) strong {color:var(--subColor);}
.superblock.leftright .miniblock .tekstblok h2:nth-child(2) {margin-top:0;}
.superblock.leftright .miniblock.img {display:flex;flex-direction:column;}
.superblock.leftright .miniblock.img > p {margin:0;height:100%;line-height:0;font-size:0;margin-block-start:1em;margin-block-end:1em;}
.superblock.leftright .miniblock.img > p:has(> br),
.superblock.leftright .miniblock.img > p:has(> [data-filler]) {display:none;}
@media (min-width:768px) {
.superblock.leftright .miniblock:nth-child(1) .tekstblok {margin-left:auto;}
.superblock.leftright .miniblock:first-child:nth-last-child(1), .superblock.leftright .miniblock:first-child:nth-last-child(1) ~ .miniblock {margin:0 auto;}
}
.superblock.leftright.thirty-seventy {}
.superblock.leftright.thirty-seventy .miniblock:nth-child(1) {width:30%;}
.superblock.leftright.thirty-seventy .miniblock:nth-child(2) {width:70%;}
.superblock.leftright.thirty-seventy .miniblock .tekstblok {max-width:unset;}
.superblock.leftright.thirty-seventy-reverse {}
.superblock.leftright.thirty-seventy-reverse .miniblock:nth-child(1) {width:70%;}
.superblock.leftright.thirty-seventy-reverse .miniblock:nth-child(2) {width:30%;}
.superblock.leftright .miniblock {width:50%;}
.superblock.leftright:not(.darkmode) .miniblock:nth-child(1) .tekstblok {padding-left:0;}
.superblock.leftright.darkmode .miniblock .tekstblok h2:first-child {margin-top:0;}
.superblock.leftright .miniblock.video {}
.superblock.leftright .miniblock.video iframe {display:block;width:100%;height:24.75rem;}
@media (max-width: 922px) {
.superblock.leftright .img picture, .superblock.leftright .img img {max-height:unset;}
}
@media (max-width: 768px) {
.superblock.leftright .miniblock {width:100%;}
.superblock.leftright .miniblock.text {padding:20px 0;order:2;width:calc(100% - 40px);}
.superblock.leftright.lightmode .miniblock.text {width:calc(100%);padding-top:0;}
.superblock.leftright .miniblock.img {order:1;}
.superblock.leftright .miniblock img {margin-bottom:0;display:block;}
}

/* referenties */
.referenties {background:whitesmoke;padding:2.5rem 0 2.5rem;}
.referenties .heading-center .content {color:var(--subColor);}
.referenties .swiper-logos {margin-top:2.5rem;padding-bottom:2.5rem;}
/* .swiper-backface-hidden .swiper-slide {border:1px solid white;padding:1rem;} */
/* .swiper-backface-hidden .swiper-slide .reactions {padding:0 0 0 20px;border-left:8px solid var(--fontcolor);} */
.swiper-backface-hidden .swiper-slide .reactions .reaction-content p {font-style:italic;}
.swiper-backface-hidden .swiper-slide .reactions .reaction-content > p:first-child:before {content:"“ ";}
.swiper-backface-hidden .swiper-slide .reactions .reaction-content > p:last-child:after {content:" ”";}
/* .referenties .swiper-pagination-bullet-active {background:white;} */
.recents {overflow:hidden;}
.recents .swiper-wrapper .latest .linktoblog {padding:2rem;}
@media (min-width:768px) {
.swiper-backface-hidden .swiper-slide {max-width:calc(100% / 3);}
}

/* faq */
.faq {margin-bottom:5rem;padding-top:2rem;}
.faqvak {max-width:824px;margin:0 auto;}
.faqvak.lokaal .intro {position:relative;}
.faqvak.lokaal .intro > i {position:absolute;font-size:10rem;top:5rem;transform:rotate(-25deg);opacity:0.1;right:-2.5rem;}

/* locaties */
section.locaties {background:var(--softbg);display:flex;flex-direction:column;}
section.locaties .infobox {padding:5rem 20px;margin-left:var(--container);}
section.locaties .infobox strong:nth-child(1) {color:var(--subColor);}
section.locaties .infobox h2:nth-child(2) {margin-top:0;}
section.locaties .infobox .list {display:flex;flex-direction:row;flex-wrap:wrap;margin:12px 0;}
section.locaties .infobox .list .listitem {width:100%;}
section.locaties .infobox .list.triple .listitem {display:flex;flex-wrap:wrap;}
section.locaties .infobox .list.triple .listitem > p {width:100%;margin-bottom:4px;}
section.locaties .infobox .list.triple .listitem > p:empty {display:none;}
section.locaties .infobox .list.triple .listitem > p:nth-child(1n+19) {display:none;}
section.locaties .infobox .list .listitem p {margin-top:0;}
section.locaties .infobox .list .listitem p:before {content:"\f3c5";font-family:var(--icons);padding-right:4px;}
section.locaties .infobox .list .listitem p:empty:before {content:none;}
section.locaties .maps p,
section.locaties .maps iframe {width:100%;height:100%;margin-top:0;}
@media (min-width:342px) {
section.locaties .infobox .list.triple .listitem > p{width:calc(100% / 2);}
}
@media (min-width:768px) {
body section.locaties .infobox {width:100%;padding-right:32px;padding-left:0;}
section.locaties .infobox .list.triple .listitem > p{width:calc(100% / 3);}
section.locaties .maps {min-width:50%;max-width:50%;}
}
@media (min-width:992px) {
section.locaties {flex-direction:row;}
section.locaties .infobox .list {flex-wrap:nowrap;}
}

/* latest posts *//* recent-blogs.php */
.recent-blogs {margin: 50px 0;}
.recents {display: flex;margin: 0 auto;width:100%;flex-wrap:wrap;}
.recents a.linktoblog:hover {text-decoration: none;color: inherit;}
.recents > .latest a.linktoblog > div {overflow:hidden;}
.recents > .latest a.linktoblog > div > p {margin-top:0;}
.recents > .latest {margin: 1.5%; width:30%;box-shadow: 0 0 10px rgba(0 0 0 / 0.1);}
.recents > .latest img {width:100%;height:16rem;object-fit:cover;transition:var(--transition);}
.recents > .latest a.linktoblog:hover img {transform:scale(1.1);}
.recents > .latest h3 {text-align:left;}
.recents > .latest .excerpt-content {padding: 25px;}
.recents > .latest .excerpt-content * {color:var(--fontcolor);}
@media (max-width: 992px) {
.recent-blogs h2 {margin-bottom:20px;}
.recents {flex-direction:column;}
.recents > .latest {margin:0;margin-bottom:32px;width:100%;}
}

/* gutenberg */
.gutenberg.container {margin-top:50px;margin-bottom:50px;}
@media (max-width:768px) {
.wp-block-columns {flex-direction:column;}
}