@charset "utf-8";/*!
Theme Name: Piano Festival Eilat
Template:   twentythirteen
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&display=swap');

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

p { margin:0 0 1em; }

:root {
	--black:#000;
	--white:#ffffff;
	--blue: #353ABC;
	--blue-light: #1976D2;
	--blue-12: #353ABC1F;

	--admin-bar-height: 0px;
	--site-header-height: 0px;
	/*--top-header-height:33px;*/
	
	--wrapper-margin:5vw;
}

@media (min-width:1833px) {
	:root {
		--wrapper-margin:calc( ( 100vw - 1650px ) / 2 );
	}
}
.primary { color:var(--blue); }

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) );
}
/*html.popup-visible { overflow-y: hidden; }*/

body { font-size:1rem; background:white; color:black; min-height:100vh; line-height:normal; line-height:1.5; margin:0; display: flex; flex-direction: column; }

body,
.noto-sans-hebrew {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight:500; color:inherit; line-height:1.1; }

h1 { font-size: 45px; }
 
h2 { font-size:40px; font-weight: 500; }

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

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

h5 { font-size:20px; font-weight: 500; margin:0 0 0.5rem; }

.box-shadow { box-shadow:var(--box-shadow); }

:is(h2,h3,*).headings-s { font-size: 24px; font-weight: 700; line-height: 1.4em; }
:is(h2,h3,*).headings-xs { font-size: 20px; font-weight: 700; line-height: 1.4em; }

:is(h2,h3,h4,*).body-extra-large { font-weight: 400; font-size:22px; line-height: 1.4em; }
:is(h2,h3,h4,*).body-large { font-weight: 400; font-size:18px; line-height: 1.5em; }
:is(h2,h3,h4,*).body-small { font-weight: 400; font-size:14px; line-height: 1.4em; }
:is(h2,h3,h4,*).body-bold-large { font-weight: 600; font-size:18px; line-height: 1.5em; }
:is(h2,h3,h4,*).body-bold-small { font-weight: 600; font-size:14px; line-height: 1.5em; }
:is(h2,h3,h4,*).body-bold-extra-small { font-weight: 600; font-size:12px; line-height: 1.5em; }

@media (max-width:782px) {

	body.home { padding-top:var(--site-header-height); }
	:is(h2,h3,*).headings-s { font-size: 20px; }
	:is(h2,h3,h4,*).body-large,
	:is(h2,h3,h4,*).body-extra-large { font-size:14px; }

	/*:is(h2,h3,h4,*).body-bold-large,*/
	:is(h2,h3,h4,*).body-bold-small { font-size:14px; }
}


.site { background:none; border:none; max-width:none; margin:0 auto; flex-grow: 1; width:100%; }
.site-main { width:auto; font-size:1rem; position:relative; }
.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: visible; }

.site-content {}

article:after { content:''; clear:both; display:table; }

.page-wrapper,
.wrapper { max-width:1080px; margin:0 auto; position:relative; padding:0; width:90%; }
/*.wrapper .wrapper,
.wrapper-smaller { max-width:1200px; margin:0 auto; position:relative; padding:0; width:calc(100% - 250px); }*/

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

	body .content-area { overflow:visible; }

	.page-wrapper,
	.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));
	}
}

[hidden] { display:none; }

.wpcf7 input[type="submit"],
.button,
a.button {
	display:inline-block;
	text-align: center;
	padding:0.75em 1.5em;
	cursor: pointer;
	color:var(--white);
	background:var(--blue);
	border:none;
	border-radius: 2rem;
	text-decoration: none;
	font-size:16px;
	font-weight: 500;
}
.button.black-button { background:var(--black); color:var(--white); }

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

.button-arrow:after { content:''; display:inline-block; vertical-align: middle; height:1em; width:1em; background:url(assets/img/arr-left-white.svg) center no-repeat;
    margin-inline-start: 0.3em; margin-inline-end: -0.3em; }

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

a.no-decoration { text-decoration:none; }
a:hover { text-decoration:underline; }
address { font-style:italic; margin:0 0 24px; }

@media(max-width:782px) {
	/*.wpcf7 input[type="submit"],
	.button,
	a.button { font-size:16px; }*/
}


