/*
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;
	--regular: 14px;
/* 	--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;max-width:80vw;}
.topnav .site-logo a {padding:10px 0;}
.topnav .site-logo img {width:198px;height:76px;max-width:100%;}
nav #menu-hamburger .btn a {padding-left:18px;padding-right:20px;background:var(--mainColor);border:none;}
nav #menu-hamburger .btn i {
  display: inline-block;
  transform-origin: center;
  transition: transform 0.4s ease-out;
  padding-right:0;
  margin-right:6px;
}
nav #menu-hamburger .btn:hover i {
  animation: 
    compass-tremble 2.4s ease-in-out infinite,
    compass-drift 5.3s ease-in-out infinite;
  animation-duration: 2.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@keyframes compass-tremble {
  0%   { transform: rotate(0deg); }
  8%   { transform: rotate(14deg); }
  16%  { transform: rotate(-9deg); }
  24%  { transform: rotate(6deg); }
  32%  { transform: rotate(-4deg); }
  40%  { transform: rotate(3deg); }
  48%  { transform: rotate(-2deg); }
  56%  { transform: rotate(1.5deg); }
  64%  { transform: rotate(-1deg); }
  72%  { transform: rotate(1deg); }
  80%  { transform: rotate(-0.5deg); }
  88%  { transform: rotate(0.5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes compass-drift {
  0%, 100% { margin-left: 0; }
  50% { margin-left: 0.5px; }
}

nav#nav #menu-hamburger .site-logo {margin:0 auto;padding-left: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 */
.home header::before {content:"";width:100%;height:100%;background:linear-gradient(0deg, rgba(0 0 0 / 0.75), transparent);position:absolute;left:0;z-index:1;}
.home header .overlaycontainer {bottom:2rem;}
.home header .overlay {background:none;padding:0;text-align:left !important;margin-left:var(--container);max-width:674px;}
.home header .overlay * {text-shadow:none;}
.home header .overlay h1 {font-size:30px;width:100%;}
.home header .overlay p {font-weight:normal;font-size:var(--regular);margin-bottom:0;}
.home header .overlay p a {color:white;}
.home header .overlay .bobobuttons {justify-content:flex-start;}
.home header .overlay .btn-alt {border-color:white;}
.home header .swiper-pagination {display:none;}
@media (min-width:992px) {
.home header::before {background:linear-gradient(90deg, rgba(0 0 0 / 0.75), transparent);width:calc(100% / 4 * 3);}
.home header .overlay h1 {font-size:54px;}
}
@media (max-width:768px) {
.home header.header {height:auto;flex-direction:column;background:var(--subColor);}
.home header.header::before {height:100px;bottom:0;}
.home header.header .overlaycontainer {position:relative;bottom:0;margin-bottom:2rem;}
.home header.header .overlay.singled {align-items:flex-start;}
}

/* header */
header {position:relative;}
header:after {content:"";background:white;width:100%;height:30px;display:block;position:absolute;bottom:-1px;clip-path:var(--wave);z-index:99;}
.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 p a {color:white;position:relative;display:inline-block;}
header p a:after {content:"";position:absolute;display:block;width:100%;height:1px;background:white;border-radius:5px;bottom:0px;transition:0.2s;}
header p a:hover:after {bottom:2px;}
header.fancy-header .tekstvlak {margin-bottom:25px;}

header.fancy-header .tekstvlak .nostock_header .bobobuttons .btn-alt {background:none;color:white;box-shadow:none;border:none;position:relative;padding:10px;}
header.fancy-header .tekstvlak .nostock_header .bobobuttons .btn-alt:hover {color:white !important;}
header.fancy-header .tekstvlak .nostock_header .bobobuttons .btn-alt:before {content:none;}
header.fancy-header .tekstvlak .nostock_header .bobobuttons .btn-alt:after {content:"";position:absolute;display:block;width:100%;height:1px;background:white;border-radius:5px;bottom:0px;transition:0.2s;}
header.fancy-header .tekstvlak .nostock_header .bobobuttons .btn-alt:hover:after {bottom:2px;}

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:none;}
}
	
/* 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;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) .tekstblok {margin:0 auto;padding:0;text-align:center;display:flex;align-items:center;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) .tekstblok > p {width:auto;}

/* 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);}
.superblocks#soorten .blocks .block:first-child:nth-last-child(3n), .superblocks#soorten .blocks .block:first-child:nth-last-child(3n) ~ .block {width:calc(100% / 3 - 42px);}
}
@media (max-width:576px) {
.superblocks#soorten:before {left:calc(0px - 20px);width:100vw;}
}
@media (max-width:768px) {
.superblocks#soorten .blocks .block .block-img {height:9.5rem;}
}

/* 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.archive .blog-container {margin-bottom:0;}
.blog main.archive .pagination {margin-bottom:5rem;}
.blog main > h1.subrow {padding-bottom:12px;}
@media (max-width:768px) {
.blog main > h1.subrow {text-align:left !important;}
.blog main > .archive_centered, .blog main > .archive_centered * {text-align:left !important;}
}

.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;}
.excerpt-content {margin-top:12px;}
html[lang=nl-NL] .excerpt-content:after {Content:"Lees meer";}
html[lang=en-US] .excerpt-content:after {Content:"Read more";}
html[lang=fr-FR] .excerpt-content:after {Content:"En savior plus";}
html[lang=de-DE] .excerpt-content:after {Content:"Merh lesen";}
.latest:hover .excerpt-content:after {color:var(--darkerMain) !important;}

.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);}
@media (max-width:768px) {
.recent-blogs {margin-bottom:3.5rem;}
}

/* single blog */
.single-post article {display:unset;}
.single-post .fancy-header hr.breadcrumb-hr {display:none;}

/* gutenberg */
.page-content {overflow:visible;}
.container p > picture, .container p > img {margin:0;border-radius:8px;overflow:hidden;}
figure.wp-block-table {background:white;}
table tbody tr:first-child {background:#efefef;}

/* footer */
footer#site-footer {background:var(--darkerSub);position:relative;overflow:visible;margin-top:50px;}
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;}
@media (max-width:992px) {
footer#site-footer > #footer-copyright {padding-bottom:102px !important;}
}

/* menubar mobile */
.menubar .page {width:35vw;}
.menubar .page span {max-width:124px;}
.menubar .tel {width:30vw;}

/* 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-y;opacity:0.035;width:100%;height:100%;z-index:1;background-size:100%;}
body.page-template-page-fullwidth .highway.backdrop {height:80%;}
@media (max-width:768px) {
.highway.backdrop {right:5px;max-width:100px;}
}

/* 404 */
.error404 .page-content .boxed {background:none;}

/* 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-cookiebanner-container {z-index:99999;}
body .cmplz-cookiebanner {border-radius:8px;}
#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;}

/* plugin support *//* popup maker */
.pum-theme-standaard-thema {background-color:rgba(0, 0, 0, 0.5);}
.pum-theme-standaard-thema .pum-container {background:none !important;box-shadow:none !important;}
.pum-container.pum-responsive {width:100% !important;}
.pum .pum-container .pum-content {margin:0 !important;}
.pum-theme-standaard-thema .pum-container .pum-close {height:2.5rem !important;width:2.5rem !important;line-height:0;background:#E41B13 !important;right:20px;}