/*!
Theme Name: דרך חדשה
Template:   twentythirteen
*/

@font-face {
	font-family: "Almoni";
	src: url("assets/fonts/almoni-regular-aaa.otf") format("opentype");
	font-weight: 400
}
@font-face {
	font-family: "Almoni";
	src: url("assets/fonts/almoni-medium-aaa.otf") format("opentype");
	font-weight: 500
}
@font-face {
	font-family: "Almoni";
	src: url("assets/fonts/almoni-bold-aaa.otf") format("opentype");
	font-weight: 700
}
@font-face {
	font-family: "Almoni";
	src: url("assets/fonts/almoni-ultrabold-aaa.otf") format("opentype");
	font-weight: 800
}

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

:root {
	--primary:#000C4A;
	--blue: #17213B;
	--sky: #00B4D0;
	--yellow: #FFAA1E;
	--green: #55C743;
	--orange: #FF5B2A;
	/*--dark: #000C4A;
	--blue: #0640AB;*/
	--black:#000;
	--white:white;
	--red: #D32F2F;

	--gray:#454D62;
	--gray2: #D4DAEA;
	--gray3: #F0F3F8;
	--gray4: #A7ACBB;

	--color2: #8E9EC6;
	
	--admin-bar-height: 0px;
	/*--top-header-height:32px;*/
	--site-header-height: 80px;
	
	--wrapper-margin: max(calc((100vw - 1420px)/2),min(7vw, 180px));

	--hilite-color: inherit;

	--rainbow-gradient: linear-gradient(to right, var(--orange) 0%, var(--yellow) 23%, var(--green) 61%, var(--sky) 100% );
}

.primary { color:var(--primary); }

html { font-size:18px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;
	scroll-padding-top:calc( var(--admin-bar-height) + var(--site-header-height) );
}

body {
	font-size:1rem;
	background:var(--gray3);
	color:var(--blue);
	min-height:calc(100vh - var(--admin-bar-height));
	line-height:1.5;
	margin:0;
	display: flex;
	flex-direction: column;
	--hero-aspect-ratio: calc(460 / 1920);
}

html body,
.almoni {
  font-family: "Almoni", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html[lang="he-IL"] body {
  font-family: "Almoni", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight:700; color:inherit; line-height:1.3; }

.next-project-footer h2,
h1 { font-size: 45px; font-weight: 700; margin-top: 0; line-height:0.8; margin:0 0 20px; }
 
h2 { font-size:40px; font-weight:700; }

h3 { font-size:35px; font-weight:700; margin:0.4em 0; }

h4 { font-size:20px; font-weight:700; margin: 1rem 0; }

h5 { font-size:18px; font-weight: 700; margin:0 0 0.5rem; }

h2.normal { line-height: 1; letter-spacing: 0; }

body.landing-page-template .hero h1,
.size-85 { font-size:85px; }

.size-48 { font-size:48px !important; }

body.landing-page-template .hero h2,
.size-45 { font-size:45px !important; }
.size-40 { font-size:40px !important; }
.size-35 { font-size:35px !important; }
.size-34 { font-size:34px !important; }
.size-30 { font-size:30px !important; }
.size-28 { font-size:28px !important; }
.size-25 { font-size:25px !important; }
.size-24 { font-size:24px !important; }
.size-22 { font-size:22px !important; }
.size-20 { font-size:20px !important; }
.size-18 { font-size:18px !important; }
.size-16 { font-size:16px !important; }
.size-14 { font-size:14px !important; }

body,
.hero .user-content p,
.p1 { font-size:22px; font-weight: 400; line-height: 1.4; }

@media ( max-width:782px) {
	h1 { margin:0 0 10px; }
	body,
	.hero .user-content p,
	.p1 { font-size:20px; line-height: 1.25; }

	body.landing-page-template .hero h1,
	.size-85 { font-size:45px; }

	body.landing-page-template .hero h2,
	.size-45 { font-size:30px !important; }

	.size-25 { font-size:20px !important; }
}

.line-height-1 { line-height:1; }
.lh-1\.2 { line-height: 1.2; }
.line-height-1-5 { line-height:1.5; }

.site { background:none; border:none; /*max-width:2600px;*/ margin:0 auto; flex-grow: 1; width:100%; }
.site-main { width:auto; font-size:1rem; position:relative; margin-top:var(--site-header-height); }
body.home .site-main { padding-bottom:0; }
.site-main .sidebar-container { height:0; position:absolute; top:40px; width:100%; z-index:1; }
.site-main .sidebar-inner { margin:0 auto; max-width:1040px; }

body .content-area { position:relative; overflow: initial; }

.site-content { padding:0; }

.site-content-padding-top { padding-top:55px; }

.wrapper { max-width:1420px; margin:0 auto; position:relative; padding:0; width:max(86%, calc(100% - 180px * 2)); }
.wrapper-small { width:max(650px, min(70%, calc(100% - 230px * 2))); max-width: 1180px; margin: 0 auto; }

@media (min-width:783px) {
	.body-wrapper-keep-margin .next-project-footer .wrapper,
	.wrapper.wrapper-keep-margin { width:min(86%, calc(100% - 180px * 2)); }
}

/*@media (max-width:1000px) {
	.wrapper { width:86%; }
}*/

@media (max-width:782px) {
	:root {
		--site-header-height: 56px;
		/*--top-header-height: 0px !important;*/
		--wrapper-margin: 20px;
	}
	h1 { font-size:28px; }
	/*h2 { font-size:22px; }*/
	h2 { font-size: 30px; line-height: 1em; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }

	.size-48 { font-size: 34px; }
	.size-34 { font-size:24px; }
	.size-28 { font-size:24px; }

	body .content-area { overflow:visible; }
}

[hidden] { display:none; }

button,
input,
select,
textarea { font-family:inherit; }

/* site-header: */
.site-header { left: 0; width: 100%; position:fixed; /*sticky; top:var(--admin-bar-height);*/ z-index: 100; background: var(--white);
    border-image: var(--rainbow-gradient);
    border-bottom: 2px solid transparent;
    border-image-slice: 1;
	--hilite-color:var(--blue);
}
.site-header:before {
	content: ''; position: absolute; left: 0; width: 100%; top: 0; height: 100%;
	background: var(--rainbow-gradient); filter:blur(20px) opacity(0.4); z-index: -1;
}
.site-header:after {
    content: ''; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: var(--white); z-index: -1;
}

.site-header .wrapper { max-width: 1910px; width: 100%; padding: 0 40px; }
.site-header .inner { display: flex; gap:0; align-items: center; justify-content: space-between; min-height:80px; }

/*.main-menu { list-style:none; padding:0; margin:0; display:flex; gap:1rem; }
.main-menu li { position:relative; }
.main-menu a { text-decoration:none; }
.main-menu button { background:none; border:none; }
.main-menu .sub-menu { display:none; position:absolute; }
.main-menu li:focus > .sub-menu,
.main-menu li:focus-within > .sub-menu { display:grid; gap: 0; padding: 0.7rem; }*/

a:not(:hover) svg.arrow_svg_sm path:first-child { opacity:0; }
a:not(:hover) svg.arrow_svg_sm path { fill: var(--hilite-color); }

body:not(.rtl) svg.arrow_svg_sm {
    transform: scale(-1);
}

.site-header .home-link { display:block; background:none; }
.home-link img { display:block; height:auto; }

@media (max-width:782px) {
	.site-header .home-link { width:176px; max-width:100%; }
}

.site-header .site-title:hover { text-decoration:underline; }
.site-title { font-size:60px; font-weight:700; line-height:1; margin:0; padding:58px 0 10px; }
.site-description { font:300 italic 24px "Source Sans Pro",Helvetica,sans-serif; margin:0; }

.menu-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    justify-content: center;
}
/*.site-header .inner > .menu-toggle { position: absolute; right: 0; }*/

.language-menu { margin-inline-start: 28px; }
.language-menu a { text-decoration: none !important; text-transform: uppercase;
	display:flex;
	align-items: center;
	justify-content: center;
    background: var(--gray3);
    border: 1px solid var(--gray2);
    border-radius: 200px;
    box-shadow: 0 10px 40px #17213B16;
    outline: none;
	width: 50px;
	height: 50px;
    font-size: 16px;
	color:var(--primary);
	font-weight: 500;
}

/* ajax search results: */

.sr-only {position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}

body.has-search-results {
	overflow: hidden;
}
.ajax-search-results .wrapper { max-width: 1180px; }

.ajax-search-results-bottom { display:block; width:100%; }

.ajax-search-results-container {
	display:none;
    position: fixed;
    top: calc(var(--admin-bar-height) + var(--site-header-height));
    bottom: 0;
    width: 100% !important;
	overflow: auto;
    z-index: 50;
}
.ajax-search-results-container-flex { display:flex; flex-direction: column; min-height:calc(100vh - var(--site-header-height) - var(--admin-bar-height)); }

.ajax-search-results {
    background: var(--gray3);
	padding: 2rem 0;
	flex-grow: 1;
}
.ajax-search-results-container.loading .my-ajax-loader {
    content: '';
    margin: 3rem auto;
    display: block;
	position:absolute; top:0; left:50%; transform:translateX(-50%);
}
.ajax-search-results .search-results-top { display: flex; justify-content: space-between; align-items: flex-start; }

/* loading animation for search START: */
/* HTML: <div class="loader"></div> */
.my-ajax-loader {
  width: 25px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#000 0 0);
  background: 
    var(--c) 0%   50%,
    var(--c) 50%  50%,
    var(--c) 100% 50%;
  background-size: 20% 100%;
  animation: l1 1s infinite linear;
}
@keyframes l1 {
  0%  {background-size: 20% 100%,20% 100%,20% 100%}
  33% {background-size: 20% 10% ,20% 100%,20% 100%}
  50% {background-size: 20% 100%,20% 10% ,20% 100%}
  66% {background-size: 20% 100%,20% 100%,20% 10% }
  100%{background-size: 20% 100%,20% 100%,20% 100%}
}
/* loading animation for search END: */


.ajax-search-results-container.loading .ajax-search-results > *:not(.my-ajax-loader) { opacity:0.5; pointer-events: none; }
.ajax-search-results-container:not(.loading) .ajax-search-results .my-ajax-loader { display:none; }

.ajax-search-results .search-results-close { background:var(--white) url(assets/img/button-x-gray.svg) center no-repeat;
	width:50px; height:50px; border:1px solid var(--gray2);
	border-radius:50px; padding:0;
	cursor: pointer;
}
@media (max-width: 782px) {
	.ajax-search-results .search-results-close {
		background-color: transparent;
        border: none;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
	}
}


/* search results page: */
body.search .page-title { margin:0 0 30px; }
.search-results { display: grid; gap: 20px; --hilite-color:var(--blue); }
.search-results .breadcrumbs { display: flex !important; }
.search-results article h2 { line-height: 1.1; margin: 0.8rem 0 0.5rem; }
.search-results article .button { box-shadow:0 10px 40px #17213B16; }
.search-results article .inner { display: flex; gap: 1rem 5%; justify-content: space-between; align-items:flex-end; }

@media(max-width:782px) {
	.search-results article .inner { flex-direction:column; }
}

/* search form: */
form.search-form { position: relative; }
input.search-field {
    width: 200px;
    background: var(--gray3);
    padding: 0.4em 1.6em;
	padding-inline-end: 2rem;
    border: 1px solid var(--gray2);
    border-radius: 200px;
    box-shadow: 0 10px 40px #17213B16;
    outline: none;
	height: 50px;
    font-size: 20px;
	color:var(--primary);
	font-weight: 500;
}

/* Clears the 'X' in searchbar from Internet Explorer */
/*input[type="search"]::-ms-clear { display: none; width: 0; height: 0; }
input[type="search"]::-ms-reveal { display: none; width: 0; height: 0; }*/

/* Clears the 'X' in searchbar from Chrome, Safari, Edge, and Opera */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { position: absolute; inset-inline-start: 15px; /*display: none; -webkit-appearance: none; appearance: none;*/ }

input.search-submit {
    position: absolute;
    top: 50%;
    inset-inline-end: 7px;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border: none;
    background: url(assets/img/search.svg) center/contain no-repeat;
    cursor: pointer;
    border-radius: 36px;
    font-size: 0;
	font-weight: 500;
}
@media (min-width:783px) {
	.search-form.has-input input.search-submit {
		font-size: 16px;
		background: var(--white);
		width: auto;
		padding: 0 1em;
		box-shadow: 0 4px 4px #0001;
	}
}
@media (max-width:782px) {
	form.search-form { width: 42px; height: 42px; }
	input.search-field {
		width: 42px; height: 42px; position: absolute; left: 0; top: 0;
	}
	input.search-field,
	input.search-submit {
		transition-property: width, height, padding, background, border-color, box-shadow, opacity, color !important;
	}
	
	.search-form:is(:focus, :focus-within) input.search-field {
		width: 78vw;
        height: 45px;
        margin-inline-end: -8px;
        margin-block: -1px;
	}
	.search-form:not(:focus, :focus-within) input.search-field {
	    padding: 0;
        font-size: 0;
        background: none;
        border-color: transparent;
	}
	.search-form:is(:focus,:focus-within) input.search-submit {
		font-size: 16px;
		background: var(--white);
		width: auto;
		padding: 0 1em;
		box-shadow: 0 4px 4px #0001;
	}

	input.search-submit { pointer-events: none; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size:30px auto; }
	.search-form:focus-within input.search-submit { pointer-events:initial; inset-inline-end: -3px; transform: translateY(-50%); }
}

ul.nav-menu { padding: 8px 0; display:flex; flex-wrap:wrap; gap:0 1rem; margin:0; line-height: 1.3; }
/*.nav-menu > li.focus > a,*/
.nav-menu > li:hover > a,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a { font-weight: 700; text-decoration:underline; color: var(--hilite-color) !important; }

/*.nav-menu > li > a:hover { color:var(--black); }*/

ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; flex-grow: 0.03; }

#site-navigation ul li,
.nav-menu li { position: relative; font-size:22px; }
.nav-menu > li > a { justify-content: center; }
#site-navigation ul li:not(._button) a,
.nav-menu a { color:inherit; display:flex; text-decoration:none; }
#site-navigation li._button { margin-top: 2rem; margin-bottom: -1.6rem; }
#site-navigation ul li._button a { padding:0.3em 1.2em 0.3em; padding-inline-start: 6rem; margin-inline-start: -5rem; }
#site-navigation li._button:last-child { margin-bottom: 0; }

ul.nav-menu a {}

.nav-menu > li > .sub-menu {
	position: absolute;
	z-index: 10;
	inset-inline-start: -19px; /* transform: translateX(-50%); left: 50%; */
	top: 100%;
	display:none;
	gap:0.8rem;
	background: white;
	padding: 0.7rem 20px 1.6rem;
    border-radius: 0 0 30px 50px;
}
.nav-menu .sub-menu li { width: fit-content; }