/* site-header: */
.site-header { background:var(--white); color:var(--black); left: 0; width: 100%; position: sticky; top: var(--admin-bar-height); z-index: 100;
	padding:20px 0;
	border-bottom:1px solid #707070;
	box-shadow:0 3px 6px #0002; }

.site-header .inner { display: flex; align-items: center; gap: 10px max(2rem, 4vw); }

.site-header .home-link { display:block; width:163px; height: auto; flex-shrink: 0.6; }
.site-header .home-link img { display: block; }

.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; width:32px; height:32px; background: url(assets/img/menu-toggle.svg) center/contain no-repeat; }
/*.menu-toggle:hover,
.menu-toggle:focus { filter:none; }*/

.page-top { padding: 7px 0; position: fixed; top:var(--admin-bar-height); width: 100%; background: white; z-index: 100; }
.page-top .wrapper { display: flex; justify-content: space-between; align-items: center; }
.page-top .social { filter: invert(1); gap:0; }


.site-header .search-form { display: flex; flex-direction: row-reverse; gap: 0 30px;
	padding-inline-start: 1.5vw; border-inline-start: 1px solid; align-self: stretch; align-items: center;
}
.site-header .search-field { border:none; border-bottom:1px solid; font-size: 0.9rem; }
.site-header input.search-submit { width:20px; height:20px; font-size:0; border:none; background: url(assets/img/icon-search.svg) center no-repeat; }

@media (max-width:872px) {
	.site-header .inner .search-form { display:none; }
}


ul.nav-menu { padding:0; display:flex; flex-wrap:wrap; gap:0; justify-content: space-evenly; margin: 0; }
body.navbar-line-wrap ul.nav-menu { justify-content: flex-start; }
ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; align-items: stretch; flex-grow: 0.1; }

@media (min-width:873px) {
	ul.nav-menu { margin: 0.3rem 0 -0.3rem; }
	.nav-menu > li { margin-top: -0.6rem; }
	.nav-menu > li:not(:last-child) { margin-inline-end: -10px; }
}

.nav-menu li { position:relative; font-size:18px; font-weight: 600; }
.nav-menu a { color:inherit; display:block; text-decoration:none; }
ul.nav-menu > li > a { color:inherit; display: flex; align-items: center; text-decoration:none; background:none; border: none; border-radius: 2rem; padding: 0.75em 1.1em; width:auto; }
/*.nav-menu .children,.nav-menu .sub-menu*/

