/*
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
*/

@font-face {
  font-family: Mission Script;
  src: url(/wp-content/themes/dbtheme-child/assets/font/Mission-Script.woff);
}

@font-face {
  font-family: Greycliff;
  src: url(/wp-content/themes/dbtheme-child/assets/font/Fontspring-DEMO-greycliffcf-extrabold.otf);
}

:root {
/* colors */
	--altbg: #002725;
 	--softbg: #C9E7C6;
	--gray: #002725;
	--mainColor: #44ac39;
	--darkerMain: #3e8037;
	--subColor: #9219cc;
	--darkerSub: #702295;
	--accent: #17543D;
	--fontcolor: var(--altbg);
	--pinky: #fdeff2ff;
	--regular: 16px;
	--family: "Lato", sans-serif;
/* 	--altfamily: "Mission Script", sans-serif; */
	--altfamily: "DynaPuff", system-ui;
	--headfamily: "Greycliff", sans-serif;
}

/* global */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
span.sub-heading {font-family:var(--headfamily);}
h2, .h2 {font-size:22px;}
@media (min-width:768px) {
h1, .h1 {font-size:34px;}
}

/* buttons */
.btn, strong > a, a > strong, b > a, a > b, body .gform_wrapper .gform_footer > input, body .gform_wrapper .gform_footer > button, .gform_next_button, .gform_previous_button, body .wp-block-button__link, .search-submit, body .woocommerce a.button, body.woocommerce a.button, body.page .woocommerce input.button, .woocommerce .container .product button.single_add_to_cart_button, button[type="submit"] {border-radius:4px !important;}
p[style="text-align: center;"] > strong > a, p[style="text-align: center;"] > a > strong, p[style="text-align: center;"] > b > a, p[style="text-align: center;"] > a > b {margin-left:auto;margin-right:auto;}

/* navigation */
#infobalk {background:var(--mainColor);}
nav#nav {background:var(--altbg);box-shadow:none;}
nav#nav .topnav {background:none;}
nav#nav .topnav .site-logo img {width:280px;height:64px;}
nav .hoofd-menu > ul.menu li.menu-item a {font-weight:bold;}
nav .bars {background-color:white;}
@media (min-width:992px) {
nav .hoofd-menu > ul.menu > li.menu-item > a {color:white;}
}

/* breadcrumbs */
.onlybreads .breadcrumb, body > section.breadcrumb {background:var(--softbg);}
.breadcrumb .breadcrumb {background:none;}
@media (max-width:992px) {
body > .onlybreads > section.breadcrumb {padding-left:20px;}
}

/* front header */
header.header.header-stock {background:var(--softbg);height:auto;}
header.header .overlaycontainer .overlay {border-radius:12px;margin-right:unset;margin-left:auto;max-width:524px;padding:20px 32px;min-width:unset;background:rgba(0 0 0 / 0.35);/* background:var(--pinky); */}
/* header.header .overlaycontainer .overlay *:not(.btn) {color:var(--fontcolor);} */
header.header .overlay .bobobuttons {margin-top:10px;}
header.header .overlay .btn-primary {background:var(--accent) !important;}
header.header .overlay .btn-primary:before {background:var(--gray);}
header.header .overlay .btn-alt {background:white;color:var(--fontcolor);}
header.header .overlay .btn-alt:before {background:whitesmoke;}
@media (max-width:1200px) and (min-width:992px) {
header.header .overlaycontainer .overlay {max-width:364px;}
}
@media (min-width:992px) {
header.header.header-stock {height:40rem;}
header.header .overlaycontainer .overlay h1 {font-size:26px;}
}
@media (min-width:1200px) {
header.header .overlaycontainer .overlay h1 {font-size:32px;}
}
@media (max-width:992px) {
header.header.header-stock {flex-direction:column;background:var(--pinky);}
header.header .overlaycontainer {position:relative;}
header.header .overlaycontainer .overlay {background:none;color:var(--fontcolor);padding:0;}
header.header .overlaycontainer .overlay *:not(.btn) {color:var(--fontcolor);}
}