.nav-menu .sub-menu a { display:flex; align-items:center; gap:10px; font-size:1rem; min-height:1.3rem; justify-content: flex-start; line-height: 1.1;
	width: max-content; max-width: 270px;
}
.nav-menu .sub-menu svg { flex-shrink: 0; }
@media ( min-width:783px) {
	.nav-menu .sub-menu a span { transform-origin: 100% 50%; }
	body:not(.rtl) .nav-menu .sub-menu a span { transform-origin: 0% 50%; }
	.nav-menu .sub-menu {
		width:var(--sub-menu-width) !important;
		padding: 0.9rem 20px 1.6rem !important;
		box-shadow: 0 0 50px -10px var(--gray3);
	}
	.nav-menu .sub-menu > li:not(:first-child) { margin-top:0.8rem; }
	/*.nav-menu .sub-menu a:hover { font-size:1.2rem; margin-inline-end:-5%; }*/
	.nav-menu .sub-menu a:hover span { transform: scale(1.11); }
	.nav-menu > li:hover, .nav-menu > li:focus, .nav-menu > li:focus-within { z-index: 10; }
	.nav-menu > li > a { background:var(--white); padding: 0.4rem 0; margin: -0.4rem 0; white-space: nowrap; }
}

/*.nav-menu li:hover > ul,
.nav-menu li:focus > ul,
.nav-menu li:focus-within > ul,*/
.nav-menu li.focus > ul { display:block !important; clip:inherit; overflow:inherit; height:inherit;  }

.nav-menu > li.menu-item-has-children > a:after {
	/*content: ''; margin-inline-start: 0.3em; width:11px; height:11px; display: inline-block;
	background:url("assets/img/arr-down-yellow.svg") 50% 50%/contain no-repeat; filter:saturate(0) brightness(3);*/
}
.nav-menu > li:is(:hover,:focus,:focus-within) > a:after { filter:none; }

@media ( max-width:782px) {

	.nav-menu > li.current-menu-item > ul.sub-menu  { display:block; }

	.site-header { position:fixed; }

	.site-header .wrapper { padding:0 var(--wrapper-margin); padding-inline-start: 10px; }
	.site-header .inner { min-height: 56px; }

	img.logo { max-height: 40px; }
	.taabura-logo-container,
	img.taabura-logo  { display:block; max-width: 57px; margin-inline-start: auto; }

	.nav-menu > li > .sub-menu { display:none; background:none; border:none; padding:0; position:relative; /*transform:translateX(-50%); left:50%; height:1px; width:1px; top:100%;*/ top:auto; left:auto; right:auto; width:auto !important; transform:none; }
	.nav-menu > li > .sub-menu > li { max-width:none; }
	/*.nav-menu .sub-menu .sub-menu { display:none; }*/

	.nav-menu .sub-menu a { height:auto; }
}

.nav-menu > * li > a { padding:0; position: relative; }
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

#navbar { margin:0 28px; padding:0; flex-grow: 1; margin-inline-start: 90px; }

header.hero {
	position:relative;
	background: linear-gradient(to right, #17213B00,#17213B 70%), var(--background-image) center / cover no-repeat;
	color: var(--white);
	padding: 0;
	min-height:calc(100vw * var(--hero-aspect-ratio));
    margin: 0 auto 30px;
}

body.hero-video header.hero { background: #333; margin: 0 0; overflow: hidden;
	--hero-height: calc((100vh - var(--site-header-height) - var(--admin-bar-height))*0.82);
	height:var(--hero-height);
}
body.hero-video header.hero .wrapper { max-width: none; margin: 0; position: unset !important; }
body.hero-video header.hero iframe {
	/* --video-ratio is set by JS from data-ratio attribute (iOS doesn't support attr() in calc) */
	--video-ratio: 2.6704545; /* fallback ratio, overridden by JS */
	width: max(100%, calc(var(--hero-height) * var(--video-ratio)));
	height: max(100%, calc(100vw / var(--video-ratio)));
	display:block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body.hero-video header.hero .hero-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0;
	/*aspect-ratio: 2.7;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*pointer-events: none;*/
	width: max-content;
    max-width: 100%;
}

header.hero .breadcrumbs { margin:0 0 35px; }
header.hero .hero-content { padding-top:20px; padding-bottom:calc(2rem + 8vw); }
header.hero:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%;
	background:url(assets/img/hero-mask.v2.svg) 0% 100.5%/100% auto no-repeat;
	pointer-events: none;
}
header.hero a.button { background: var(--hilite-color); --hilite-color: inherit; color: var(--blue); }
header.hero a.button svg { --hilite-color: var(--blue); }

@media ( min-width:783px) {
	body:not(.hero-video) header.hero .user-content > * { width: min(820px, 70%); }
	body:not(.hero-video) header.hero .user-content > h1 { width:90%; }
	header.hero:after { background-position: 0 101%; }
}
header.hero h1 { font-size:55px; }

header.breadcrumbs-header { padding: 1rem 0; z-index: 1; position: relative; }

.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs-sep { display:inline-block; width:30px; height:30px; background:url(assets/img/breadcrumbs-sep.svg) center no-repeat; }
body:not(.rtl) .breadcrumbs-sep { transform: scaleX(-1); }

header.hero .breadcrumbs-sep { filter:brightness(10); }

@media ( max-width:782px) {
	.breadcrumbs-header,
	.breadcrumbs { display:none; }
	body:is(.topic-template-default, .single-project):not(.has-hero) .content-area { padding-top: 30px; }
	
	header.hero { background: linear-gradient(to bottom, #17213B00,#17213B 50vw), var(--background-image) 50% 0/ auto 70vw no-repeat; }
	header.hero .hero-content { padding-top: 50vw; padding-bottom:calc(1.6rem + 7vw); }
	header.hero h1 { font-size:30px; }
}

.entry-content,.entry-header,.entry-meta,.entry-summary { margin:0; max-width:none; width:100%; }
.sidebar .entry-content,.sidebar .entry-header,.sidebar .entry-meta,.sidebar .entry-summary { max-width:none; padding:0; }
.sidebar .entry-header .entry-meta { padding:0; }
.entry-thumbnail img { display:block; margin:0 auto 10px; }
.entry-header { margin-bottom:30px; }
.entry-meta { clear:both; }
.entry-meta a { }
.entry-meta a:hover { }


.action-button {
	display:inline-block;
	cursor:pointer;
	padding:0.6em 20px 0.5em;
	text-decoration:none;
	background:none;
	text-align:center;
	color:var(--blue);
	border-radius:50px;
	border-color:var(--blue);
	line-height: 1.3;
    font-size: 20px;
	font-weight: 700;
}

.cf7mls-btns .cf7mls_back.action-button,
.wpcf7 p[data-field="submit"] label,
form label[data-field="submit"],
button.button.wcdp-button,
.cf7mls_next.action-button,
.cf7mls_back.action-button,
a.button,
a.button:visited,
.button {
	display:inline-block;
	cursor:pointer;
	padding:0.6em 20px 0.5em;
	text-decoration:none;
	background:var(--blue);
	text-align:center;
	color:var(--white);
    --hilite-color: white;
	border-radius:50px;
	line-height: 1.3;
    font-size: 20px;
	font-weight: 700;
}

.button.button-sky,
a.button.button-sky { background:var(--sky); color:var(--white); }

.wpcf7 p[data-field="submit"] label:after,
form label[data-field="submit"]:after,
.button-arrow-white:after,
.button.button-sky-button-arrow:after { filter: brightness(10) !important; }

.button-rect-white { border: 2px solid transparent; }
.button-rect-white:hover { border: 2px solid #454D6255; }

.cf7mls-btns .cf7mls_back.action-button,
.button.button-white,
a.button.button-white { background:var(--white); color:var(--primary); font-size: 20px; height:60px; --hilite-color: var(--blue); }

body .cf7mls-btns .cf7mls_back.action-button {
	background:none; border:1px solid var(--blue); display: flex;
    height: 60px;
	gap: 0.7em; padding-inline-start:25px; padding-inline-end:30px;
}
body .cf7mls-btns .cf7mls_next.action-button {
    height: 60px;
	gap: 0.7em; padding-inline-start:30px; padding-inline-end:25px;
}
@media(max-width:782px) {
	body .cf7mls-btns .cf7mls_back.action-button { padding-inline-start: 20px; padding-inline-end: 25px; }
	body .cf7mls-btns .cf7mls_next.action-button { padding-inline-start: 20px; padding-inline-end: 15px; }
}


.button.button-gray3,
a.button.button-gray3 { background:var(--gray3); color:var(--primary); font-size: 20px; height:60px; --hilite-color: var(--blue); }

.button.button-white.button-arrow:after,
a.button.button-white.button-arrow:after { background:url(assets/img/arrow-left-smaller.svg) center no-repeat;
	width: 32px;
	height: 32px;
}
.button-arrow svg { transform: translateY(-1px); margin-inline-end: -7px; }
body.rtl .button-arrow-back svg,
body:not(.rtl) .button-arrow:not(.button-arrow-back) svg { transform: translateY(-1px) scaleX(-1); }

.cf7mls_next.action-button,
.cf7mls_back.action-button { margin:0 !important; display:inline-flex; gap:0.4em; align-items: center; }
.cf7mls_next.action-button:after,
.cf7mls_back.action-button:before { content:''; width:16px; height:16px; background:url(assets/img/_arrow-right.svg?v=1) center no-repeat; }
.action-button.cf7mls_next:after { filter:saturate(0) brightness(100); }
body.rtl .action-button.cf7mls_next:after,
body:not(.rtl) .action-button.cf7mls_back:before { transform:scaleX(-1); }

.cf7mls_next.action-button.sending img { margin: 0 -10px; }

button.action-button,
.wpcf7 p[data-field="submit"] label,
form label[data-field="submit"],
.button.button-arrow,
a.button.button-arrow { display: inline-flex; align-items: center; gap:10px; justify-content: center; }

/*.button.button-arrow:after,
a.button.button-arrow:after,*/

form label[data-field="submit"]:not(.button-arrow):after,
.wpcf7 p[data-field="submit"] label:not(.button-arrow):after { content: ''; width: 1rem; height: 1rem; background: url(assets/img/button-arrow-left.svg?v=1) center no-repeat;
    transform: translateY(-5%);
}

body:not(.rtl) form label[data-field="submit"]:not(.button-arrow):after,
body:not(.rtl) .wpcf7 p[data-field="submit"] label:not(.button-arrow):after { transform:scale(-1) translateY(-5%); }

/*.footer-sponsors { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 5%; list-style: none; margin: 0 auto; padding: 0; justify-content: center; }
.footer-sponsors img { mix-blend-mode: multiply; max-width: 100px; max-height: 80px; width: auto; height: auto; }*/

@media ( max-width:782px) {

	body:is(.topic-pakahey-tnua, .topic-template-topic-pakahey-tnua) .wpcf7-form p[data-field="submit"] {
		position: relative !important;
		margin-inline: auto !important;
		width: fit-content;
		margin-bottom:18px !important;
	}
	.cf7mls-btns.cf7mls-btns-last-step { display: flex; justify-content: center; min-height: 0 !important; }
	input[type="submit"],
	.button { /*font-weight:400;*/ padding:0.4em 0.8em; /*width: 100%;*/ }

	.hero-content .button { width:auto; }
}


label.on-off-label { cursor:pointer; }
/*label.on-off-label input { margin-inline-end: 0.4em; }
label.on-off-label.on { color:var(--primary); }*/
input.faux-radio { vertical-align: baseline; appearance: none; border-radius: 50%; width: 14px; height: 14px; border: 1px solid var(--white); position: relative; }
input.faux-radio:checked { border-color:var(--primary); background: none; }
input.faux-radio:checked:after { content: ''; position:absolute; top:3px; left:3px; width: 6px; height: 6px; background: var(--primary); display: block; border-radius: 50%; }

label.hidden-input input { display: none; }


/* grid: */
.grid-6 { display:grid; grid-template-columns: repeat(6, 1fr); align-items: center; gap:1rem; }
.grid, .grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:20px 20px; margin:2.4rem 0 1.3rem; --in-row:3; }
.grid-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:20px 20px; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:20px 20px; }

@media ( max-width:1050px) {
	.grid-6 { grid-template-columns: repeat(4,1fr); }
	.grid, .grid-3 { grid-template-columns: repeat(2,1fr); --in-row:2; }
	.grid-4 { grid-template-columns: repeat(2,1fr); }
}
@media ( max-width:900px) {
	.grid-6 { grid-template-columns: repeat(3,1fr); }
	.grid-2,
	.grid, .grid-3 { grid-template-columns: 1fr; --in-row:1; }
	
	.mobile-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap:20px 20px; --in-row:2; }
	.mobile-flex-2 { display: flex; justify-content:center; gap:20px 20px; flex-wrap:wrap; }
	.mobile-flex-2 > * { width:48%; }
}
@media ( max-width:782px) {
	.grid-6,
	.grid-4,
	.grid-3,
	.grid-2,
	.grid { grid-template-columns: 1fr; --in-row:1; }

	.mb-grid-2 { grid-template-columns: repeat(2,1fr) !important; --in-row:2; gap: 10px; }
}

/* my-marquee: */
.my-marquee-container { overflow: hidden; display: block; width: 100%; overflow: hidden; position: relative; --marquee-num-of-copies:1; --marquee-time:80s; }
.my-marquee { display: flex; align-items: center; width:max-content; animation: my-marquee calc(var(--marquee-time) / var(--marquee-num-of-copies)) linear infinite; }
.my-marquee:hover,
.my-marquee:focus,
.my-marquee:focus-within { animation-play-state: paused; }
@keyframes my-marquee {
    from {transform: translateX(0%); }
    to {transform: translateX(calc(100% / var(--marquee-num-of-copies))); }
}

.user-content p:last-child { margin-bottom: 0; }

/* home: */
body.home .site-content { padding-top:0; padding-bottom: 0; }
body.home .entry-content { max-width: 960px; width: 90%; margin: 32px auto 50px; }

body.home .vimeo-with-play-button:after { background:transparent !important; }
.play-pause-button { width:max(45px, min(74px, 7vw)); height:max(45px, min(74px, 7vw)); position:relative; flex-shrink: 0; }

.play-pause-button > * { display:block; width:100%; height:100%; cursor: pointer; }
.video-api-container.playing .button_play_svg { display:none !important; }
.video-api-container:not(.playing) .button_pause_svg { display:none !important; }
.video-api-container:not(:hover) .button_pause_svg { opacity:0; }

.play-pause-button:hover > * { transform:scale(1.2); }
.play-pause-button:hover svg .color-fill { fill:var(--sky); }

body.home header.hero :is(h1, h2) { margin: 0 0 0.3rem; }
body.home header.hero .play-pause-button { margin-top: 30px; }