.nav-menu ul li { color:#949494; padding:0.4rem 0; }
.nav-menu ul li:not(:first-child) { border-top:1px solid #949494; }
.nav-menu li a:hover,
.nav-menu li.current_page_item > a,
.nav-menu li.current-menu-item > a { color:var(--blue); }

/*ul:is(.nav-menu,.footer-menu) li:is(:hover,:focus) > a { color:var(--blue); }*/
ul.nav-menu a { width: 100%; }

.nav-menu > li > a:hover { font-weight: 600;color: var(--blue); background: #353ABC14; }

.nav-menu > li > .sub-menu {
	background:var(--white);
	position: absolute;
	z-index: 10;
	right: -1rem;
	height:0;
	width: max-content;
	top: 100%;
	padding: 4px 1rem;
    min-width: 7rem;
	display:none;
}

.nav-menu li:hover > ul,
.nav-menu li:focus > ul,
.nav-menu li:focus-within > ul { display:grid; 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) {

	.site-header { position:fixed; padding: 42px 0 24px; }

	.site-header .inner { justify-content: space-between; }

	img.logo { max-width: 80px; }
	.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 > * li > a { padding:0; position: relative; }
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a,
.nav-menu > li > a:hover { }
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

#navbar { padding:70px 9% 0; }
#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }

#navbar .social { filter: invert(1); }
.main-navigation { display: flex; align-items: center; justify-content: space-between; }


	
.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 { }

@media ( max-width:782px) {
	.button { /*font-weight:400;*/ padding:0.4em 0.8em; width: 100%; }
}

input[type="checkbox"] { cursor:pointer; vertical-align: text-bottom; padding: 0; appearance: none; width: 21px; height: 21px; display: inline-block; border-radius: 3px; border: 1px solid #E1E1E1; margin-inline-end: 0.3em; }
input[type="checkbox"]:checked { background:var(--gray); /*url(assets/img/checkbox.svg) center no-repeat;*/ }

.filter-header { display:flex; justify-content: space-between; align-items: center; }
.filter-header:after { content:''; width:20px; height:20px; display:block; background:url(assets/img/icon-expand-plus.svg) center no-repeat; }
.filter-section.expanded .filter-header:after { transform: rotate(45deg); }

ul.filter-tyre-types-list { list-style: none; margin: 0; padding: 0; display:grid; gap:0.4rem; }
ul.filter-tyre-size-list { list-style: none; margin: 0; padding:0.6rem 0 0; display: flex; flex-wrap:wrap; gap: 1rem; }
ul.filter-tyre-size-list label { cursor:pointer; width:3em; padding:0.5rem; border:1px solid; display:flex; align-items: center; justify-content: center; }


label.on-off-label { cursor:pointer; }
label.on-off-label input { margin-inline-end: 0.4em; }
label.on-off-label.on { color:var(--blue); }
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(--blue); background: none; }
input.faux-radio:checked:after { content: ''; position:absolute; top:3px; left:3px; width: 6px; height: 6px; background: var(--blue); display: block; border-radius: 50%; }

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

/* grid: */
.grid, .grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:4rem 3%; margin:2.4rem 0 1rem; }
.grid-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:2rem 3%; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:2rem 3%; }

.grid-center { display:flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.grid.grid-center > *, .grid-3.grid-center > * { width:30%; }

@media ( max-width:950px) {
	.grid, .grid-3 { grid-template-columns: repeat(2,1fr); }
	.grid-4 { grid-template-columns: repeat(2,1fr); }

	.grid.grid-center > *, .grid-3.grid-center > * { width:50%; }
}
@media ( max-width:782px) {
	.grid-4,
	.grid-2,
	.grid, .grid-3 { grid-template-columns: 1fr; gap: 34px; }

	.grid.grid-center > *, .grid-3.grid-center > * { width: 100%; }

	.mobile-grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap:2rem 3%; }
	.mobile-flex-2 { display: flex; justify-content:center; gap:2rem 3%; flex-wrap:wrap; }
	.mobile-flex-2 > * { width:48%; }
}

/* my-marquee: */
.client-list-container { margin:3rem 0; display:grid; grid-template-columns: max-content auto; gap:2rem 7%; align-items: center; }
.client-list-item { padding:0 2rem; }
.client-list-item img { display: block; max-width:120px; }
.my-marquee-container { display: block; width: 100%; overflow: hidden; position: relative; --marquee-num-of-copies:1; --marquee-speed:60; --marquee-time:70s; }
.my-marquee { display: flex; align-items: center; width:max-content; animation: my-marquee var(--marquee-time) 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))); }
}

/* home header main: */
.header-grid { display: grid; grid-template-columns: calc(50% - 37px / 2) auto; }