/* single header */
/* header.fancy-header {background:var(--softbg);} */
/* header.fancy-header .tekstvlak {height:100%;} */
/* header.fancy-header .tekstvlak .nostock_header {height:100%;display:flex;flex-direction:column;} */
/* header.fancy-header .tekstvlak .nostock_header section.breadcrumb {margin-bottom:auto;} */
/* header.fancy-header .tekstvlak .nostock_header .bobobuttons {margin-bottom:auto;margin-top:10px;} */
@media (max-width:992px) {
header.fancy-header .tekstvlak {padding-top:20px;}
}

/* fancy header */
body header.fancy-header {height:32rem;background:none;position:relative;background:var(--pinky);padding-top:0;}
header.fancy-header .breadcrumbs {background:none;}
header.fancy-header .breadcrumbs .container {padding:0 !important;}
header.fancy-header strong:nth-child(1) {margin-top:1rem;}
header.fancy-header h1 {font-size:3.5rem;margin-bottom:0;letter-spacing:-2px;}
header.fancy-header h1:nth-child(2) {margin-top:0;}
header.fancy-header .nostock_header > strong {color:var(--mainColor);}
header.fancy-header .nostock_header > h1:nth-child(3) {margin-top:0;}
header.fancy-header .bobobuttons {margin-top:1rem;}
header.fancy-header .featured-banner {overflow:hidden;}
header.fancy-header .featured-banner img {border-radius:0 0 32px 0;min-height:20vh;}
header.fancy-header .animation-header {display:none;position:absolute;top:7.5rem;margin:0 auto;transform:scale(0.5);max-width:unset;}
@media (min-width:992px) {
header.fancy-header {padding-top:3.5rem;}
header.fancy-header .featured-banner {width:calc(50% - var(--container));max-width:calc(50% - var(--container));margin-right:auto;height:75%;}
header.fancy-header .featured-banner img {border-radius:32px 0 32px 0;min-height:unset;}
header.fancy-header .animation-header {display:block;}
}
@media (max-width:992px) {
body header.fancy-header {height:auto;}
}

/* parallax */
section.parallax {padding:0;display:flex;align-items:center;overflow:visible;background:var(--softbg);}
section.parallax * {font-family:var(--altfamily);font-size:1rem;font-style:italic;color:var(--fontcolor);}
section.parallax .overlay {max-width:864px;position:relative;}
section.parallax .overlay:after {content:"";display:block;background-image:url('https://julia.groei.site/wp-content/uploads/2025/03/poppetje.png');height:5rem;width:5rem;background-repeat:no-repeat;background-position:center;position:absolute;left:0;bottom:-5rem;background-size:contain;}
section.parallax .overlay > * {margin-top:0;}
@media (min-width:992px) {
section.parallax * {font-size:1.5rem;}
section.parallax .overlay:after {left:-5rem;}
}
@media (max-width:992px) {
section.parallax {height:10rem;}
}

/* pagebuilder *//* leftright */
.superblock#nomargin {margin-bottom:-50px;position:relative;}
.superblock.darkmode {background:var(--pinky);}
.superblock.darkmode *:not(a) {color:var(--fontcolor);}
.superblock#nomargin .miniblock.img {border-radius:32px 0 32px 0;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) .tekstblok, .superblock.leftright .miniblock:first-child:nth-last-child(1) ~ .miniblock .tekstblok {margin-left:unset;max-width:unset;padding-top:1rem;padding-left:20px !important;padding-right:20px !important;}
.superblock.leftright .miniblock.img {border-radius:12px;}
.superblock.leftright .miniblock.img img {border-radius:12px;}
.superblock.leftright#tiny .miniblock.img img {max-width:164px;}
@media (min-width:992px) {
.superblock#nomargin {margin-top:10rem;}
.superblock#nomargin .miniblock.img {width:calc(50% - var(--container));max-width:calc(50% - var(--container));margin-right:auto;height:75%;transform:translate(0, -5rem);}
}
@media (max-width:992px) {
.superblock.leftright .miniblock.img {margin-bottom:2rem;}
.leftright.lightmode .tekstblok {padding-left:0;padding-right:0;}
.superblock.leftright .miniblock.img img {max-height:442px;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) *, 
.superblock.leftright .miniblock:first-child:nth-last-child(1) ~ .miniblock * {text-align:left !important;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) strong a,
.superblock.leftright .miniblock:first-child:nth-last-child(1) a > strong,
.superblock.leftright .miniblock:first-child:nth-last-child(1) b > a,
.superblock.leftright .miniblock:first-child:nth-last-child(1) a > b {margin-left:0;}
}

