/*
Theme Name:  Groei.Site child
Description: Doelbewust Klantenthema Custom opmaak
Author:      Doelbewust Online Marketing
Author URI:  https://doelbewust.nl/
Template:    dbtheme
Version:     1.0.0
Text Domain: dbtheme-child
*/

:root {
/* colors */
/* 	--altbg: var(--subColor); */
	--softbg: #D9F1FB;
/* 	--gray: var(--subColor); */
	--mainColor: #009FE3;
	--darkerMain: #006994;
	--subColor: #9CCFB2;
	--darkerSub: #CEE7D8;
	--fontcolor: #000000;
	--family: "Plus Jakarta Sans", sans-serif;
	
	--geel: #F9B756;
	--groen: #9BCEB1;
	--paars: #B793C4;
	--rood: #FAA08C;
}

/* typography */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {font-weight:900;}
h2, .h2, h2 b, h2 strong, .h2 b, .h2 strong, h2 mark {font-size:28px;}

/* navigation */
#infobalk {z-index:9;position:relative;display:none;}
nav#nav {box-shadow:var(--shadow);}
.topnav .site-logo img {width:280px;height:56px;}
.topnav .site-logo .name {font-size:24px;padding:12px 0;display:block;margin:0;}
nav#nav #menu-hamburger .btn a {background:none;border:none;width:100%;}

@media (max-width:1400px) and (min-width:992px) {
.topnav .site-logo .name {font-size:16px;}
}
@media (max-width:552px) {
.topnav .site-logo .name {font-size:16px;}
}

/* navigation *//* breadcrumbs */
section.breadcrumbs {padding-top:6px;background:none;}
section.breadcrumbs .breadcrumb {background:none;}

/* header */
header {background:var(--mainColor);}
header.fancy-header {position:relative;overflow:visible;background:var(--mainColor);margin-bottom:3.5rem;}
body.radio--geel header.fancy-header {background:var(--geel);}
body.radio--groen header.fancy-header {background:var(--groen);}
body.radio--paars header.fancy-header {background:var(--paars);}
body.radio--rood header.fancy-header {background:var(--rood);}
header.fancy-header * {position:relative;z-index:3;color:white;}
header.fancy-header .tekstvlak .nostock_header > strong {font-weight:100;}
@media (min-width:992px) {
header.fancy-header .featured-banner {margin-right:var(--container);width:calc(100% / 2 - var(--container));height:85%;}
header.fancy-header .featured-banner img {border-radius:20px;}
}

@media (min-width:1200px) {
header.fancy-header .shape {position:absolute;color:var(--softbg);z-index:1;}
header.fancy-header .shape * {color:var(--softbg);}
header.fancy-header .shape.top {top:-150px;transform:rotate(-10deg);max-width:90%;left:-20px;}
header.fancy-header .shape.bottom {transform:scaleX(-1);bottom:-150px;}
}
@media (min-width:992px) and (max-width:1200px) {
header.fancy-header .shape {position:absolute;color:var(--softbg);z-index:1;}
header.fancy-header .shape * {color:var(--softbg);}
header.fancy-header .shape.top {top:-50px;transform:rotate(-10deg);max-width:90%;left:-20px;}
header.fancy-header .shape.bottom {transform:scaleX(-1);bottom:-50px;}
}
@media (max-width:992px) {
header.fancy-header {overflow:hidden;}
header.fancy-header .featured-banner img {height:auto;max-height:284px;border-radius:0 0 20px 20px;}
header.fancy-header .shape {position:absolute;color:var(--softbg);z-index:1;min-width:768px;}
header.fancy-header .shape * {color:var(--softbg);}
header.fancy-header .shape.top {top:-52px;transform:rotate(-10deg);max-width:90%;left:-20px;}
header.fancy-header .shape.bottom {transform:scaleX(-1);bottom:-72px;right:0;}
}
	
/* front page */
.home header h1 {font-size:32px;}
.home header .tekstvlak {max-width:unset;margin-left:var(--container);margin-right:var(--container);}
.home header .featured-banner {display:none;}
@media (min-width:992px) {
.home header h1 {font-size:3.5rem;}
}

.home .superblocks {margin-bottom:0;}
.home .superblocks#branches {}
.home .superblocks#branches .blocks .block {background:white;box-shadow:var(--shadow);margin-bottom:20px;}
@media (min-width:992px) {
.home .superblocks#branches {margin-top:-7.5rem;margin-bottom:5.5rem;}
}

