/*
Theme Name:  Groei.Site child
Description: Doelbewust Klantenthema Custom opmaak
Author:      Doelbewust Online Marketing
Author URI:  https://www.doelbewust.nl/
Template:    dbtheme
Version:     1.0.0
Text Domain: dbtheme-child
*/

:root {
/* colors */
	--background: #1A1A1A;
	--altbg: #1A1A1A;
	--softbg: #1A1A1A;
	--gray: #1A1A1A;
	--mainColor: #7aba28;
	--darkerMain: #60892c;
	--subColor: #6d32e8;
	--darkerSub: #5729b9;
	--fontcolor: #fff;
	--border: 10px solid var(--mainColor);
}

.home section.parallax {margin-bottom:0;border-bottom:none;}
.home section.boxed:last-of-type {display:none;}
.home footer#site-footer {margin-top:0 !important;}

body {background:radial-gradient(#444, #222);}
h2 i {font-size:inherit;}

/* buttons */
body .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {background:none !important;color:var(--mainColor);}
body .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link:hover {color:var(--darkerMain);}
body .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link:before {background:none;}

/* navigation */
#infobalk .container {border:none;}
.topnav .site-logo img {width:230px;height:auto;object-position:left;filter:none;}
.breadcrumb {background:#000;}

/* header */
header.header {border-bottom:var(--border);margin-bottom:7.5rem;}
@media (min-width:992px) {
header.header {flex-direction:row;}
header.header > picture {width:50%;}
header.header > picture img {width:100%;}
header.header .overlaycontainer {position:relative;width:50%;}
header.header .overlaycontainer .overlay {min-width:38rem;background:none;}
}

/* sidebar */
aside .sidebar-img {border-radius:0;border-bottom:var(--border);height:unset;width:237px;}
aside .sidebar-img .sidebar-image {display:block;height:unset;width:100%;}
aside .sidebar-img .sidebar-image img {display:block;}
aside .contact a {color:white;}
aside .contact a > i {color:var(--mainColor);}

/* footer */
body:not(.page-template-contact-page) footer#site-footer {margin-top:5rem;}
footer#site-footer > #footer-copyright {background:black;}
footer#site-footer a {color:white;}
footer#site-footer i {color:var(--mainColor);}

/* diensten */
.fullwidth-template .logo-slider {width:100%;}
.fullwidth-template .logo-slider .swiper-logos .swiper-slide .slide-logo img {height:20rem;object-fit:cover;object-position:center;}

/* contact */
.contact-container {padding:0;}
.contact-container .breadcrumb nav {background:none;}
.contact-container .double.first {display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem;}
.contact-container .double.last {}
.contact-container .double.last picture img {object-fit:unset;}
.float-mid {background:#000;}
@media (max-width:992px) {
.contact-container .double.first {z-index:1;}
.contact-container .double.last {position:absolute;z-index:0;max-height:unset;}
.float-mid {background:radial-gradient(#444, #222);padding-top:25px;margin-top:-1rem;}
}

/* pagebuilder overwrite */
section.parallax {outline:var(--border);border-radius:10px 0 10px 0;height:auto;}
.recents > .latest {box-shadow:none;}
.leftright.darkmode {box-shadow:0 0 50px rgba(96, 137, 44, 0.05);}
.leftright.darkmode .miniblock.text:nth-child(1) {border-right:var(--border);}
.leftright.darkmode .miniblock.text:nth-child(2) {border-left:var(--border);}
@media (max-width:992px) {
.leftright.darkmode:nth-child(2n - 1) {flex-direction:column-reverse;}
.leftright.darkmode .miniblock.text:nth-child(1) {border-left:var(--border);border-right:none;}
}

/* widgets */
blockquote {line-height:0.8;border-color:var(--mainColor);padding-top:1rem;}
blockquote cite strong, blockquote cite b {font-style:normal;margin-top:10px;padding:1rem 0;display:block;}

/* Thom */
.tekstvak {
	max-width: 900px;
	padding-bottom: 10px;
}

.breadcrumb {
	margin-bottom: 10px
}

.demo {
  transition: transform .2s; 
  margin: 0 auto; 
}

.demo:hover {
 transform: scale(1.1);
}

footer#site-footer {
	background: var(--background);margin-top:0;
	
}
footer#site-footer .divider {
  border-bottom: var(--darkerMain)
}		

.contact-container {
	background: radial-gradient(#000, #222);
}
.projecten {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content {
	background: var(--background);
	padding:0.5rem 1rem;
	margin-top: -11px;
}
.content h2 {font-weight:normal;}



.project-button {
	text-align: center;
}

.standard-template aside .sidebar {
	border-color: var(--fontcolor)
}

.project-text {
	max-width: 900px;
	padding-bottom: 20px;
}