/*
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 {
    --veense-rood: #e63946;
    --veense-blauw: #219ebc;
    --veense-groen: #70BF54;
    --veense-geel: #ffb703;
	--veense-donkerblauw: #1b4965;
    --mainColor: #F68B33;
	--darkerMain: #ce6e20;
    --subColor: #2a9d8f;
	--darkerSubdarkerMain: #2b746b;
    --accentColor: #ffb703;
	--altbg: #111;
    --textLight: #ffffff;
	--softbg: var(--altbg);
}

/* Burger Menu */
@media (max-width: 992px) {
    nav .hoofd-menu.open {
        margin-right: auto;
        margin-left: -20px;
    }
}

span.sub-heading {line-height:normal;}

/* beadcrumb */
body > section.breadcrumbs,
body > .onlybreads {margin-top:40px;}
section.breadcrumbs {background:none;}
.breadcrumb{padding-top:10px;background:none;}
.page-template-contact-page .breadcrumb{background:white;}

/* logo */
.topnav .site-logo {padding:10px 20px;border-radius:6px;margin-bottom:-40px;background:white;width:auto;}
.topnav .site-logo img {width: auto;height: 100px;}
nav .topnav{box-shadow: var(--shadow);}
@media (max-width:992px) {
nav#nav .hoofd-menu > ul.menu {width:auto;}
}

