/*
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: #C8C8C8;
	--softbg: var(--subColor);
	--gray: #081F30;
	--mainColor: #E41B13;
	--darkerMain: #AE1C10;
	--subColor: #00467E;
	--darkerSub: #00233F;
	--fontcolor: #525252;
/* 	--family: ; */
	--altfamily: "Play", montserrat;
	--wave: polygon(100% 100%, 0% 100% , 0.00% 67.26%, 2.00% 67.15%, 4.00% 66.81%, 6.00% 66.25%, 8.00% 65.48%, 10.00% 64.49%, 12.00% 63.31%, 14.00% 61.94%, 16.00% 60.40%, 18.00% 58.70%, 20.00% 56.86%, 22.00% 54.90%, 24.00% 52.83%, 26.00% 50.69%, 28.00% 48.49%, 30.00% 46.25%, 32.00% 44.00%, 34.00% 41.75%, 36.00% 39.54%, 38.00% 37.38%, 40.00% 35.30%, 42.00% 33.31%, 44.00% 31.44%, 46.00% 29.70%, 48.00% 28.12%, 50.00% 26.70%, 52.00% 25.47%, 54.00% 24.44%, 56.00% 23.61%, 58.00% 22.99%, 60.00% 22.60%, 62.00% 22.43%, 64.00% 22.49%, 66.00% 22.77%, 68.00% 23.27%, 70.00% 24.00%, 72.00% 24.93%, 74.00% 26.06%, 76.00% 27.39%, 78.00% 28.89%, 80.00% 30.55%, 82.00% 32.36%, 84.00% 34.29%, 86.00% 36.33%, 88.00% 38.45%, 90.00% 40.64%, 92.00% 42.87%, 94.00% 45.12%, 96.00% 47.37%, 98.00% 49.60%, 100.00% 51.77%);
}

/* huisstijl *//* lijn */
hr {content:"";display:inline-block;background:var(--subColor);width:calc(100%);height:auto;position:relative;min-height:3px;overflow:visible;margin-top:64px;border:none;}
hr:before {content:"";display:inline-block;background:white;border-bottom:64px solid var(--mainColor);border-left:18px solid transparent;border-right:18px solid transparent;width:0;height:0;border-top:none;position:absolute;left:calc(100% / 10 * 7);bottom:0;box-shadow:10px 10px white, -10px 10px white;z-index:2;}
hr:after {content:"";display:inline-block;background:var(--mainColor);width:calc(100% / 10 * 3);height:3px;position:absolute;right:0;}
hr.reverse {}
hr.reverse:before {border-top:64px solid var(--mainColor);border-bottom:none;bottom:unset;top:0;box-shadow:10px -10px white, -10px -10px white;}

/* global *//* 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:10px;}

/* global *//* typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {font-family:var(--altfamily);}
h2, .h2 {font-size:26px;}

/* navigation */
#infobalk {background:var(--subColor);min-height:35px;}
nav#nav {box-shadow:var(--shadow);}
.topnav .site-logo {padding:0;}
.topnav .site-logo a {padding:10px 0;}
.topnav .site-logo img {width:280px;height:86px;}
nav #menu-hamburger .btn a {padding-left:18px;padding-right:20px;}

/* navigation *//* breadcrumbs */
section.breadcrumbs {background:none;padding-top:8px;}
.breadcrumb {background:none;}
hr.breadcrumb-hr {margin-top:0;}
hr.breadcrumb-hr:before {}

/* front banner */
header.header-stock::before {content:"";width:100%;height:100%;background:linear-gradient(0deg, rgba(0 0 0 / 0.75), transparent);position:absolute;left:0;}
header.header-stock .overlaycontainer {bottom:2rem;}
header.header-stock .overlaycontainer .overlay {background:none;padding:0;}
header.header-stock .overlaycontainer .overlay h1 {font-size:30px;}
header.header-stock .overlaycontainer .overlay .btn-alt {border-color:white;}
@media (min-width:992px) {
header.header-stock::before {background:linear-gradient(90deg, rgba(0 0 0 / 0.75), transparent);width:calc(100% / 4 * 3);}
header.header-stock .overlaycontainer .overlay h1 {font-size:54px;}
}

