/* FONTS */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/fonts/MuseoSans_300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: italic;
	font-weight: 300;
	src: url('/assets/fonts/MuseoSans_300_Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_300_Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/MuseoSans_700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: italic;
	font-weight: 700;
	src: url('/assets/fonts/MuseoSans_700_Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_700_Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: normal;
	font-weight: 900;
	src: url('/assets/fonts/MuseoSans_900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'museo-sans';
	font-style: italic;
	font-weight: 900;
	src: url('/assets/fonts/MuseoSans_900_Italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		 url('/assets/fonts/MuseoSans_900_Italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* GLOBAL */
:root {
	--cnvs-header-height-lg: 85px;
	--cnvs-themecolor: #BFD730;
	--cnvs-themecolor-rgb: 191, 215, 48;
	--main-color: #00A19C;
	--main-color-rgb: 0, 177, 169;
	--secondary-color: #763F98;
	--secondary-color-rgb: 118,63,152;

	--main-silicones-color: #BFD730;
	--main-lac-color: #cf9432;

	--cnvs-themecolor-darker: #94a726;
	--third-color: #20419A;
	--main-section-color: var(--main-color);

	--cnvs-body-font: 'museo-sans', sans-serif;
	--cnvs-primary-font: 'museo-sans', sans-serif;
	--cnvs-secondary-font: 'museo-sans', sans-serif;
	
	--cnvs-font-size-body: 1rem;
	--cnvs-line-height-content: 2;
	--bs-body-font-weight: 300; 
	
	--cnvs-heading-color:#333333;
	--cnvs-slider-caption-width: 800px;

	--cnvs-page-title-parallax-subtitle-size: 2rem;
	/* --button-hover: #444; */
	--menu-breakpoint: 1015px;

	--cnvs-headings-font-weight: 700;
	--cnvs-link-color: var(--cnvs-themecolor);

	/* Adjust font sizes and line heights */
	--cnvs-font-size-h2: 50px;
	--cnvs-line-height-base: 1.2;
	--cnvs-slider-caption-width: 750px;
}

#gotoTop {
    --cnvs-gotoTop-position-boxed-bottom: 100px;
    --cnvs-gotoTop-position-boxed-right: 32px;
}

a, .top-links-item {transition: all 0.3s;}
a {font-weight: 700; color: var(--main-color);}
.button {
	--cnvs-btn-border-width: 2px; 
	--cnvs-btn-fontsize: 0.875rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}

/* Themed buttons for silicones */
.buttonLight {color: #fff;}
.buttonDark {color: var(--main-color);}
.buttonLight,.buttonDark {display: inline-flex;align-items: center;gap: 10px;font-weight: 800;}
.buttonLight::after,.buttonDark::after {content: '';display: inline-block;width: 45px;height: 45px;flex-shrink: 0;}
button.buttonDark, button.buttonLight {background-color: transparent; border: 0}
.buttonSilicones::after {background: url('/_brb-assets/circle-silicone.png') center / contain no-repeat;}
.buttonLAC::after {background: url('/_brb-assets/circle-lac.png') center / contain no-repeat;}

body {background-color: var(--main-color);}
b, strong {font-weight: 600;}

.anchor-target {scroll-margin-top: 85px; /* Height of Sticky-Headers */}
figure figcaption {font-size: 0.875rem; margin-top: 7px;}

/* Font sizes 
.textcontent p, .textcontent ul li {font-weight: 300;font-size: 1.25rem;} */
p.lead, .lead p, .lead {font-size: 24px; font-weight: 500;margin: 0 0 30px 0;line-height: 1.2;}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {margin-bottom: 20px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0 0 15px 0;}
h1,.h1 {font-size: 50px;}
h2, .h2 {font-weight: 800;}
.blackfont {color: #000!important;}

.button i {margin-right: 0;}
.button-border.button-green {color: var(--cnvs-themecolor); border-color: var(--cnvs-themecolor);}
.button-green.button-3d:hover, .button-green.button-reveal:hover, .button-green.button-border:hover {--cnvs-btn-color: var(--secondary-color) !important;}
.textcontent ul, .textcontent ol {padding-left: 20px;}
.textcontent ul li, .textcontent ol li {margin-bottom: 10px;}
.textcontent p:not(.lead):has(+ ul), .textcontent p:not(.lead):has(+ ol) {margin-bottom: 0.3rem;}

i.nowrap {font-style: normal; white-space: nowrap;}
.grecaptcha-badge {visibility: hidden}

.gDdnuN {bottom: 110px!important;}

.caption-secondary {background-color: #6c757d;}
.caption-badge {display: inline-block;padding: .35em .65em;font-size: .75em;font-weight: 700;color: #fff;white-space: nowrap;vertical-align: baseline;border-radius: 3px;}

.promo-dark {color: #fff}

html {scroll-behavior: smooth!important;}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto!important;
	}
}

/* accordions */
.accordion-button {font-size: 1.5rem;}
.accordion-item {background-color: transparent;}
.accordion {
	--bs-accordion-active-bg: var(--main-section-color);
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-bg: transparent;
	--bs-accordion-active-color: #fff;
}

/* branding */
s {font-weight: 900!important;text-decoration: none;}
u {font-weight: 700!important;text-decoration: none;}
sup {font-family: 300!important;}

/* boxes for downloads etc. */
.feature-box.download {background-color: rgba(var(--cnvs-themecolor-rgb),.1);border-radius: 4px;padding: 10px 15px;}
.feature-box.download .fbox-icon a {border: 2px solid #888!important;}
.feature-box.download .fbox-content a {color: #555;}
.feature-box.download .fbox-content a:hover {color: var(--main-color);}
.feature-box.download h4 {margin-bottom: 0;}
.feature-box.download p {margin-top: 0;margin-bottom:0;font-weight:300;text-transform: uppercase;}
.feature-box.download .fbox-icon {width: 50px;height: 50px;padding: 0;}
.feature-box.download .fbox-icon i {line-height: 40px;}
.feature-box .language {position: absolute;background-color: rgba(84, 84, 84,.7);color:#fff; right:0; top:0; border-top-right-radius:4px; border-bottom-right-radius: 4px; height: 100%; width: 25px;text-align:center}
.feature-box .language span {font-size:12px;}
.feature-box .secure {position: absolute;background-color: rgb(var(--secondary-color-rgb));color:#fff; right:0px; bottom:0px; border-bottom-right-radius:4px; height: 25px; width: 25px;text-align:center}
.feature-box .secure span {font-size:16px}

.fbox-icon a, .fbox-icon i, .fbox-icon img {width: auto;}

/* flip cards */
.flip-card .flip-card-inner span {background-color: rgba(0, 164, 153,.8); padding: 4px 7px;backdrop-filter: blur(5px);border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;margin-bottom: 10px;}
.flip-card .flip-card-inner h4 {font-size: 1.5rem;}

/* SLIDER */
.slider-caption h2, .slider-caption .h2 {text-shadow: 0 0 8px rgb(0 0 0 / 20%);font-size: 50px;font-weight: 800;line-height: 60px;}

/* HEADER */
#top-bar {
	--cnvs-topbar-bg: rgba(38,50,56,0.6);
	--cnvs-topbar-color: #fff;
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
	backdrop-filter: blur(5px);
	--cnvs-topbar-border-size: 0px;
}

@media (min-width: 1015px) {
	#top-bar .container {max-width:99%;padding-left: 300px; padding-right: 30px;}
}

/* Styling for topbar menu on the left, if option is active */
.top-links-item.active {
    position: relative;
}
.top-links-item.active a {color: var(--main-section-color);}

.top-links-item.active::after,
.top-links-item:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: var(--main-section-color);
    transform: scaleY(1) !important;
}
#silicones.top-links-item:hover::after {
    background-color: var(--main-silicones-color);
}
#lac.top-links-item:hover::after {
    background-color: var(--main-lac-color);
}

/* Styling for main menu on HOME */

@media (min-width: 1015px) {
	.menu-container.home-menu .menu-item:hover::after {
		content: '';
		position: absolute;
		bottom: 22px;
		left: 0;
		right: 0;
		height: 2px;
		background-color: var(--main-color);
		transform: scaleY(1) !important;
	}
}
#header.dark .menu-container.home-menu .menu-item:hover .menu-link {color: white;}
#header.dark .menu-container.home-menu .menu-item:hover::after {background-color: white}

#header.dark .menu-container.home-menu .menu-item.lac:hover::after {background-color: var(--main-lac-color);}
#header.dark .menu-container.home-menu .menu-item.lac:hover .menu-link {color: var(--main-lac-color);}

#header.dark .menu-container.home-menu .menu-item.silicones:hover::after {background-color: var(--main-silicones-color);}
#header.dark .menu-container.home-menu .menu-item.silicones:hover .menu-link {color: var(--main-silicones-color);}

/* Dropdown indicator icon for select */
.select-with-chevron {
	position: relative;
}
.select-with-chevron .form-select {
	padding-right: 2.2rem; /* place Icon */
}
.select-with-chevron .dropdown-chevron {
	position: absolute;
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none; /* Click goes through to the select */
	color: #6c757d;
	font-size: 0.9rem;
	z-index: 2;
}

#header {
	--cnvs-primary-menu-tt: none;
	--cnvs-primary-menu-font-size: 0.9125rem;
	--cnvs-primary-menu-submenu-tt: none;
	--cnvs-primary-menu-submenu-font-size: 0.95rem;
	--cnvs-primary-menu-submenu-font-weight: 600;
	--cnvs-primary-menu-submenu-width: 400px;
	--cnvs-primary-menu-ls: 0px;
	--cnvs-primary-menu-submenu-spacing: 0px;
	--cnvs-primary-menu-submenu-top-border: 2px solid var(--main-section-color);
	--cnvs-primary-menu-hover-color: var(--main-section-color);
	--cnvs-primary-menu-active-color: var(--main-section-color);
}
@media (min-width: 1015px) {
	#logo {margin-top: 10px;}
}
#header:not(.sticky-header) #header-wrap > .container:first-child {margin-top: 50px;}

/*#header-wrap #logo img:hover {height: 200px}*/
#header-wrap {border-bottom: 1px solid transparent;}

.is-expanded-menu .sticky-header #header-wrap {--cnvs-header-sticky-bg: rgba(255, 255, 255, .85);}
.is-expanded-menu .sticky-header.dark #header-wrap {--cnvs-header-sticky-bg: rgba(33, 37, 41, .85);}
.is-expanded-menu #header.full-header.transparent-header #header-wrap {border-bottom: none}
.sticky-header #header-wrap {border-bottom: 1px solid rgba(33, 37, 41, .05)!important}
.is-expanded-menu #header.transparent-header.full-header #logo, .is-expanded-menu .transparent-header.full-header .primary-menu .menu-container {border-right: none;}
.is-expanded-menu .sticky-header #header-wrap {backdrop-filter: blur(8px);background-color: rgba(255, 255, 255, .75)}
body:not(.is-expanded-menu) .sticky-header #header-wrap {background-color: rgba(255, 255, 255, .75);backdrop-filter: blur(8px);}

/* menu 
.is-expanded-menu .sub-menu-container {background-color: rgba(255, 255, 255, .85); backdrop-filter: blur(5px);}
.dark .is-expanded-menu .sub-menu-container {background-color: rgba(33, 37, 41, .85); backdrop-filter: blur(5px);}*/

.is-expanded-menu #header:not(.sticky-header) .sub-menu-container, .is-expanded-menu .mega-menu-content {background-color: rgba(255, 255, 255, .7); backdrop-filter: blur(5px);}
.is-expanded-menu #header:not(.sticky-header).dark .sub-menu-container, .is-expanded-menu .mega-menu-content {background-color: rgba(33, 37, 41, .5); backdrop-filter: blur(5px);}
/* Nested sub-menus: backdrop-filter does not work inside a backdrop-root parent, so use opaque background instead */
.is-expanded-menu #header:not(.sticky-header) .sub-menu-container .sub-menu-container {background-color: rgba(33, 37, 41, .85); backdrop-filter: none;}

/* logo and menu arrangement */
.header-row {align-items: flex-start;}
.sticky-header-shrink #logo img {transition: all 0.2s;}
.sticky-header:not(.sticky-header-shrink) #logo img {height: 120px!important; padding-top: 10px; padding-bottom: 10px;transition: all 0.2s;}
@media (min-width: 1015px) {
	.is-expanded-menu .menu-link, #top-search, .primary-menu-trigger, #page-menu-trigger {padding-top: 30px;padding-bottom: 30px;}
	}
@media (max-width: 1014px) {
	#logo img, .is-expanded-menu .menu-link, #top-search, .primary-menu-trigger, #page-menu-trigger {padding-top: 10px;padding-bottom:10px;}
	.sticky-header:not(.sticky-header-shrink) #logo img {height: 70px!important; padding-top: 5px; padding-bottom: 5px;}
}
/* END logo and menu arrangement */


/* HOME */
.devider-arrow {display: flex; align-items: center; justify-content: center;margin-bottom: 10px;min-height: 50px;margin-top: 50px;}
.devider-arrow i {font-size: 30px;color: var(--main-color);}
.heading-block-custom {display: flex; align-items: center; justify-content: space-between;margin-bottom: 10px;min-height: 50px;}
.news-item h4 a {color: #333; font-size: 20px; font-weight: 400;}
.news-item h4 a:hover {color: var(--main-section-color);}
.entry-title.title-sm h3, .entry-title.title-sm .h3 {font-size: 24px;}

/* CONTENT */
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1000px;
    }
}

/* DOWNLOADS */
.download-item a {display: block;padding: 8px 8px;color: #888;}
.download-item a i {margin-right: 8px;}
.download-item a:hover {color:#fff; background-color: var(--main-section-color);  transition: all .3s ease;}
h3.downloadblock {color: #555;}

/* FOOTER */
.dark #footer, #footer.dark, .dark #copyrights, #copyrights.dark {background-color: rgba(38,50,56,1);border-top:0;}
#footer > .container {border-bottom: 1px solid rgb(255, 255, 255, 0.5)}
#footer .container {max-width: 90%;}
.dark #copyrights, #copyrights.dark {color: rgba(204,204,204,1);}
#footer .social-icon i {font-size: 1.4rem;}

/* PAGE TITLE */
#page-title,.page-title {--cnvs-page-title-bg: rgb(32, 40, 45);}
.page-title-parallax, #page-title, .page-title {--cnvs-page-title-font-weight: 800;--cnvs-page-title-parallax-font-size: 72px;}
.one-page-arrow {z-index: 50; font-size: 15px; width: 250px; left:0; right:0; margin-left: auto; margin-right: auto; bottom: 90px}

/* search box in page title */
.page-title .search-box {margin-top: 20px; background-color: #fff; padding: 15px 5px;}
.page-title .search-box p {color: #333;}

/* Vertical divider line spanning the page-title bottom boundary */
.page-title-divider-line {position: relative;height: 180px;margin-top: -90px;z-index: 10;pointer-events: none;}
.page-title-divider-line::before {content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 1px;height: 100%;background: var(--main-section-color);}
.page-title-parallax .breadcrumb {font-size: 16px;}
.breadcrumb a:hover {color: var(--main-section-color);}
@media (min-width: 768px) {
	.page-title-row {flex-direction: column;align-items: start;}
}
.page-title-parallax span {font-weight: 300;margin-top: .8rem;}
ol.breadcrumb {margin-bottom: 10px;}
.page-title-parallax .container {padding-top: 40vh!important;z-index: 5}
.page-title.bg-transparent .container {padding-top: 135px!important;z-index: 5;position: relative;}
.page-title-content h1, .page-title-content .h1 {line-height: 1.2;}
/* h1.productheader, h1.generalheader {color: #fff; background-color: rgba(0, 164, 153,.8); padding: 10px 25px;backdrop-filter: blur(5px);border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;}*/
h1.productheader, h1.generalheader {color: #fff;}
.page-title.bg-transparent:not(.news) h1 {color: #555;}
@media (min-width: 1400px) and (max-width: 1920px)  {
	.page-title.bg-transparent:not(.news) h1 {width: 800px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.page-title.bg-transparent:not(.news) h1 {width: 600px;}
}
@media (min-width: 1400px) and (max-width: 1920px)  {
	.page-title.bg-transparent:not(.news) h1 {width: 800px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.page-title.bg-transparent:not(.news) h1 {width: 400px;}
}

.page-title-content span {color: var(--cnvs-themecolor);font-weight: 400;}

.page-title input, .page-title select, input, select {border-radius: 4px!important;}
.page-title .button-mini {height: 36px; margin-bottom: 1px;}

.territoriesContainer {display: flex; max-width: 800px;flex-wrap: wrap;opacity: .8;filter: saturate(0.7);transition: all var(--cnvs-transitions);}
.territoriesContainer:hover {opacity: 1;filter: saturate(1)}
.territoriesTitle {color: #FFF; padding: 10px; margin: 3px;border-radius: 2px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;}

.page-title.bg-transparent .video-overlay {background-color: rgba(255,255,255,0.60);visibility: hidden;background-image: url('/assets/img/grid_white.png');}
/*.page-title.page-title-parallax .video-overlay {background-color: rgba(0,0,0,0.20);}*/

.page-title #dot-small-white {position: absolute; right: 0; top: 18%; z-index: 10; pointer-events: none; width: 180px;}
.page-title #dot-big-white   {position: absolute; bottom: 0; left: 0; z-index: 10; pointer-events: none; width: 400px;}

.page-title .backImage {right: 100px;bottom: 0;position: absolute}
.page-title .backImage.contact {height: 470px;}
.page-title .backImage.news {height: 300px;}
.page-title .backImage.locations {height: 300px;bottom: 0px;}

@media (max-width: 1014px) {
	.page-title .backImage {right:0;bottom: 0;position: absolute}
	.territoriesContainer {justify-content: center;}
	.page-title-parallax .container {padding-top: 100px!important;}
	.page-title.bg-transparent .container {padding-top: 0px!important;}
	.page-title.bg-transparent .video-overlay {visibility:visible;}
	/* .page-title-content span {background-color: rgba(255,255,255,.8); padding: 5px 10px; border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;}*/
}

.page-title-content span.background {background-color: rgba(20,20,20,.5); padding: 5px 10px; border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;} /* optional styling if set up in the CMS */

/* PROMO BOXES */
.block-gallery-9 .entry-title h3 {text-transform: none;font-weight: 500;letter-spacing: 0;}
.block-gallery-9 .entry-title:hover h3 a {color: #DDD}
.block-gallery-9 .btn-more {opacity: 0;font-size: 1.5rem;color: #FFF;margin-top: 15px;transition: opacity .3s ease;}
.block-gallery-9 .grid-item .bg-overlay-content {top: auto;bottom: -40px;transition: bottom .3s ease;}
.block-gallery-9 .grid-item:hover .bg-overlay-content {bottom: 0;}
.block-gallery-9 .grid-item:hover .btn-more {opacity: 1;}

/* NEWS */
.news-grid { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
a.news-item { display: block; position: relative; overflow: hidden; }
.news-item .news-color-overlay { position: absolute; inset: 0; background-color: rgba(var(--main-color-rgb), 0); transition: background-color .3s ease; z-index: 2; pointer-events: none; }
.news-item:hover .news-color-overlay { background-color: rgba(var(--main-color-rgb), 0.8); }
.news-grid .btn-more { opacity: 0; font-size: 1.5rem; color: #FFF; transition: opacity .3s ease; }
.news-item:hover .btn-more { opacity: 1; }
.news-item .bg-overlay-content { top: auto; bottom: -40px; transition: bottom .3s ease; }
.news-item:hover .bg-overlay-content { bottom: 0; }
h1.newsheader {background-color: rgba(255,255,255,.8);padding: 10px 25px;backdrop-filter: blur(5px);border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;}
.newscaption span {color: #666;}

/* OFF CANVAS */
.offcanvas {background-color: rgba(255,255,255,.8);backdrop-filter: blur(5px);}

/* MODAL */
.modal-content {border-radius: 1px; border-top: 5px solid var(--main-section-color);}
.modal-header {border-bottom: none;}
.modal-footer {border-top: none;}
h4.modal-title {text-transform: uppercase;color: var(--main-color);}


.form-check .form-check-input {margin-left: -.7em;margin-right: 10px;}

/* TOASTS */
.toast {background-color: rgba(55,55,55,.8)!important;backdrop-filter: blur(5px);border-radius: 2px;}

/* CONTACT */
aside .address {background-color: rgba(255, 255, 255, .7);backdrop-filter: blur(5px); padding: 17px 20px; border-radius: 4px;border: 1px solid rgb(222,226,230)}
input, textarea {background-color: rgba(255, 255, 255, .7)!important; backdrop-filter: blur(5px);}
select, option {background-color: rgba(255, 255, 255, .7)!important;}
.btn-file {background-color: var(--cnvs-themecolor);border-color: var(--cnvs-themecolor)}
.btn-file:hover {background-color: var(--button-hover); border-color: var(--button-hover)}

/* PAGINATION */
.pagination ul {padding-left: 0;margin-top: 30px;}
.pagination ul li.active a {background-color: var(--main-section-color);}
.system_pagination li .dots, .system_pagination li a {border: none}

/* SEARCH RESULTS */
.searchresult .fbox-content p span, p.searchresult span {
    padding: 5px;
    background-color: #F5F5F5;
    color: #000;
    border-radius: 2px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
}
.searchresult {margin-bottom: 35px;}
.searchresult h3 span {background-color: #eee; color: #333!important; padding: 3px 7px;font-size: .7rem;margin-left: 10px;text-shadow: 0 0 black;}

/* LOCATIONS */

/* PRODUCT DETAILS */
.datasheetsblock {border: 1px solid #eee; padding: 20px; background-image: url("/_brb-assets/find-files.svg"); background-repeat: no-repeat; background-position: right 20px top 20px; background-size: auto calc(100% - 40px);}
.datasheetsblock h3 {color: #383838; font-weight: 800; font-size: 32px;}
h2.product-details-subtitle {float: left; margin: 0.5rem; max-width: 50%;}

/* Unified icon display for product categories */
.icon-square-container { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); float: left; margin-right: 5px; }
.icon-square-container:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); transform: translateY(-2px); transition: all 0.3s ease; }
.icon-square-img { max-width: 70%; max-height: 70%; display: block; margin: 0 auto; }

/* CMS OSE */
body:not(.cms_ose_activated) [data-cms_ose_delete_item_button],body:not(.cms_ose_activated) [data-cms_ose_edit_item_button],body:not(.cms_ose_activated) [data-cms_ose_add_new_item_button], body:not(.cms_ose_activated) [data-cms_ose_edit_item_box] {display: none !important;}
.ose-controls:not(.inline) a	{background-color: rgb(23, 95, 229); padding: 7px 10px; border-radius: 50%; font-size: 1.5rem; margin-right: .4rem; position: relative; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);}
.ose-controls:not(.inline) a i {color: #f5f5f5;}
.ose-controls.inline a i {color: rgb(23, 95, 229);}
.ose-controls.inline a:hover i {color: #444!important;}
.ose-controls:not(.inline) a:hover {background-color: #444!important; text-decoration: none; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);}

/* Standard Placeholder-Styling für alle Input-Felder */
input::placeholder,
textarea::placeholder {
    color: #333333!important; /* Dunkle Farbe für Placeholder */
    opacity: 1!important; /* Überschreibt Browser-Standard-Opacity */
}

/* Für verschiedene Browser-Kompatibilität */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #333333!important;
    opacity: 1!important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #333333!important;
    opacity: 1!important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #333333!important;
    opacity: 1!important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #333333!important;
    opacity: 1!important;
}

#header.dark input::placeholder,
#header.dark textarea::placeholder {
    color: #eee!important; /* Dunkle Farbe für Placeholder */
    opacity: 1!important; /* Überschreibt Browser-Standard-Opacity */
}

/* Für verschiedene Browser-Kompatibilität */
#header.dark input::-webkit-input-placeholder,
#header.dark textarea::-webkit-input-placeholder {
    color: #eee!important;
    opacity: 1!important;
}

#header.dark input::-moz-placeholder,
#header.dark textarea::-moz-placeholder {
    color: #eee!important;
    opacity: 1!important;
}

#header.dark input:-ms-input-placeholder,
#header.dark textarea:-ms-input-placeholder {
    color: #eee!important;
    opacity: 1!important;
}

#header.dark input:-moz-placeholder,
#header.dark textarea:-moz-placeholder {
    color: #eee!important;
    opacity: 1!important;
}

/* Styling für eingegebenen Text in Formularfeldern */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
textarea,
select {
    color: #333333!important; /* Dunkle Farbe für eingegebenen Text */
    background-color: #ffffff; /* Weißer Hintergrund für Kontrast */
}
#header.dark input[type="text"] {color: white!important;}

/* DATASHEET DOWNLOAD PAGE */
.datasheet-item {border-bottom: 1px solid #eee;display:flex; align-items:center; justify-content:space-between;}
.datasheet-item h5 {color: #000;}
.datasheet-item a, .datasheet-item p {color: #6f6f6f; font-weight: 700;}
.datasheet-item a {padding: 5px 10px;}
.datasheet-item a:hover {color: white; background-color: var(--main-section-color);}

/* TABLES IN WYSIWYG editor */
.table thead tr th, table.fr-dashed-borders thead tr th {color: white; background-color: var(--main-color);}

table.fr-dashed-borders {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--main-color-rgb), 0.15);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 2.5rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
table.fr-dashed-borders > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
table.fr-dashed-borders > tbody {
  vertical-align: inherit;
}
table.fr-dashed-borders > thead {
  vertical-align: bottom;
}

table.fr-dashed-borders > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
table.fr-dashed-borders > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.fr-alternate-rows > tbody > tr:nth-of-type(even) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}