/*
 * Theme Name: Yooker Theme
 * Description: Yooker Theme
 * Template: Impreza
 * Version: 1.0
 * Author:	Yooker
 * Theme URI: https://yooker.nl
 * Author URI: https://yooker.nl
*/


/* 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);
}

h1, h2, h3, h4, h5, h6, 
.heading, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6  { font-family: "proxima-nova", sans-serif !important; }

textarea { border-radius: 20px; }


/* 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-secondary); } /* Logo secondary color */
.contain-img img { object-fit: contain !important; }
.font-size-s { font-size: 14px; }
.main-color { color: var(--color-content-primary); }
.flex { display: flex; }
.justify-center { justify-content: center; }
.align-center { align-items: center; }
.bullet-fa-icon i { 
	font-size: 8px; 
	margin-inline-end: 1.25rem !important;
}
.bullet-fa-icon .w-text-h {
	display: flex;
	align-items: center;
}
.text-button-white a { color: #fff; }

.background-gradient-m {
	background: 
		linear-gradient(180deg, rgba(0, 0, 0, 0.00) 61.61%, rgba(0, 0, 0, 0.75) 89.16%), 
		linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
}

.yellow-bar { height: 10px; }
.yellow-bar img { height: 6px; }


.content-banner-w-overlay > .l-section-overlay { background: linear-gradient(90deg, rgba(0,0,0,0.6), transparent) !important; }


#knowledge-box-table-header, #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper {
	display: grid;
    grid-template-columns: 2.5fr 1fr 0.5fr 0.5fr;
	padding: 12px 12px 12px 24px;
}

#knowledge-box-table-header-small, #knowledge-box-table-body-small .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper {
	display: grid;
    grid-template-columns: 2fr 0.5fr;
	padding: 12px 12px 12px 16px;
}

#knowledge-box-table-body, #knowledge-box-table-body-small .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper {
	background-color: var(--color-content-bg-alt);	
	border: 1px solid var(--color-content-bg);
	align-items: center;
}

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



/* Header */
header { backdrop-filter: blur(6px); }
header .l-subheader-cell.at_right .w-search-open {
	padding-right: 1rem;
	border-right: solid 1px rgba(97,97,97,0.35);
}
header.bg_transparent .l-subheader-cell.at_right .w-search-open { border-color: rgba(255,255,255,0.35); }
header.sticky .l-subheader-cell.at_right .w-search-open { border-color: rgba(97,97,97,0.35); }

#taal-switch-menu .w-nav-list.level_2 {
    text-align: start;
    width: 100%;
    min-width: unset;
}


/* Footer */
#footer-cta > .l-section-overlay {
	background: 
		linear-gradient(0deg, var(--color-background-Inverse, #000) 8.89%, rgba(0, 0, 0, 0.00) 46.81%), 
		linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%) !important;
}
#footer-main > .l-section-overlay {
	background: 
		linear-gradient(180deg, #000 5.74%, rgba(0, 0, 0, 0.00) 31.45%), 
		linear-gradient(358deg, #331F00 30.85%, #000 78.08%) !important;
}
#footer-socials a {
	font-size: 16px;
	width: 44px;
	height: 44px;
	border: solid 1px var(--color-content-primary);
	box-shadow: unset;
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer-socials a:hover { border-color: transparent; }
footer #menu-footer-materials li,
footer #menu-footer-company li { line-height: 1.5; }
#menu-footer-materials {
	display: grid;
	grid-template-columns: 1fr 1fr;
}


/* Nieuwsbrief */
#gform_2 { position: relative; }
#input_2_4 { border: unset; }
#gform_2 .gform-footer { padding: 0; margin: 0; }
#gform_submit_button_2 {
	height: 100%;
	border: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}


/* Floating menu */
#floating-menu .floating-menu-wrapper {
	background: #fff;
	text-align: center;
	width: 52px;
	padding: 0.25rem 0.25rem 0.5rem;
	border-radius: 50px;
	box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.10), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
#floating-menu .floating-menu-link {
	background: #fff;
	color: var(--color-content-heading);
	width: 44px;
	height: 44px;
	border-radius: 999px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
}
#floating-menu .link-icon {
	background: #fff;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
