/*
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: #5C5C5C;
	--softbg: #D1EAF8;
	--gray: #5C5C5C;
	--mainColor: #006ab8;
	--darkerMain: #2f9fdf;
	--subColor: #ff7514;
	--darkerSub: #c65f16;
	--family: "Poppins", sans-serif;
	--altfamily: "Figtree", sans-serif;
}

/* global */
h1, .h1,
h2, .h2,
h3, .h3,
.sub-heading {font-family:var(--altfamily);font-weight:800;}
h1, .h1, h1 b, h1 strong, .h1 b, .h1 strong {font-size:32px;}
h2, .h2, h2 b, h2 strong, .h2 b, .h2 strong, h2 mark {font-size:26px;}
h3, .h3, h3 b, h3 strong, .h3 b, .h3 strong, h3 mark {font-size:22px;}

/* 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:0;}

.btn:before, strong > a:before, a > strong:before, b > a:before, a > b:before, body .gform_wrapper .gform_footer > input:before, body .gform_wrapper .gform_footer > button:before, .gform_next_button:before, .gform_previous_button:before, body .wp-block-button__link:before, .search-submit:before, body .woocommerce a.button:before, body.woocommerce a.button:before, body.page .woocommerce input.button:before, .woocommerce .container .product button.single_add_to_cart_button:before, button[type="submit"]:before 
{left:-4px;transform:skew(-10deg);}

.btn:hover::before, strong > a:hover::before, a > strong:hover::before, b > a:hover::before, a > b:hover::before, body .gform_wrapper .gform_footer > input:hover::before, body .gform_wrapper .gform_footer > button:hover::before, .gform_next_button:hover::before, .gform_previous_button:hover::before, body .wp-block-button__link:hover::before, .search-submit:hover::before, body .woocommerce a.button:hover::before, body.woocommerce a.button:hover::before, body.page .woocommerce input.button:hover::before, .woocommerce .container .product button.single_add_to_cart_button:hover::before, button[type="submit"]:hover::before 
{width:105%;}

/* navigation */
.topnav .site-logo a {padding-left:0;}
.topnav .site-logo img {width:280px;max-height:56px;max-width:100%;height:auto;}
@media (max-width:1200px) and (min-width:992px) {
nav .hoofd-menu > ul.menu li.menu-item a {padding-left:8px;padding-right:8px;}
}

/* breadcrumbs */
@media (max-width:992px) {
.onlybreads {padding-left:20px;}
}
	
/* homepage */
header.header-stock {background:var(--mainColor);min-height:unset;height:auto;position:relative;overflow:visible;}
header.header-stock:before {content:"";border-top:2rem solid transparent;border-bottom:4rem solid transparent;border-left:4.5rem solid white;height:0;width:0;position:absolute;z-index:2;bottom:0.5rem;left:0;}
header.header-stock:after {content:"";border-bottom:4.5rem solid var(--darkerMain);border-left:5rem solid transparent;border-right:2.5rem solid transparent;height:0;width:0;position:absolute;z-index:2;bottom:-1.5rem;left:1rem;}
header.header .overlaycontainer {position:relative;padding:2.5rem 20px 5rem;width:calc(100% - 20px);}
header.header-stock h1, header.header-stock p {text-shadow:none;}
@media (min-width:768px) {
header.header .overlaycontainer {padding:7.5rem 0px 10rem;}
}

/* fancy header */
header.fancy-header {position:relative;overflow:visible;}
header.fancy-header:before {content:"";border-top:2rem solid transparent;border-bottom:4rem solid transparent;border-left:4.5rem solid var(--mainColor);height:0;width:0;position:absolute;z-index:2;bottom:-1rem;left:0;}
header.fancy-header:after {content:"";border-bottom:4.5rem solid var(--darkerMain);border-left:5rem solid transparent;border-right:2.5rem solid transparent;height:0;width:0;position:absolute;z-index:2;bottom:-3rem;left:1rem;}
header.fancy-header .tekstvlak {position:relative;z-index:4;}
header.fancy-header .featured-banner picture, header.fancy-header .featured-banner img {object-position:top;}

/* pagebuilder *//* superblock */
.leftright .img picture, .leftright .img img {border-radius:6px;}
.leftright#right .img picture, .leftright#right .img img {object-position:right;max-width:100%;min-width:100%;max-height:100%;}
@media (max-width:992px) {
.leftright .img picture, .leftright .img img {height:auto;}
}

/* pagebuilder *//* blocks */
section.boxed .blocks .block .block-img {display:flex;justify-content:center;align-items:flex-start;border-radius:6px;}
section.boxed .blocks .block .block-img a {width:100%;}
section.boxed .blocks .block .block-img picture,
section.boxed .blocks .block .block-img img {width:100%;height:252px;object-fit:cover;border-radius:6px;min-height:100%;min-width:100%;max-height:100%;max-width:100%;}
section.boxed .blocks .block:nth-child(3) .block-img img {object-position:top;}
@media (max-width:992px) {
section.boxed .blocks .block .block-img {justify-content:flex-start;}
section.boxed .blocks .block img {max-height:18rem;}
}

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

/* footerextension */
.footerextension {background:var(--darkerMain) !important;padding-top:25px;position:relative;}
.footerextension:after {content:"";border-top:2.5rem solid transparent;border-bottom:4rem solid transparent;border-left:4.5rem solid white;height:0;width:0;position:absolute;z-index:9;bottom:-4rem;left:0;}
.footerextension .extensionflex {max-width:664px;}
.footerextension .extensionflex .tekstblok {display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}
.footerextension .extensionflex .tekstblok p {max-width:504px;}
.footerextension .extensionflex .tekstblok p:first-of-type {width:100%;}
.footerextension .extensionflex .tekstblok p:not(:first-of-type) {display:flex;justify-content:center;margin:0 auto;max-width:100%;}
.footerextension .extensionflex .tekstblok p img {max-width:182px;width:calc(100% - 16px);margin:10px 0;border-radius:6px;overflow:hidden;height:auto;padding:8px;object-fit:contain;background:white;}
@media (min-width:624px) {
.footerextension .extensionflex .tekstblok p:not(:first-of-type) {width:calc(100% / 3);margin-top:10px;}
.footerextension .extensionflex .tekstblok p img {min-height:95px;}
}

/* footer */
footer#site-footer {border-top:0;background:var(--mainColor);position:relative;}
footer#site-footer:after {content:"";border-bottom:4.5rem solid var(--darkerMain);border-left:5rem solid transparent;border-right:2.5rem solid transparent;height:0;width:0;position:absolute;z-index:9;top:2rem;left:1rem;}
footer#site-footer > .container > .footer {justify-content:center;}
footer#site-footer .footer .bit p img {max-width:215px;margin:10px 0;border-radius:6px;overflow:hidden;height:auto;}
footer#site-footer .footer .bit i {margin-right:0;}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright {background:#000;}
@media (min-width:768px) {
footer#site-footer > .container > .footer > .bit {width:auto;display:flex;justify-content:center;}
}
@media (max-width:992px) {
footer#site-footer {padding-top:100px;}
}