/* header */
header {position:relative;}
header:after {content:"";background:white;width:100%;height:30px;display:block;position:absolute;bottom:-1px;clip-path:var(--wave);}
.single-header > picture img {width:100%;}
@media (min-width:992px) {
header:after {height:75px;}
section.parallax.updated:after {height:30px;}
}

/* header *//* fancy header */
header.fancy-header *:not(a) {color:white;}
header.fancy-header p a {color:white;position:relative;display:inline-block;}
header.fancy-header p a:after {content:"";position:absolute;display:block;width:100%;height:1px;background:white;border-radius:5px;bottom:0px;transition:0.2s;}
header.fancy-header p a:hover:after {bottom:2px;}
header.fancy-header .tekstvlak {margin-bottom:25px;}
header.fancy-header .featured-banner {position:relative;}
header.fancy-header .featured-banner:after {content:"";display:block;background:var(--darkerSub);width:100px;height:100%;position:absolute;top:0;left:-25px;transform:skew(5deg);}
@media (max-width:768px) {
header.fancy-header .featured-banner:after {width:52px;}
}
	
/* content */
.page-content {height:auto;}

/* pagebuilder *//* superblock */
.superblock.leftright .miniblock .tekstblok p:nth-child(1) strong {color:var(--mainColor);}
.superblock.leftright .miniblock.img img {border-radius:12px;}

/* pagebuilder *//* blocks */
.superblocks {margin-bottom:0;}
hr.below-superblocks {margin-top:84px;}

/* pagebuilder *//* blocks *//* #soorten */
.superblocks#soorten {position:relative;margin:5rem 0 0;padding:2.5rem 0;}
.superblocks#soorten:before {content:"";width:calc(100vw - 8px);height:100%;background:var(--subColor);position:absolute;display:block;left:calc(0px - var(--container));top:0;}
.superblocks#soorten .blocktitle {position:relative;z-index:2;color:white;}
.superblocks#soorten .blocks {position:relative;z-index:2;gap:0;justify-content:space-between;flex-wrap:wrap;flex-direction:unset;}
.superblocks#soorten .blocks .block {width:calc(100% / 1);flex-basis:unset;background:white;border-radius:12px;padding:15px;}
.superblocks#soorten .blocks .block .block-img {min-height:unset;border-radius:8px;height:14rem;display:flex;justify-content:center;align-items:center;}
.superblocks#soorten .blocks .block .block-img a,
.superblocks#soorten .blocks .block .block-img picture,
.superblocks#soorten .blocks .block .block-img img {min-height:unset;width:100%;height:100%;object-position:center;}
.superblocks#soorten .blocks .block .block-content {margin-bottom:10px;}
.superblocks#soorten .blocks .block .block-content h2 {margin-top:14px;}
.superblocks#soorten .blocks .block .btn {margin-top:auto !important;margin-bottom:0;}
@media (min-width:442px) {
.superblocks#soorten .blocks .block {width:calc(100% / 2 - 42px);}
}
@media (min-width:992px) {
.superblocks#soorten .blocks .block {width:calc(100% / 4 - 42px);}
}
@media (max-width:576px) {
.superblocks#soorten:before {left:calc(0px - 20px);width:100vw;}
}

/* pagebuilder *//* parallax */
section.parallax.updated {position:relative;z-index:2;}
section.parallax.updated:before {content:"";background:white;width:100%;height:30px;display:block;position:absolute;top:-1px;clip-path:var(--wave);transform:scaleY(-1);z-index:1;}
section.parallax.updated:after {content:"";background:white;width:100%;height:30px;display:block;position:absolute;bottom:-1px;clip-path:var(--wave);transform:scaleX(-1);z-index:1;}
section.parallax.updated h2 {font-size:26px !important;text-shadow:var(--shadow);margin:0 0 20px;}
section.parallax.updated > .overlay .btn, 
section.parallax.updated > .overlay strong > a, 
section.parallax.updated > .overlay a > strong {background:white !important;color:var(--mainColor);border:2px solid var(--mainColor);font-weight:bold;}
@media (min-width:992px) {
section.parallax.updated:before {height:45px;}
section.parallax.updated:after {height:75px;}
section.parallax.updated h2 {font-size:3vw !important;}
}