@media(min-width:783px) {
	.header-grid-1 { position: relative; margin-left: -37px; align-items: flex-end; display: flex; background: #9ec6ea; }
	.header-grid-1:after {
		content: '';	
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 37px;
		background: url(assets/img/tri-mask-left.svg) 50% 50%;
	}
}

.header-grid-1 img {
	display:block;
	height: calc(100vh - var(--admin-bar-height));
    width: 100%;
    object-fit: cover;
    max-width: none;
}
.header-grid-1 { position:relative; }
.header-grid-2 { display:grid; grid-template-rows:min-content auto min-content; height:calc(100vh - var(--admin-bar-height)); overflow: hidden; }
.header-grid-2-inner { position: relative; padding: 3% 10% 7%; display: flex; align-items: center; overflow: hidden; }
.header-grid-2 img.logo-big { max-height: 90%; width: auto; }
.header-grid-2 img.image-mahadura { position: absolute; bottom: 10%; left: 10%; max-width: 27vw; width: 156px; }

@media (min-width:783px) {
	.header-grid-2 { height:auto; }
	.header-grid-1 img { height:65.5vw; }
}

@media (max-width:782px) {
	.header-grid { grid-template-columns: 1fr; /*display: flex; flex-direction: column-reverse;*/ }
	.header-grid-1 img { height:auto; /* calc(50vh - var(--admin-bar-height));*/ }
	.header-grid-2 { height:auto; }
	.header-grid-2-inner { padding: 6% 10% 13%; }
}

#links-menu-container { display:flex; flex-direction: row; }

#links-menu-container .goto-fold { background:var(--black) url(assets/img/small-animation-static.png) center/auto 50% no-repeat; flex-shrink: 0; width: min(80px,4vw); border: none; cursor: pointer; }
#links-menu-container .goto-fold:hover { background:var(--black) url(assets/img/small-animation.gif) center/auto 50% no-repeat; }

ul.links-menu { flex-grow:1; list-style: none; display: flex; padding: 0; margin:0; }
ul.links-menu > li {
	position: relative;
	flex-grow: 1;
    flex-basis: 0;
    /*min-width: min-content; <--maybe this is the problem with iphones
    flex-shrink: 0;*/
    font-size: min(22px,1.9vw);
    font-weight: 500;
    aspect-ratio: 1;
    border-inline-end: 1px solid;
}
ul.links-menu > li:last-child { border-inline-end: none; }
ul.links-menu > li.hilite { font-weight: 700; }
ul.links-menu > li > a { position:absolute; top:0; left:0; width:100%; height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none !important;
    padding: 0.5em;
	border-top: 3px solid black;
	border-bottom: 1px solid black;
}

@media (max-width:782px) {
	ul.links-menu > li > a { position:relative; top:auto; left:auto; width:auto; height:100%; }
}


ul.links-menu > li:nth-child(2n+1) > a { background: black; color: white; }

@media (min-width:783px) {
	ul.links-menu > li > a:hover { margin-top: -20%; padding-top:calc(20% + 0.5em - 3px); height: 120%; border-top:6px solid; }
	ul.links-menu > li > a:hover { background:#e6e7f1; /*#353ABC14;*/ color:var(--blue); }

}
@media (max-width:782px) {
	ul.links-menu > li { font-size: 16px; line-height: 1; }
}

/* shows: */
section#shows { padding:100px 0 100px; background:#eee; background:linear-gradient(#d2eefb55, #d2eefb55), var(--background-image) center / cover no-repeat; }
.shows-nav { margin: 0 0 6px; }
/*@media (min-width:783px) {*/
	.shows-nav { display: flex; white-space: nowrap; flex-wrap: wrap; gap: 0.5rem; }
/*}*/
button { cursor: pointer; }

a.big-banner {
    margin: -27px auto 60px;
    display: block;
}
a.big-banner img { width:100%; display:block; margin:0 auto; border-radius: 16px; }

a.button.button-big {
    background: #EBBA6C;
    color: black;
    margin: -27px auto 60px;
    display: block;
	padding: 0.95em 3.2em 1.25em;
}
a.button.button-big span { display:block; line-height: 0.9; }
a.button.button-big .bold {
    display: block;
    font-size: 1.9em;
	margin:0.3em 0 0.43em;
}
a.button.button-big .medium {
    font-size: 1.2rem;
    font-weight: bold;
    display: block;
}

a.button.button-pdf-link {
    margin: 4rem auto 3.2rem;
    display: block;
    width: fit-content;
    font-size: 1.5rem;
    font-weight: 900;
    background: var(--blue);
    border-radius: 0;
}

button.shows-nav-button { color: #00000099; background:none; border: none; border-radius: 2rem; padding: 0.75em 1.1em; }
button.shows-nav-button:hover,
button.shows-nav-button.on { font-weight: 600;color: var(--blue); background: #353ABC14; }

.shows-date-section { padding: 1rem 0; }
.shows-date-section h2 { }

.show,
.slick-initialized .slick-slide.show { padding: 8px; background: var(--white); border: 1px solid #ccc; border-radius: 20px; display: grid; grid-template-rows: max-content auto; }
.show .show-thumb { border-radius: 16px; overflow: hidden; position:relative; }
.show .show-thumb > img { display:block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.show .show-details { padding: 8px 16px; text-align: center; font-size:14px; display: grid; grid-template-rows: max-content max-content auto max-content max-content; }
.show h3 { margin:0; }
.show h4 { margin:0; }
.show .show-meta { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--blue-12); margin-bottom: 16px; }
.show a.button-show-info { background: none; border: none; color: var(--blue); margin:10px 0 0; text-decoration: none; }

.show-free {
    text-align: center;
    padding: 0.75em 1.5em;
	color: #280e06;
    background: #ffeeba;
    border-radius: 2rem;
    font-size: 16px;
    font-weight: 500;
}
@media (min-width:783px) {
	.show .show-thumb:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;
		background:url(assets/img/show-hover.png) 50% 100%/100% auto no-repeat; }
	.show:hover .show-thumb:after { opacity:1; }
}

@media (max-width:782px) {
	section#shows { padding: 60px 0 60px; }

	.shows-nav { /*gap:0; padding:0 var(--wrapper-margin) 10px;*/ margin: 0 0 14px; gap: 0; }
	/*.shows-nav .slick-list { padding: 0 var(--wrapper-margin); }*/
	/*button.shows-nav-button { margin-inline-end:-0.4rem; }*/

	body:not(.rtl) .shows-nav button.slick-next,
	body.rtl .shows-nav button.slick-prev { width: var(--wrapper-margin); right:auto; left:100%; transform:translateY(-50%); background:url(assets/img/tri-right.svg) center/0.5rem auto no-repeat; }
	body:not(.rtl) .shows-nav button.slick-prev,
	body.rtl .shows-nav button.slick-next { width: var(--wrapper-margin); right:100%; left:auto; transform:translateY(-50%); background:url(assets/img/tri-left.svg) center/0.5rem auto no-repeat; }
	

	/*.show.slick-slide:first-child { margin-inline-start: var(--wrapper-margin); }*/

	.show.slick-slide { margin: 0 8px; }

}

/* show popup: */
.popup-show-info .popup { transform:translateX(100%); display:block; left: auto; right: auto; top: auto; height: 100%; max-height: none; width:600px; padding: 40px; overflow: initial; }
html.popup-visible .popup-show-info .popup { transform:none; }
.popup-show-info .popup-inner { position:relative; overflow: auto; max-height: 100%; scrollbar-width: thin; padding-inline-end: 1em; }
.popup-show-info .show-thumb img { width:100%; height:auto; border-radius: 20px; display: block; }
.popup-show-info .show-details {}
.popup-show-info .show-content { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #353ABC22; }

.popup-show-info h3 { margin:0; }
.popup-show-info h4 { margin:0; }

.show .show-date,
.popup-show-info .show-date { text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; }

.popup-show-info .show-date { background: #353ABC15; padding: 12px; border-radius: 8px; margin: 0 0 24px; }

.show .show-date > *,
.popup-show-info .show-date > * { display: flex; align-items: center; }

.show .show-date > *:not(:first-child):before,
.popup-show-info .show-date > *:not(:first-child):before { content: ''; display: inline-block; width: 21px; height: 21px; background: url(assets/img/sep.svg) center no-repeat; }

.show a.button,
.popup-show-info a.button { width:100%; }

.show-popup-content-grid { display: grid; }
.show-popup-content-titles { align-self: flex-end; }

@media(min-width:783px) {
	.show-popup-content-grid { grid-template-columns: 200px auto; gap: 24px; }
	.popup-show-info .show-details { grid-column: span 2; }
	.popup-show-info h3 { margin:0.1rem 0 0.2rem; }
	.popup-show-info h4 { margin:0.1rem 0 0.2rem; }
}
@media(max-width:782px) {
	
	.popup-show-info { padding-top: 46px; }
	.popup-show-info .popup { padding: 0; max-width: 100%; border-radius: 10px 10px 0 0; }
	.popup-show-info .popup-inner { overflow: auto; padding: 40px 16px 20px; height:calc(100% - var(--site-header-height)); }

	.show-popup-content-grid { gap: 12px; text-align: center; }

	.popup-show-info .show-thumb img { width:242px; height: auto; margin:0 auto; }
	.popup-show-info .show-meta { font-size: 1.1em; }
	.popup-show-info .show-date > .show-location { width: 100%; justify-content: center; }
	.popup-show-info .show-date > .show-location:before { display:none; }
}

/* texts: */
.section-texts { display:grid; }
@media(min-width:783px) {
	.section-texts { display:grid; grid-template-columns:calc(50% - 37px / 2) auto; }
	.section-texts:nth-child(2n) .texts-2 { grid-column: 1; grid-row: 1; }

	.section-texts .texts-1 { margin-left: -37px; }

	.section-texts .texts-1:after {
		content: '';	
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 37px;
		background: url(assets/img/tri-mask-left.svg) 50% 90%;
	}

	.section-texts:nth-child(2n) .texts-1 { margin-left:0; margin-right:-37px; }
	.section-texts:nth-child(2n) .texts-1:after {
		background: url(assets/img/tri-mask-left.svg) 50% 10%;
		left:auto; right:0; transform:rotate(180deg);
	}

}
.section-texts .texts-1 { position: relative; }
.section-texts .texts-1 img { width:100%; height: 100%; display:block; object-fit: cover; }
.section-texts .texts-2 { display:flex; align-items: center; justify-content: center; position:relative; }
.section-texts .texts-2 .inner { width:70%; padding: 2rem 0; }
.section-texts .texts-2 h3 { margin:0; }
.section-texts .texts-2 h2 { margin:0.2rem 0 0.7rem; }

.section-texts form.wpcf7-form { display: grid; grid-template-columns: repeat(1,1fr); gap: 0.5rem; align-items: center; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output { display:none !important; }
.section-texts span.wpcf7-not-valid-tip { /*position: absolute;*/ margin-top:0.2em; }
.section-texts .wpcf7 form { margin:0 0 1rem; }
.section-texts .wpcf7 form .wpcf7-response-output { margin: 0; padding: 0; }
.section-texts .wpcf7 form p { margin:0; }


@media(max-width:782px) {
	
	.section-texts { border-bottom: 2px solid; }

	.section-texts .texts-1 img { aspect-ratio: 0.8; }

	.section-texts .texts-2 .inner { width: auto; margin:0 var(--wrapper-margin); }

	.header-grid-1:after,
	.section-texts .texts-1:after {
		content: '';	
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 24px;
		background: url(assets/img/tri-mask-down.svg) 50% 50%/auto 100%;
		transform:rotate(180deg)
	}
	.header-grid-1:after { height:22px; }

}

/* mayor: */
section#mayor { background: var(--background-image) center / cover no-repeat; padding:140px 0; }
section#mayor .inner { background: var(--white); border-radius: 20px; padding:40px; box-shadow: 24px 24px 120px 0px #D583001F; }
.mayor-grid { display:grid; grid-template-columns: 260px auto; gap:40px; }
.mayor-grid-1 img { border-radius: 15px; }
.mayor-grid .user-content h2 { margin:0rem 0 0.6rem; }
.mayor-grid .user-content h3 { margin:0; }

@media(max-width:782px) {
	section#mayor { padding: 70px 0; }
	.mayor-grid { grid-template-columns:auto; gap:40px; text-align:center;  }
	.mayor-grid .user-content h2 { margin:0.3rem 0 0.9rem; }
}

.sponsors { margin: 3rem auto 0; }

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


/* slider: */

.slider { margin: 0 0 2rem; }

.slick-slider .product-thumb .image-container,
.recommended-products .product-thumb .image-container { /*background: url(images/product-thumb-bg.png) 50% 20%/100% auto no-repeat;*/ aspect-ratio:0.9; display: flex; align-items: center; justify-content: center; }

/* search results page: */
.posts-list { display:grid; gap:2rem; }
.posts-list-item { display: grid; grid-template-columns: min(20%, 200px) auto; gap: 1.4rem; }
.posts-list-item-1 img { aspect-ratio: 1; object-fit: cover; width:100%; height:auto; display:block; }

body.search-results .site { margin-bottom: 5rem; }


/* expandable (read more): */
.expandable .expandable-content { width: 100% !important; display:none; }
.expand-trigger { cursor:pointer; }
.expandable .read-more,
.expandable .read-less { cursor:pointer; color:var(--blue); display:flex; gap:0.4em; align-items:center; width:fit-content; }
.expandable .read-more:after,
.expandable .read-less:after { content:''; width:1em; height:1em; background:url(assets/img/arr-up-yellow.svg) center no-repeat; }
.expandable .read-more:after { 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="number"] { text-align:right; direction:ltr; }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea { width:100%; display: block; border:2px solid; padding: 0.4rem 0.7em; font-size: 20px; color: var(--black); }

.wpcf7 input[type="submit"] { display: block; font-weight: 700; }

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip { color:var(--color-orange); font-size:0.9rem; line-height: 1.2; margin: 0.5em 0; }
	
.wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0; border: none; }

p.p-submit { display: flex; justify-content: flex-end; }



/* site footer: */

button.goto-top {
    position: fixed;
    left: 0;
    bottom: 10%;
    width: 2rem;
    height: 2rem;
    background: black;
    color: white;
    border: none;
	font-size: 0.9rem;
}

.site-footer { padding: 10px 0; background: var(--black); color: var(--white); }

.footer-row { display: flex; gap:1rem 2.5rem; justify-content: space-between; align-items: center; position:relative; }
.footer-col-1 {  }
.footer-col-2 { text-align: center; }

ul.footer-links { list-style: none; display:grid; gap:1rem; padding:0; direction:ltr; }
ul.footer-links li a { display:grid; gap:0.5rem; grid-template-columns:1em auto; align-items: center; text-decoration: none !important; }
ul.footer-links a span { direction:rtl; }

.site-footer ul.social { justify-content: flex-start; direction: ltr; }
ul.social { margin:0; padding:0; list-style: none; display: flex; gap: 4px; }
ul.social li a { color:var(--white); width:42px; height:42px; display:flex; align-items: center; justify-content: center; }
ul.social li a img { width:100%; height:100%; object-fit: contain;}

.footer-menu { list-style:none; margin:0; padding:0; display: flex; gap:2rem 0; width:100%; justify-content: space-between; flex-wrap: wrap; }
.footer-menu a { text-decoration:none; }
.footer-menu ul { list-style:none; margin:0; padding:0; display:grid; gap:1em; margin-top:1em; }
.footer-menu > li > a { color: var(--blue); }

.footer-menu > li:not(:last-child) { padding-inline-end: 2rem; margin-inline-end: 2rem; border-inline-end: 1px solid #eee; }
.footer-menu li.bold { font-weight: 900; }

.footer-col-3 img { width:auto; height:auto; }

.footer-row .user-content a { text-decoration: none; }

@media (max-width:782px) {

	.site-footer { padding: 1.5rem 0; }

	.footer-row { display: flex; flex-direction: column-reverse; text-align: center; }
	.footer-col-1 { align-items: center; }
	.footer-menu { flex-direction: column; }

	.footer-col-1 { opacity:0.6; font-size: 16px; }
	.footer-col-2 { font-size: 22px; }
	.footer-col-3 { margin: 0 auto; }

}

.lang-nav { position:absolute; top:0; left:30px; direction:ltr; font-size:14px; color:#c41436; }
.lang-nav a { color:#223a69!important; text-decoration:none; }
.lang-nav a.on { text-decoration:underline; }




.small { font-size:12px; }
.normal-line-height { line-height:normal!important; }
.line-height-wide { line-height:1.5; }
.word-wrap { white-space:normal; }
.capitalize { text-transform:capitalize; }
/*.checkbox-label>input[type=checkbox],
.checkbox-label>input[type=radio] { float:left; margin:2px 0; }
.checkbox-label>span { margin-left:25px; display:block; }*/

button { font-size: inherit; }

.arr-l:before,
.arr-r:before,
.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,
.footer-social a,
.footer-social a:after,
.shop-card,
.filters-form,
.site-header,
.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,
.mifrat-button .overlay,
.popup,
ul.links-menu > li > a,
.show .show-thumb:after,
ul.nav-menu a,
.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; }

.nav-menu li.menu-item-has-children > a:before,
.bottom-yellow-line .bg,
.switch-to-blog,
.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; }

.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; }
.normal { font-weight:400; }
.italic { font-style:italic; }
.lighter { font-weight:lighter; }
.normal { font-weight:400; }
.bold { font-weight:700; }
.white { color:var(--white); }
.extra-bold { font-weight:900; }
.no-underline,
.no-underline:hover { text-decoration:none; color:inherit!important; font-weight:inherit; }
.underline-on-hover { text-decoration:none !important; color:inherit !important; font-weight:inherit !important; }
.underline-on-hover:hover { text-decoration:underline !important; }
.widget a,
.widget a:hover,
a { color:inherit; }
a:hover { text-decoration:none; }
.dashicons { width:auto; height:auto; font-size:inherit; line-height:inherit; text-decoration:inherit; }

img { max-width: 100%; height: auto; }
img.image-cover { object-fit: cover; }

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

.no-margin-first > *:first-child { margin-top:0; }
.no-margin-last > *:last-child { margin-bottom:0; }


.popup-container { position:fixed; top:var(--admin-bar-height); left:0; width:100%; height:calc(100% - var(--site-header-height)); display:none; background:#0009; z-index:1000; }
.popup {
	display:none;
	background:var(--white);
	color:var(--black);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:600px;
	max-width: 90%;
	max-height: 90%;
	overflow:auto;
	padding:33px;
}
.popup-title { position:absolute;top:0;left:0;right:0;margin:0;background:#0ed977;line-height:33px;height:33px;color:#fff;font-size:17px;font-style:italic;font-weight:700;text-align:center; }
.popup-video { background:#fff;padding:30px; }
.popup-video .content { position:relative;height:400px; }
.popup-video iframe { width:100%;height:100%;border:none; }
.popup-hide {
	position:absolute;
	z-index:10;
	top:40px;
	left:40px;
	width:48px;
	height:48px;
	background:var(--white) url(assets/img/popup-x-full.svg) center no-repeat;
	cursor:pointer;
	border-radius: 50%;
}

@media(max-width:782px) {
	.popup-hide { top:10px; left:10px; width:28px; height:28px; }
}

.error404 .page-header { background:0 0;font:inherit; }
.error404 .page-title:before { font:inherit;font-size:120px;content:'404';position:relative;top:0;left:0;display:block;text-align:center;font-weight:700;margin-bottom:20px; }
.error404 .page-wrapper { background:0 0; }
.mobile-site-footer { display:none; }
.mobile-footer-links { display:none; }


/* 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.slick-arrow {
	background:url(assets/img/arr-right.svg) center/contain no-repeat;
	font-size:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	z-index:1;
	border: none;
	cursor: pointer;
}
/*button.slick-arrow:after { content:''; width:1rem; height:1rem; border:3px solid white; border-left:none; border-bottom:none; transform:rotate(45deg); position:absolute; top:calc(50% - 0.6rem); left:calc(50% - 0.6rem); }*/
body:not(.rtl) button.slick-next,
body.rtl button.slick-prev { right:1.5%; }
body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { left:1.5%; transform:translateY(-50%) scaleX(-1); }
/*body:not(.rtl) button.slick-prev:after,
body.rtl button.slick-next:after { transform:rotate(-135deg); }*/
button.slick-arrow.slick-disabled { visibility: hidden; }

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

ul.slick-dots {
	display: flex;
	gap:14px;
	list-style:none;
	padding:0;
	margin:0;
	justify-content:center;
	flex-wrap:wrap;
	max-width: 50%;
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}
ul.slick-dots li button {
	width:12px;
	height:12px;
	background:#fff;
	padding:0;
	min-height:0;
	font-size:0;
	overflow:hidden;
	color:transparent;
	border-radius:50%;
	border:none;
	display:block;
	cursor: pointer;
}
ul.slick-dots li.slick-active button { background:#464646; }

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

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

	html { font-size:17px; overflow-x: hidden; }
	body { overflow-x: hidden; }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	/* mobile nav menu: */
	html.mobile-menu-open { overflow: hidden; }
	body:not(.mobile-menu-open) #navbar { transform:translateX(100%); opacity:0; }
	#navbar {
		padding: 0;
        position: fixed;
        top: var(--admin-bar-height);
        right: 0;
		bottom:0;
        overflow: auto;
        z-index: 100;
        width: 80%;
        margin: 0;
        background: var(--white);
		border-radius: 16px 0 0 16px;
        box-shadow: 4px 4px 1rem 5rem #0006;
		display: grid;
	}
	#navbar .wrapper { width:auto; }
	#site-navigation { display:grid; margin:0; padding:4rem 32px 4rem; gap: 1rem; grid-template-rows: auto min-content; }

	div.nav-menu > ul, ul.nav-menu { display:grid; grid-template-columns: 1fr; gap:0; align-self: flex-start; }
	.nav-menu > li { display:block; padding: 15px 0; }
	.nav-menu ul li { text-align: start; }

	#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; }

	.nav-menu li.menu-item-has-children > a { font-weight: 700; display:flex; gap:0.4rem; align-items: center; }

	.nav-menu li.menu-item-has-children > a:before {
		content:'';
		width:21px;
		height:21px;
		display:block;
		background: url('assets/img/nav-expand.svg') 50% 50%/contain no-repeat;
		transform:rotate(-90deg);
	}
	
	.nav-menu li.menu-item-has-children:is(:hover,:focus,:focus-within) > a:before { transform:rotate(0); }

	.menu-toggle-close { position:relative; left:auto; top:auto; background-image:url('assets/img/nav-mobile-close.svg');
		margin: 42px 0 24px; margin-inline-start: auto;
	}


	.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: 8px 0 0;
	}
	.nav-menu li > ul { display:none; } /* :not(.focus) */

	.nav-menu > li.my-focus > a { font-weight:bold !important; }
	
	/* home: */
	.slider { margin:0 calc(-1 * var(--wrapper-margin)); }
	
	.home-main-categories-widget { padding-bottom: 0; margin-bottom: -1.5rem; }
	
	.brand { font-size:0.8rem; font-weight: normal; aspect-ratio: auto; }
	.brand > a { padding:1rem 15% 2.6rem; gap:0.5rem; }
	
	.review { padding:10% 6% 13% 50%; text-align: center; }
	.reviews-grid { gap:1rem; }
	.review-quote { width: 2.4em; height: 1.7em; }
	
}

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