/*.vimeo-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
}
button.vimeo-btn { background: var(--white); border: 1px solid var(--gray2); border-radius: 50px; padding: 0.6em 1.2em; font-size: 20px; font-weight: 700; color: var(--primary); display: flex; align-items: center; gap: 0.7em; }*/


section.home-kaveret {
	display: grid;
	gap:1rem;
	margin: 50px auto 80px;
}
.home-kaveret-row {
    display: grid;
    grid-template-columns: repeat(var(--in-row), 1fr);
    gap: 1rem;
	height:345px;
}
.home-kaveret-item {
	color:var(--white);
	padding:1rem;
}
.home-kaveret-item-link {
	text-decoration: none;
	display: flex;
	align-items: flex-end;
	justify-content:center;
	text-align: center;
	font-size:35px;
	font-weight: 700;
    min-width: fit-content;
	position: relative;
	width:var(--inner-width);
}
.fixing-width { width:fit-content !important; }
.home-kaveret-item:hover .home-kaveret-item-link { width: var(--heading-width); }
.home-content-button-container { display:flex; justify-content: center; margin:20px auto; }

body {
	--dark-gradient: linear-gradient(to bottom, #17213B30 50%, #17213Bc0 70%, #17213B); 
}


.home-kaveret-item { display:flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; position: relative; }
.home-kaveret-item-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:linear-gradient(to top, var(--blue), #17213B00 50%), var(--background-image) center/cover no-repeat;
	border-radius: 20px;
}

.home-kaveret-item-overlay {
	right: 1rem;
    left: 1rem;
    position: absolute;
    bottom: 1rem;
    transform: translateY(calc(100% - var(--heading-height) - -0.6rem));
	pointer-events: none;
    cursor: pointer;
}

ul.home-kaveret-item-topics {
	pointer-events: all;
	list-style: none;
	padding: 0.25rem 0 0;
	margin: 0;
	display: grid;
	--num-of-columns: 1;
    grid-template-columns: repeat(var(--num-of-columns), auto);
	gap: 0.7em 1rem;
	align-self: stretch;
	height: 0%;
    overflow: hidden;
    max-height: fit-content;
    position: relative;
	opacity: 0;
}
.home-kaveret-item:hover .home-kaveret-item-overlay { transform:none; }
.home-kaveret-item:hover ul.home-kaveret-item-topics { opacity:1; }
ul.home-kaveret-item-topics li { }
ul.home-kaveret-item-topics a { text-decoration: none; display:flex; align-items:center; gap:0.3em; font-size:20px; font-weight: 500; color: var(--hilite-color);
	line-height: 1;
}
ul.home-kaveret-item-topics a svg path { fill: var(--hilite-color); }
ul.home-kaveret-item-topics a:not(:hover) { --hilite-color:#fffd; color:#fffd; }

@media(max-width:782px) {
	section.home-kaveret { gap: 5px; }
	.home-kaveret-row { grid-template-columns:1fr; height:auto; overflow: hidden; gap: 5px; }
	.home-kaveret-item { border-radius:0; min-height:calc(420vw / 3.9);
		background:var(--dark-gradient), var(--background-image) center/cover no-repeat;
	}
	.home-kaveret-item-link { color:var(--hilite-color); }

	ul.home-kaveret-item-topics a { font-size:16px; }
	.home-kaveret-item-background {
		background: linear-gradient(to bottom, #17213B44 40%, #17213Bcc 70%, #17213B 100%), var(--background-image) center/cover no-repeat;
	}

	.home-kaveret-item .home-kaveret-item-link { width: var(--heading-width); }
	.home-kaveret-item .home-kaveret-item-overlay { transform:none; }
	.home-kaveret-item ul.home-kaveret-item-topics { opacity:1; }

}

section.home-projects {
    display: grid;
    grid-template-columns: auto 60%;
    gap: 40px;
	margin-bottom:60px;
	background: white;
    border-radius: 20px;
}
.home-projects-1 { align-self: center; padding: 1.5rem 0; padding-inline-start: 9%; }
.home-projects-1 .button-arrow { margin-top:20px; }
.home-projects-1 h2 { margin:0 0 1rem; }
.home-projects-2 { position:relative; overflow: hidden; margin: -16px -30px; }
.home-projects-slider { padding: 0 30px; height:100% }
.home-projects-slider .slick-list { border-radius: 20px; height:100%; }
.home-projects-slider .slick-track { height: 100%; }
.home-projects-slider a.slick-slide { display: flex; align-items: stretch; }
.home-projects-slider a.slick-slide img { object-fit: cover; aspect-ratio: 2; height: auto; width: 100%; }
.home-projects-slider a.slick-slide picture img { height: 100%; }
.home-projects-slider button.slick-arrow { border: 1px solid var(--blue); }

.slick-arrows-white button.slick-arrow { border:3px solid var(--gray3); width:40px; height:40px; border-radius: 10px; }
.slick-arrows-white button.slick-arrow:after { background-size: 12px; }

@media(max-width:782px) {
	section.home-projects { grid-template-columns: auto; }
	.home-projects-1 { text-align: center; padding-inline: 9%; }
	.home-projects-2 { grid-area: 1 / 1; }
	.home-projects-1 a.button.button-arrow { width: fit-content; }
}

.side-lines { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
.side-lines:before,
.side-lines:after { content: ''; background: var(--gray4); height: 1px; }

section.home-sponsors { margin: 0 0 45px; }
.home-sponsors h2 { margin:0 0 20px; }
.home-sponsors-container { height: 110px; /*display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;*/ }
.home-sponsors-item {
    width: 148px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fffc;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 4px #0002;
    margin: 0 5px;
}
.home-sponsors-item img { object-fit: contain; width: 148px; height: 110px; padding: 5%; margin: 0 auto; }
.home-sponsors-item picture { display: flex; align-items: center; justify-content: center; width: 148px; height: 110px; padding: 5%; }
.home-sponsors-item.slick-slide picture img { width:auto; height: auto; padding:0; object-fit: contain; max-width: 90%; max-height: 90%; }

section.home-big-banner { position:relative; }
section.home-big-banner .inner { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:573px; color:var(--primary);
	display:flex; flex-direction:column; align-items: center; }
.home-big-banner > img { object-fit: cover; border-radius: 20px; display: block; }
section.home-big-banner h2 { margin:0 0 0.1rem; }
section.home-big-banner .user-content { margin: 0 0 0.9rem; }

@media (max-width:782px) {
	section.home-big-banner { background: white; border-radius: 20px; }
	.home-sponsors-item img { height: auto; aspect-ratio: 1.4; padding: 10%; }
	section.home-big-banner .inner {
		position:relative; left:auto; top:auto; transform:none; max-width:none; padding:10px 22px 22px;
	}
	.home-big-banner > img { border-radius: 20px 20px 0 0; margin:0 auto 13px; }
	section.home-big-banner h2 { margin:0 0 0.3rem; }
}

/* page about: */
body.page-about .entry-content { max-width: 938px; margin: 0 auto; }

.about-video-iframe-container { position:relative; width:max-content; margin:0 auto; } /* ,.vimeo-with-play-button */
.about-video-iframe-container iframe,
.about-video-iframe-container iframe {
	display:block;
	width: auto;
    height: auto;
    aspect-ratio: attr(data-ratio number, 1410 / 528);
    min-width: 100%;
    min-height: 100%;
} /*.vimeo-with-play-button */

.video-api-container:not(.video-api-container-controls) .video-container:after {
	content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:none; cursor:pointer;
}

/*.vimeo-with-play-button:is(:not(.playing)):after { background:#0004 url(assets/img/button_play.svg) center/min(106px, 7.7%) auto no-repeat; }
.vimeo-with-play-button.playing:is(:hover, :focus, :focus-within):after { /*background:#0004;* / }*/

.page-about .play-pause-button { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.about-video-iframe-container { border-radius:40px; overflow: hidden; width:100%; height:auto; /*aspect-ratio:2.67;*/ margin: 0 auto 50px; max-width: 1182px;
	display: flex;
    align-items: center;
    justify-content: center;
}


.about-item img { height: auto; margin: 0 auto 20px; }

section.about-items { display: flex; gap: 2rem 60px; flex-wrap: wrap; justify-content: center; margin:90px auto 0 }
.about-item.center { width: 120px; }

@media (max-width:782px) {
	.about-video-iframe-container { border-radius: 0; }

	.next-project-footer .button { width: fit-content; }

	section.about-items { margin: 40px auto 0; }
	.about-item.center { width: 100px; }
	.about-item img { width:80px; margin:0 auto 19px; }
}

/* pakahey tnua page: */
.ui-timepicker { text-align: start !important; }
.ui-timepicker-standard { font-family:inherit !important; }

.my-datepicker,
.my-timepicker { padding-inline-start:2.5em !important; }

p:has(.my-datepicker) .wpcf7-form-control-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    background: url(assets/img/icon-calendar.svg) center no-repeat;
    aspect-ratio: 1;
    place-items: center;
    display: grid;
}
p:has(.my-timepicker) .wpcf7-form-control-wrap:before {
    content: '';
    position: absolute;
    height: 100%;
    background: url(assets/img/icon-clock.svg) center no-repeat;
    aspect-ratio: 1;
    place-items: center;
    display: grid;
}

.ui-widget { font-family:inherit !important; }
body .ui-datepicker { border: none !important; border-radius: 5px !important; box-shadow: 0 0 10px #0002; max-width: 78vw; }
.ui-widget-header { border: none !important; background: none !important; color: inherit !important; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: none !important;
	background: none !important;
	font-family: inherit !important;
	text-align: center;
	border:1px solid transparent !important;
	border-radius: 10px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus {
	border-color:var(--blue) !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { background:var(--blue) !important; }




body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) { background: var(--background-image) center / cover no-repeat; }
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) header.breadcrumbs-header,
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) header.pakahim-header { color:var(--white); }
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .breadcrumbs-sep { filter:brightness(10); }
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form { background:var(--gray3); border-radius: 40px; padding:50px 120px; }

body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form h2 {
    margin: 0 0 44px;
    font-size: 30px;
	border-bottom: 2px solid var(--yellow);
    width: fit-content;
}
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form h3 { font-size:30px; }

body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form p[data-field="submit"] {
    position: absolute;
    inset-inline-end: 0;
    bottom: 0;
    margin: 16px 0px 26px;
}
body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form p[data-field="submit"] label { height: 60px; }

.wpcf7 p[data-field="submit"] label input,
form label[data-field="submit"] input { margin: 0 !important; padding: 0 !important; }

ul.my-cf7mls-nav { display: flex; list-style: none; padding: 0; justify-content: space-between; margin: 65px 0 49px; }
ul.my-cf7mls-nav button { background: none; color:var(--gray4); border: none; padding: 0; text-align: center; display: flex;
	flex-direction: column;
	align-items: center;
    gap: 0.5rem;
	cursor:initial;
	outline:none !important;
	font-size: 25px;
    line-height: 0.8;
	font-weight: 500;
}
.tab-num { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius: 50%; border:2px solid; font-weight: 700; }
.tab-title { width: 4em; text-align: center; }
.my-cf7mls-nav-item.current button { color:var(--yellow); font-weight: 700; }
.my-cf7mls-nav-item.current button .tab-num { background:var(--yellow); color:var(--blue); border-color:var(--white); }
.my-cf7mls-nav-item[data-status="before"] button { color:var(--white); font-weight: 700; }
.my-cf7mls-nav-item[data-status="before"] button .tab-num { border-color:var(--yellow); }
.my-cf7mls-nav-item[data-status="after"] button { color:var(--gray4); }

@media (min-width:783px) {
	.wpcf7 .grid-3 .wpcf7-not-valid-tip,
	.wpcf7 .grid-2 .wpcf7-not-valid-tip { position:absolute; }
}
.wpcf7 .grid-3,
.wpcf7 .grid-2 { margin:0; align-items: flex-end; }
.wpcf7 .grid-3 label,
.wpcf7 .grid-2 label { display:flex; flex-direction: column; justify-content: space-between; gap:0.2em; }
.wpcf7 .wpcf7-response-output { margin:0; padding:0; border:none; clear: both; }
.wpcf7 .wpcf7-response-output svg { display:none !important; }
body fieldset.fieldset-cf7mls { padding:0; }
body .fieldset-cf7mls .cf7mls_back { float: inline-start; }
body .fieldset-cf7mls .cf7mls_next { float: inline-end; }
body .fieldset-cf7mls-wrapper div.wpcf7-validation-errors { color:var(--red); }

p[data-field="mishmeret-option"] { font-weight:500; }
span.wpcf7-form-control-wrap[data-name="mishmeret-option"] { margin-top: 0.4rem; }

@media (max-width:782px) {

	header.pakahim-header { padding-top: 100px; text-align: center; }

	ul.my-cf7mls-nav { margin: 26px 0 38px; }
	ul.my-cf7mls-nav button { font-size:16px; }

	.tab-num { width: 50px; height: 35px; border-radius: 50px; }

	body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form { padding:40px 20px; }
	body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form h2 { text-align: center; margin-inline: auto; padding-bottom: 1em; }

	body:is(.topic-pakahey-tnua,.topic-template-topic-pakahey-tnua) .wpcf7-form .grid-2 { row-gap: 0; }
}

/* pakahey tnua thanks page: */
.pakahim-form-sent-response {
	position: relative;
    background: url(assets/img/form-sent-bg.svg) center/contain no-repeat;
    padding: 1% 7% 1%;
    color: var(--white);
	aspect-ratio: 1.9;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 710px;
    margin: 0 auto;
    aspect-ratio: 1.9;
    height: auto;
}
.pakahim-form-sent-response a.button-form-back {
    background: url(assets/img/x-white.svg) center no-repeat;
    border: 1px solid var(--white);
    width: min(50px, 8%);
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    top: 13%;
    inset-inline-start: 7%;
}
.pakahim-form-sent-response a.button-form-back svg { display:none; }

@media (max-width:782px) {
	.pakahim-form-sent-response {
		background: url(assets/img/form-sent-bg-mobile.svg) center / contain no-repeat;
        aspect-ratio: 1.3;
        margin: 0 -20px;
        width: calc(100% + 40px);
		padding: 10% 15% 17%;
	}
	.pakahim-form-sent-response a.button-form-back { top: 15%; inset-inline-start: 12%; }
}

.pakahim-form-sent-response h2:first-child { margin: 0 0 0.3em; }
.pakahim-form-sent-response h2 { margin: 0; }
.pakahim-form-sent-response h6 { margin: 0.5rem 0 0; font-weight: 400; font-size: 1.3rem; }


/* topic foreign workers: */
body.landing-page-template header.hero { margin:0; }
body.landing-page-template header.hero:after { display:none !important; }
body.landing-page-template header.hero .hero-content { /*width: 770px; max-width: 100%;*/ padding-bottom: 70px; }
body.landing-page-template header.hero .user-content > * { width:auto; }
body.landing-page-template .hero h2 { line-height: 1; }
body.landing-page-template .hero ul { list-style: none; padding: 0; display: grid; gap: 0.5rem; }
body.landing-page-template .hero ul li { display:flex; gap:10px; align-items:center; font-size: 30px; font-weight: 500; line-height: 1.1; }
body.topic-template-topic-foreign-workers .hero ul li:before { content:''; flex-shrink:0; width:40px; height:40px; background:url(assets/img/list-bullet-arrow.svg) center no-repeat; transform: translateY(-0.05em); }
body.landing-page-template .site-footer { margin:0; }

body.landing-page-template .hero h3 { font-size:30px; line-height: 1; }
body.page-template-page-fire-aid .hero ul li { font-size:25px; }
body.page-template-page-fire-aid .hero ul li:before { content:''; width:32px; height:32px; background:url(assets/img/list-bullet-fire.svg) center no-repeat; flex-shrink: 0; transform: translateY(-0.1em); }

.foreign-workers-grid { display: flex; margin-inline-end: var(--wrapper-margin); align-items: center; gap: 0 2rem; justify-content: space-between;
    min-height: 150px;
}
.foreign-workers-grid-title {
	padding:1rem 3rem;
	padding-inline-start: var(--wrapper-margin);
	background:url(assets/img/foreign-workers-title-bg.svg?v=2) 0% 0%/auto 101% no-repeat;
	color:var(--white); display:flex; align-items:center;
    align-self: stretch;
}
.foreign-workers-grid-form { padding: 1rem 0; }
.foreign-workers-grid-form form {
	display: grid !important;
    grid-template-columns: 1fr 1fr 1fr auto;
    align-items: flex-start;
	gap: 0.6rem 0.8rem;
}
.foreign-workers-grid-form form p { margin:0; }
.foreign-workers-grid-form p[data-field="submit"] { padding-top: 1.5rem; }
.foreign-workers-grid-form form .wpcf7-response-output { text-align: start !important; }

.fire-aid-grid-title { background-image:url(assets/img/fire-aid-title-bg.svg); }

@media (min-width:783px) {
	.foreign-workers-grid-form form :is(p[data-field="terms_and_privacy"], p[data-field="receive_marketing"], .wpcf7-response-output) { grid-column: span 4; }
}

@media (max-width:782px) {

	body.landing-page-template header.hero .hero-content { padding-bottom: 30px; }

	body.landing-page-template .hero ul li { font-size:20px; }

	body.landing-page-template .site-content {
        background: var(--blue);
        padding: 15px;
	}
	.foreign-workers-grid { flex-wrap: wrap; margin:0;
	    background: var(--gray3);
        border-radius: 40px;
        overflow: hidden;
        margin-bottom: 100px;		
    }

	.foreign-workers-grid-title { padding: 1.7rem var(--wrapper-margin) 16%;
		position:relative;
		background:var(--gray4);
		text-align: center;
	}
	.foreign-workers-grid-title.fire-aid-grid-title { background: #e53520; }
	.foreign-workers-grid-svg { position:absolute; left:0; width:100%; bottom:0; }

	.foreign-workers-grid-form { padding: 1rem var(--wrapper-margin); }
	.foreign-workers-grid-form form { grid-template-columns: auto; }
	/*.foreign-workers-grid-form form p[data-field="confirm"] { grid-area: 4; }*/
	.foreign-workers-grid-form form p[data-field="submit"] { order: 10; width:100%; }
	.foreign-workers-grid-form form p[data-field="submit"] label { width:100%; }

	.foreign-workers-grid-form form label { line-height:1.2em; }

}

/* contact page: */

.contact-content .wpcf7 p { margin: 0; }
.contact-content .wpcf7 [data-field="bottom"] p { margin: 0 0 1em; }

@media (min-width:783px) {
	body.page-contact header.hero {
        margin-bottom: calc(-2rem - 8vw);
        padding-bottom: 2rem;
	}
	/*body.page-contact header.hero:after { display:none; }*/
	body.page-contact .entry-content h2 { font-size:30px; margin: 0 0 20px; }
	body.page-contact .content-area { overflow:visible; }
	body.page-contact .entry-content {
		margin: 0 auto 50px;
		background: var(--white);
		padding: 50px 88px;
		border-radius: 40px;
		max-width: 1180px;
	}

	.contact-content form { display: grid !important; grid-template-columns: repeat(4, 1fr); gap:20px 30px; align-items: flex-start; height: 100%; }
	.contact-content p[data-field="subject"] {}
	.contact-content p[data-field="name"] {}
	.contact-content p[data-field="tel"] {}
	.contact-content p[data-field="email"] {}
	.contact-content [data-field="bottom"] { grid-column: span 4; display: flex; gap: 1rem 2rem; justify-content: space-between; }
	.contact-content p[data-field="message"],
	.contact-content p.p-full-width,
	.contact-content .wpcf7-response-output { grid-column: span 4; }
}
@media (max-width:782px) {
	body.page-contact .entry-content { background: var(--white); padding: 40px 18px; border-radius: 40px; }
	.contact-content form { display: grid !important; gap:15px; }
	.contact-content form div[data-field="bottom"] { margin: 1em 0 0; }
	.contact-content form p[data-field="submit"] { margin: 1.5rem 0 0 !important; }
}

.contact-content [data-field="confirm"] { display:grid; gap:0.4rem; }

.contact-content h2 { margin:0 0 1.3rem; }
.contact-content p[data-field="confirm"] br { display:none; }
.contact-content p[data-field="submit"] label { height: 60px; }

@media (max-width:782px) {
	.contact-content { text-align: center; }
	.contact-content .wpcf7 { text-align: start; }
	.contact-content p[data-field="submit"] label { margin: 0 auto; display: flex; width: fit-content; }
}

/* jquery modals: */
.jquery-modal.blocker { z-index:150; }
.jquery-modal .modal { text-align: start; max-width:600px; }
.jquery-modal .modal .modal-inner {
	max-height: calc(90vh - 5rem);
    overflow: auto;
    margin-top: 2rem;
    padding-inline-end: 13px;
    margin-inline-end: -13px;
}
body .modal a.close-modal { top:0.5rem; right:auto; inset-inline-end:0.5rem; }

/* jobs page: */
body.page-jobs .site-content .wrapper { max-width:1180px; }
body.page-jobs .site-footer { margin-top:30px; }
.jobs-title { margin:26px 0 0; }
.title-semel { display:flex; align-items: center; gap:1rem; width:100%; }
.title-semel hr { height:0; border:none; border-top:1px solid var(--gray2); flex-grow: 1; }
.title-semel .semel { width: 38px; height: 33px; background: url(assets/img/logo-semel.svg) center/contain no-repeat; }
.grid-3.grid-jobs { margin: 42px 0 30px; }
.white-rounded-box.job { display:flex; justify-content: space-between; align-items: center; cursor: pointer; }
button.arrow-expand { width:48px; height:48px; flex-shrink: 0; cursor: pointer; background:none; border:none; background:url(assets/img/arrow-down.svg) center no-repeat; }

.job h2 { margin:0 0 0.5rem; color:#17213B66; }
.icon-location { display:flex; align-items:center; gap:0.4rem; }
.icon-location:before { content:''; width:24px; height:24px; background:url(assets/img/icon-location.svg) center/auto 24px no-repeat; }
.icon-location.icon-location-sm:before { width:14px; height:20px; background-size: auto; }
.icon-time { display:flex; align-items:center; gap:0.4rem; }
.icon-time:before { content:''; width:24px; height:24px; background:url(assets/img/icon-time.svg) center no-repeat; }

.jobs-form .inner { border-top: 1px solid var(--gray2); border-bottom: 1px solid var(--gray2); padding: 40px; }
.jobs-form .inner h2 { font-size: 40px; line-height: 0.9em; text-align: center; margin-top:0; }

.jobs-form-grid {
	display: grid !important;
    grid-template-columns: auto auto;
    margin: 0 auto 2rem;
    width: fit-content;
    align-items: stretch;
    justify-content: center;
	gap: 30px 20px;
}
.jobs-form-grid p:last-child { margin:0 0 1em; }
.jobs-form .wpcf7-form  {}

.jobs-form .wpcf7 p[data-field="submit"] label { height:100%; background:var(--gray3); color:var(--blue); --hilite-color:var(--blue); border:1px solid var(--blue); }
.jobs-form .wpcf7 p[data-field="submit"] label:hover { background:var(--blue); color:var(--white); }
.jobs-form .wpcf7 p[data-field="submit"] label:not(:hover):after { filter:none !important; }

/*.jobs-form p[data-field="file"] { display: flex; justify-content: center; }*/

.jobs-form .wpcf7-form .wpcf7-response-output { grid-column: span 2; text-align: center; }
.wpcf7 form.invalid .wpcf7-response-output { display:none !important; }


.white-shadow-box { background:var(--white); border-radius: 10px; padding:20px; box-shadow:0 0 4px #0003; }
.white-rounded-box { background:var(--white); border-radius: 10px; padding:20px; border:1px solid var(--gray2); }

.jobs-form.white-rounded-box { padding:40px; }

.wpcf7 label.file-input-container {
	border-radius: 10px; border:1px solid var(--gray); font-size:20px; font-weight: 700; color:var(--blue); text-align: center;
	padding:14px 20px; display:inline-grid; grid-template-columns:auto auto; align-items:center; justify-content:center; gap:10px; cursor: pointer;
    position: relative;
}
label.file-input-container:after { content:''; background:url(assets/img/icon-upload-file.svg) center no-repeat; width:32px; height:32px; }
label.file-input-container .wpcf7-form-control-wrap { position:absolute; top:100%; left:0; width:100%; margin-top:5px; text-align: center; }
label.file-input-container input::-webkit-file-upload-button { display: none; }
label.file-input-container input span { display:block; text-align: center; }

span.input-has-file {
    display: flex;
    align-items: center;
    gap: 0.3em;
}
span.input-has-file:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(assets/img/checkmark-16.png) center / contain no-repeat;
    flex-shrink: 0;
}
span.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input[type="file"] { display: none; }

.white-rounded-box.expanded { background: var(--gray3); border-color:var(--blue); }
.white-rounded-box.expanded h2 { color:var(--blue); }

.expanded > button.arrow-expand { background-image: url(assets/img/x-close.svg); }

.grid-full-row { grid-column: 1 / calc(var(--in-row) + 1); display:none; width:100% !important; }
.grid-full-row.white-rounded-box { padding-right:40px !important; padding-left:40px !important; }
.job-expanded.white-rounded-box { padding:40px; }

.job-expanded-top { border-bottom: 1px solid var(--gray2); padding-bottom: 30px; margin-bottom: 30px; }
.job-expanded-top h2 { margin: 0 0 20px; line-height: 1; }

.job-expanded-view .job-expanded-content { display: flex; justify-content: space-between; }
.job-expanded-illustration img { display: block; max-width: min(330px, 100%); height: auto; }

.job-expanded-meta { display:flex; flex-wrap: wrap; gap:0.5rem 1rem; }
.job-expanded-share { border-top: 1px solid var(--gray2); padding-top: 30px; margin-top: 30px; display:flex; align-items: center; justify-content: space-between;
    gap: 1rem; flex-wrap: wrap;
}
.job-share-container { display:flex; align-items: center; gap:20px; }
.job-share { display:flex; align-items: center; gap:20px; }

a.share-email { width: 32px; height: 32px; background: url(assets/img/share-email.svg) center no-repeat; }
a.share-facebook { width: 32px; height: 32px; background: url(assets/img/share-facebook.svg) center no-repeat; }
a.share-whatsapp { width: 32px; height: 32px; background: url(assets/img/share-whatsapp.svg) center no-repeat; }

.job-expanded:not(.show-form) .job-expanded-form { display:none; }
.job-expanded.show-form .job-expanded-view { display:none; }

.job-expanded-form .job-expanded-top h2 { margin:0; }
.job-expanded-form [data-field="submit"] label { display: none !important; }
.job-expanded-form form { display:grid !important; gap:0.5rem 1rem; }
@media(min-width:783px) {
	.job-expanded-form form { grid-template-columns:repeat(2, 1fr); }
	.job-expanded-form form > *:not([data-field="first-name"], [data-field="last-name"], [data-field="tel"], [data-field="email"]) { grid-column:span 2; }
}
/*.job-expanded-form form label.file-input-container { margin-bottom: 1rem; }*/
.job-expanded-form form :is(input[type="text"],input[type="email"],input[type="tel"],textarea) {
	background:var(--gray3);
}
.job-expanded-buttons { display: flex; gap: 1rem; flex-wrap: wrap; }
.job-expanded-share button,
.job-expanded-buttons button { height:60px; }

@media(max-width:782px) {
	.jobs-form.white-rounded-box { padding:40px 20px; }
	.job-expanded-buttons { flex-direction: column; }
	.job-expanded-view .job-expanded-content { flex-direction: column; }
	.jobs-form .inner { padding: 40px 0; }
	.job-expanded-buttons .button-arrow-back { order:2; }
	.job-expanded-share { gap:2rem; flex-direction: column; }
	body.page-jobs .site-footer { margin-top: calc(20vw + 20px); }
}

/* projects archive: */

body:is(.tax-project-cat, .post-type-archive-project) .term-nav button.slick-prev {
	right:auto !important; left:auto !important; inset-inline-start: -35px !important;
}
body:is(.tax-project-cat, .post-type-archive-project) .term-nav button.slick-next {
	right:auto !important; left:auto !important; inset-inline-end: -35px !important;
}
body:is(.tax-project-cat, .post-type-archive-project) .term-nav button.slick-arrow.slick-disabled { display:none !important; }

.type-project > a { background: var(--white); border-radius: 40px; overflow: hidden; display: flex; flex-direction: column; height: 100%;
	justify-content: space-between;
	box-shadow: 0 40px 30px -30px var(--gray2);
}
article.type-project:not(:hover,:focus, :focus-within) svg.arrow_left_svg path {
	fill: var(--blue);
}
.posts-container .type-project:hover .post-item-image img { transform: scale(1.05); }
.type-project .post-item-image img {
	display:block;
	height: auto;
    aspect-ratio: 340 / 255;
	object-fit: cover;
}
@media (min-width:783px) {
	.type-project .post-item-image {
		mask-image:url(assets/img/projects-mask.svg);
		mask-size: 100% auto;
		mask-position: 50% 0;
		mask-repeat: no-repeat;
	}
	body:not(.rtl) .type-project .post-item-image img { mask-image:url(assets/img/projects-mask-flipped.svg); }
}
@media (max-width:782px) {
	.term-nav-dropdown { margin:0 0 20px; }
	.type-project > a { border-radius: 20px; }
	.topic-item-images:not(.slick-slider),
	.topic-item-images .slick-list { border-radius: 20px !important; }
	.type-project .post-item-image img { border-radius:20px !important; }
}

.type-project .post-item-content { padding:10px 15px 20px; /*flex-grow: 1;*/ word-break: break-word; }
.post-item-content h2 { font-size: 22px; font-weight: 500; display: flex; gap: 0.5em; justify-content: space-between;
	line-height: 1; margin:0; align-items: center; }
svg.arrow_left_svg { flex-shrink:0; width: 40px; height: 40px; padding: 8px; }
body:not(.rtl) svg.arrow_left_svg { transform:scaleX(-1); }
svg.arrow_left_svg path { fill: var(--hilite-color); }

.inherit-hilite-color { --hilite-color:inherit !important; }

/* single project: */
.project-meta {
    display: grid;
    gap: 16px;
	margin-top: 1.7rem;
}
.bullet-location,
.bullet-customer,
.bullet-description { display:flex; gap:0.3em; }
.bullet-location:before { width:24px; height:24px; content:''; background:url(assets/img/bullet-gray-location.svg) center no-repeat; flex-shrink: 0; margin-top: 0.1em; }
.bullet-customer:before { width:24px; height:24px; content:''; background:url(assets/img/bullet-gray-customer.svg) center no-repeat; flex-shrink: 0; margin-top: 0.1em; }
.bullet-description:before { width:24px; height:24px; content:''; background:url(assets/img/bullet-gray-description.svg) center no-repeat; flex-shrink: 0; margin-top: 0.1em; }

.bullet-description .user-content p:nth-child(2) { display: inline; }
.bullet-description .user-content p:nth-child(3) { margin-top: 1em; }

section.related.related-projects { margin: 70px 0 134px; }
section.related.related-projects .section-h2-title { margin:0 0 35px; }

.project-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 5%; }
.project-grid-2 { overflow:hidden; margin: 0 -30px; }
.project-inner-slider {  position: relative; padding: 0 30px; }
.project-inner-slider .slick-list { margin-inline-end: -20px; border-radius: 20px; }
.project-inner-slider .slick-slide { border-radius:20px; margin-inline-end: 20px; overflow: hidden; }


.slick-slide picture img,
picture.slick-slide img { width: 100%; object-fit: cover; height: auto; }
.slick-slide picture { width: 100%; }

@media (max-width: 782px) {
	.project-grid { grid-template-columns: auto; }
	.project-grid-2 { padding:0 30px; grid-row: -1; }
}

/* magazine (posts) archive: */
.term-nav { display: flex; margin: 0 -10px 30px; }
.h-scroll-container:has(> .term-nav) { margin: 0 -10px 30px; }
.h-scroll-container > .term-nav { margin: 0; }
.term-nav > div { display:flex; align-items: center; text-decoration: none; font-size:22px; font-weight: 700; white-space:nowrap; }
.term-nav > div:not(:first-child):before { content:''; width:0; height:0.8em; border-left:1px solid var(--primary); margin:0 -1px; }
.term-nav a { text-decoration: none; padding:0.5rem 20px; border-radius: 15px; display:block; }
.term-nav a.on,
.term-nav a:hover { background:var(--blue); color:var(--white); }

.thin-horizontal-scrollbar { overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; }
.thin-horizontal-scrollbar.is-dragging { scroll-behavior: auto; }
.thin-horizontal-scrollbar::-webkit-scrollbar { display: none; }
.drag-horizontally { cursor: grab; }
.drag-horizontally.is-dragging { cursor: grabbing; user-select: none; }
.drag-horizontally.is-dragging * { cursor: grabbing; }

/* h-scroll-container: wrapper added by JS around .drag-horizontally elements */
.h-scroll-container { display: flex; align-items: center; }
.h-scroll-container > .term-nav { flex: 1; min-width: 0; margin: 0; }
.h-scroll-btn { position: relative !important; left: auto !important; right: auto !important;
	flex-shrink: 0; font-size: 0; overflow: hidden;
	width: 40px; height: 40px; padding: 0;
	cursor: pointer; border: 2px solid transparent; }
.h-scroll-btn::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(assets/img/arrow-down.svg) center no-repeat; transform: rotate(-90deg); }
body:not(.rtl) .h-scroll-btn-prev::after,
body.rtl .h-scroll-btn-next::after { transform: rotate(90deg); }
.h-scroll-btn:hover:not(:disabled) { border-color: var(--gray3); }
.h-scroll-btn:disabled { opacity: 0.25; cursor: auto; }


/* catalog main page: */
body.page-catalog .content-area { overflow:visible; min-height: 200px; }
.catelog-main-links-container { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin:-110px auto 0; }
.catalog-main-link { border-radius:10px; background:white; text-align:center; width: calc((100% - 4 * 20px) / 5); }
.catalog-main-link a { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; gap: 2%; }
.catalog-main-link h2 { margin:0; font-size:25px; font-weight:500; line-height: 0.9; width: 30%; display: flex; justify-content: center; }
.catalog-main-link img { display: block; width: min(100px, 45%); height: auto; aspect-ratio: 1; }
body.page-catalog .site-footer { margin-top:78px; }

@media (max-width: 782px) {
	body.page-catalog header.hero { padding-bottom:7vw; }
	.catelog-main-links-container { margin-top: -19vw; }
	.catalog-main-link { width: calc((100% - 1 * 20px) / 2); }
}

/* catalog nav: */
nav.catalog-nav { display: flex; align-items: stretch; gap: 15px; padding: 20px 0; white-space: nowrap; line-height: 1; }
nav.catalog-nav a.catalog-main-cat {
	background:var(--white); padding:5px; border-radius:10px; display: flex; align-items: center; gap: 10px;
	padding-inline-end:15px;
	border:1px solid var(--color);
}
a.button-form-back {
	display:flex;
    --hilite-color: white;
}
body a.button-form-back svg { transform: rotate(180deg) !important; order:-1;
	margin-inline-end:0;
    margin-inline-start: -7px;
}
.hero a.button.button-arrow.button-form-back {
	background:var(--white);
	color:var(--blue);
	--hilite-color: var(--blue);
	margin-top: 2rem;
}
/*a.button-form-back {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none !important;
}
a.button-form-back svg { transform: rotate(-90deg); margin-top: -0.1em; }
body:not(.rtl) a.button-form-back svg { transform: rotate(90deg) !important; }
.hero a.button-form-back svg path { stroke: var(--white); }*/

.button-back { width:50px; height:50px; flex-shrink: 0; background:var(--white);
	border:2px solid var(--gray2);
	border-radius: 10px;
	position:relative;
}
.button-back:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(assets/img/arrow-right.svg) center no-repeat; }

body:not(.rtl) .button-back:after { background-image:url(assets/img/arrow-left.svg); }

nav.catalog-nav a.button-back:hover:after { transform:scale(1.2); }

.catalog-nav > h2 { margin:0; align-self: center; }

nav.catalog-nav a.catalog-main-cat img { width:40px; height:40px; border-radius: 6px; background:var(--color); flex-shrink: 0; padding: 7px; }
nav.catalog-nav a.catalog-main-cat h2 { margin:0; font-size:25px; font-weight: 700; }
nav.catalog-nav a { text-decoration: none; }
ul.catalog-nav-items { overflow: hidden; display: flex; align-items: stretch; gap: 10px; }
ul.catalog-nav-items .slick-track { display: flex; align-items: stretch; gap: 10px; padding-inline-start: 1px; }
ul.catalog-nav-items li { display: flex; align-items: stretch; }
ul.catalog-nav-items a { background:var(--white); padding:5px 20px; border-radius:10px; font-size:20px; font-weight: 500; display:flex;
align-items: center; height: 52px; border:1px solid var(--white); }
ul.catalog-nav-items li.current a { background: var(--blue); color: var(--white); }

.catalog-nav-items button.slick-arrow { position: relative; top: auto; transform: none; flex-shrink: 0; width: 52px; height: 52px; border-radius:10px;
	left: auto !important; right: auto !important;
}

.catalog-nav-items .slick-list { border-radius: 10px; }

.catalog-nav-items button.slick-arrow:hover,
ul.catalog-nav-items a:hover { background:var(--white); border:1px solid var(--gray); }
.catalog-nav-items button.slick-arrow:hover:after { filter:none; }
.catalog-nav-items button.slick-prev.slick-disabled { width: 0; border:none; margin-inline-end: -10px; }
.catalog-nav-items button.slick-next.slick-disabled { width: 0; margin-inline-start: -10px; }
.catalog-nav-items button.slick-arrow:hover { transform:none !important; }

/* catalog safety: */
.type-safety > a { background: var(--white); display: grid; border-radius: 20px; padding:20px; gap:9px; height: 100%; grid-template-rows: max-content auto; }
.safety-image { aspect-ratio: 1.2; width: 100%; overflow: hidden; display:flex; align-items: center; justify-content: center; }
.safety-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.safety-content { line-height: 1; display: grid; gap: 5px; grid-template-rows: max-content auto; }
.safety-content h3 { line-height: 1; }

.slick-slider.slick-arrows-on-sides:has(.slick-arrow) { display: grid; grid-template-columns: max-content auto max-content; }
.slick-arrows-on-sides button.slick-arrow { position:relative !important; left:auto !important; right:auto !important; }
.slick-arrows-on-sides button.slick-arrow:after { background: url(assets/img/arrow-down.svg) center no-repeat !important; transform:rotate(-90deg); }
body.rtl .slick-arrows-on-sides button.slick-next:after,
body:not(.rtl) .slick-arrows-on-sides button.slick-prev:after { transform:rotate(90deg); }

/* catalog signs: */
.signs-container { display: grid; gap:20px; }
.signs-container article { display: grid; grid-template-columns: 1fr 1fr; gap:40px; background: white; border-radius: 20px; padding:40px; }
.signs-content h3 { margin:0 0 0.5rem; }
.signs-image img { height: auto; }

/* catalog lights: */
/*.type-lights > a { background: var(--white); display: grid; border-radius: 20px; padding:20px; gap:5px; }
.lights-image { aspect-ratio: 1.2; width: 100%; overflow: hidden; display:flex; align-items: center; justify-content: center; }
.lights-image img { display: block; width: auto; height: auto; max-width: 88%; max-height: 88%; }
.lights-content { line-height: 1; display: grid; gap: 5px; }
.lights-content h3 { line-height: 1; }*/
.type-lights > a { background: var(--white); display: grid; border-radius: 20px; padding:20px; gap:9px; height: 100%; grid-template-rows: max-content auto; }
.lights-image { aspect-ratio: 1.2; width: 100%; overflow: hidden; display:flex; align-items: center; justify-content: center; }
.lights-image img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.lights-content { line-height: 1; display: grid; gap: 5px; grid-template-rows: max-content auto; }
.lights-content h3 { line-height: 1; }

.tags-container { display: flex; gap: 20px 20px; flex-wrap: wrap; }
.tags-container .tag {
	border-radius:10px; background:var(--white); text-decoration: none !important;
	font-weight: 500; font-size: 20px;
	padding:0.5em 20px 0.4em;
	border:2px solid #454D6255;
}


@media (max-width: 782px) {
	.type-lights > a { border-radius: 12px; padding:10px; }
	.lights-image img { border-radius: 10px; }
}

/* single lights: */
.white-radius-20 { background:var(--white); border-radius: 20px; }
.white-radius-40 { background:var(--white); border-radius: 40px; }
.padding-40 { padding:40px; }

.safety-two-cols,
.lights-two-cols { display:grid; grid-template-columns: 1fr 1fr; gap:1rem 8%; }

.lights-col-content-2 { grid-row: 2; }

@media (max-width: 782px) {
	.safety-two-cols,
	.lights-two-cols { grid-template-columns: auto; }

	.lights-col-content-2 { grid-row: 3; }
	.safety-col-image,
	.lights-col-image { grid-row: 2 !important; }

	.mb-padding-15 { padding:15px !important; }

}

.product-sections-container { display: grid; gap: 20px; }
.section-title { margin:0; background:var(--gray3); border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-title span { display:block; padding:0.2em 0.7em; }
.section-title:after { content: ''; background: url(assets/img/arrow-down.svg) center/15px auto no-repeat; width: 48px; height: 48px; }
.product-section.expanded .section-title:after { transform:rotate(180deg); }
.product-section .section-content { margin: 0 !important; }
.product-section .section-content .inner { padding: 10px; display: grid; gap: 20px; }

.safety-col-image,
.lights-col-image { display: flex; justify-content: center; overflow: hidden; position:relative; grid-row: span 2; }

.catalog-gallery { width:100%; }
.catalog-gallery-midsize .slick-slide { display: flex !important; align-items: center; justify-content: center; position:relative; border-radius: 15px; overflow: hidden; cursor: pointer; }
.catalog-gallery-midsize .slick-slide:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%;
	background: url(assets/img/icon-magnify.svg) calc(100% - 1rem) calc(100% - 1rem) no-repeat, linear-gradient(-45deg, #D4DAEA -5%, #D4DAEA00 50%);
	opacity:0;
}
.catalog-gallery-midsize .slick-slide:hover:after { opacity:1; }
.catalog-gallery-midsize .slick-slide img { height: auto; width: 100%; }
.catalog-gallery-thumbnails { margin: 20px 0 0; /*margin-inline-end:-10px;*/ }
.catalog-gallery-thumbnails .slick-slide { cursor: pointer; margin:0 5px; display:block; border-radius: 5px; }
/*.catalog-gallery-thumbnails .slick-slide:not(.slick-current) { opacity: 0.5; }*/

/* Catalog gallery lightbox */
.catalog-lightbox-overlay { position:fixed; inset:0; background:rgba(0,0,0,.88); z-index:99999; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s ease; }
.catalog-lightbox-overlay.visible { opacity:1; }
.catalog-lightbox-close { position:fixed; top:1rem; inset-inline-end:1.25rem; background:none; border:none; color:#fff; font-size:2.5rem; line-height:1; cursor:pointer; padding:.1rem .4rem; opacity:.8; transition:opacity .2s; }
.catalog-lightbox-close:hover { opacity:1; }
.catalog-lightbox-slider { width:min(90vw, 1200px); }
.catalog-lightbox-slider .slick-slide img { max-height:85vh; width:auto; max-width:100%; margin:0 auto; display:block; object-fit:contain; border-radius:8px; }
.catalog-lightbox-slider .slick-prev,
.catalog-lightbox-slider .slick-next { z-index:10; }
.catalog-lightbox-slider .slick-prev { inset-inline-start:-2.5rem; }
.catalog-lightbox-slider .slick-next { inset-inline-end:-2.5rem; }
@media (max-width: 782px) {

	.catalog-gallery-midsize .slick-slide { border-radius:10px; }

	.catalog-lightbox-slider { width:95vw; }
	.catalog-lightbox-slider .slick-prev { inset-inline-start:-.5rem; }
	.catalog-lightbox-slider .slick-next { inset-inline-end:-.5rem; }
}

table.specs-table { border:none; margin:0; padding:0; width:100%; border-collapse:collapse; }
table.specs-table td:first-child { font-weight: 700; padding-inline-end: 1em; line-height: 1; }
table.specs-table td { border-bottom: 1px solid var(--gray2); padding: 10px 5px; font-size:20px; font-weight: 500; line-height: 1; }


/* catalog supply: */
@media (min-width:783px) {
	.supply-container { column-count: 2; column-gap: 20px; }
}
.supply-container article { position: relative; border-radius: 15px; overflow: hidden; margin: 0 0 20px; }
.supply-container article img { width: 100%; height: auto; display: block; }
.supply-container article .overlay {
	position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent, #0006 4rem);
    padding: 1rem;
    color: var(--white);
    padding-top: 2rem;
    width: 100%;
}

/* catalog rails: */
.grid-catalog-rails { display: grid; grid-template-columns: 340px auto; gap: 22px; }
.grid-catalog-rails-filters { background:var(--white); border-radius: 20px; }
fieldset { border:none; margin:0; }
.grid-catalog-rails-filters fieldset { padding:20px; }
.grid-catalog-rails-filters fieldset:not(:first-child) { border-top:1px solid var(--gray2); }
.grid-catalog-rails-filters fieldset h3 { margin:0; }

.fieldset-title { display:flex; justify-content: space-between; align-items: center; }
.fieldset-title:after {
	content: '';
    width: 1rem;
    height: 1rem;
    background: url(assets/img/chevron-down.svg) center no-repeat;
}
fieldset:not(.expanded) .fieldset-title:after { transform:rotate(-90deg); }
body:not(.rtl) fieldset:not(.expanded) .fieldset-title:after { transform:rotate(90deg); }


fieldset.fieldset-submit { display:flex; gap:20px; justify-content: space-between; padding:20px 26px; }

.fieldset-one-line { display:flex; flex-wrap:wrap; justify-content: space-between; }
.fieldset-one-line .fieldset-title:after { display:none; }

.fieldset-items-grid-5 .on-off-label-array { display: grid; grid-template-columns: repeat(5, 1fr); }
.fieldset-items-grid-5 .on-off-label {
	word-break: break-word;
    padding: 10px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3em;
}
.button.button-gray3.button-reset {
	background: var(--white) url(assets/img/button-refresh.svg) center no-repeat;
	border:1px solid var(--gray2);
	aspect-ratio: 1;
}

.grid-catalog-rails-results { background:var(--white); border-radius: 20px; overflow:auto; }
.grid-catalog-rails-results table { border:none; margin:0; padding:0; width:100%; border-collapse:collapse; }
.grid-catalog-rails-results thead tr { background:var(--yellow); }
.grid-catalog-rails-results thead th { text-align:center; height:50px; align-content: center; padding:0 20px; font-size:20px; font-weight: 700;
	line-height: 1; white-space:nowrap;
}
.grid-catalog-rails-results tr.safety-rails > td { border:1px solid var(--gray2); padding:30px 20px; font-size:20px; font-weight:500; line-height: 1; }
.grid-catalog-rails-results tr.safety-rails > td:first-child { border-inline-start: none; }
.grid-catalog-rails-results tr.safety-rails > td:last-child { border-inline-end: none; }

.rails-td-manufacturer img { 
	display: block;
    max-width: 100px;
    margin: 0 auto;
    max-height: 30px;
    width: auto;
    height: auto;
}

.rails-td-first .inner { display: flex; gap: 0.5em; align-items: center; }
.expand-indicator { width: 20px; height: 20px; display:flex; align-items:center; justify-content:center; transform: rotate(90deg); }
body:not(.rtl) .expand-indicator { transform: rotate(-90deg); }

tr.rails-expand-trigger:is(.expanded,:hover) .expand-indicator svg path { stroke:var(--yellow); }

tr.rails-expand-trigger.expanded .expand-indicator { transform: rotate(0deg) !important; }

.rails-td-first ul { display:flex; gap:0.5rem; flex-wrap:wrap; list-style: none; margin:0; padding:0; direction: ltr; }
.rails-td-first li { background: var(--gray3);
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.05;
    padding: 10px 19px;
}
.rails-td-first li.catalog-rails-breaks { background: var(--gray); color: var(--white); }

.on-off-label-array { display:flex; flex-wrap:wrap; gap:10px; }
.on-off-label { background:var(--gray3); border-radius: 4px; font-size:18px; font-weight: 500; line-height: 1.05; padding:10px 19px; display:block;
	border: 2px solid transparent;
}
.on-off-label:hover { border: 2px solid #454D6255; }
.on-off-label.on { background:var(--black); color:var(--white); }
.on-off-label input[type="checkbox"] { display: none; }


.type-safety-rails { cursor: pointer; }
.type-safety-rails .rails-title { transform-origin: 100% 50%; }
body:not(.rtl) .type-safety-rails .rails-title { transform-origin: 0% 50%; }
.type-safety-rails:hover .rails-title { color:var(--yellow); }
.type-safety-rails.expanded .rails-title { color:var(--yellow); transform: scale(1.12); }
.rails-grid { margin: 0 !important; padding: 30px 30px 50px; display:grid; grid-template-columns: max-content auto; gap:30px; }
a.download-link { display:flex; align-items:center; gap:20px; text-decoration: none !important; }
a.download-link:after { content:''; width:20px; height: 20px; background:url(assets/img/icon-download.svg) center no-repeat; }

.rails-grid-image { max-width: 300px; }
.rails-grid-image img { height: auto; display: block; }

/* designed signs: */
.sections-container { display: grid; }
.section-item { --hilite-color: var(--blue); overflow: hidden; padding-bottom: 10px; }
.section-item .inner { align-items: center; }
.section-item:not(:first-child) { padding-top:198px; background:url(assets/img/designed-signs-bg.svg) 50% 0/100% auto no-repeat; }
.section-item:not(:first-child):nth-child(odd) { background-image:url(assets/img/designed-signs-bg-flipped.svg?v=1); }
/*.section-item-images:not(.slick-slider),
.section-item-images .slick-list { border-radius: 40px; }*/
.section-item-images img { display:block; border-radius: 40px; margin:0 10px; }

.section-designed-signs-brands h2 { margin: 90px 0 30px; }
.designed-signs-brands > div {
	aspect-ratio: 2;
	padding:7%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fffc;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 4px #0002;
    margin: 0 5px;
}
.designed-signs-brands img { display:block; max-width: 100%; max-height: 100%; width:auto; height:auto; }

.section-item .section-item-images.slick-slider { direction:rtl; margin-inline-start: calc(-1 * var(--wrapper-margin)); }
.section-item .section-item-images .slick-list:after { content:''; position:absolute; inset-inline-start: 0; top:0; bottom:0; width:100px;
	background:linear-gradient(to right, transparent, var(--gray3)); }
body.rtl .section-item:nth-child(odd) .section-item-images.slick-slider,
body:not(.rtl) .section-item:nth-child(even) .section-item-images.slick-slider { direction:ltr; }
body.rtl .section-item:nth-child(odd) .section-item-images .slick-list:after,
body:not(.rtl) .section-item:nth-child(even) .section-item-images .slick-list:after {
	background:linear-gradient(to left, transparent, var(--gray3));
}

body.rtl .section-item button.slick-prev,
body:not(.rtl) .section-item button.slick-next { right: 5%; }
body.rtl .section-item button.slick-next,
body:not(.rtl) .section-item button.slick-prev { left: 5%; }

@media ( max-width:782px ) {
	.sections-container.designed-signs-sections-container { padding:0; }
}

.my-youtube-loader {position:relative; cursor:pointer;}
.my-youtube-loader:not(.clicked):after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url(assets/img/play.svg) 50% 50% no-repeat; background-size:min(max(70px,16%),140px) auto; }
.my-youtube-loader iframe {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:none;}

/*.entry-meta { display: flex; flex-wrap: wrap; margin: 0.5rem 0; }
.entry-meta > *:not(:first-child):before { content:'|'; margin:0 0.3rem; }*/

/* social: */
ul.social { list-style:none; margin:0; padding:0; display: flex; gap:8px; align-items: center; margin:0; padding:0; }


/* site footer */

.site-footer { background: var(--blue); color:var(--white); padding:35px 0 20px 0; font-size:18px; margin-top: 60px;
    position: relative;
    z-index: 10;
}

.site-footer-2 {
    display: flex;
    justify-content: space-between;
    gap: 42px;
    margin-top:106px;
}
.site-footer-2-main { flex-grow: 1; }
.site-footer-2-main-1 { border-bottom: 1px solid var(--gray); padding:0 0 0.5rem; margin:0 0 0.5rem;
	display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    align-items: center;
}
.site-footer-2-side { flex-shrink: 0; }

.footer-contact-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
	gap:3px 12px;
}
.site-footer .home-link { flex-shrink: 0; transform: translateY(-10%); }

a.footer-contact-item { display: flex; align-items: center; gap: 0.6rem; text-decoration:none; color:var(--gray4);
    font-size: 20px; line-height: 1.1; }
a.footer-contact-item img { width:32px; height:32px; }

.site-footer-2-main-2 { justify-content: flex-end; }
.site-footer .credits { text-align: end; color: var(--gray4); font-size: 20px; line-height: 1.1; }

/*@media ( max-width:782px ) {
	.site-footer .inner { flex-direction: column-reverse; }
	.section-home-social-top { display:grid; text-align: center; gap: 0.5rem; margin: 1rem 0; }
	.home-social { padding:16px; }
}*/

/*.section-social ul.social img,
.site-footer ul.social img { filter: invert(1); }*/

nav ul { list-style: none; padding:0; margin:0; }

.footer-menu a { color:inherit; display:block; text-decoration:none; }

@media ( min-width:783px ) {

	ul.footer-menu {
		list-style:none;
		padding:0;
		display:flex;
		flex-wrap:wrap;
		gap: 1.4em 1.5rem;
		margin: 0;
		justify-content: space-between;
		--hilite-color: var(--white);
	}

	ul.footer-menu > li { }
	ul.footer-menu > li > a {
		font-size:20px;
		color: var(--hilite-color);
		font-weight: 700;
		margin: 0 0 9px;
	}
	ul.footer-menu ul { display: grid; gap: 0.6rem; }
		
	/*ul.footer-menu:not(:has(li:nth-child(2))) li:before { display:none; }*/

	ul.footer-menu ul > li { font-size: 18px; /*font-weight: 500;*/ max-width: 9em; line-height: 1.2; }

	ul.footer-menu .sub-menu a { display: flex; align-items: center; line-height: 1; color:#fffd; }
	ul.footer-menu .sub-menu a { transform:translateX(24px); }
	body:not(.rtl) ul.footer-menu .sub-menu a { transform:translateX(-24px); }

	ul.footer-menu .sub-menu a:hover { color:#fff; transform:none !important; }
	ul.footer-menu a svg.arrow_svg_sm path { opacity:0 !important; fill: var(--hilite-color); }
	ul.footer-menu a svg { box-sizing: content-box; width: 14px; padding-left: 10px; flex-shrink: 0; }

	ul.footer-menu a:hover svg.arrow_svg_sm { width:14px; padding-left: 10px; }
	ul.footer-menu a:hover svg.arrow_svg_sm path { opacity:1 !important; }
}

@media ( max-width:782px ) {
	.site-footer-2-side {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 10px;
	}
	.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
	.footer-links a { font-size:16px; color:var(--gray4) !important; }

	ul.footer-menu > li:before { margin:0 10px; }
	.site-footer ul.social img { max-width:24px; max-height: 24px; width:auto; height:auto; }

	ul.footer-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 10px; color:var(--gray2);
		--hilite-color:var(--gray2);
	}
	ul.footer-menu a { color: var(--hilite-color); }
	/*ul.footer-menu li.menu-item-populated > .sub-menu { display:none; }*/
	/*ul.footer-menu > li:after { content:''; display:block; max-width:100%; margin-inline-end:30px; border-top:1px solid var(--gray); }*/

	ul.footer-menu > li.menu-item-has-children { grid-column: span 2; }
	.footer-menu > li.menu-item-has-children > a { display: flex; align-items: center; gap:6px; }
	.footer-menu > li.menu-item-has-children > a span { transform: translateY(0.05em); }
	ul.footer-menu li.focus > a { color: white; --hilite-color: white; }
	.footer-menu svg.arrow_expand_svg path { stroke:var(--hilite-color); }
	body.rtl .footer-menu > li.menu-item-has-children.focus > a svg { transform: translateY(0.05em); }
	body.rtl .footer-menu > li.menu-item-has-children:not(.focus) > a svg { transform:rotate(90deg); }
	body:not(.rtl) .footer-menu > li.menu-item-has-children:not(.focus) > a svg { transform:rotate(-90deg); }
	ul.footer-menu ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 10px 0 20px; font-size: 20px; }
	
	.site-footer .home-link { display:none; }
	.site-footer-2 { gap: 22px; margin-top: 2rem; }
	.footer-contact-container { display: grid; grid-template-columns: auto auto; white-space: nowrap; gap: 10px 20px;
		margin:20px 0 0;
	}
	a.footer-contact-item { font-size:16px; }
	a.footer-contact-item:first-child { order: 10; grid-column: span 2; }
	.site-footer  .credits { font-size: 15px; text-align: center; }

	.site-footer-2-main-1 { border: none; padding: 0; margin:0; }
	.site-footer-2 { display: grid; border-bottom: 1px solid var(--gray); padding: 1rem 0 1.2rem;  margin: 0 0 0.8rem; }

	.site-footer-2-side img { width: 76px; height: auto; display: block; }

	.site-footer { margin-top: calc(20vw + 50px); padding-top: 0; }
	.site-footer > .wrapper { margin-top: -6vw; }
	.site-footer-top-svg { position: absolute; left: 0; bottom:99.5%; width: 100%; height: auto; }
	.site-footer-top-svg path { fill: var(--blue); }
}

/* stylized scrollbars: */
.my-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.my-scrollbar::-webkit-scrollbar-button { background: var(--gray); display:none; }
.my-scrollbar::-webkit-scrollbar-track-piece { border:1px solid var(--gray); background: none; border-radius: 6px; }
.my-scrollbar::-webkit-scrollbar-thumb { background:var(--gray); border-radius: 6px; }

/* slider: */

.slider { margin: 0 0 2rem; }

/* expandable (read more): */
.expandable .expandable-content { width: 100% !important; display:none; margin:1em 0 0; }
.expand-trigger { cursor:pointer; }
.expandable .read-more,
.expandable .read-less { cursor:pointer; color:var(--primary); display:flex; gap:0.4em; align-items:center; width:fit-content; font-size:16px;
    margin: 1em 0; font-weight: 700; }
.expandable .read-more:before,
.expandable .read-less:before { content:''; width:1em; height:1em; background:url(assets/img/arr-down.svg) center no-repeat; }
.expandable .read-less:before { transform:rotate(180deg); }
.expandable.expanded > .read-more { display:none; }
.expandable:not(.expanded) > .read-less { display:none; }

/* wpcf7: */
body.rtl input[type="tel"],
body.rtl input[type="email"],
body.rtl input[type="url"] { text-align:right; direction:ltr; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 0s 600000s, color 0s 600000s !important;
}

.wpcf7 p[data-field="submit"] input,
form label[data-field="submit"] input { border:none; background:none; font:inherit; color:inherit; cursor: pointer; }

span.wpcf7-list-item label { display: flex; align-items: flex-start; gap: 10px; }
@media(max-width:782px) {
	.wpcf7 p { font-size: 16px; }
	span.wpcf7-list-item label { font-size: 16px; line-height: 1.3em; }
}

.wpcf7-form-control-wrap { display:block; }
/*.wpcf7-form span.label.required:after { content:'*'; color:var(--red); }
.wpcf7-form p:not(.checkboxes) label:is(.my-not-empty,:focus-within,:focus,:focus-visible) span.label {
	font-size:12px;
	top:0;
	transform:none;
}
.wpcf7-form p:not(.checkboxes) label:is(:focus-within,:focus,:focus-visible) {
	background:	#f2f3f1;
	/*border-bottom: 1px solid #4D6A4F;* /
}
.wpcf7-form p:not(.checkboxes) label:is(:focus-within,:focus,:focus-visible):after {
	content: '';
	border-bottom: 1px solid #4D6A4F;
	position:absolute;
	bottom:0;
	left:3px;
	right:3px;
}*/

.wpcf7 p { /*margin:0;*/ }
.wpcf7 label { font-size: 20px; font-weight: 500; line-height: 1em; }
:is(.wpcf7-checkbox,.wpcf7-acceptance) label { font-weight: 400; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
	width: 100%;
    display: block;
    padding: 0.4rem 0.9rem;
    border-radius: 10px;
    color: var(--primary);
    height: 50px;
    font-family: inherit;
    font-size: 20px;
    font-weight: 500;
    border: 2px solid var(--gray2);
}
.wpcf7 textarea { height:auto; }

.wpcf7 span.wpcf7-form-control.wpcf7-checkbox { display: grid; gap: 0.3rem; }
.wpcf7 input[type="checkbox"] {
	/*appearance: none;*/
    width: 20px;
    height: 20px;
    border: 1px solid var(--primary);
    flex-shrink: 0;
    border-radius: 4px;
	margin: 0.1em 0 0;
}

.wpcf7-list-item { margin:0; font-size: 16px; }

.wpcf7 p { }

.wpcf7-spinner { position:absolute; }

body .fieldset-cf7mls-wrapper .wpcf7-not-valid-tip,
.wpcf7-not-valid-tip { font-size: 16px; line-height: 1; margin: 0.3rem 0; text-align: start; }
@media (min-width:783px) {
	.wpcf7-not-valid-tip { white-space: nowrap; }
}
/*p[data-field="consent"] span.wpcf7-not-valid-tip { margin-inline-start: 30px; }*/

body .wpcf7 form .wpcf7-response-output { margin:0; padding:0; border:none; font-size:20px; font-weight: 500; }

/*.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	display:none !important;
}*/
.wpcf7 form.sent .wpcf7-response-output {
	display:none !important; /* <= added redirects to all forms in the site */
	margin: 0.7rem 0 1rem;
	padding: 0;
	border: none;
	font-size: 1rem;
	text-align: center;
	color: var(--primary);
    font-size: 22px;
    font-weight: 700;
}

::-webkit-input-placeholder { color:var(--gray); font-style:inherit; font-weight:inherit; }
:-moz-placeholder { color:var(--gray); opacity:1; font-style:inherit; font-weight:inherit; }
::-moz-placeholder { color:var(--gray); opacity:1; font-style:inherit; font-weight:inherit; }
:-ms-input-placeholder { color:var(--gray); font-style:inherit; font-weight:inherit; }

.left { float:left; }
.right { float:right; }
.small { font-size:12px; }
.normal-line-height { line-height:normal!important; }
.line-height-wide { line-height:1.5; }
.word-wrap { white-space:normal; }
.pre-line { white-space: pre-line; }
.capitalize { text-transform:capitalize; }

.user-content ul { padding-inline-start: 1rem; }

/* single topic: */

.topic-main-content { margin:2rem 0 3rem; }

aside.topic-nav-container { position: absolute; top: 0; height: 100%; }
nav.topic-nav {
	position: sticky;
	/*top: calc(var(--site-header-height) + var(--admin-bar-height));*/
	top: calc(50% - var(--height) / 2 );
	margin-inline-start: 20px;
	width: 145px; /*125px;*/
	z-index:10;
}
.topic-nav li { color:var(--gray4); font-size: 18px; font-weight: 500; line-height: 1; position:relative; }
.topic-nav li a { position: relative; padding: 10px 0; padding-inline-start: 30px; z-index: 1;
	min-height: 60px; display: flex; align-items: center;
}
.topic-nav > ul > li:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 1px solid var(--hilite-color);
    inset-inline-start: 6px;
    top: 50%;
}
.topic-nav > ul > li:last-child:before { top: auto; bottom:50%; }
.topic-nav > ul > li:last-child:first-child:before { display:none; }


.topic-nav > ul > li > a:after {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    width: 12px;
    height: 12px;
    background: var(--white);
    border: 1px solid var(--hilite-color);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.topic-nav li a span { transform-origin: 0%; }
body.rtl .topic-nav li a span { transform-origin: 100%; }
.topic-nav li.current > a span,
.topic-nav li:hover > a span { /*font-size: 20px;*/ color: var(--blue); transform: scale(1.1); }
.topic-nav > ul > li.current > a:after,
.topic-nav > ul > li > a:hover:after { background: var(--hilite-color); }

.topic-container { display: grid; gap: 80px; }

.section-item .inner,
.topic-item { display: grid; /*grid-template-columns: 700fr 698fr; gap:46px;*/
	color:var(--blue);
    margin-top: -40px;
    padding-top: 40px;
	outline: none;
    align-items: center;
	grid-template-columns: auto calc(100% * 680 / 1420); /* calc(100% * 700 / 1420);*/
    gap: 4.5%; /*3.4%;*/
}

.underline-hilite-color,
h2.underline-hilite-color,
.section-item-content h2,
.topic-item-content h2 { margin:0 0 1rem; border-bottom:2px solid var(--hilite-color); width:fit-content; padding-bottom: 0.4rem; }
.section-item-images { align-self: center; position: relative; overflow: hidden; }
.topic-item-images { /*align-self: flex-start;*/ position: relative; overflow: hidden; }
/*.section-item-images.slick-slider,*/
.topic-item-images.slick-slider {
    margin: 0 -30px;
    padding: 0 30px;
}
@media (min-width:783px) {
	.topic-item-images:not(.slick-slider),
	.topic-item-images .slick-list {
		mask-image:url(assets/img/page-texts-mask-right.svg?v=4);
		mask-size: 100% auto;
		mask-position: 50% 0;
		mask-repeat: no-repeat;
	}
}
@media (max-width:782px) {
	.section-item-content h2,
	.topic-item-content h2 { margin: 0 auto 1rem; }
	.section-item-images.slick-slider,
	.topic-item-images.slick-slider {
		margin:0;
		padding:0;
	}
}
.topic-item-images:not(.slick-slider):after,
.topic-item-images .slick-list:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--hilite-gradient-overlay);
    pointer-events: none;
	opacity: 0.7;
}
body.rtl .topic-item:nth-child(odd),
body:not(.rtl) .topic-item:nth-child(even) { --hilite-gradient-overlay: linear-gradient(135deg, var(--hilite-color), transparent 50%); }
body.rtl .topic-item:nth-child(even),
body:not(.rtl) .topic-item:nth-child(odd) { --hilite-gradient-overlay: linear-gradient(225deg, var(--hilite-color), transparent 50%);}

.section-item-images img,
.topic-item-images img { display:block; aspect-ratio: 675 / 500; object-fit: cover; width: 100%; height: auto; }

.section-item-links-container,
.topic-item-links-container { margin: 2rem 0 0.5rem; display: flex; gap:20px 20px; flex-direction: column; align-items: flex-start; }
.section-item-links,
.topic-item-links { display: flex; gap: 20px 20px; flex-wrap: wrap; }
.section-item-links a.button,
.topic-item-links a.button { --hilite-color: var(--white); }
.section-item-links > *,
.topic-item-links > * { display: flex; align-items: center; white-space: nowrap; padding:0.5em 10px 0.4em;
	border-radius:10px; background:var(--white); text-decoration: none !important; font-weight: 500; font-size: 20px;
}
.section-item-links > *.link-textual,
.topic-item-links > *.link-textual { background:none; padding:0; text-decoration: underline !important; }
.topic-item-links a.button,
.topic-item-links a.button:visited { padding:0.5em 20px 0.4em; }

.section-item-links > *.link-textual:not(:first-child):before,
.topic-item-links > *.link-textual:not(:first-child):before {
    content: '|';
    margin-inline-end: 20px;
}

.section-item-links > *,
.topic-item-links > *.hilite { background:var(--blue); color:var(--white); }
.section-item-links-container a.button-arrow,
.topic-item-links-container a.button-arrow,
.topic-section-links a.button-arrow { --hilite-color:inherit; }

.button-arrow:hover svg path:first-child { transform: translateX(-20%); }
svg.arrow_svg path { stroke: var(--hilite-color); }

.section-item:nth-child(odd) .inner,
.topic-item:nth-child(even) { grid-template-columns: 673fr 700fr; }
@media (min-width:783px) {
	.section-item:nth-child(odd) .section-item-content,
	.topic-item:nth-child(even) .topic-item-content { grid-area: 1 / 1; }
	.topic-item:nth-child(even) .topic-item-images:not(.slick-slider),
	.topic-item:nth-child(even) .topic-item-images .slick-list { mask-image:url(assets/img/page-texts-mask.svg); }

	body.rtl .topic-item:nth-child(even) button.slick-prev,
	body:not(.rtl) .topic-item:nth-child(even) button.slick-prev { right: calc(3% + 10px); }
	body.rtl .topic-item:nth-child(odd) button.slick-next,
	body:not(.rtl) .topic-item:nth-child(odd) button.slick-next { left: calc(3% + 10px); }
}


.topic-sections-container { display: grid; /*gap: 80px;*/ margin:-30px 0 -50px; }
.topic-section { padding:30px 0 50px; }

.topic-section { display: grid; grid-template-columns: 700fr 673fr; gap:46px; color:var(--blue); outline:none; align-items: center; }
.topic-section-content h2 { margin:0 0 1rem; border-bottom:2px solid var(--hilite-color); width:fit-content; padding-bottom: 0.4rem; }
.topic-section-images { position: relative; overflow: hidden; }
.topic-section-images.slick-slider { margin: 0 -30px; padding: 0 30px; }
.topic-section-images:not(.slick-slider),
.topic-section-images .slick-list { border-radius: 40px; overflow: hidden; }
.topic-section-images img { display:block; aspect-ratio: 675 / 500; object-fit: cover; width: 100%; height: auto; }

.topic-section-links-container { margin: 2rem 0 0.5rem; display: flex; gap: 1rem 1rem; flex-wrap: wrap; }
.topic-section-links { display: flex; gap: 1rem 1rem; flex-wrap: wrap; }
.topic-section-links > * { display: block; white-space: nowrap; padding:0.6em 1.3em; border-radius: 3em; background:#ddd; text-decoration: none !important; --hilite-color:inherit !important; }
.topic-section-links > *.hilite { background:var(--blue); color:var(--white); }

.topic-section:nth-child(even) { grid-template-columns: 673fr 700fr; }
@media (min-width:783px) {
	.topic-section:nth-child(even) .topic-section-content { grid-area: 1 / 1; }

	:is(.topic-section-content, .topic-item-content) .user-content p { text-align: start !important; }
}
@media (max-width:782px) {
	:is(.topic-section-content, .topic-item-content) .user-content p { text-align: center !important; }

	.topic-section-links-container { justify-content: center; }
	.topic-section-images:not(.slick-slider),
	.topic-section-images .slick-list { border-radius: 20px; }
	.topic-section-content h2 { margin-inline: auto; }
	.section-item-links-container,
	.topic-item-links-container { justify-content: center; }	
	.topic-container { display: grid; gap: 50px; margin: 90px 0; }
	.topic-section { grid-template-columns: auto !important; }
	.topic-item-links { gap:10px; justify-content: center; align-self: center; }
	.section-item-links > *.link-textual:not(:first-child):before,
	.topic-item-links > *.link-textual:not(:first-child):before { margin-inline-end: 10px; }
	.section-item-links-container a.button,
	.topic-item-links-container a.button { width:fit-content; }

	:is(.topic-item-links,.topic-item-links) a.button-arrow { margin-block: 0.3rem; }
}

.next-project-footer { margin:70px 0 0; }
.next-project-footer .user-content { margin: 24px 0 22px; }

@media (max-width:782px) {
	.sections-page-cols { display: block; }
	.sections-page-cols-1 { display: none; }
	.sections-container { padding:0 1rem; }
	.sections-container .text-item .user-content { margin-inline-start:0.5rem; }


	.section-item .inner,
	.topic-item { grid-template-columns: auto !important; gap: 10px; text-align: center; }
}


.popup-container:before,
.popup,
.article-navigation a,
.article-pages-nav,
.homepage-button,
#navbar,
button,
.button,
input[type="submit"],
.button-pop,
.framed-button img,
.button-expand,
.cyan-icon,
.bullet-expand,
.event-archive-date .date,
.image-container,
.icon-container .inner,
.image-container img,
.icon-container img,
.shop-card,
.filters-form,
.filter-section .filter-header:after,
.child-terms-links > a,
.child-terms-links > a img,
.child-terms-links > a div,
ul.distributors-list li,
ul.distributors-list li a:before,
.bottom-yellow-line.bottom-yellow-line-2.with-arrow:after,
span.label,
.home-button,
.faq-item,
svg.arrow_svg_sm path,
svg.arrow_svg path,
.topic-nav li,
.topic-nav li a span,
input.search-field,
.nav-menu a,
.term-nav a,
.post-item-image img,
ul.footer-menu .sub-menu a,
ul.footer-menu .sub-menu a > span,
svg.arrow_left_svg path,
.nav-menu .sub-menu a span,
.wpcf7 p[data-field="submit"] label,
form label[data-field="submit"],
.section-title:after,
a.button-back:after,
.on-off-label,
.expand-indicator,
.expand-indicator svg path,
.type-safety-rails .rails-title,
.fieldset-title:after,
ul.catalog-nav-items li a,
.button-rect-white,
.catalog-gallery-midsize .slick-slide:after,
.play-pause-button > *,
.footer-menu svg.arrow_expand_svg,
.dropdown .dropdown-button:after,
.easing,
.easing-200ms { -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; }

.bottom-yellow-line .bg,
.easing-fast { -webkit-transition:all .15s ease-out; -moz-transition:all .15s ease-out; -o-transition:all .15s ease-out; transition:all .15s ease-out; }

.home-kaveret-item-link,
.home-kaveret-item-overlay,
ul.home-kaveret-item-topics,
.easing-500ms { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; }

.easing-1s { -webkit-transition:all 1s ease-out; -moz-transition:all 1s ease-out; -o-transition:all 1s ease-out; transition:all 1s ease-out; }


.clear-fix,
.clearfix { clear:both; }
.clear:after { content:''; display:table; clear:both; }
.left { float:left; }
.right { float:right; }
.underline { text-decoration:underline; }
.side { text-align:start; }
.center { text-align:center; }
.justify { text-align:justify; }
.justify.center { text-align:justify; text-align-last:center; }
.italic { font-style:italic; }
.lighter { font-weight:lighter; }
.normal { font-weight:400 !important; }
.medium { font-weight: 500 !important; }
.bold { font-weight:700 !important; }
p { margin:0 0 1em; }
img { max-width: 100%; }
form { margin:0; }
img.aligncenter { display:block; margin-right:auto; margin-left:auto; }
.extra-bold { font-weight:900; }
.no-underline,
.no-underline:hover { text-decoration:none; color:inherit!important; font-weight:inherit!important; }
.underline-on-hover { text-decoration:none !important; color:inherit !important; font-weight:inherit !important; }
.underline-on-hover:hover { text-decoration:underline !important; }

.no-margin { margin:0 !important; }
.no-margin-top,
.no-margin-top *:first-child { margin-top:0; }
.no-margin-bottom,
.no-margin-bottom *:last-child { margin-bottom:0; }
.mt-0 { margin-top:0; }
.mb-0 { margin-bottom:0; }

/*.widget a:hover,
a:hover,
a:visited,*/
.widget a,
a { color:inherit; }
a:hover { text-decoration:none; }
.dashicons { width:auto; height:auto; font-size:inherit; line-height:inherit; text-decoration:inherit; }

@media (max-width:782px) {
	.side-on-mobile,
	.center.side-on-mobile { text-align: start; }
}

.popup-container {
	position:fixed;
	top:var(--admin-bar-height);
	left:0;
	width:100%;
	height:calc(100% - var(--admin-bar-height));
	visibility:hidden;
	z-index:1000;
	display:flex;
    align-items: center;
    justify-content: center;
}
.popup-container:before { content:''; position: absolute; top:0; left:0; width:100%; height:100%; background: transparent; }
.popup-container.visible:before { background: #000a; }
.popup-container.visible {
	visibility:visible;
}
.popup-container.visible .popup {
	display:flex;
	opacity:1;
}
.popup-container.popup-side {
	justify-content: flex-start;
	align-items: stretch;
}
.popup-container.popup-side .popup {
	max-height: none;
	opacity: 1;
	transform: translateX(100%);
}
body:not(.rtl) .popup-container.popup-side:not(.visible) .popup {
	transform: translateX(-100%);
}
.popup-container.popup-side.visible .popup {
	transform: translateX(0);
}
.popup {
	display:flex;
	position: relative;
	opacity:0;
	background:url(assets/img/bg.png) center/cover;
	color:var(--black);
	width:600px;
	max-width: 90%;
	max-height:calc(100% - 2rem);
}
.popup-nav .popup { width:440px; }
.popup > .inner { width: 100%; align-items: stretch; display: grid; overflow:auto; padding:84px 64px; }

.popup .user-content h2,
h2.popup-title { margin:0 0 1rem; font-size:34px; font-weight: 700; color:var(--primary); }

/*.popup-video { background:#fff;padding:30px; }
.popup-video .content { position:relative;height:400px; }
.popup-video iframe { width:100%;height:100%;border:none; }*/
.popup-hide {
	z-index: 100;
	position:absolute;
	top:14px;
	left:14px;
	width:48px;
	height:48px;
	background:url(assets/img/popup-x.svg) center no-repeat;
	cursor:pointer;
}
body:not(.rtl) .popup-hide {
	left:auto; right:14px;	
}

@media (max-width:782px) {
	.popup { max-width: none; width:100%; margin-top: 40px; }
	.popup > .inner { padding:24px 24px; }
	.popup-nav .popup { width:90%; margin-top:0; }

	.popup-container:not(.popup-nav) .popup-hide {
		top: -43px;
		left: 50% !important;
		transform: translateX(-50%);
		filter: invert(1);
	}
}



/* default page: */
.page-template-default .entry-content { color: #000d; }




/* 404: */
.error404 .site-main { padding-top:4rem; }

/* slick slider: */
.slick-slider.slick-flex .slick-track { display:flex; }
.slick-slider.slick-flex .slick-track:before,
.slick-slider.slick-flex .slick-track:after { display:none; }
.slick-slider.slick-flex .slick-slide { height:auto; }

.slick-slider, .slick-slider * { outline:none; }

.slick-slider.slick-flex .slick-track { display:flex; align-items: stretch; }

button { cursor: pointer; }
button.slick-arrow {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:0;
	overflow:hidden;
	border: none;
	width:40px;
	height:40px;
	padding:0;
	background:var(--white);
	border-radius: 50%;
	z-index:1;
	border: 2px solid var(--white);
}
.slick-slider:not(.slick-simple-buttons) button.slick-arrow:hover {
	transform: translateY(-50%) scale(1.2);
	background-color: var(--blue);
	border-color:var(--gray3);
}
button.slick-arrow:after {
	content:''; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url(assets/img/_arrow-right.svg) center no-repeat;
}
.slick-slider:not(.slick-simple-buttons) button.slick-arrow:hover:after {
	filter:saturate(0) brightness(30);
}

body.rtl button.slick-prev,
body:not(.rtl) button.slick-next { right: 10px; }
body.rtl button.slick-next,
body:not(.rtl) button.slick-prev { left:10px; }
body.rtl button.slick-next:after,
body:not(.rtl) button.slick-prev:after { background-image:url(assets/img/_arrow-left.svg); }

button.slick-arrow.slick-disabled { opacity: 0.25; cursor: auto; }

.item.slick-slide iframe { width: 100%; height: 100%; display: block; }


ul.slick-dots { display: flex; gap:4px; list-style:none; padding:0; /*padding:0 0 calc((48px - 8px)/2);*/ margin:1rem auto; justify-content:flex-start; flex-wrap:wrap; }
ul.slick-dots li button { width:5px; height:5px; background:var(--gray4); padding:0; min-height:0; font-size:0; overflow:hidden; color:transparent; border-radius:5rem; border:none; display:block; }
ul.slick-dots li.slick-active button { background: var(--yellow); /*width: 40px;*/ }

@media (max-width:782px) {

	body:not(.home) .slick-slider { margin: 0 -20px !important; padding: 0 20px !important; position: relative; }
	body:not(.home).rtl button.slick-next,
	body:not(.home):not(.rtl) button.slick-prev { left: 5px; }
	body:not(.home).rtl button.slick-prev,
	body:not(.home):not(.rtl) button.slick-next { right: 5px; }

	button.slick-arrow { border:3px solid var(--gray3); width:40px; height:40px; border-radius: 10px; }
	button.slick-arrow:after { background-size: 12px; }

	ul.slick-dots { justify-content: center; }
	.slick-dotted button.slick-arrow { top: calc(50% - 20px); }
}

@media (min-width:783px) {
	.mobile-only { display:none !important; }
}
@media (max-width:782px) {

	.section-book-2 .user-content p,
	.mobile-color-black { color:var(--black); }

	.desktop-only { display:none !important; }

	.wrapper .wrapper,
	.wrapper-small { width:100%; }
	
	html { font-size:17px; overflow-x: hidden; }
	body { overflow-x: hidden; }
	
	.wrapper { width: calc(100% - var(--wrapper-margin) * 2); }

	.unwrap,
	.unwrap-mobile { width: calc(100% + var(--wrapper-margin) * 2); margin-left:calc(-1 * var(--wrapper-margin)); margin-right:calc(-1 * var(--wrapper-margin)); }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	section { position: relative; }
	
	/* mobile nav menu: */
	#navbar {
		padding:0;
		position:fixed;
		width:220px;
		max-width:90vw;
		top:calc(var(--admin-bar-height) + var(--site-header-height));
		right: 0;
		color:var(--blue);
		bottom: -30px;
        padding-bottom: 80px;
		overflow: auto;
		z-index:100;
		margin: 0;
		background:var(--white);
		/*box-shadow:4px 4px 1rem #0006;*/
		transform:translateX(100%);
	}
	body.mobile-menu-open #navbar { transform:none; }

	body.mobile-menu-open .mobile-toggle-open,
	body:not(.mobile-menu-open) .mobile-toggle-close { display:none; }

	#navbar .wrapper { width:auto; }
	#site-navigation { display:block; margin:0; padding:0; min-height:80vh; }
	
	div.nav-menu > ul, ul.nav-menu { display:grid; gap:0; }
	.nav-menu > li { display:block; }
	.nav-menu > li:after { display:none; }
	.nav-menu ul li { text-align: start; }

	.menu-toggle-open { position: absolute; top: -5px; line-height: 1; }
	.menu-toggle-open:after { font-family:dashicons; content: "\f333"; font-size: 40px; padding: 0 !important; line-height: 1; }
	.menu-toggle-close { background: none; display: flex; align-items: center; justify-content: center; }
	.menu-toggle-close:after { content:"\f335";font-family:dashicons;font-size:30px; }

	.mobile-site-navigation-top { border-bottom:1px solid; display: flex; gap: 16px; flex-direction: row-reverse; justify-content: flex-end; align-items: center; padding: 24px var(--wrapper-margin); }

	#primary-menu { display:grid; grid-template-columns:1fr; }
	#primary-menu li { position:relative; text-align: start; font-size:1rem; }
	#primary-menu a:hover { font-weight:inherit; background:none !important; }

	#primary-menu .sub-menu { margin:0 18px 7px; }
	#primary-menu .sub-menu li { font-size:0.95rem; }

	#primary-menu li > a { display:flex; align-items:center; justify-content:space-between; }
	#primary-menu li.menu-item-has-children > a:after { content:''; width:24px; height:24px; border-radius:50%; border:1px solid var(--color-blue); box-shadow:0px 0px 10px rgba(28, 20, 88, 0.16); background:url(images/nav-plus.svg) 50% 50%/60% auto no-repeat; }
	#primary-menu li.menu-item-has-children.my-focus > a:after { background-image:url(images/nav-minus.svg); }
	
	.nav-menu li a { text-decoration:none; display: flex; align-items: center; justify-content: space-between; padding:0.6em 40px;
		width: auto !important;
	}
	.nav-menu > li > a {
		border-bottom:1px solid var(--gray3);		
	}
	/*.sub-menu li a { text-decoration:none; display:block; }*/
	.nav-menu li.menu-item-has-children > a .menu-item-expand:after,
	.nav-menu li:has(ul) > a .menu-item-expand  { width:11px; height:11px; display:block; background:url("images/arrow-down.svg") 50% 50%/contain no-repeat; }
	
	.nav-menu li.my-focus > a .menu-item-expand { transform:rotate(180deg); }

	.nav-menu .children,
	.nav-menu .sub-menu { width:auto !important; transform:none; padding:0; position:relative; left:auto; height:auto; width:auto; overflow:visible; clip:auto; z-index: 10; top:auto; border: none; margin: 0.5em 0 0.7em; }
	.nav-menu li > ul { display:none; } /* :not(.focus) */

	.nav-menu > li.my-focus > a { font-weight:bold !important; }
	
}

@media (max-width: 600px) {
	#wpadminbar { position: fixed; }
}

a.post-edit-link {
    font-size: 1rem;
    font-weight: normal;
}














.dropdown-container {
	height:50px;
}
.dropdown {
	position: relative;
	display: block;
	z-index: 10;
	border-radius: 25px;
	overflow: hidden;
}
.dropdown.active {
	box-shadow:0 20px 70px -10px var(--color2);
}
.dropdown-button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0.2em 0.9em;
	width:100%;
	background: none;
    border: none;
    height: 50px;
	position:relative;
	z-index: 1;
	background:var(--white);
	/*border-radius: 25px;*/
	color: var(--blue);
}
.dropdown-button:after {
	content:"";
	width:0;
	height:0;
	border:5px solid transparent;
	border-color:var(--blue) transparent transparent transparent;
	transform-origin: 50% 20%;
	position: relative;
    top: 3px;
}
.dropdown.active .dropdown-button:after {
	transform: rotate(180deg);
}
.dropdown.active .dropdown-button {
	/*border-radius: 25px 25px 0 0;*/
}
.dropdown-list {
	display:none;
	/*position:absolute;
	top:100%;
	inset-inline-start:0;*/
	background:var(--white);
	border-top:1px solid var(--gray2);
	/*border-radius: 0 0 25px 25px;*/
	padding: 0;
	margin: 0;
    min-width: 100%;
	list-style:none;
	overflow: auto;
    max-height: 50vh;
}
.dropdown-list li {
	padding:0.2em 0.8rem;
}
.dropdown-list li.on {
    background: var(--blue);
    color: var(--white);
}
.dropdown-list a { text-decoration: none !important; display:block; }

@media ( min-width:783px) {
	.number-input-wrapper button { display: none; }
}

@media ( max-width:782px) {
	/* Number input with +/- buttons */
	.number-input-wrapper { display: inline-flex; align-items: center; gap: 8px; }
	.number-input-wrapper input[type="number"] { text-align: center; }
	.number-input-wrapper button {
		width: 2rem;
        height: 2rem;
        line-height: 0;
        cursor: pointer;
        font-size: 2rem;
        flex-shrink: 0;
        text-align: center;
        border-radius: 7px;
        border: none;
		background: var(--gray2);
	}

	/* Hide native number input spinners */
	.number-input-wrapper input[type="number"]::-webkit-outer-spin-button,
	.number-input-wrapper input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
	.number-input-wrapper input[type="number"] { -moz-appearance: textfield; }
}


/* Complianz: */
body {
	--cmplz_title_font_size: 22px;
	--cmplz_text_font_size: 18px;
	--cmplz_button_font_size: 18px;
	--cmplz_link_font_size: 16px;

	--cmplz_category_header_title_font_size: 16px;
	--cmplz_category_body_font_size: 16px;
	--cmplz_category_header_active_font_size: 16px;

	--cmplz-primary: var(--blue);
	--cmplz-secondary: var(--gray);
	--cmplz-highlight: var(--yellow);

	a.cmplz-link.privacy-statement,
	li:has(a.cmplz-link.privacy-statement),
	li:has(a.cmplz-link.impressum.cmplz-hidden) {
    	display: none;
	}
}