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

[id] {
scroll-margin-top: 10vh;
}

:root {
	--background: linear-gradient(0.1turn, #333, #111);
	--fontcolor: white;
	--altbg: var(--gray);
	--softbg: whitesmoke;
	--gray: #292a26;
	--mainColor: #caa47e;
	--darkerMain: #ad835a;
	--subColor: #CEA788;
	--darkerSub: #946750;
	--gold: #ded295;
	--family: "Raleway", sans-serif;
	--altfamily: "Average", serif;
}

/* global */
body {background:var(--background);}
h1, .h1, h1 *, .h1 *,  
h2, .h2, h2 *, .h2 *,  
h3, .h3, h3 *, .h3 *,  
h4, .h4,  h4 *, .h4 * {font-family:var(--altfamily);font-weight:normal;}
h2, .h2, h2 *, .h2 * {font-size:26px;}
span.sub-heading {letter-spacing:3px;font-weight:normal;}

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

/* navigation */
#infobalk {display:none;}
.topnav .site-logo a {padding-left:0;}
nav#nav .topnav {background:none;}
/* nav#nav .topnav .site-logo img {background:white;border-radius:8px;padding:4px 8px;} */
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a {background:#111;}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a:hover {background:var(--mainColor);color:white;}
nav#nav .hoofd-menu > ul.menu li.menu-item a {border:none;}
@media (max-width:992px) {
nav#nav .toggle {margin-bottom:0;}
nav#nav .hoofd-menu {background:#111;}
nav#nav .hoofd-menu > ul.menu > li.menu-item > a {background:#111;}
}

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

/* front header */
header.header {margin-bottom:0;position:relative;min-height:unset;height:30rem;}
header.header:after {content:"";position:absolute;top:0;left:0;width:75%;height:100%;background-image:linear-gradient(to right, rgba(0 0 0 / 0.65), rgba(0 0 0 / 0));display:block;z-index:3;}
header.header .overlaycontainer {z-index:5;}
header.header .overlaycontainer .overlay {background:none;padding:0;}
header.header .overlaycontainer .overlay h1 {font-weight:normal;font-size:34px;}

/* single header */
header.single-header {position:relative;}
header.fancy-header {height:32rem;background:none;position:relative;}
header.fancy-header .breadcrumbs {background:none;}
header.fancy-header .breadcrumbs .container {padding:0 !important;}
header.fancy-header h1 {margin-bottom:0;letter-spacing:-2px;font-size:36px;}
header.fancy-header h2:nth-child(3) {margin-top:0;}
header.fancy-header * {text-shadow:0 0 10px rgba(0 0 0 / 1);}
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 32px;;min-height:20vh;}
@media (min-width:992px) {
header.fancy-header {padding-top:3.5rem;}
header.fancy-header h1 {font-size: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;min-height:unset;}
}

/* single page */
section.fullwidth-template h1 {margin-top:1rem;}

/* pagebuilder *//* superblock */
.superblock.leftright .miniblock.img img {border-radius:32px;}
.superblock.leftright .miniblock:first-child:nth-last-child(1), .superblock.leftright .miniblock:first-child:nth-last-child(1) ~ .miniblock {max-width:824px;width:100%;}
.superblock.leftright .miniblock:first-child:nth-last-child(1) .tekstblok, .superblock.leftright .miniblock:first-child:nth-last-child(1) ~ .miniblock .tekstblok {padding:0;margin:0 0px;max-width:unset;}

/* pagebuilder *//* blocks */
section.boxed.lego {padding:5rem 0 3.5rem;}
section.boxed.lego .superblocks {margin-bottom:0;}
section.boxed.lego .superblocks .blocktitle {padding-top:0;padding-bottom:5rem;}
section.boxed .blocks .block {position:relative;}
section.boxed .blocks .block .block-img {border-radius:8px;position:relative;}
section.boxed .blocks .block .block-img picture,
section.boxed .blocks .block .block-img img {margin:0;width:100%;object-fit:cover;}
section.boxed .blocks .block .block-img:after {content:"";display:block;width:100%;height:100%;background:rgba(41 42 38 / 0.45);position:absolute;top:0;left:0;transition:var(--transition);}
section.boxed .blocks .block:hover .block-img:after {background:rgba(41 42 38 / 0.65);}
section.boxed .blocks .block .block-content {position:absolute;width:100%;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;color:white;text-shadow:var(--shadow);}
section.boxed .blocks .block .block-content h2 {margin-top:0;font-size:3rem;font-weight:normal;text-shadow:0 0 10px rgba(0 0 0 / 1);}
section.boxed .blocks .block .block-content p {margin-bottom:unset;text-shadow:0 0 10px rgba(0 0 0 / 1);}
section.boxed .blocks .block .btn {display:none;}

/* pagebuilder *//* parallax */
section.parallax {margin-bottom:0;margin-top:0;display:flex;align-items:center;justify-content:center;position:relative;}
section.parallax:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(180,118,95,0.45);z-index:1;}
section.parallax .overlay {position:relative;z-index:2;max-width:820px;text-align:center;}
section.parallax .overlay * {font-family:var(--altfamily);}
section.parallax .overlay p {font-size:1.8rem;line-height:1.50;color:#fff;font-weight:500;text-shadow:0 2px 14px rgba(0,0,0,0.45);margin:0;padding:0 20px;}
@media(max-width:767px){
section.parallax {min-height:280px;}
section.parallax .overlay p {font-size:1.35rem;line-height:1.45;}
}

/* pagebuilder *//* reacties */
.recents {justify-content:center;position:relative;}
.recents > .latest {box-shadow:none;width:42%;margin:0;}
.excerpt-content .reaction-label b {font-size:1.5rem;display:block;padding-left:10px;font-family:var(--altfamily);font-weight:normal;}
.excerpt-content .reaction-content {border:1px solid #666;padding:2rem 2rem 2rem 3.5rem;position:relative;display:block;border-radius:8px;}
.excerpt-content .reaction-content:before {content:"";background:var(--gold);height:calc(100% - 4rem);width:6px;border-radius:50px;display:block;position:absolute;left:1.5rem;transition:var(--transition);}
.excerpt-content .reaction-content:hover:before {margin-top:-0.5rem;}
.excerpt-content .reaction-content p {margin-top:0;}

.recents .swiper-pagination {bottom:0rem !important;}
.recents .swiper-pagination .swiper-pagination-bullet {background-color:white;opacity:0.25;}
.recents .swiper-pagination .swiper-pagination-bullet-active {background-color:white;opacity:1;}
@media (min-width:992px) {
.reacties-blok {padding-bottom:0;}
}
@media (max-width:992px) {
.recents > .latest {width:50%;}
}
@media (max-width:768px) {
.recents > .latest {width:100%;}
.recents > .latest .excerpt-content {padding-left:0;padding-right:0;}
}

/* pagebuilder *//* faq */
.faq-schema {max-width:824px;}

/* pagebuilder *//* buttons */
div.buttons {margin-bottom:5rem;}
div.buttons .content {max-width:824px;padding-bottom:2rem;}
@media (min-width:992px) {
div.buttons .content {margin:0 auto;text-align:center;}
div.buttons .bobobuttons {justify-content:center;}
}
@media (max-width:992px) {
div.buttons .bobobuttons .btn-alt {border-radius:50px;padding:6px 16px;font-size:14px;margin-right:12px;}
}

/* blog */
.blog main > h1.subrow {padding-bottom:1rem;}
.blog main > h1, .category main > h1 {padding-bottom:0;}
.blog main > span.archive_centered > p {padding-bottom:0;}
.archive_centered {text-align:center;margin:0 auto;max-width:524px;padding-bottom:1rem;display:block;}
.single article .image {max-width:524px;margin-top:1rem;border-radius:12px;overflow:hidden;}
.categories {margin-top:0;}
.blog .categories, .category .categories, .post-type-archive-kennisbank .categories, .category .categories, .tax-kennisbank-categorie .categories, .category .categories  {}
.blog .categories .cat-links, .category .categories .cat-links, .post-type-archive-kennisbank .categories .cat-links, .category .categories .cat-links, .tax-kennisbank-categorie .categories .cat-links, .category .categories .cat-links  {display:flex;flex-wrap:wrap;max-width:768px;margin:0 auto 50px;}
.blog .categories .cat-links > a, .category .categories .cat-links > a, .post-type-archive-kennisbank .categories .cat-links > a, .category .categories .cat-links > a, .tax-kennisbank-categorie .categories .cat-links > a, .category .categories .cat-links > a  {padding:8px 16px;background:none;border:1px solid white;color:white;transition:var(--transition);border-radius:8px;}
.blog main .categories > .cat-links a.show-all, .post-type-archive-kennisbank main .categories > .cat-links a.show-all, .tax-kennisbank-categorie main .categories > .cat-links a.show-all,
.blog .categories .cat-links > a:hover, .category .categories .cat-links > a:hover, .post-type-archive-kennisbank .categories .cat-links > a:hover, .category .categories .cat-links > a:hover, .tax-kennisbank-categorie .categories .cat-links > a:hover, .category .categories .cat-links > a:hover,
.blog .categories .cat-links > a:focus, .category .categories .cat-links > a:focus, .post-type-archive-kennisbank .categories .cat-links > a:focus, .category .categories .cat-links > a:focus, .tax-kennisbank-categorie .categories .cat-links > a:focus, .category .categories .cat-links > a:focus,
.blog .categories .cat-links > a:active, .category .categories .cat-links > a:active, .post-type-archive-kennisbank .categories .cat-links > a:active, .category .categories .cat-links > a:active, .tax-kennisbank-categorie .categories .cat-links > a:active, .category .categories .cat-links > a:active {background:var(--mainColor);color:white;border-color:var(--mainColor);}
.blog-container div.news__item .image img {border-radius:12px;}

/* footer */
footer#site-footer {border:none;background:none;}
footer#site-footer .content-footer {border-top:4px dotted;}
footer#site-footer > .container > .footer {max-width:1060px;margin:0 auto;}
footer#site-footer .socials a {width:40px;height:40px;border-radius:6px;background:var(--gray);display:inline-flex;justify-content:center;align-items:center;margin-right:6px;}
footer#site-footer .socials i {padding:0;}

footer#site-footer .divider {border-bottom:4px dotted white;display:none;}
footer#site-footer > #footer-copyright {background:black;}
@media (min-width:992px) {
footer#site-footer > .container > .footer > .bit {width:calc(100% / 3 - 20px);width:auto;min-width:unset;}
}

/* float */
.floatbtn {z-index:999;}

/* gravityforms */
.gform_wrapper .gform-grid-row .gform-grid-col:nth-child(1) {margin:0;}
.gform_wrapper .gfield .ginput_container input,
.gform_wrapper .gfield .ginput_container textarea {background:none;border:1px solid white;border-radius:8px;color:white;padding:7px 15px !important;}

/* tarieven */
body.tarieven section.boxed {max-width:824px;}
body.tarieven section.boxed h6 {font-size:16px;display:flex;align-items:center;gap:0.5rem;margin-top:2rem;margin-bottom:-10px;}
body.tarieven section.boxed h6:after {content:"";flex-grow:1;border-bottom:4px dotted;margin:0 0.5rem;}
body.tarieven section.boxed h6 strong {white-space:nowrap;font-weight:600;order:3;margin:0;}

/* contact page */
.page-template-contact-page main.contact-page-template:nth-child(6) {margin-top:10rem;}
.page-info .breadcrumbs {background:none;}
.contact-container .double.first {border-radius:32px;padding-left:0;}
.infobox .float-mid:first-child {background:var(--mainColor);}
.infobox .float-mid:first-child *:not(.socials i) {color:white !important;}
.float-mid {position:relative;padding:2.5rem;border-radius:32px;margin-left:2rem;margin-bottom:2rem;height:fit-content;margin-top:5rem;background:none;}
.float-mid h2 {margin-top:0;}
.float-mid i, body:not(.single-post, .single-vacatures) aside .sidebar i {color:white !important;}
.float-mid i.circle {color:white !important;}
body:not(.single-post, .single-vacatures) aside .sidebar i.circle {color:var(--mainColor) !important;}
.float-mid table,
.float-mid table tbody {border:none;}
.float-mid table tbody tr {background:none;border:none;}
.float-mid table tbody tr td {padding-left:0;border:none;}
@media (max-width:768px) {
.page-template-contact-page main.contact-page-template {margin-top:2rem;}
.contact-container {flex-direction:column;}
.contact-container .double.first {width:calc(100% - 40px);max-width:424px;margin-left:20px;margin-bottom:2rem;}
.contact-container .double.first .container {padding:0 !important;}
.float-mid {margin-left:20px;margin-right:20px;}
}

/* 404 */
.error404 .page-content .boxed {background:none;padding-left:0;}
.error404 .page-content .boxed .h2 {font-weight:normal;}
