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

@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap');

:root {
/* colors */
/* 	--background: ; */
	--altbg: #385e80;
/* 	--softbg: ; */
	--gray: #2f4d68;
	--mainColor: #385e80;
	--darkerMain: #334b61;
	--subColor: #689ecc;
	--darkerSub: #4a7fac;
	--fontcolor: #5e5e5e;
	--ctacolor: #82c5ff;
	--family: 'Muli';
}

/* global */
h1 {font-size:34px;}
h2 {font-size:32px;}
h3 {font-size:20px;}
h1, h2, h3 {color:#1d222d;font-weight:900;}
a {color:var(--ctacolor);}
ul, ol {padding-left:20px;}
ul li {list-style:outside;}

/* buttons */
.btn-alt, .gform_previous_button {background:var(--subColor);border-color:var(--subColor);}
.btn-alt:before, .gform_previous_button:before {background:var(--darkerSub);border-color:var(--darkerSub);}
.btn-alt:hover, .gform_previous_button:hover {color:white !important;border-color:var(--subColor);background:var(--subColor);}

/* navigation */
#infobalk {display:none;}
nav#nav .topnav {background:var(--altbg);}
nav#nav .topnav .site-logo img {width:280px;height:56px;}
nav#nav .topnav .hoofd-menu {background:var(--altbg);}
nav#nav .topnav .hoofd-menu * {color:white;font-weight:500;}
nav#nav .hoofd-menu > ul.menu > li.menu-item.current-menu-item > a {color:var(--ctacolor);}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item {border-bottom:1px solid white;}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item,
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a {background:var(--gray);}
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item:hover,
nav#nav .hoofd-menu > ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu > li.menu-item a:hover {background:var(--ctacolor);}
nav#nav .hoofd-menu > ul.menu > li.menu-item ul.sub-menu li.current-menu-item,
nav#nav .hoofd-menu > ul.menu > li.menu-item ul.sub-menu li.current-menu-item a {background:var(--ctacolor) !important;}
@media (max-width:992px) {
nav .bars {background-color:white;}
.breadcrumb .breadcrumb {padding-left:20px;}
}

/* homepage */
header.header picture, header.header img {object-position:bottom;}
header.header-stock .overlay {background:none;margin-bottom:120px;}
header.header-stock .overlay h1 {font-weight:900;font-size:45px;text-align:left;color:#fff;line-height:55px;text-shadow:3px 3px 3px rgba(0, 0, 0, 0.57);}
section.boxed .blocks {position:relative;}
section.boxed .blocks:before {content:"";display:block;width:42rem;height:42rem;background-image:url('/wp-content/themes/dbtheme-child/assets/img/bg-shape.png');background-size:contain;position:absolute;left:-15rem;top:-10rem;}
section.boxed .blocks .block {position:relative;height:24rem;justify-content:center;}
section.boxed .blocks .block .block-img {filter:brightness(0.65);border-radius:32px;position:absolute;width:100%;height:100%;z-index:1;max-height:unset;}
section.boxed .blocks .block .block-img picture, section.boxed .blocks .block .block-img img {width:100%;height:100%;object-fit:cover;display:block;}
section.boxed .blocks .block * {z-index:2;position:relative;text-align:center;color:white;margin-left:auto;margin-right:auto;}
section.boxed .blocks .block p {margin-bottom:unset;}
section.boxed .blocks .block a.btn {margin-bottom:50px;}
@media (max-width:992px) {
header.header-stock .overlay h1 {font-size:32px;line-height:42px;}
section.boxed .blocks .block {height:20rem;flex-basis:unset; !important}
}

/* pagebuilder */
.superblock#fullwidth {justify-content:center;}
.superblock#fullwidth * {text-align:center;}
.superblock .miniblock .tekstblok > p:nth-child(1) strong {color:#1d222d;opacity:23%;font-weight:bold;font-size:20px;margin-bottom:10px;line-height:24px;}
.superblock .miniblock .tekstblok > h2:nth-child(2) {margin-top:10px;}
section.parallax {padding:50px 0;}
section.parallax .overlay {display:flex;justify-content:center;align-items:center;height:100%;}
section.parallax .overlay h2 {color:white;margin-top:0;}

/* fullwidth */
.page-template-page-fullwidth section.boxed .blocks .block .block-img picture, 
.page-template-page-fullwidth section.boxed .blocks .block .block-img img {object-fit:contain;}

/* footer */
footer#site-footer {background:var(--gray);border-top:10px solid #385e80;}
footer#site-footer .bit > .sub-heading {font-size:20px;font-weight:900;}
footer#site-footer > .container > .footer > .bit p {margin-bottom:10px;}
footer#site-footer > .container > .footer > .bit p a, footer#site-footer > .container > .footer > .bit .contact a {color:var(--ctacolor);}
footer#site-footer .container-divider {display:none;}

/* Nieuws */
.blog-container {flex-direction:column;}
.blog-container div.news__item {width:100%;border-bottom:1px solid whitesmoke;}
.blog-container div.news__item > a {display:flex;flex-direction:row;}
.blog-container div.news__item .image {width:calc(100% / 10 * 3);}
.blog-container div.news__item .content {width:calc(100% / 10 * 7);padding:5px 20px;}

/* producten archive */
.product_archives {display:flex;flex-direction:row;}
.product_archives main {width:70%;}
.product_archives main .row {display:flex;flex-direction:row;flex-wrap:wrap;}
.product_archives main .row .news__item {width:calc(100% / 3);display:flex;flex-direction:column;}
.product_archives main .row .news__item .image {padding:2rem 2rem 0 0;}
.product_archives main .row .news__item h3 {margin-top:auto;}
.product_archives aside {min-width:unset;width:25%;padding-right:5%;}
.product_archives aside .cat-links {background:#f6f6f6;padding:2rem;margin-bottom:2rem;}
.product_archives aside .cat-links p a {color:var(--fontcolor);}
.product_archives aside #archiveq {display: flex;flex-direction: column;background:#f6f6f6;padding:0 2rem;align-items:center;}
.product_archives aside #archiveq > span {font-size: 24px;font-weight: 900;color: black;padding-top: 25px;text-align:center;}
.product_archives aside #archiveq > a {margin-top: 20px;margin-bottom: 25px;}
@media (min-width:992px) {
.product_archives main .row .news__item h3 {padding-right:20px;}
}
@media (max-width:992px) {
.product_archives main {width:65%;}
.product_archives main .row .news__item {width:calc(100% / 2);}
.product_archives aside {width:35%;}
}
@media (max-width:550px) {
.product_archives {flex-direction:column;}
.product_archives main {width:100%;}
.product_archives aside {width:100%;max-height:50vh;overflow-y:scroll;}
}
@media (max-width:280px) {
.product_archives main .row .news__item {width:calc(100% / 1);}
}

/* producten single */
div.producten {display:flex;flex-wrap:nowrap;flex-direction:row;}
@media (max-width:992px) {
div.producten {flex-direction:column;}
}

/* Alpatek *//* formshortcode */
.formshortcode {background-image:url(/wp-content/themes/dbtheme-child/assets/img/contact_pattern.png);}
.formshortcode h2, .formshortcode p {text-align:center;width:100%;max-width:824px;margin:0 auto;}
.formshortcode .gform_wrapper {width:100%;max-width:992px;margin-left:auto;margin-right:auto;}
.formshortcode .gform_wrapper .gform_footer {justify-content:center;}

/* Alpatek *//* Informatieblok */
section.informatie-blok {position: relative;color: #fff;margin-bottom: 150px;padding: 75px 0;text-align: center;background-size: cover;background-repeat: no-repeat;background:var(--gray);margin-bottom: 100px;}
section.informatie-blok h2 {padding-bottom: 60px;color: #fff;position: relative;}
section.informatie-blok h3 {color: #fff;position: relative;}
section.informatie-blok .iconlist-flex {display:flex;flex-wrap:nowrap;flex-direction:row;padding:0 10rem 55px;justify-content:center;}
section.informatie-blok .iconlist-flex .icon {display:flex;flex-direction:column;justify-content:flex-end;padding-left:5px;padding-right:5px;}
section.informatie-blok .iconlist-flex .icon img {max-width:102px;padding:15px;}
section.informatie-blok .iconlist-flex .icon .sub-heading {text-align:center;}
section.informatie-blok .parent_texts {display:flex;flex-wrap:nowrap;}
section.informatie-blok .parent_texts .child {width:calc(100% / 4);}
@media (max-width:922px) {
section.informatie-blok .iconlist-flex {flex-wrap:wrap;padding-left:0;padding-right:0;}
section.informatie-blok .iconlist-flex .icon {align-items:center;width:calc(50% - 10px);}
section.informatie-blok .parent_texts {flex-wrap:wrap;}
section.informatie-blok .parent_texts .child {width:calc(100% / 2);}
}	
@media (max-width:420px) {
section.informatie-blok .parent_texts .child {width:calc(100% / 1);}
}

/* engineering page */
.page-id-515 .lego {background:var(--gray);}
.page-id-515 .lego * {color:white;}
.page-id-515 .lego .blocktitle {max-width:unset;}
.page-id-515 .lego .blocks {gap:unset;justify-content:center;}
.page-id-515 .lego .blocks .block h2 {font-size:var(--regular);text-align:center;}
.superblock#sideways {flex-direction:column;align-items:center;}
.superblock#sideways .miniblock, .superblock#sideways .miniblock .tekstblok {width:auto;max-width:992px;}
.superblock#fully {justify-content:center;}
.superblock#fully .miniblock, .superblock#fully .miniblock .tekstblok {width:auto;max-width:992px;}
@media (min-width:992px) {
.page-id-515 .lego .blocks .block {flex-basis:unset;width:calc(100% / 4);}
}

/* Projectenpagina */
.post-type-archive-projecten #page-inner-content > .content > .container > .row > .col-xs-12 > .row {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;}
.post-type-archive-projecten .news__item {margin:15px;width:calc(100% / 3 - 30px);display:flex;flex-direction:column-reverse;padding:0;}
.post-type-archive-projecten .news__item * {transition:var(--transition);}
.post-type-archive-projecten .news__item .image {background-color:#E7F4FD;}
.post-type-archive-projecten .news__item .img-responsive {height:285px;display:flex;justify-content:center;align-items:center;background:url('/wp-content/themes/dbtheme-child/assets/img/polygon-alpatek.jpg') 0 0 no-repeat;background-size: contain;margin:10px;object-fit:contain;width:90%;}
.post-type-archive-projecten .news__item:hover .img-responsive {width:94%;}
.post-type-archive-projecten .news__item .img-responsive img {height:auto !important;max-height:100%;}
.post-type-archive-projecten .news__item:hover .img-responsive,
.post-type-archive-projecten .news__item:hover .img-responsive img {transform:scale(1.05);}
.post-type-archive-projecten .news__item h3 {margin:0;padding: 10px 0px;white-space:unset;text-overflow:unset;height:76px;font-size:18px;}
@media(max-width:768px) {
.post-type-archive-projecten .news__item {margin:0;width:calc(100% / 1);}
}

/* gutenberg edits */
body table tbody tr:first-child {background:#efefef;}


.pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin: 2rem 0;
    flex-wrap: wrap;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s, color 0.2s;
}

.pagination .page-numbers:hover {
    background-color: #f0f0f0;
}

.pagination .page-numbers.current {
    background-color: #333;
    color: #fff;
    font-weight: 500;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    width: auto;
    padding: 0 12px;
}