/*
 * Theme Name: De Bouw Online
 * Description: De Bouw Online is een WordPress thema dat speciaal is ontwikkeld voor de bouwsector. Het biedt een moderne en professionele uitstraling, met diverse aanpassingsmogelijkheden en functionaliteiten die gericht zijn op de behoeften van bouwbedrijven.
 * Template: Impreza
 * Version: 0.2.04
 * Author:	Yooker
 * Theme URI: https://yooker.nl
 * Author URI: https://yooker.nl
 * Text Domain: debouwonline
*/

.w-100 {
    width: 100%;
}
.l-subheader-cell.at_left{
    z-index: 11;
}
.l-subheader-cell.at_center{
    z-index: 11;
}
/* Headings */
.heading-1 {
	font-family: var(--h1-font-family);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-weight: var(--h1-font-weight);
    text-transform: var(--h1-text-transform);
    font-style: var(--h1-font-style);
    letter-spacing: var(--h1-letter-spacing);
    margin-bottom: var(--h1-margin-bottom);
}
.heading-2 {
	font-family: var(--h2-font-family);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-font-weight);
    text-transform: var(--h2-text-transform);
    font-style: var(--h2-font-style);
    letter-spacing: var(--h2-letter-spacing);
    margin-bottom: var(--h2-margin-bottom);
}
.heading-3 {
	font-family: var(--h3-font-family);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-weight: var(--h3-font-weight);
    text-transform: var(--h3-text-transform);
    font-style: var(--h3-font-style);
    letter-spacing: var(--h3-letter-spacing);
    margin-bottom: var(--h3-margin-bottom);
}
.heading-4 {
	font-family: var(--h4-font-family);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-weight: var(--h4-font-weight);
    text-transform: var(--h4-text-transform);
    font-style: var(--h4-font-style);
    letter-spacing: var(--h4-letter-spacing);
    margin-bottom: var(--h4-margin-bottom);
}
.heading-5 {
	font-family: var(--h5-font-family);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-weight: var(--h5-font-weight);
    text-transform: var(--h5-text-transform);
    font-style: var(--h5-font-style);
    letter-spacing: var(--h5-letter-spacing);
    margin-bottom: var(--h5-margin-bottom);
}
.heading-6 {
	font-family: var(--h6-font-family);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-weight: var(--h6-font-weight);
    text-transform: var(--h6-text-transform);
    font-style: var(--h6-font-style);
    letter-spacing: var(--h6-letter-spacing);
    margin-bottom: var(--h6-margin-bottom);
}

.w-image.has_height img, .w-image[class*="ush_image_"] img {
    width: revert-layer !important;
}

/* Separators */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }


/* - Algemeen - */
.no-click { pointer-events: none; } /* Clickthrough */
.overflow-slider .owl-stage-outer { overflow: visible; } /* Overflowing slider */
.logo-main i { color: var(--color-content-primary);} /* Logo main color */
.logo-secondary i { color: var(--color-content-primary); } /* Logo secondary color */

/* Scrollbar */
body::-webkit-scrollbar { width: 1em; }
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-content-primary);
}


/* Gforms */
.gform_required_legend { display: none; }

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--color-content-primary);
    color: #fff;
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}


/* Language switch */

.trp-ls-shortcode-current-language {
	height: 100%;
	padding-right: 10px !important;
	padding-left: 10px !important;
		border-radius: 10px !important;
}

.trp-language-switcher {
	width: unset !important;
		outline: 2px solid #fbe3cd !important;
	border-radius: 10px;

	padding-right: 0 !important;
}

.trp-ls-shortcode-language {
	border-radius: 10px !important;
}

.trp-language-switcher > div {
	background-image: unset
}

.trp-language-switcher * {
		width: unset !important;
	 border: none !important;
}

.page-id-32 .archive-pagination{
	display: none;
}

/* Mobile Responsive */
@media screen and (max-width: 600px){	
	
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
		color: #fff;
	}
	#home_banner_1 .g-cols.vc_row.via_flex.valign_middle.type_default.stacking_default{
		margin: 0px;
	}
	#home_banner_1 .custom-swiper-container .swiper{
		padding-top: 120.37% !important;
	}
	.slide-excerpt {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		max-width: 100% !important;
	}
	.slide-content h2 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		max-width: 100% !important;
	}
	    .w-separator.with_content.with_line {
        height: auto;
        padding-top: calc(0.5rem + -2vmin);
        padding-bottom: calc(0.5rem + 1vmin);
    }
	.w-filter-opener{
		    font-family: var(--font-family);
    font-style: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 400;
    letter-spacing: 0em;
    padding: 0.8em 1.8em;
    transition-duration: .3s;
    border-radius: 0.5rem;
    transition-timing-function: 
ease;
    --btn-height: calc(1.2em + 2 * 0.8em);
    background: var(--color-content-primary);
    border-color: transparent;
    border-image: none;
    color: #ffffff !important;
    box-shadow: 0px 0em 0em 0px rgba(0, 0, 0, 0.2);
	}
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	#home_banner_1 .custom-swiper-container .swiper{
		padding-top: 51.37% !important;
	}
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
   	.l-subheader .menu-or-category ul.category-list.horizontal-menu {
		gap: 1px;
		margin-right: 0px;
	}
	.l-subheader .menu-or-category-wrapper{
		padding-top: 2rem;
	}
	#home_banner_1 .vc_col-sm-3, #home_banner_1 .vc_col-sm-9{
		width: 100%;
	}
	#home_banner_1 .vc_col-sm-3{
		margin-bottom: 2rem;
	}
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	.hide-desktop {
        display: none;
    }
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	.l-subheader .menu-or-category ul.category-list.horizontal-menu {
		margin-right: 0px;
	}
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){
	
}
.center-flex {
  display: flex;
  justify-content: center;
}

.l-header.shadow_thin .l-subheader.at_middle, .l-header.shadow_thin .l-subheader.at_bottom {
    box-shadow:none !important;
    border-bottom:solid 2px #f8f8f8;
}


.search-input:focus {
    outline:none !important;
    border:none !important;
}
.w-hwrapper .logo_fit img{
	    width: fit-content !important;
}


.usp .w-iconbox-icon {
    margin-right:8px !important;
}
/* aanpassing social media icon in de header */
.l-header .w-socials-item-link {
    line-height: 3em;
    width: 3em;
}
.layout_13575 .usg_post_taxonomy_1
{
	background-color:darkolivegreen !important ; 
}

.l-section.height_medium {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
}

/* Uitsluiten tag filter in archief pagina */
.archive-filter .filter-section.tag-section {
	display: none;
}

.list-checks li::before {
	color: var(--color-alt-content-link) !important;
}

.l-subheader .l-subheader-h .l-subheader-cell .w-image-h img {
	margin-top: 0.9rem;
}
@media screen and (max-width: 1360px) {
	.l-subheader .l-subheader-h .l-subheader-cell .w-image-h img {
		margin-top: 0.5rem;
	}
}

/* Contact form media kit download (Adverteren Pagina) */
#gform_6 .gform-footer {
	display: block !important;
}
#gform_wrapper_6 {
	color: #000000;
}
#gform_wrapper_6 .gform_heading {
	display: none;
}