/*
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: var(--mainColor);
	--gray: var(--mainColor);
	--mainColor: #FF2D94;
	--darkerMain: #d81876;
	--subColor: #FFF806;
	--darkerSub: #e6e11f;
	--softbg: #00A6EB2f;
	--background: #fefefe;
	--cta: #db6a50;
	--fontcolor: #282828;
	--family: 'Poppins', serif;
	--fancyfamily: "Give You Glory", cursive;
	--radius: 10px;
	--cta: #00A6EB;
}

/* global */
a {color:var(--darkerMain);}
h2, .h2, h2 b, h2 strong, .h2 b, .h2 strong {font-size:20px;}
h2 em, h3 em {font-size:inherit;}
picture, img {display:block;max-width:100%;max-height:100%;object-fit:cover;}

/* 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:50px;}
.wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link {color:var(--subColor);}

/* nav */
#infobalk .topbar-lr strong a, #infobalk .topbar-lr a strong {border-radius:0;margin:0;color:white;background:var(--cta) !important;padding:10px 32px;}
#infobalk .topbar-lr strong a:before, #infobalk .topbar-lr a strong:before {background:#b75039;}
.topnav {background:var(--background);}
.topnav .site-logo img {max-width:340px;max-height:64px;display:block;border-radius:var(--radius);} 
.menu-item-has-children > ul.sub-menu > li.menu-item:hover > a {background:whitesmoke !important;color:var(--fontcolor) !important;}
@media (min-width:992px) {
nav#nav .hoofd-menu > ul.menu > li:nth-child(1):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(1):hover > a {color:#787A79;}
.menu-item-has-children:nth-child(1) > ul.sub-menu > li.menu-item:hover > a {background:#787A79 !important;color:white !important;}
nav#nav .hoofd-menu > ul.menu > li:nth-child(2):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(2):hover > a {color:#A6CE39;}
.menu-item-has-children:nth-child(2) > ul.sub-menu > li.menu-item:hover > a {background:#A6CE39 !important;color:white !important;}
nav#nav .hoofd-menu > ul.menu > li:nth-child(3):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(3):hover > a {color:#00A6EB;}
.menu-item-has-children:nth-child(3) > ul.sub-menu > li.menu-item:hover > a {background:#00A6EB !important;color:white !important;}
nav#nav .hoofd-menu > ul.menu > li:nth-child(4):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(4):hover > a {color:#E6394D;}
.menu-item-has-children:nth-child(4) > ul.sub-menu > li.menu-item:hover > a {background:#E6394D !important;color:white !important;}
nav#nav .hoofd-menu > ul.menu > li:nth-child(5):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(5):hover > a {color:#FF6600;}
.menu-item-has-children:nth-child(5) > ul.sub-menu > li.menu-item:hover > a {background:#FF6600 !important;color:white !important;}
nav#nav .hoofd-menu > ul.menu > li:nth-child(6):hover, nav#nav .hoofd-menu > ul.menu > li:nth-child(6):hover > a {color:#650CE8;}
.menu-item-has-children:nth-child(6) > ul.sub-menu > li.menu-item:hover > a {background:#650CE8 !important;color:white !important;}
}
@media (max-width: 992px) {
.topnav .site-logo, .topnav .site-logo picture {width:auto;}
.topnav .site-logo img {max-height:44px !important;width:auto;}
nav .bars {background-color:var(--cta);}
}

/* home header */
header.home-slider {background:var(--softbg);height:auto;}
header.home-slider .header-slider {height:35%;}
header.home-slider .overlay.singled {margin-top:3rem;margin-bottom:1.5rem;}
header.home-slider .overlay.singled * {color:var(--fontcolor);text-shadow:none;text-align:left;}
header.home-slider .overlay.singled h1 {font-family:var(--fancyfamily);font-size:2.5rem;}
header.home-slider .overlay p {font-weight:normal;}
@media (max-width:768px) {
header.home-slider .overlay.singled {margin-top:1rem;}
}

/* home */
header.header.header-stock {background:var(--softbg);}
header.header .overlay *:not(.btn-primary) {color:var(--fontcolor);}
header.header img {object-fit:cover;object-position:top;}
section.boxed .blocks .block .block-img {border-radius:var(--radius);max-height:25rem;}
section.boxed .blocks .block .block-img img {width:100%;height:100%;object-position:top;}
section.boxed .blocks .block .block-img > picture, section.boxed .blocks .block > .block-img > img, section.boxed .blocks .block .block-img > picture * {width:100%;}
section.boxed .blocks .block .block-content ul {padding-left:20px;}

/* single header */
header.fancy-header {overflow:unset;position:relative;margin-bottom:5rem;}
header.fancy-header .featured-banner {overflow:hidden;height:100%;}
header.fancy-header ul {padding-left:20px;}
header.fancy-header ul li {list-style:outside;}

/* pages */
.intxt {max-height:15rem;overflow:hidden;border-radius:var(--radius);}
.intxt img {height:100%;width:auto;object-fit:cover;}
.notable * {border:none;background:none !important;padding:0;}
.notable tr td {padding-right:10px;}

/* ACF pagebuilder */
section.boxed .blocks .block .sub-heading {font-weight:normal;color:var(--cta);font-size:16px;margin-top:1rem;}
section.boxed .blocks .block h2 {line-height:normal;margin-top:10px;}
section.boxed .blocks .block h2:nth-child(3) {margin-top:0;}
.leftright.darkmode {background:var(--mainColor);}
.leftright .left .tekstblok img {height:auto;}

/* contact */
.page-template-contact-page .page-info {max-width:600px;margin:5rem auto 0;}
.page-template-contact-page .page-info h2 {margin-bottom:2rem;}
.page-template-contact-page .page-info ul li {list-style:inside;}
.locaties {display:flex;flex-direction:row;justify-content:space-around;}
.locaties .locatie {width:calc(100% / 2 - 5rem);}
.locaties .locatie img {width:100%;border-radius:20px;height:22rem;}
.locaties .locatie > h1, .locaties .locatie > h2, .locaties .locatie > h3, .locaties .locatie > h4, .locaties .locatie > h5, .locaties .locatie > h6,
.locaties .locatie > div, .locaties .locatie > p, .locaties .locatie > i {margin-left:20px;}
@media (max-width:992px) {
.locaties {flex-direction:column;}
.locaties .locatie {width:100%;}
}

/* team */
#team .teamcontent {margin-bottom:3.5rem;}
#team .teamcontent > span > p {padding-bottom:0;}
#team.blog-container {justify-content:unset;}
#team.blog-container div.news__item {margin:0 10px 50px;}
#team.blog-container div.news__item:last-of-type {margin-left:auto;}
#team.blog-container div.news__item .image {position:relative;max-height:265px;}
#team.blog-container div.news__item .image .labels {position:absolute;bottom:0;display:flex;flex-wrap:wrap;margin:5px;}
#team.blog-container div.news__item .image .labels p {margin-top:0;background:white;padding:2px 12px;border-radius:20px;margin:5px;}
#team .news__item.polaroid > .content h3 {font-weight:bold;}
#team .news__item.polaroid > .content .jobtitle {font-weight:bold;}

/* tussenpagina */
.extension-tussen {background:;}
.extension-tussen .extensionflex {justify-content:center;}
.extension-tussen .extensionflex * {text-align:center;margin-left:auto;margin-right:auto;}
.extension-tussen .extensionflex .btn-primary {background:var(--cta) !important;}
.extension-tussen .extensionflex .btn-primary:before {background:#b75039;}

/* page item *//* review */
.review {display:none !important;} /* temp deactivation until there is content */
.review .wp-block-column:nth-child(1) {width:10rem;flex-basis:0 !important;}
.review .wp-block-column figure {border-radius:50rem;width:10rem;height:10rem;overflow:hidden;}
.review .wp-block-column figure picture, .review .wp-block-column figure img {width:100%;height:100%;object-fit:contain;object-position:center left;}

/* gutenberg */
blockquote {border-color:var(--cta);}
blockquote p {margin-bottom:10px;}
blockquote p:last-of-type {margin-bottom:-10px;}
.wpseopress-faq .wpseopress-wrap-faq-question button {transition:var(--transition);border:none;}
.wpseopress-faq .wpseopress-wrap-faq-question button:hover {cursor:pointer;background:var(--darkerMain);}
.wpseopress-faq .wpseopress-wrap-faq-question button:after {margin-top:4px;}
body > *:not(footer) table tbody tr {background:none !important;}
body > *:not(footer) table tbody tr:first-child {font-weight:bold;background:var(--cta) !important;color:white;}
body > *:not(footer) table tbody tr td {vertical-align:baseline;}
@media (min-width:768px) {
body > *:not(footer) table tbody tr td:first-child {display:block;width:400px;max-width:400px;}
}
@media (max-width:768px) {
body > *:not(footer) figure.wp-block-table {margin-right:0;margin-left:0;}
body > *:not(footer) figure.wp-block-table table, 
body > *:not(footer) figure.wp-block-table table tbody {width:100%;}
body > *:not(footer) figure.wp-block-table table tbody tr:first-child {width:100%;}
body > *:not(footer) figure.wp-block-table table tbody tr:first-child td:not(:nth-child(1)) {display:none;}
body > *:not(footer) figure.wp-block-table table tbody tr {display:flex;flex-direction:column;}
body > *:not(footer) figure.wp-block-table table tbody tr:nth-child(2n+3) {background:whitesmoke !important;}
body > *:not(footer) figure.wp-block-table table tbody tr td {width:calc(100% - 20px);}
body > *:not(footer) figure.wp-block-table.prijs table tbody tr td:nth-child(2):after {content:" per uur";}
body > *:not(footer) figure.wp-block-table.prijs table tbody tr td:nth-child(3):after {content:" uur per maand";}
body > *:not(footer) figure.wp-block-table.prijs table tbody tr td:nth-child(4):after {content:" per maand";}
}

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

/* custom */
.contactform .leftright .tekstblok {justify-content:flex-start;}
#topper {align-items:flex-start;}
#trainers {flex-wrap:wrap;padding:5rem 0;}
#trainers:before {content:"De trainers";color:white;font-weight:bold;width:100%;font-size:26px;text-align:center;}
#trainer-enkel {padding:5rem 0;justify-content:center;}
#trainer-enkel .text {width:auto;}
#trainer-enkel .text .tekstblok {margin:0;}
#over-delend .miniblock img {object-position:top;}
@media (min-width:992px) {
#over-delend .miniblock img {object-position:0 -5rem;}
}

/* over ons */
.cv.wp-block-media-text .wp-block-media-text__media {margin-left:0;flex:unset;width:40%;}
.cv table {border:1px solid lightgray;border-spacing:0;}
.cv table tbody tr:first-child {background:lightgray !important;}
.page-id-488 header.fancy-header .featured-banner img {object-fit:contain;object-position:left;}
@media (max-width:992px) {
header.fancy-header .featured-banner img {height:auto;}
}

/* gutenberg */
blockquote {margin-left:0;margin-right:0;}

/* footer */
footer#site-footer {border-top:none;background:whitesmoke;margin-top:6rem;}
footer#site-footer * {color:var(--fontcolor);}
footer#site-footer:before {content:"";display:block;background-image:url('https://tomtiedom.groei.site/wp-content/uploads/2025/03/poppetje-los.png');width:10rem;height:10rem;}
footer#site-footer > div {position:relative;z-index:2;}
footer#site-footer > .container > .footer > .bit:last-of-type {margin-right:auto;}
footer#site-footer .bit img {max-width:160px;background:var(--background);padding:10px;border-radius:15px;height:auto;width:auto;}
footer#site-footer .container-divider {display:none;}
footer#site-footer > #footer-copyright {background:var(--fontcolor);}
footer#site-footer > #footer-copyright * {color:white;}
@media (max-width:992px) {
footer#site-footer > #footer-copyright {margin-top:1rem;}
}

/* plugin support *//* gravityforms */
.gform_wrapper .gfield input:not([type=checkbox]), .gform_wrapper .gfield textarea {border-radius:var(--radius);}

/* whatsapp */
.floatbtn {z-index:99;}