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

/* global *//* typography */
p a {color:var(--subColor);}

/* global *//* buttons */
.bobobuttons > *:nth-child(2) {box-shadow:none;border:1px solid var(--mainColor);border-radius:50px;}
.wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {color:var(--subColor) !important;}
.wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link:hover {color:var(--darkerSub) !important;}

/* topbar */
#infobalk .topbar-lr * {padding-top:0;padding-bottom:0;}
#infobalk .topbar-lr strong a, #infobalk .topbar-lr a strong, #infobalk .topbar-lr b a, #infobalk .topbar-lr a b {background:var(--subColor) !important;}
#infobalk .topbar-lr strong a:before, #infobalk .topbar-lr a strong:before, #infobalk .topbar-lr b a:before, #infobalk .topbar-lr a b:before {border-radius:0;background:var(--darkerSub);}

/* navigation */
nav#nav .topnav .site-logo {min-height:76px;display:flex;align-items:center;}
nav#nav .topnav .site-logo img {filter:brightness(0) invert(1);}

/* front header */
@media (max-width:992px) {
header.header .overlaycontainer {padding-top:2.5rem;padding-bottom:2.5rem;}
header.header .overlaycontainer div.halfcontainer {margin-left:0;}
}

/* usps */
.usps {display:flex;flex-wrap:nowrap;justify-content:space-between;}
.usps .text {width:calc(100% / 3);}
.usps .text h2 {margin-top:0;}
.usps .usp-list {width:calc(100% / 2);display:flex;flex-wrap:wrap;flex-direction:row;}
.usps .usp-list .usp {width:calc(100% / 2);display:flex;flex-wrap:nowrap;margin-bottom:0.5rem;align-items:center;}
.usps .usp-list .usp .img {width:38px;height:38px;display:block;margin:4px;}
.usps .usp-list .usp .img img {width:100%;height:100%;object-fit:contain;}
.usps .usp-list .usp span.usp-title {font-family:var(--titlefamily);font-size:1.25rem;font-weight:bold;color:var(--mainColor);margin-left:8px;}
.usps.banner .usp-list {flex-direction:column;}
.usps.banner .usp-list .usp {margin-left:5%;width:calc(100% / 2 - 5%);}
.usps.banner .usp-list .usp {width:100%;}
.usps.banner .usp-list .usp span.usp-title {font-size:1.2rem;}
.usps.banner .usp-list .usp .img, 
.usps.banner .usp-list .usp .img img {min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem;}
@media (min-width:768px) {
.usps.banner .usp-list {width:calc(100% / 3 * 2 - 10%);}
}
@media (max-width:1200px) {
.usps .usp-list {width:calc(100% / 3 * 2 - 20px);padding-left:20px;}
}
@media (max-width:992px) {
.usps {flex-direction:column;}
.usps .text {width:100%;max-width:550px;margin-bottom:3.2rem;}
.usps .usp-list {width:95%;padding-left:0;}
.usps.banner .usp-list .usp {margin-left:0;}
.usps .usp-list .usp span.usp-title {font-size:1.1rem;}
}

/* locaties */
.where {flex-direction:column;margin:5rem 0;}
.where h2 {text-align:center;}
.where .usp-list {width:100%;margin-top:32px;}
.where .usp-list .usp {width:calc(100% / 3);}
.where .usp-list .moar {width:100%;margin-top:24px;}
.where .usp-list .moar span {color:var(--darkerMain);font-family:var(--altfamily);font-size:1.4rem;text-align:center;font-weight:bold;width:100%;display:block;}
.page-template-default:not(.home) .where {margin-top:0;}
.page-template-default:not(.home) .where .usp-list .usp {width:calc(100% / 2);}
@media (max-width:992px) {
.where .usp-list .usp {width:calc(100% / 2);}
}
@media (max-width:600px) {
.where .usp-list .usp {width:calc(100% / 1);}
}

