/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* General 
========================== */
body, p, a, span, tr, li {
    font-family: 'MontRegular', sans-serif;
}
p.elementor-icon-box-description a {
	color:rgba(0, 26, 41, 0.6) !important;
	transition:.2s ease-in-out;
}
p.elementor-icon-box-description a:hover {
	color:#001A29 !important;
}
h1  {
	font-family: 'MontHeavy', sans-serif;
}
h2, h3, h4, h5, h6, .subtitle, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: 'MontSemiBold', sans-serif;
}

/* table, th, td, */
li strong, button, input, select, textarea, header, nav, section, article, aside, footer, strong, b, em, i, blockquote, cite, #mobileToggle:after {
	font-family: 'MontSemiBold', sans-serif;
}
ul {padding-bottom:14px;padding-left:0px;}

td h6 {
    margin: 0;
}
/* Voor WebKit-browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 0px; /* Breedte van de scrollbar */
  height: 0px; /* Hoogte van horizontale scrollbars */
}

::-webkit-scrollbar-track {
  background: #F2F6F9; /* Achtergrond van de scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #00578a; /* Kleur van de "duim" */
  border-radius: 6px; /* Afgeronde hoeken */
  border: 3px solid #F2F6F9; /* Optionele ruimte tussen thumb en track */
}

::-webkit-scrollbar-thumb:hover {
  background-color: black; /* Kleur bij hover */
}

/* Voor Firefox */
* {
  scrollbar-width: thin; /* Dunne scrollbar */
  scrollbar-color: #00578a #F2F6F9; /* thumb-kleur en track-kleur */
}