/* header + shapes */
header.header {background: #f5f7fa;position: relative;position:relative;}
header.header-stock .overlay {margin-left:var(--container);padding:0;margin-right:20px;max-width:524px;}
/* header.header-stock .overlay {margin-right: 0;min-width: unset;max-width: unset;background: none;padding: 0 50px 0 240px;} */
header.header:before {content: "";position: absolute;width: 20rem;height: 17rem;background: var(--veense-rood);border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;top: -8rem;left: -8rem;opacity: 0.4;animation: none;z-index: 1;}
header.header:after {content: "";position: absolute;width: 13rem;height: 13rem;background: var(--veense-geel);border-radius: 50% 50% 30% 70% / 40% 60% 40% 60%;bottom: -6rem;right: -6rem;opacity: 0.35;animation: none;z-index: 1;}
header.header .shape {position: absolute;width: 20rem;height: 20rem;background: var(--veense-geel);border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;top: 2rem;right: 2rem;opacity: 0.3;animation: none;z-index: 1;}
@media (min-width:768px) {
header.header-stock {flex-direction: row-reverse !important;}
header.header-stock > * {width:calc(100% / 2) !important;}
}
@media (max-width:768px) {
header.header-stock {flex-direction:column !important;}
}

/* HEADER LAYOUT */
header.fancy-header * {color:white;} 
/* header.header .image .inner:focus, header.header .image .inner img:focus {outline: none;box-shadow: none ;}
.header-team .overlaycontainer {position: absolute; top: 50%; left: 250px; transform: translateY(-50%);max-width: 500px; text-align: right;z-index: 10; }
@media (max-width: 992px) {
header.header::before, header.header::after {display: none;}
header.header {min-height: 31vh;max-height: 23vh;overflow: hidden;}
header.header .content-wrapper {min-height: auto;display: flex;flex-direction: column-reverse;justify-content: center;}
header.header .image {width: 100%;max-height: 35vh;overflow: hidden;}
header.header .image .inner {height: 35vh;border-radius: 20px;overflow: hidden;}
header.header .image .inner img {width: 100%;height: 100%;object-fit: cover;display: block;}
header.header .overlaycontainer {padding: 15px 20}
} */



/* News */
.homepage-news-wrapper {background: #f5f7f9;padding: 60px 0;margin-top: 40px;}
.homepage-news-wrapper .container {max-width: 1200px;margin: 0 auto;}
.homepage-news .news-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.homepage-news .news-item {background: #fff;border-radius: 8px;overflow: hidden;box-shadow: 0 10px 25px rgba(0,0,0,0.05);transition: 0.3s;display: flex;flex-direction: column;}
.homepage-news .news-item:hover {transform: translateY(-5px);}
.homepage-news .news-item img {width: 100%;height: 260px;object-fit: cover;display: block;}
.homepage-news .content {padding: 20px;display: flex;flex-direction: column;flex-grow: 1;}
.homepage-news .content h3 {margin-bottom: 10px;}
.homepage-news .content h3 a {color:var(--fontcolor);}
.homepage-news .excerpt {flex-grow: 1;margin-bottom: 15px;}
.homepage-news .content a.read-more {margin-top: auto;font-weight: bold;}
.wp-block-gallery.has-nested-images figure {width: 100% !important;}
.homepage-news-link {text-align: center;margin-top: 20px;}
.news-button {display: inline-flex;align-items: center;gap: 8px;font-weight: 600;text-decoration: none;color: #000;transition: all 0.3s ease;}
.news-button .arrow {transition: transform 0.3s ease;}
.news-button:hover .arrow {transform: translateX(5px);}
@media (max-width: 1024px) {
    .homepage-news .news-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .homepage-news .news-list {
        grid-template-columns: 1fr;
    }
}

/* evenementen */
.blog-container div.event-card {background:white;box-shadow:0 0 10px rgba(0 0 0 / 0.15);}
.evenementendiv main {}
.evenementendiv main .content {padding-right:50px;}
.evenementendiv aside .infoblok {background:var(--veense-blauw);color:white;}
.evenementendiv aside .infoblok .infocontent {padding: 15px 20px 32px;}
.blog-container div.news__item {}
.evenementendiv aside {min-width:356px;}
.evenementendiv aside > .sidebar-events > *:not(.infoblok) {padding:0 20px;}
.sidebar-events {}
.sidebar-events .kort-infoblok {display:flex;flex-direction:row;}
.sidebar-events .kort-infoblok i {line-height:3.5;}
.sidebar-events .later {display:flex;flex-direction:column;margin-top:15px;}

/* archives */
.intro {max-width:824px;margin-bottom:3.5rem;text-align:left;}
.agendacontainer > div.event-card .archivebox {width:100%;display:flex;flex-direction:row;margin-bottom:50px;border-radius:12px;overflow:hidden;}
.agendacontainer > div.event-card .archivebox .image {width:33%;}
.agendacontainer > div.event-card .archivebox .image picture {display:flex;height:100%;}
.agendacontainer > div.event-card .archivebox .image picture img {width:100%;height:100%;min-height:300px;object-fit:cover;}
.agendacontainer > div.event-card .archivebox .agenda {width:12.5%;background:var(--veense-blauw);padding:20px;color:white;display:flex;flex-direction:column;}
.agendacontainer > div.event-card .archivebox .agenda .title {font-weight:bold;border-bottom:1px solid white;padding-bottom:10px;margin-bottom:10px;}
.agendacontainer > div.event-card .archivebox .agenda .location {font-weight:bold;margin-top:auto;}
.agendacontainer > div.event-card .archivebox .content {width:50%;background:#eaeaea;padding:0 20px 20px;display:flex;flex-direction:column;}
.agendacontainer > div.event-card .archivebox .content .content-buttons {margin-top:auto;}
.agendacontainer > div.event-card .archivebox .content .content-buttons .btn {margin:10px 0 10px;}
@media (max-width:768px) {
    .agendacontainer > div.event-card .archivebox {flex-direction:column;}
    .agendacontainer > div.event-card .archivebox .image {width:100%;}
    .agendacontainer > div.event-card .archivebox .image picture img {min-height:unset;}
    .agendacontainer > div.event-card .archivebox .agenda {width:calc(100% - 40px);}
    .agendacontainer > div.event-card .archivebox .content {width:calc(100% - 40px);}
}

/* Team */
#team .teamcontent > h1.subrow {padding-top:0;margin-top:0;}
main#team.archive {display:flex;flex-direction: row;flex-wrap:wrap;gap:20px;justify-content:center;padding:40px 0;max-width:1200px;margin:0 auto;}
#team .team__item {flex:0 0 calc(25% - 20px);max-width:calc(25% - 20px);background:#ffffff;padding:0 0 20px 0;border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:20px;box-sizing:border-box;text-align:center;transition:transform 0.3s ease;overflow:hidden;}
#team .team__item .image {width:100%;margin:0;}
#team .team__item .image img {width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block;}
#team .team__item .content {padding:15px 10px 0 10px;}
#team .team__item h3 {font-size:1.2rem;margin:5px 0;font-weight:800;color:#1a1a1a;}
#team .team__item .jobtitle {font-size:0.9rem;color:#666;}
#team .team__item:nth-child(4n+1) {border-bottom:8px solid var(--veense-geel);}
#team .team__item:nth-child(4n+2) {border-bottom:8px solid var(--veense-groen);}
#team .team__item:nth-child(4n+3) {border-bottom:8px solid var(--veense-rood);}
#team .team__item:nth-child(4n+4) {border-bottom:8px solid var(--veense-blauw);}
@media (max-width: 768px) {
	#team.blog-container .teamcontent {margin:32px 0 0;}
    #team .team__item {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
}

/* Foto's */
#fotos .foto-container {display: flex;flex-wrap: wrap;gap: 25px;}
#fotos .foto-item {flex: 0 0 calc(25% - 19px);max-width: calc(25% - 19px);background: #fff;border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.08);overflow: hidden;transition: transform 0.3s ease;}
#fotos .foto-item:hover {transform: translateY(-6px);}
#fotos .foto-item img {width: 100%;height: auto;aspect-ratio: 4/3;object-fit: cover;display: block;}
#fotos .foto-content {padding:15px 15px 20px;text-align: left;}
#fotos .foto-titel {font-size: 1.2rem;font-weight:bold;color: #1a1a1a;line-height: 1.3;margin:0;}
.foto-single .foto-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin-top: 20px;}
.foto-single .foto-item {flex: 0 0 calc(25% - 20px);max-width: calc(25% - 20px);}
.foto-single .foto-item img { width: 100%;height: auto;max-height: 400px;object-fit: cover;border-radius: 6px;}
.foto-single h1 {margin-top: 20px;font-size: 24px;text-align: center;}
.foto-pagination {text-align: center;margin-top: 20px;}
.foto-pagination .btn {display: inline-block;margin: 0 5px;padding: 5px 10px;border-radius: 4px;text-decoration: none;}
.foto-pagination .btn.active {background-color: #333; color: #fff;font-weight: bold;}
@media (max-width: 1024px) {
#fotos .foto-item {flex: 0 0 calc(50% - 15px);max-width: calc(50% - 15px);}
}
@media (max-width: 768px) {
main#fotos.container {padding: 20px 10px;}
#fotos .foto-container {gap: 15px;}
#fotos .foto-item {flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);border-radius: 12px;}
#fotos .foto-item img {aspect-ratio: 16/10;}
#fotos .foto-content {padding: 8px;min-height: auto;}
#fotos .foto-titel {font-size: 1.1rem;}
.foto-single .foto-item {flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}
.foto-single h1 {font-size: 20px;}
}
@media (hover: none) {
#fotos .foto-item:hover {transform: none;}
}


/* Nieuws */
/* .container.nieuws {display: flex;gap: 30px;}
main.archive {flex: 1;padding:20px;}
.news__item {display: flex;flex-direction: row;gap: 20px;margin-bottom: 40px;width: 100%;}
.news__item .image {flex: 0 0 200px;}
.news__item .image img {width: 100%;height: auto;display: block;}
.news__item .content {flex: 1;}
.news__item h2 {margin: 0 0 10px;}
.news__item .postmeta {font-size: 0.9em;color: #555;margin-bottom: 10px;display:flex;justify-content:space-between}
.news__item .postmeta a {margin-right: 10px;text-decoration: none;color: #10b2a8;}
.news__item .excerpt {font-size: 1em;line-height: 1.5;}
aside .categories {padding: 20px;border-radius: 6px;background: #fff;}
aside .categories h2 {font-size: 18px;margin-bottom: 15px;text-align: left;}
aside .archives{padding: 20px;padding-top:2px;border-radius:6px;list-style: none}
aside .archives h2 {font-size: 18px;margin-bottom: 15px;text-align: left;}
.archives{margin-top:5px;display: block;}
.archives h2 {text-align:left;margin-bottom: 10px;}
.cat-links {display: flex;flex-direction: column;gap: 8px;}
.cat-links a {display: inline-block;padding: 4px 0;background: transparent;border: none;color: #333;font-size: 14px;text-decoration: none;position: relative;transition: all 0.25s ease;}
.cat-links a:hover {background: #10b2a8;color: #fff;border-color: #10b2a8;transform: translateX(3px);}
.cat-links a.active {background: #10b2a8;color: #fff;font-weight: 600;}
.archives a {display: inline-block;padding: 4px 0;background: transparent;border: none;color: #333;font-size: 14px;text-decoration: none;position: relative;transition: all 0.25s ease;}
.cat-links a:hover{background: #10b2a8;color: #fff;padding: 4px 10px;margin-left: -10px;border-radius: 6px;transform: translateX(6px);box-shadow: 0 6px 18px rgba(0,0,0,0.08);}
.archives a:hover{background: #10b2a8;color: #fff;padding: 4px 10px;margin-left: -10px;border-radius: 6px;transform: translateX(6px);box-shadow: 0 6px 18px rgba(0,0,0,0.08);}
.homepage-news-link {text-align: center;margin-top: 20px;}
.news-button {display: inline-flex;align-items: center;gap: 8px;font-weight: 600;text-decoration: none;color: #000;transition: all 0.3s ease;}
.news-button .arrow {transition: transform 0.3s ease;}
.news-button:hover .arrow {transform: translateX(5px);}
.wp-block-gallery.has-nested-images {display: grid !important;grid-template-columns: repeat(2, 1fr) !important;gap: 10px;}
.wp-block-gallery.has-nested-images figure {width: 100% !important;}
.single-post .image img {max-width: 600px;width: 100%;height: auto;display: block;margin-top: 20px;}
@media (max-width: 600px) {
.wp-block-gallery.has-nested-images {grid-template-columns: 1fr !important;}
}
@media (min-width: 992px) {
  .nieuws aside {
    border-left: 1px solid #f0f0f0;
    padding-left: 2rem;
  }
}
@media (max-width: 992px) {
.container.nieuws {flex-direction: column;}
.news__item {flex-direction: column;}
.news__item .image {width: 100%;}
side {order: -1;width: 100%;}
main.archive {order: 1;}
aside {width: 100%;}
}
@media (max-width: 992px) {
.archives {display: none;}
} */
/* blog */
.nieuws {display:flex;flex-direction:column-reverse;}
.nieuws .blog-container {margin:2rem 0 0;}
.oldschool .blog-container {margin-bottom:0;}
.oldschool .blog-container h1 {padding-left:0;text-align:left;margin:0;}
.oldschool .blog-container div.news__item .content h2 {font-size:22px;}
.postmeta .cat {margin-right:10px;}
.postmeta i {padding-right:5px !important;}
.single .boxed .postmeta .cat,
.single .boxed .postmeta .cat i,
.oldschool .blog-container div.news__item .date,
.oldschool .blog-container div.news__item .date i,
.homepage-news .news__item .date,
.oldschool .blog-container div.news__item a:hover .content .postmeta .date {color:#b3b3b3;font-size:0.9rem;padding-right:0;}
.single .boxed .postmeta .date,
.single .boxed .postmeta .date i,
.oldschool .blog-container div.news__item .cat,
.oldschool .blog-container div.news__item .cat i,
.oldschool .blog-container div.news__item a:hover .content .postmeta .cat {color:#b3b3b3;font-size:0.9rem;padding-right:0;}
.oldschool .blog-container div.news__item a .content .postmeta .cat .comma:last-child {display:none;}
.oldschool .blog-container div.news__item .image {border-radius:12px;}
.oldschool .blog-container div.news__item .image img {object-fit:contain;border-radius:12px;height:unset;max-height:265px;background:whitesmoke;}
.oldschool .blog-container div.news__item a:hover img {transform:scale(1.05);}
.oldschool .blog-container .boxed {padding:0 20px;}
.oldschool .blog-container article {display:flex;flex-direction:column;}
.oldschool .blog-container article * {order:12;}
.oldschool .blog-container article h1 {order:1;}
.oldschool .blog-container article > p:nth-child(2) {order:4;}
.single .container article .image,
.oldschool .blog-container article .image {border-radius:12px;margin-top:1rem;order:6;max-width:768px;}
.single .container article .image img,
.oldschool .blog-container article .image img {border-radius:12px;max-height:40vh;margin-left:0;}
.pagination {margin-bottom:5rem;}
.categories h2 {text-align:left;}
.categories .cat-links {flex-wrap:wrap;gap:10px;justify-content:flex-start;}
/* .categories .cat-links a {background:var(--mainColor);color:white;padding:6px 20px;border-radius:3px;width:fit-content;transition:var(--transition);} */
.categories .cat-links {gap:4px;}
.categories .cat-links a {padding:3px 0;}
.categories .cat-links a:hover {background:var(--darkerMain);color:white;padding:3px 8px;margin-left:-8px;width:fit-content;border-radius:3px;}
.standard-template.centered.withimg main article.hasimg > div.image {order:1;}
.standard-template.centered.withimg main article p:first-of-type {order:3;}
@media (min-width:992px) {
.nieuws {flex-direction:row;}
.nieuws main {width:70%;}
.nieuws aside {border-left:1px solid whitesmoke;padding:0 0 0 2rem;border:none;padding:0;}
.categories .cat-links {flex-direction:column;}
}
@media (max-width:768px) {
.oldschool.page-content {padding-top:0;}
}

/*  */
#macy-container {display:flex;flex-wrap:wrap;}
#macy-container img {max-width:424px;}

/* blog *//* related */
section.related-blogs > .container {max-width:884px;}
.single .related {margin-bottom:5rem;margin-top:2rem;}
.single .related h2 {/* text-align:center; */font-weight:900;font-size:25px;line-height:35px;margin-bottom:20px;line-height:35px;}
.single .related h2:after {content:none !important;}
/* .single .related .showselected {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;} */
/* .single .related .showselected .post {width:calc(100% / 1 - 20px);margin-bottom:2.5rem;color:#575b5d;box-shadow:0 0 80px rgba(0 0 0 / 0.1);padding:15px 20px;} */
.single .related .showselected .post .image picture, .single-post .related .showselected .post .image img {max-height:165px;height:165px;margin-bottom:12px;object-fit:contain;object-position:center;width:100%;}
.single .related .showselected .post h3 {font-weight:bold;font-size:16px;}
@media (min-width:500px) {
body .container .contactme {padding:2rem 5rem;}
.single .related .showselected {justify-content:space-between;}
/* .single .related .showselected .post {width:calc(100% / 2 - 60px);} */
}
@media (min-width:992px) {
/* .single .related .showselected .post {width:calc(100% / 4 - 60px);} */
}

/* Onze sponsoren */
.demo {border-radius: 12px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;overflow: hidden;}
.demo img {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}
.section{padding-top:20px}
@media (max-width: 768px) {
.demo {border-radius: 10px;flex-direction: column;}
.demo img {max-width: 100%;height: auto;object-fit: contain;}
.section {padding-top: 10px;}
}
.wp-block-media-text .wp-block-media-text__media img {max-height: 180px;max-width: 200px;object-fit: contain;}

.sponsoren .wp-block-media-text {border-top:1px solid #efefef;padding:2rem 0;flex-direction:row;}
.sponsoren .wp-block-media-text .wp-block-media-text__content {flex:3;}
.sponsoren .wp-block-media-text figure.wp-block-media-text__media {max-width:35%;flex:2;}
.sponsoren .wp-block-media-text figure.wp-block-media-text__media * {max-width:100%;max-height:100%;object-fit:contain;}

/* ABNI informatie*/
ul {padding-left: 20px;margin-left: 0;list-style-position: outside;}
ul li {text-align: left;}
.tabel-wrapper {width: 100%;padding: 20px 40px;box-sizing: border-box;}
.actiepunten-tabel {width: 283%;max-width: none; border-collapse: collapse;font-family: Arial, sans-serif;font-size: 14px;margin: 5px 70px;margin-left: -264px}
.actiepunten-tabel td {padding: 12px 10px;border: 1px solid #ddd;vertical-align: top;}
.actiepunten-tabel tr:first-child td {background-color: #2c3e50;color: #ffffff;font-weight: bold;letter-spacing: 0.5px;}
.actiepunten-tabel tr:nth-child(even):not(:first-child) {background-color: #f9f9f9;}
.actiepunten-tabel td:first-child {font-weight: bold;width: 17%;}
.actiepunten-tabel td:nth-child(2) {width: 45%;}
.actiepunten-tabel td:nth-child(3) {width: 25%;}
.actiepunten-tabel td:nth-child(4) {width: 20%;}
@media (max-width: 768px) {
.tabel-wrapper {padding: 10px;}
.actiepunten-tabel,.actiepunten-tabel tbody,.actiepunten-tabel tr,.actiepunten-tabel td {width: 100%;}
.actiepunten-tabel tr {margin-bottom: 15px;border: 1px solid #ddd;}
.actiepunten-tabel td {border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;}
.actiepunten-tabel td:before {position: absolute;left: 10px;top: 12px;font-weight: bold;white-space: nowrap;}
}
.contact-tabel {width: 100%;border-collapse: collapse;font-family: Arial, sans-serif;font-size: 14px;}
.contact-tabel td {border: 1px solid #ddd;padding: 10px;}
.contact-tabel tr:first-child td {background: #2c3e50;color: white;font-weight: bold;}
@media (max-width: 768px) {
.tabel-wrapper {padding: 10px;}
.actiepunten-tabel {width: calc(100% - -54px);margin-left: -27px;}
.actiepunten-tabel td {font-size: 13px;padding: 8px;}
}

/* contact page */
.page-template-contact-page footer#site-footer {margin-top:0;}
.contact-container {padding:0;}

/* Footer */
footer#site-footer:before {content:"" !important;display:block !important;width:100%;height:15px;position:absolute;margin-top:unset;top:0;
background:linear-gradient(90deg, 
	var(--veense-groen) 0%, var(--veense-groen) 25%, 
	var(--veense-rood) 25%, var(--veense-rood) 50%, 
	var(--veense-blauw) 50%, var(--veense-blauw) 75%, 
	var(--veense-geel) 75%, var(--veense-geel) 100%);
}
footer#site-footer {margin-top:8.5rem;border:none;position:relative;padding-top:1.5rem;}
footer#site-footer .content-footer {padding-bottom:5rem;}
footer#site-footer > #footer-copyright {background:black;}
footer#site-footer .sub-heading {margin-bottom:12px;display:block;}
footer img {max-height: 132px;width: auto;}

/* gutenberg */
.wp-block-image figcaption.wp-element-caption {display:none !important;}