/* portfolio homepage */
.img-gallery#portfolio {display:flex;flex-wrap:wrap;flex-direction:row;gap:0;padding-right:0;}
.img-gallery#portfolio .img {width:calc(100% / 2 - 20px);padding:10px;margin:unset;display:block;}
.img-gallery#portfolio .img picture, .img-gallery#portfolio .img img {width:100%;height:100%;display:block;object-fit:cover;object-position:center;overflow:hidden;}
@media (max-width:992px) {
.img-gallery#portfolio {margin-left:-10px;margin-right:-10px;}
}
@media (min-width:992px) {
.img-gallery#portfolio .img:nth-child(8n+1) {height:calc(30rem - 0px);}
.img-gallery#portfolio .img:nth-child(8n+2) {height:60rem;}
.img-gallery#portfolio .img:nth-child(8n+3) {height:calc(30rem - 20px);width:calc(100% / 4 - 20px);margin-top:-30rem;}
.img-gallery#portfolio .img:nth-child(8n+4) {height:calc(30rem - 20px);width:calc(100% / 4 - 20px);margin-top:-30rem;}
.img-gallery#portfolio .img:nth-child(8n+5) {height:calc(30rem - 0px);}
.img-gallery#portfolio .img:nth-child(8n+6) {height:60rem;margin-top:calc(-30rem - 20px);}
.img-gallery#portfolio .img:nth-child(8n+7) {height:calc(30rem - 20px);width:calc(100% / 4 - 20px);}
.img-gallery#portfolio .img:nth-child(8n) {height:calc(30rem - 20px);width:calc(100% / 4 - 20px);}
}
@media (max-width:992px) and (min-width:520px) {
.img-gallery#portfolio .img:nth-child(8n+1) {height:calc(18rem - 20px);order:1;}
.img-gallery#portfolio .img:nth-child(8n+2) {height:36rem;order:1;}
.img-gallery#portfolio .img:nth-child(8n+3) {height:18rem;margin-top:calc(-18rem - 20px);order:1;}
.img-gallery#portfolio .img:nth-child(8n+4) {height:36rem;margin-right:50%;order:3;}
.img-gallery#portfolio .img:nth-child(8n+5) {height:calc(18rem - 20px);margin-left:50%;margin-top:calc(-36rem - 20px);order:3;}
.img-gallery#portfolio .img:nth-child(8n+6) {height:18rem;margin-top:calc(-18rem - 20px);margin-left:50%;order:3;}
.img-gallery#portfolio .img:nth-child(8n+7) {height:36rem;order:2;}
.img-gallery#portfolio .img:nth-child(8n) {height:36rem;order:2;margin-top:calc(-36rem - 20px);}
}
@media (max-width:520px) and (min-width:300px) {
.img-gallery#portfolio .img:nth-child(8n+1) {height:calc(9rem - 20px);order:1;}
.img-gallery#portfolio .img:nth-child(8n+2) {height:18rem;order:1;}
.img-gallery#portfolio .img:nth-child(8n+3) {height:9rem;margin-top:calc(-9rem - 20px);order:1;}
.img-gallery#portfolio .img:nth-child(8n+4) {height:18rem;margin-right:50%;order:3;}
.img-gallery#portfolio .img:nth-child(8n+5) {height:calc(9rem - 20px);margin-left:50%;margin-top:calc(-18rem - 20px);order:3;}
.img-gallery#portfolio .img:nth-child(8n+6) {height:9rem;margin-top:calc(-9rem - 20px);margin-left:50%;order:3;}
.img-gallery#portfolio .img:nth-child(8n+7) {height:18rem;order:2;}
.img-gallery#portfolio .img:nth-child(8n) {height:18rem;order:2;margin-top:calc(-18rem - 20px);}
}
@media (max-width:300px) {
.img-gallery#portfolio .img {width:100%;height:auto;max-height:80vh;padding:10px 0;}
}

/* smoothies */
#love-smoothie h2:first-of-type:after {content:"";background-image:url('/wp-content/themes/dbtheme-child/assets/img/hearts.svg');background-repeat:no-repeat;background-size:contain;width:5rem;height:5rem;display:block;position:absolute;top:-2.5rem;left:14rem;z-index:3;transform:rotate(-8deg);}
#the-green h2:first-of-type:after {content:"";background-image:url('/wp-content/themes/dbtheme-child/assets/img/muscle.svg');background-repeat:no-repeat;background-size:contain;width:5rem;height:5rem;display:block;position:absolute;top:-2.5rem;left:10rem;z-index:3;transform:rotate(14deg);}
#vitamin-booster h2:first-of-type:after {content:"";background-image:url('/wp-content/themes/dbtheme-child/assets/img/mango.svg');background-repeat:no-repeat;background-size:contain;width:5rem;height:5rem;display:block;position:absolute;top:-3rem;left:15rem;z-index:3;transform:rotate(-8deg);}
#coco-loco h2:first-of-type:after {content:"";background-image:url('/wp-content/themes/dbtheme-child/assets/img/coconut.svg');background-repeat:no-repeat;background-size:contain;width:5rem;height:5rem;display:block;position:absolute;top:-3rem;left:10rem;z-index:3;transform:rotate(-8deg);}

/* pagebuilder *//* superblock */
.superblock.leftright .miniblock.text {position:relative;}
.superblock.leftright .miniblock.text h2 {position:relative;}

/* pagebuilder *//* parallax */
section.parallax {background:none;padding:0;height:unset;min-height:10rem;margin:0;}
section.parallax > .overlay {color:var(--mainColor);font-family:var(--altfamily);}
section.parallax > .overlay p {font-size:2rem;font-weight:bold;text-align:center;}

/* template *//* fullwidth */
.fullwidth-template > p {max-width:824px;}

/* template *//* contact */
@media (max-width:992px) {
.page-template-contact-page .float-mid {margin-top:2rem;}
.page-template-contact-page footer#site-footer {margin-top:0;}
}

/* gutenberg */
.page-content ul li, .fullwidth-template ul li, .superblock .text .tekstblok ul li {list-style:circle;}

/* footer */
@media (max-width:992px) {
footer#site-footer > .container > .footer {margin-bottom:2.5rem;}
}

/* embed *//* feedback form *//* functionality */
.feedback-button {position:fixed;bottom:2.5rem;right:7.5rem;z-index:99;font-weight:bold;margin:0;}
.feedback-button.btn-primary {background:var(--subColor) !important;}
.feedback-button.btn-primary:before {background:var(--darkerSub);}
.feedback-form {position:fixed;right:-312px;bottom:calc(2rem + var(--regular) + 24px);background-color:#f9f9f9;width:300px;height:auto;border:2px solid #ccc;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:8px;transition:transform 0.3s ease-in-out;opacity:0;z-index:99999;}
.feedback-form.open {transform:translateX(-100%);opacity:1;}
.feedback-close {position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:#666;padding:0;}
.feedback-close:hover {color:#000;}