/* pagebuilder */
section.container {position:relative;z-index:2;}
section.container:last-of-type {margin-bottom:0;}

/* pagebuilder *//* superblock */
.leftright .img img {border-radius:20px;}

/* pagebuilder *//* blocks */
section.boxed.lego {background:var(--mainColor);color:white;}
.superblocks .blocktitle h2 {margin-bottom:12px;}
.superblocks .blocks .block h2 {font-size:18px;}

/* pagebuilder *//* blocks *//* #branches */
.superblocks#branches {margin-top:5.5rem;}
.superblocks#branches .blocks {gap:unset;justify-content:space-between;}
.superblocks#branches .blocks .block {background:whitesmoke;border-radius:6px;padding-left:20px;padding-right:20px;justify-content:space-between;}
.superblocks#branches .blocks .block h2 i {display:block;margin-bottom:12px;color:var(--mainColor);font-size:2rem;}
.superblocks#branches .blocks .block a.btn {background:none !important;color:var(--mainColor);padding-left:0;box-shadow:none;margin-top:0 !important;margin-bottom:10px;}
.superblocks#branches .blocks .block a.btn:before {content:none;}
.superblocks#branches .blocks .block a.btn:hover {color:var(--darkerMain);}
@media (min-width:992px) {
.superblocks#branches .blocks .block:first-child:nth-last-child(4), 
.superblocks#branches .blocks .block:first-child:nth-last-child(4) ~ .block {flex-basis:unset;width:calc(100% / 4 - 60px);}
}

/* pagebuilder *//* blocks *//* #quad */
.superblocks#quad {margin-top:5.5rem;margin-bottom:100px;}
.superblocks#quad .blocks {gap:unset;justify-content:space-between;}
.superblocks#quad .blocks .block {justify-content:space-between;margin-bottom:20px;}
.superblocks#quad .blocks .block h2 i {display:block;margin-bottom:12px;color:var(--mainColor);font-size:2rem;}
.superblocks#quad .blocks .block a.btn {background:none !important;color:var(--mainColor);padding-left:0;box-shadow:none;margin-top:0 !important;margin-bottom:10px;}
.superblocks#quad .blocks .block a.btn:before {content:none;}
.superblocks#quad .blocks .block a.btn:hover {color:var(--darkerMain);}
@media (min-width:992px) {
.superblocks#quad .blocks .block:first-child:nth-last-child(4), 
.superblocks#quad .blocks .block:first-child:nth-last-child(4) ~ .block {flex-basis:unset;width:calc(100% / 4 - 60px);}
}

/* pagebuilder *//* blocks *//* #routekaart */
.superblocks#routekaart {}
.superblocks#routekaart .blocks {gap:unset;justify-content:space-between;flex-direction:column;align-items:center;}
.superblocks#routekaart .blocks .block {flex-basis:unset;width:calc(100% - (5rem + 64px));max-width:648px;margin-bottom:2rem;background:var(--softbg);border-radius:12px;padding:22px 32px;position:relative;border-left:5rem solid whitesmoke;}
.superblocks#routekaart .blocks .block h2 {margin-top:0;}	
.superblocks#routekaart .blocks .block h2 i {color:var(--fontcolor);position:absolute;left:-4rem;font-size:2.5rem;}

/* pagebuilder *//* blocks *//* #downloads */
.superblocks#downloads {margin-top:5.5rem;}
.superblocks#downloads .blocks {gap:unset;justify-content:space-between;}
.superblocks#downloads .blocks .block {background:whitesmoke;border-radius:6px;padding-left:20px;padding-right:20px;justify-content:space-between;}
.superblocks#downloads .blocks .block h2 i {display:block;margin-bottom:12px;color:var(--mainColor);font-size:2rem;}
.superblocks#downloads .blocks .block a.btn {background:none !important;color:var(--mainColor);padding-left:0;box-shadow:none;margin-top:0 !important;margin-bottom:10px;}
.superblocks#downloads .blocks .block a.btn:before {content:none;}
.superblocks#downloads .blocks .block a.btn:hover {color:var(--darkerMain);}
@media (min-width:992px) {
.superblocks#downloads .blocks .block:nth-child(1),
.superblocks#downloads .blocks .block:nth-child(2) {flex-basis:unset;width:calc(100% / 2 - 60px);}
.superblocks#downloads .blocks .block {flex-basis:unset;width:calc(100% / 4 - 60px);}
}