#floating-menu .link-text {
	background: #fff;
	white-space: nowrap;
	height: 44px;
	padding: 0 55px 0 18px;
	border-radius: 999px;
	position: absolute;
	right: 22px;
	top: 50%;
	display: flex;
	align-items: center;
	transition: .25s ease;
	transform: translateY(-50%) scaleX(0);
	transform-origin: right center;
	opacity: 0;
}
#floating-menu .floating-menu-link:hover .link-text {
	transform: translateY(-50%) scaleX(1);
	opacity: 1;
}
#floating-menu .open-chat-button {
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#floating-menu .open-chat-button .link-icon { background: unset; }





/* Home */
#home-banner > .l-section-overlay {
	background: 
		linear-gradient(180deg, rgba(0, 0, 0, 0.35) 10.3%, rgba(0, 0, 0, 0.00) 26.05%), 
		linear-gradient(0deg, rgba(0, 0, 0, 0.50) 6.29%, rgba(0, 0, 0, 0.25) 29.33%, rgba(0, 0, 0, 0.00) 59.62%), 
		linear-gradient(90deg, rgba(0, 0, 0, 0.35) 24.25%, rgba(0, 0, 0, 0.00) 61.06%), 
		linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
}

.knowledge-box-card .w-image-h img {
  transition: filter 0.35s ease;
}

.knowledge-box-card:hover .w-image-h img {
  filter: grayscale(65%);
}

.knowledge-box-filter:hover {
	filter: drop-shadow(3px 3px 6px var(--color-content-blue-dark));
}



/* Industry */
.voordelen-repeater .repeater-row {
	display: flex;
	align-items: center;
}
.voordelen-repeater .repeater-row:not(:last-child) { margin-bottom: 1.25rem; }
.voordelen-repeater .repeater-row:nth-child(1)::before { content: "01"; }
.voordelen-repeater .repeater-row:nth-child(2)::before { content: "02"; }
.voordelen-repeater .repeater-row:nth-child(3)::before { content: "03"; }
.voordelen-repeater .repeater-row:nth-child(4)::before { content: "04"; }
.voordelen-repeater .repeater-row:nth-child(5)::before { content: "05"; }
.voordelen-repeater .repeater-row:nth-child(6)::before { content: "06"; }
.voordelen-repeater .repeater-row:nth-child(7)::before { content: "07"; }
.voordelen-repeater .repeater-row:nth-child(8)::before { content: "08"; }
.voordelen-repeater .repeater-row::before {
	font-size: 28px;
	margin-right: 2rem;
}
.voordelen-repeater .voordeel { font-weight: 700; }

.industry-counters .w-counter-value {  
	font-family: 'proxima-nova', sans-serif;
	font-size: 2rem !important;
	font-weight: 700;
}
.industry-counters .w-counter-title { color: var(--color-alt-content-text); }



/* Materials */
.technical-document {
	background: var(--color-header-transparent-bg);
	font-weight: 700;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.technical-document:not(:last-child) {
	margin-bottom: 0.5rem;
}

.technical-question {
	background: var(--color-header-transparent-bg);
	border-radius: 2px;
}
.technical-question:not(:last-child) { margin-bottom: 1rem; }
.technical-question-header {
	background: unset;
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	width: 100%;
	padding: 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.technical-question-icon {
	color: var(--color-content-primary);
	transition: ease 0.3s;
}
.technical-question.is-open .technical-question-icon { transform: rotate(180deg); }
.technical-question-content {
	padding: 0 1.5rem 0;
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows 0.3s ease, padding 0.4s ease;
}
.technical-question.is-open .technical-question-content {
	padding: 0 1.5rem 1.5rem;
	grid-template-rows: 1fr;
}
.technical-question-content > * {
	min-height: 0;
}



#tested-approved-substrates .dataTables_scrollHead { 
	position: sticky !important; 
	top: 0 !important; 
}


/* Calculators */
#dpcalculator {
	border-radius: 2px !important;
    padding: 2rem !important;
    background: #ffffff !important;
}
#dpcalculator #tempselector { 
	padding-bottom: 0.5rem; 
	border-bottom: solid 1px var(--color-content-border); 
	margin-bottom: 0.5rem;
}
#dpcalculator #TA,
#dpcalculator #RH { margin-bottom: 0.5rem; }
#dpcalculator #buttons { margin-top: 1rem; }

#dpcalculator #TA label,
#dpcalculator #RH label { margin-bottom: 0.25rem; display: block; }