/* cpt *//* projecten */
.blog main > h1.subrow {padding-bottom:12px;}

.news__item, .latest {background:whitesmoke;border-radius:8px;}
.news__item .image, .latest .wp-post-image {border-radius:8px;overflow:hidden;}
.latest .wp-post-image {height:264px;}
.latest .wp-post-image img {height:264px;object-fit:cover;transition:0.2s;}
.latest:hover .wp-post-image img {transform:scale(1.05);}
.news__item .content, .latest .excerpt-content {background:white;margin:-50px 15px 15px;position:relative;z-index:1;padding:15px;box-shadow:var(--shadow);border-radius:8px;}
.excerpt-content * {color:var(--fontcolor);}
.excerpt-content h3 {margin-top:0;position:relative;}
.excerpt-content h3:after {content:"";position:absolute;display:block;width:100%;height:3px;background:var(--mainColor);border-radius:5px;bottom:-10px;}

.pagination {background:none;}
.pagination .nav-links {border:none;}
.pagination .nav-links .page-numbers {background:white;transition:0.2s;display:inline-block;min-width:20px;text-align:center;border-radius:6px;}
.pagination .nav-links .page-numbers.current {background:var(--mainColor);color:white;}
.pagination .nav-links .page-numbers:not(.current):hover {background:var(--darkerMain);color:white;}

.recent-blogs > a {background:var(--mainColor);padding:10px 32px;border-radius:6px;width:fit-content;margin:20px auto;color:white;transition:0.2s;}
.recent-blogs > a:hover {background:var(--darkerMain);}

/* gutenberg */
.page-content {overflow:visible;}
.container p > picture, .container p > img {margin:0;border-radius:8px;overflow:hidden;}

/* footer */
footer#site-footer {background:var(--darkerSub);border-top:150px solid var(--subColor);position:relative;overflow:visible;}
footer#site-footer:before {content:"";background:var(--darkerSub);width:100%;height:45px;display:block;position:absolute;top:-44px;clip-path:var(--wave);z-index:1;margin-top:0;}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright {background:var(--gray);position:relative;}
footer#site-footer > #footer-copyright:before {content:"";background:var(--gray);width:100%;height:25px;display:block;position:absolute;top:-20px;clip-path:var(--wave);transform:scaleX(-1);z-index:1;}

/* backdrop */
body > * {z-index:2;position:relative;}
.highway.backdrop {max-width:175px;margin-left:calc(var(--container) * 1.5);position:absolute;bottom:0;background-repeat:repeat;opacity:0.035;width:100%;height:50%;z-index:1;}
@media (max-width:768px) {
.highway.backdrop {right:5px;max-width:100px;}
}

/* plugin support *//* gravityforms *//* offerte */
.gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number {background:none;border:2px solid var(--gray);color:var(--gray);}
.gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number:before,
.gform_wrapper.gravity-theme .gf_page_steps .gf_step .gf_step_number:after {content:none;}
.gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_active .gf_step_number {border-color:var(--mainColor);color:var(--mainColor);}
.gform_wrapper.gravity-theme .gf_page_steps .gf_step.gf_step_completed .gf_step_number {border-color:var(--subColor);color:white;background:var(--subColor);}

/* plugin support *//* complianz */
#cmplz-document * {word-break:unset;}
#cmplz-document span.screen-reader-text {display:none;}

/* plugin support *//* wpml */
ul li.wpml-ls-item img {width:22px;height:15px;padding:0 !important;border:1px solid white;margin:0 4px;}