/* pagebuilder *//* blocks *//* #verhalen */
.superblocks#verhalen {max-width:824px;margin-left:auto;margin-right:auto;}
.superblocks#verhalen .blocks {}
.superblocks#verhalen .blocks .block {background:var(--blauw);border-radius:10px;flex-direction:row;position:relative;}
body.radio--groen .superblocks#verhalen .blocks .block {background:var(--groen);}
body.radio--geel .superblocks#verhalen .blocks .block {background:var(--geel);}
body.radio--paars .superblocks#verhalen .blocks .block {background:var(--paars);}
body.radio--rood .superblocks#verhalen .blocks .block {background:var(--rood);}
.superblocks#verhalen .blocks .block .block-img {max-width:125px;margin-top:-25px;display:flex;align-items:flex-end;}
.superblocks#verhalen .blocks .block .block-img img {min-height:unset;object-position:bottom left;object-fit:contain;max-height:125px;}
.superblocks#verhalen .blocks .block a.btn {box-shadow:none;margin:0;background:none !important;position:absolute;right:0;bottom:0;padding:20px 0;width:calc(100% - 125px);}
.superblocks#verhalen .blocks .block a.btn:after {content:"Bekijken";font-weight:bold;}
.superblocks#verhalen .blocks .block a.btn:before {content:none;}
@media (max-width:768px) {
.superblocks#verhalen .blocks .block h2 {margin-top:16px;}
}


/* pagebuilder *//* parallax */
section.parallax {margin-bottom:0;position:relative;background:var(--mainColor);overflow:hidden;}
section.parallax.updated {margin-top:0;height:42rem;}
section.parallax.updated.nopimg {height:30rem;}
section.parallax.updated .image {align-items:flex-start;}
section.parallax.updated .image:after {display:none;}
section.parallax.updated .image picture, section.parallax.updated .image img {object-position:top;}
section.parallax.updated .overlay {z-index:3;}
section.parallax.updated .overlay h2 {font-size:3.5rem;font-weight:900;}
section.parallax > .overlay p {margin-top:24px;}
section.parallax > .overlay p .btn, 
section.parallax > .overlay p strong > a, 
section.parallax > .overlay p a > strong {background:white !important;color:var(--mainColor);font-weight:500;border-radius:6px;display:inline-block;margin-right:16px;border:3px solid white;}
section.parallax > .overlay p .btn:before, 
section.parallax > .overlay p strong > a:before, 
section.parallax > .overlay p a > strong:before {background:whitesmoke !important;}
section.parallax > .overlay p .btn:hover, 
section.parallax > .overlay p strong > a:hover, 
section.parallax > .overlay p a > strong:hover {border-color:whitesmoke;color:var(--mainColor) !important;}
section.parallax > .overlay p .btn:nth-child(2), 
section.parallax > .overlay p strong:nth-child(2) > a, 
section.parallax > .overlay p a:nth-child(2) > strong {background:none !important;color:white;}
@media (min-width:992px) {
section.parallax.updated .shape {position:absolute;color:var(--softbg);z-index:1;transform:rotate(-5deg) scaleX(-1);left:-5rem;}
section.parallax.updated .shape.bottom {top:-78px;/* top:unset;bottom:-68px;transform:scale(-1); */}
}
@media (max-width:992px) {
section.parallax.updated .shape {position:absolute;color:var(--softbg);z-index:1;transform:scaleX(-1);}
section.parallax.updated .shape.bottom {top:-50px;min-width:768px;right:0;}
section.parallax.updated .overlay h2 {font-size:3rem;}
}

/* cpt *//* verhalen */
.color {color:var(--groen);}
.backdrop {background:var(--groen);}
.Doe-het-zelf .color {color:var(--groen);}
.Doe-het-zelf .backdrop {background:var(--groen);}
.Levensmiddelendetailhandel .color {color:var(--paars);}
.Levensmiddelendetailhandel .backdrop {background:var(--paars);}
.Elektrotechnische.detailhandel .color {color:var(--rood);}
.Elektrotechnische.detailhandel .backdrop {background:var(--rood);}
.sportdetailhandel .color {color:var(--geel);}
.sportdetailhandel .backdrop {background:var(--geel);}

.single-verhalen .page-content {position:relative;overflow:hidden;padding-top:0;min-height:552px;}
.single-verhalen .bg-shape {display:block;position:absolute;height:65rem;width:65rem;border-radius:65rem;right:-20rem;bottom:-15rem;z-index:1;}