#dpcalculator input {
	color: var(--color-content-text);
    height: 44px;
    border: solid 1px var(--color-content-border-alt-3);
}
#dpcalculator input[type="radio"] {
	width: 22px;
	height: 22px;
}
#dpcalculator input[type="radio"]:checked { border-color: var(--color-content-primary); }
#dpcalculator #tempselector td { border-bottom: 0; }
#dpcalculator #buttons > input {
	color: #fff;
	background: linear-gradient(90deg, var(--color-content-orange-700), var(--color-content-primary));
	border: 0;
	transition: ease 0.3s;
}
#dpcalculator #buttons > input:hover { 
	background: linear-gradient(90deg, var(--color-content-orange-700), var(--color-content-orange-500)); 
}



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

.custom_content_field {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

#material-title .main-color {
	text-transform: capitalize;
}



/* Mobile Responsive */
@media screen and (max-width: 600px){	
	
	.mobile-flex-col { display: flex !important; flex-direction: column; }
	
	.mobile-order-1 { order: 1; }
	.mobile-order-2 { order: 2; }
	
	/* Header */
	header #taal-switch-menu .w-nav-anchor.level_1 { padding: 0; }
	header #taal-switch-menu .w-nav-list.level_2 { min-width: fit-content; }
	.vertical-line-menu-mobile {
		height: 32px;
		border-left: solid 1px var(--color-subfooter-bg)
	}
	header .l-subheader.at_middle .l-subheader-cell.at_right nav { margin: 0; }
	header .l-subheader.at_middle .l-subheader-cell.at_right .w-html { margin: 0 1rem; }
	
	/* Floating menu */
	.floating-menu-wrapper { padding: 0.25rem !important; }
	.floating-menu-wrapper div, 
	.floating-menu-wrapper a {
		display: none !important;
	}

	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
		color: #fff;
	}
	
	
	/* Materials */
	.technical-question-header { 
		font-size: 16px; 
		padding: 0.75rem;
	}
	..technical-question-content { padding: 0 0.75rem; }
	.technical-question.is-open .technical-question-content { padding: 0 0.75rem 0.75rem; }
	
	#knowledge-box-table-header, #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper {
		padding: 6px;
	}
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
	
	.tablet-side-by-side-row > div { width: 50%; }
	.tablet-stacking .vc_row > div { width: 100%; }
	.tablet-stacking .vc_row > div:not(:last-child) { margin-bottom: 2rem; }
	.tablet-stacking-row > div { width: 100%; }
	.tablet-flex-wrap { flex-wrap: wrap; }
	
	/* Materials */
	.technical-question-header { 
		font-size: 16px;
		padding: 1rem; 
	}
	.technical-question-content { padding: 0 1rem; }
	.technical-question.is-open .technical-question-content { padding: 0 1rem 1rem; }
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	#knowledge-box-table-header, #knowledge-box-table-body .w-grid-item.type-knowledge-box > .w-grid-item-h > .w-hwrapper {
		display: flex;
		justify-content: space-between;
		padding: 12px;
	}
	
	.knowledge-box-category {
		font-size: 14px;
	}

	/* Knowledge Box filter carousel (mobile & tablet) */
	.w-filter-item.btns_in_row_auto,
	.w-filter-item-content,
	.w-filter-item-values {
		min-width: 0 !important;
	}
	.w-filter-item-values {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		gap: 10px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	.w-filter-item-values::-webkit-scrollbar { display: none !important; }
	.w-filter-item-values .w-filter-item-value {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}
	.w-filter-item-values .w-filter-item-value-label {
		white-space: nowrap !important;
	}
	.w-filter-scroll-track {
		position: relative;
		height: 4px;
		background: #e0e0e0;
		border-radius: 2px;
		margin-top: 10px;
		overflow: hidden;
	}
	.w-filter-scroll-thumb {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background: #f7941d;
		border-radius: 2px;
	}
	
	.w-nav.type_desktop .w-nav-anchor:not(.level_1) {
		padding: .6em 6px !important;
	}
	.mobile-side-by-side-row > div { width: 50% !important; }
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	.custom-footer-layout-company .vc_column-inner{ align-items: center;}
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){
	
}

/* Very small Mobile screens */
@media screen and (max-width: 376px ){
	.knowledge-box-category {
		font-size: 11px;
	}

}