/* pagebuilder *//* superblocks */
section.boxed.lego {margin-top:0;}
section.boxed.lego * {color:var(--fontcolor);}
section.boxed.lego .superblocks:not(#forwho) .blocks {gap:40px;justify-content:center;}
section.boxed.lego .superblocks:not(#forwho) .blocks .block {background:var(--softbg);padding:0 20px 16px;flex-basis:calc(100% / 3 - 80px);margin-bottom:unset;border-radius:12px;min-height:175px;}
.superblocks:not(#forwho) .block:first-child:nth-last-child(2), .superblocks:not(#forwho) .block:first-child:nth-last-child(2) ~ .block,
.superblocks:not(#forwho) .block:first-child:nth-last-child(4), .superblocks:not(#forwho) .block:first-child:nth-last-child(4) ~ .block {flex-basis:calc(100% / 2 - 80px);}
.superblocks:not(#forwho) .block:first-child:nth-last-child(3), .superblocks:not(#forwho) .block:first-child:nth-last-child(3) ~ .block,
.superblocks:not(#forwho) .block:first-child:nth-last-child(5), .superblocks:not(#forwho) .block:first-child:nth-last-child(5) ~ .block {flex-basis:calc(100% / 3 - 80px);}
section.boxed.lego .blocks .block .block-content {margin-bottom:12px;}
section.boxed .blocks .block h2 > span {font-family:var(--family);font-weight:900;font-size:21px;}
section.boxed .blocks.btn-filled .block a.btn {width:auto;margin-top:auto !important;color:white;margin-bottom:20px !important;}

/* section.lego {background:whitesmoke;margin-top:10rem;margin-bottom:5rem;} */
section.lego .superblocks#forwho .blocks .block {background:var(--softbg);border-radius:12px;padding:0 1rem;flex-basis:calc(100% / 3 - (2rem + 3.334%));}
section.lego .superblocks#forwho .blocks .block .block-img {margin-top:-3.5rem;display:flex;justify-content:center;align-items:center;width:7.5rem;height:7.5rem;border-radius:12rem;background:var(--softbg);margin-left:1rem;}
section.lego .superblocks#forwho .blocks .block .block-img picture {width:auto;height:auto;object-fit:contain;object-position:center;min-height:unset;display:block;}
section.lego .superblocks#forwho .blocks .block .block-img img {height:calc(100% - 4rem);width:calc(100% - 4rem);object-fit:contain;object-position:center;min-height:unset;display:block;padding:2rem;}
@media (max-width:768px) {
section.lego .superblocks#forwho .blocks .block {margin-top:5rem;}
section.lego .superblocks#forwho .blocks .block .block-content {margin-bottom:2rem;}
}

/* gutenberg */
blockquote {border-color:var(--mainColor);}
blockquote p {margin-bottom:10px;}
@media (max-width:992px) {
blockquote {margin-left:0;margin-right:0;}
}

/* contact page */
.page-template-contact-page main.contact-page-template {display:flex;flex-wrap:wrap;padding:50px 0;max-width:992px;justify-content:flex-start;}
.page-template-contact-page .contact-container {padding-top:0;padding-bottom:0;display:block;}
.page-template-contact-page .contact-container .double {width:unset;}
.page-template-contact-page .contact-container .double.first {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 20px;}
.page-template-contact-page .contact-container .double.last {display:none;}
.page-template-contact-page .float-mid {position:relative;box-shadow:none;margin-left:unset;}
.page-template-contact-page footer#site-footer {margin-top:0;}
@media (min-width:768px) {
.page-template-contact-page .contact-container {width:50%;}
}
@media (max-width:768px) {
.page-template-contact-page .float-mid {margin-top:3rem;}
}

/* footer */
footer#site-footer {border-top:none;}
footer#site-footer .btn, footer#site-footer strong > a, footer#site-footer a > strong, footer#site-footer .gform_footer > input {color:white;padding:10px 32px;}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright {background:#0b1b1b;}
footer#site-footer > #footer-copyright > .container {padding:4px 0;}
footer#site-footer > #footer-copyright .first-footer > p {display:flex;flex-direction:row;align-items:center;}
footer#site-footer > #footer-copyright img {max-height:32px;margin-left:6px;margin-top:2px;}