.single-verhalen .tekening {position:absolute;left:calc(var(--container) / 2);bottom:-3rem;z-index:3;max-width:20rem;opacity:0.75;}
.single-verhalen .tekening .backdrop {width:20rem;height:20rem;border-radius:200px;opacity:0.15;position:absolute;}
.single-verhalen .tekening img {width:125%;max-width:unset;left:-12.5%;position:relative;}

.single-verhalen .single-team {position:relative;z-index:9;}
.single-verhalen .single-team .boxed {min-height:552px;}
.single-verhalen .single-team .boxed .team-image {display:flex;align-items:flex-end;max-width:425px;}
.single-verhalen .single-team .boxed .team-image picture, .single-team .boxed .team-image img {margin:0;}

.single-verhalen .single-team .boxed .team-info .text .label {border-radius:20px;padding:6px 32px;font-weight:bold;margin-bottom:16px;font-size:14px;color:white;}
.single-verhalen .single-team .boxed .team-info .text h1 {font-size:36px;}
.single-verhalen .single-team .boxed .team-info .text .h3 {margin-top:16px;font-weight:600;display:block;}

@media (max-width:1400px) and (min-width:992px) {
.single-verhalen .bg-shape {width:50rem;height:50rem;border-radius:50rem;}
}

@media (max-width:992px) and (min-width:768px) {
body.single-verhalen .tekening {max-width:300px;left:20px;right:unset;bottom:0;}
body.single-verhalen .tekening .backdrop {width:300px;height:300px;border-radius:300px;}
}

@media (max-width:992px) {
.single-verhalen .bg-shape {top:unset;bottom:-50rem;}
.single-verhalen .tekening {bottom:15rem;right:0;max-width:125px;left:unset;}
.single-verhalen .tekening .backdrop {width:125px;height:125px;}
.single-verhalen .single-team {margin-top:32px;}
.single-verhalen .single-team .boxed {flex-direction:column-reverse;}
.single-verhalen .single-team .boxed .team-image {margin-left:auto;}
}

/* contact */
.page-template-contact-page main.contact-page-template {align-items:flex-start;}
.page-template-contact-page main.contact-page-template section.breadcrumbs, 
.page-template-contact-page main.contact-page-template .breadcrumb {background:none}
.contact-container {width:auto;}
.contact-container .double {width:auto;}
.float-mid {position:relative;margin:unset;box-shadow:none;margin-top:2rem;}
.float-mid .contact-info {margin-bottom:1rem;}

/* footer */
footer#site-footer {margin-top:0;border:none;background:var(--darkerMain);}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright {background:#1D2630;}

/* shortcodes *//* kalender */
.agenda {max-width:824px;margin:0 auto 5rem;}
.agenda .rows {display:flex;flex-direction:column;}
.agenda .rows .row {border-radius:6px;padding:20px;background:white;display:flex;justify-content:space-between;flex-wrap:wrap;}
.agenda .rows .row:nth-child(2n-1) {background:whitesmoke;}
.agenda .rows .row .title {display:flex;flex-direction:column;align-items:flex-start;}
.agenda .rows .row .title .meta .label {background:var(--darkerMain);font-size:12px;border-radius:20px;padding:3px 10px;color:white;margin-bottom:6px;display:block;}
.agenda .rows .row .title .text {display:flex;flex-direction:row;flex-wrap:wrap;}
.agenda .rows .row .title .text p {margin:0 8px 0 0;}
.agenda .rows .row .title .text .date {color:#666;font-style:italic;}
.agenda .rows .row .buttons .btn {margin:0;}


/* shortcodes *//* pad */
.tree {display: flex;justify-content: center;align-items: center;gap: 60px;padding: 40px 0;}
.col {display: flex;flex-direction: column;gap: 25px;position: relative;}
.box {background: #cfe8dc;padding: 14px 18px;border-radius: 8px;min-width: 180px;text-align: center;font-size: 14px;box-shadow: 0 2px 4px rgba(0,0,0,0.1);text-decoration: none;color: inherit;display: block;}
.col:not(:last-child)::after {content: "";position: absolute;top: 50%;right: -30px;width: 30px;height: 2px;background: #6aa88d;}
.btn-specialist {display:block;width: 100%;margin-top: 1px;background: #dff3ea;text-decoration: none;padding: 12px;border-radius: 12px;text-align: center;border: 1px solid #b7e0cd;box-sizing: border-box;}