/* Buttons */
span.elementor-button-text {
    font-family: 'MontSemiBold';
/*     font-size: 15px; */
}
/* Menus */
#fMenu span {
    font-family: 'MontSemiBold';
    font-size: 14px;
}
@media (max-width:1024px) {
	ul {
		padding-left:4% !important;
	}
}
/* FONTS 
========================== */
@font-face {
    font-family: 'Mont Bold';
    src: url(/wp-content/fonts/MontBold.eot); /* Fallback voor oudere IE-versies */
    src: url(/wp-content/fonts/MontBold.eot?#iefix) format('embedded-opentype'), /* IE-specific fix */
         url(/wp-content/fonts/MontBold.woff2) format('woff2'), /* Modern formaat */
         url(/wp-content/fonts/MontBold.woff) format('woff'), /* Breed ondersteund formaat */
         url(/wp-content/fonts/MontBold.ttf) format('truetype'), /* TTF voor oudere browsers */
         url(/wp-content/fonts/MontBold.otf) format('opentype'); /* OTF voor OpenType-ondersteuning */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontLight';
    src: url(../fonts/MontLight.eot); /* Fallback voor oudere IE-versies */
    src: url(../fonts/MontLight.eot?#iefix) format('embedded-opentype'), /* IE-specific fix */
         url(../fonts/MontLight.woff2) format('woff2'), /* Modern formaat */
         url(../fonts/MontLight.woff) format('woff'), /* Breed ondersteund formaat */
         url(../fonts/MontLight.ttf) format('truetype'), /* TTF voor oudere browsers */
         url(../fonts/MontLight.otf) format('opentype'); /* OTF voor OpenType-ondersteuning */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontRegular';
    src: url(/wp-content/fonts/MontRegular.eot); /* Fallback voor oudere IE-versies */
    src: url(/wp-content/fonts/MontRegular.eot?#iefix) format('embedded-opentype'), /* IE-specific fix */
         url(/wp-content/fonts/MontRegular.woff2) format('woff2'), /* Modern formaat */
         url(/wp-content/fonts/MontRegular.woff) format('woff'), /* Breed ondersteund formaat */
         url(/wp-content/fonts/MontRegular.ttf) format('truetype'), /* TTF voor oudere browsers */
         url(/wp-content/fonts/MontRegular.otf) format('opentype'); /* OTF voor OpenType-ondersteuning */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontSemiBold';
    src: url(/wp-content/fonts/MontSemiBold.eot); /* Fallback voor oudere IE-versies */
    src: url(/wp-content/fonts/MontSemiBold.eot?#iefix) format('embedded-opentype'), /* IE-specific fix */
         url(/wp-content/fonts/MontSemiBold.woff2) format('woff2'), /* Modern formaat */
         url(/wp-content/fonts/MontSemiBold.woff) format('woff'), /* Breed ondersteund formaat */
         url(/wp-content/fonts/MontSemiBold.ttf) format('truetype'), /* TTF voor oudere browsers */
         url(/wp-content/fonts/MontSemiBold.otf) format('opentype'); /* OTF voor OpenType-ondersteuning */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontHeavy';
    src: url(/wp-content/fonts/MontHeavy.eot); /* Fallback voor oudere IE-versies */
    src: url(/wp-content/fonts/MontHeavy.eot?#iefix) format('embedded-opentype'), /* IE-specific fix */
         url(/wp-content/fonts/MontHeavy.woff2) format('woff2'), /* Modern formaat */
         url(/wp-content/fonts/MontHeavy.woff) format('woff'), /* Breed ondersteund formaat */
         url(/wp-content/fonts/MontHeavy.ttf) format('truetype'), /* TTF voor oudere browsers */
         url(/wp-content/fonts/MontHeavy.otf) format('opentype'); /* OTF voor OpenType-ondersteuning */
    font-weight: normal;
    font-style: normal;
}

/* */

.elementor-widget-text-editor p a {
    text-decoration: underline !important;
    color: #045f9f;
}
/* Generative Tabs */
.custom-accordion {
    overflow: hidden;
    margin-bottom: 20px;
}

/* Accordion Item */
.custom-accordion-item {
    padding: 0px;
    overflow: hidden;
    transition: all 0.6s ease !important;
	margin-bottom:10px;
}

/* Accordion Title (Summary) */
.custom-accordion-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    padding: 15px 20px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    outline: none;
    transition: 0.6s ease !important;
    border-radius: 0px;
}

.custom-accordion-title span {
    font-family: 'MontSemiBold', sans-serif;
}

.custom-accordion-title:hover {
    background-color: #F9FCFF;
}

/* Accordion Content */
.custom-accordion-content {
    padding: 0 20px;
    background-color: #fff;
    font-family: 'MontRegular', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    display: block;
    border-radius: 0px;
    max-height: 0; /* Initially collapsed */
    overflow: hidden; /* Prevent overflow when collapsed */
    transition: 0.6s ease !important;
    padding: 0 20px; /* Reset padding when collapsed */
}
.rt_epilog .custom-accordion-title, .rt_epilog .custom-accordion-content, .rt_epilog .custom-accordion-item.open .custom-accordion-title {
    background-color: #F2F6F9 !important;
}
.rt_epilog .custom-accordion-title:hover {
	background-color: #f3f3f3;
}
/* Accordion Icons */
.accordion-light-bg .custom-accordion-title {
    background-color: #FFFFFF;
}
.accordion-dark-bg .custom-accordion-title, .accordion-dark-bg .custom-accordion-item.open .custom-accordion-title, .accordion-dark-bg .custom-accordion-item.open .custom-accordion-content, .accordion-dark-bg .custom-accordion-content {
    background-color: #f3f6f9;
}
.custom-accordion-icon {
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/themes/hello-theme-child/icons/icon-chevron-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: margin-bottom 0s ease !important;
    filter: brightness(0);
}
.custom-accordion-item.open .custom-accordion-title {
	background-color: #FFFFFF;
}
/* Open state: Change icon to chevron-up */
.custom-accordion-item.open .custom-accordion-icon {
    background-image: url('/wp-content/themes/hello-theme-child/icons/icon-chevron-up.svg');
}

/* Open state: Adjust max-height dynamically */
.custom-accordion-item.open .custom-accordion-content {
    padding: 0px 20px 20px; /* Restore padding when expanded */
    max-height: 1000px !important; /* Set a max-height large enough to allow animation */
}

/* Read More Button (Summary) */
.custom-read-more {
    margin-bottom: 10px;
}

.custom-read-more-title {
    display: flex;
    justify-content: left;
    align-items: center;
    color:#00578A;
    background-color: transparent;
    padding: 0px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    outline: none;
    transition: background-color 0.3s ease;
}

.custom-read-more-title:hover {
    color: #001A29;
}

.custom-read-more-title span {
    font-family: 'MontSemiBold', sans-serif;
}

/* Chevron Icon */
.custom-read-more-icon {
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/themes/hello-theme-child/icons/icon-chevron-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    margin-left:10px;
    filter:brightness(0);
}

/* Open state: Change icon to chevron-up */
.custom-read-more[open] .custom-read-more-title .custom-read-more-icon {
    background-image: url('/wp-content/themes/hello-theme-child/icons/icon-chevron-up.svg');
}

/* Read More Content */
.custom-read-more-content {
    padding: 0px;
    background-color: transparent;
    font-family: 'MontRegular', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    display: block;
    max-height: 0; /* Initially collapsed */
    overflow: hidden; /* Prevent overflow when collapsed */
    transition: max-height 0.6s ease, padding 0.6s ease;
    padding: 0 20px; /* Reset padding when collapsed */
}

/* Opened content - adjust max-height */
.custom-read-more[open] .custom-read-more-content {
    padding-left: 0px;
    max-height: 1000px !important; /* Set a max-height large enough to allow animation */
}
.custom-read-more-content ul {
    padding-left: 14px;
}
/* filters */
.wpc-instead-of-posts-found {
    display: inline-block !important;
}
span.select2-search.select2-search--dropdown {
    display: none !important;
}
.wpc-filter-header {
    display: none !important;
}
.select2.select2-container.select2-container--default {
    min-width: 140px !important;
    max-width: 100%;
}
.wpc-filters-section {
    float: left;
    width: 100%;
    padding-right: 2%;
    font-size: 14px;
    max-width: 220px;
    padding-right: 14px;
}
.select2-container--default .select2-selection--single {
    border-radius: 50px !important;
    background-color: transparent !important;
    border: 1px solid #1A2980 !important;
	opacity:.5;
	transition: .3s ease;
}
.select2-container--default .select2-selection--single:hover {
	opacity:1;
}
.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow, .wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50% !important;
    background-color: transparent !important;
    width: 21px !important;
    top: 10px;
    right: 10px;
}
.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown {
    border: 1px solid grey;
    font-size: 14px;
    border-radius: 0px;
    left: 20px;
    margin-top: 10px;
    max-width: 270px;
}
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option[aria-selected=true] {
	background-color:#00578A !important;
	color:white !important;
}
.wpc-dropdown-default {
    line-height: 28px !important;
}
#select2-wpc-taxonomy-techniek-categorie-3170-container, #select2-wpc-taxonomy-materiaal-categorie-3171-container, #select2-wpc-taxonomy-machine-categorie-3172-container {
    line-height: 28px;
}
.select2-container--classic .select2-results>.select2-results__options, .select2-container--default .select2-results>.select2-results__options {
	height:auto !important;
}

select#wpc-taxonomy-techniek-categorie-3170, select#wpc-taxonomy-materiaal-categorie-3171, select#wpc-taxonomy-machine-categorie-3172, select#wpc-taxonomy-techniek-categorie-3179, select#wpc-taxonomy-machine-categorie-3181, select#wpc-taxonomy-materiaal-categorie-3180 {
    border-radius: 50px;
    padding: 14px;
    background-color: transparent;
    opacity: .5;
	transition:.3s ease;
}
select#wpc-taxonomy-techniek-categorie-3170:hover, select#wpc-taxonomy-materiaal-categorie-3171:hover, select#wpc-taxonomy-machine-categorie-3172:hover, select#wpc-taxonomy-techniek-categorie-3179:hover, select#wpc-taxonomy-machine-categorie-3181:hover, select#wpc-taxonomy-materiaal-categorie-3180:hover {
	opacity:1;
}

@media(max-width: 1200px){
	.custom-accordion-title {
		padding: 12px 16px;
		font-size: 16px;
	}
	.custom-accordion-content {
		font-size: 14px;
		padding: 0 16px;
	}
}

@media(max-width: 768px){
	iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 2 / 1;
	}
	.custom-accordion-title {
		padding: 12px 16px;
		font-size: 14px;
	}
	.custom-accordion-content {
		font-size: 12px;
		padding: 0 16px;
	}
}
@media(max-width: 480px){
	/* Buttons */
/* 	span.elementor-button-text {
		font-size: 14px !important;
	} */
}