/*!
Theme Name: Hamama-Matnasim
Template:   twentythirteen
*/

@font-face {
    font-family: 'Almoni';
    src: url('assets/fonts/almoni/almoni-neue-regular-aaa.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'Almoni';
    src: url('assets/fonts/almoni/almoni-neue-demibold-aaa.otf') format('opentype');
    font-weight: 500;
}
@font-face {
    font-family: 'Almoni';
    src: url('assets/fonts/almoni/almoni-neue-bold-aaa.ttf') format('truetype');
    font-weight: 700;
}

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

:root {
	--primary:#434343;
	--secondary: #4F878B;
	--black:#000;
	--white:white;
	--gray-90: #434343;
	--gray-80: #616161;
	--gray-70: #757575;
	--gray-60: #9E9E9E;
	--gray-40: #E0E0E0;
	--gray-30: #EEEEEE;
	--gray-20: #F6F7FA;
	--offwhite: #F6F7FA;
	--bright-yellow: #FFF2D3;
	--yellow-bright: #FFE082; 
	--gray-blue: #4C74B9;
	--gray-blue-light: #7FA2EC;
	--red: #DB423C;
	
	--admin-bar-height: 0px;
	--top-header-height:33px;
	--site-header-height: 100px;
	
	--wrapper-margin: 80px;
}

.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(--white); color:var(--gray-90); min-height:100vh; line-height:normal; line-height:1.3; margin:0; display: flex; flex-direction: column; }

body,
.almoni {
	font-family: "Almoni", sans-serif;
	font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6 { font-family: "Almoni", sans-serif; font-weight:700; color:inherit; line-height:0.9; letter-spacing: -0.01em; }

h1 { font-size: 48px; font-weight: 700; margin-top: 0; }
 
h2 { font-size:32px; font-weight:700; }

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

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

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

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

.size-28 { font-size:28px; }
.size-24 { font-size:24px; }
.size-20 { font-size:20px; }
.size-18 { font-size:18px; }
.size-16 { font-size:16px; }

@media (min-width:1440px) {
	html { font-size:20px; }
	h2 { font-size:40px; }
}

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

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

.content-area { position:relative; }

.site-content { color:var(--gray-90); padding:100px 0 5rem; }

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

.page-wrapper,
.wrapper { max-width:1350px; margin:0 auto; position:relative; padding:0; width:86%; }
/*.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: 72px;
		--top-header-height: 0px !important;
		--wrapper-margin: 20px;
	}
	h1 { font-size:35px; }
	h2 { font-size:30px; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }

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

	body .content-area { overflow:visible; }

	.site-content { padding:1rem 0 5rem; }
}

[hidden] { display:none; }


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; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700; }
dfn { font-style:italic; }
mark { background:#ff0; color:#000; }
p { margin:0 0 1em; }
code,
kbd,
pre,
samp { font-family:monospace,serif; font-size:14px; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }
pre { background:#f5f5f5; color:#666; font-family:monospace; font-size:14px; margin:20px 0; overflow:auto; padding:20px; white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
blockquote, q { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; }
blockquote:after,
blockquote:before,
q:after,
q:before { content:""; content:none; }
blockquote { font-size:18px; font-style:italic; font-weight:300; margin:24px 40px; }
blockquote blockquote { margin-right:0; }
blockquote cite,blockquote small { font-size:14px; font-weight:400; text-transform:uppercase; }
blockquote em,blockquote i { font-style:normal; font-weight:300; }
blockquote b,blockquote strong { font-weight:400; }
small { font-size:smaller; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
dl { margin:0 20px; }
dt { font-weight:700; }
dd { margin:0 0 20px; }
menu,ol,ul { margin:16px 0; padding:0 0 0 40px; }
ul { list-style-type:square; }
nav ol,nav ul { list-style:none; list-style-image:none; }
li > ol, li > ul { margin:0; }
img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; max-width: 100%; object-fit: contain; height: auto; }
svg:not(:root) { overflow:hidden; }
figure { margin:0; }
form { margin:0; }
fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }
legend { border:0; padding:0; white-space:normal; }
button,input,select,textarea { font-size:100%; margin:0; max-width:100%; vertical-align:baseline; }
button,input { line-height:normal; }
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; }
button[disabled],input[disabled] { cursor:default; }
input[type=checkbox],input[type=radio] { padding:0; }
input[type=search] { -webkit-appearance:textfield; padding-right:2px; width:270px; }
input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
textarea { overflow:auto; vertical-align:top; height:8em; }
table { border-collapse:collapse; border-spacing:0; font:inherit; }
caption { font-size:16px; margin:20px 0; }
th { font-weight:700; text-transform:uppercase; }
del { color:#333; }
ins { background:#fff9c0; text-decoration:none; }
hr { background:url(images/dotted-line.png) repeat center top; background-size:4px 4px; border:0; height:1px; margin:0 0 24px; }

/* site-header: */
.site-header { left: 0; width: 100%; position: sticky; top:var(--admin-bar-height); z-index: 100; background: var(--white); }
.site-header .inner { padding: 24px 0; display: flex; gap: 0 90px; align-items: center; }

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

.site-header .home-link { display:block; background:none; max-width:206px; }
.site-header .home-link img { display:block; max-width: 134px; }

.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:2rem; height:2rem; background:url(assets/img/menu-toggle.svg?v=0) center no-repeat; filter:saturate(0) brightness(0); }
.site-header .inner > .menu-toggle { position: absolute; right: 0; }


ul.nav-menu { padding:0; display:flex; flex-wrap:wrap; gap:0 60px; margin: 0; }
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a { font-weight: 500; color:var(--black); text-decoration:underline; }
.nav-menu > li > a:hover { color:var(--black); }

ul.nav-menu, ul.nav-menu ul { list-style:none; }
.nav-menu > li { display:flex; align-items: stretch; }

.nav-menu li { position:relative; position: relative; font-size: 24px; color: var(--gray-70); font-weight: 400; }
.nav-menu a { color:inherit; display:block; text-decoration:none; }

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

.nav-menu > li > .sub-menu {
	background:var(--gray-3);
	position: absolute;
	z-index: 10;
	transform: translateX(-50%);
	left: 50%;
	height:0;
	width: max-content;
	top: 100%;
	padding:0.4rem 2rem;
	border-top:1px solid var(--primary);
	display:none;
	gap:0.5rem;
}

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

	.site-header .inner { justify-content: center; flex-direction:row-reverse; gap:16px; padding:0 10px; height: 72px; }

	.site-main { margin-bottom:0; margin-top:var(--site-header-height); }

	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 .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }

#navbar { margin:0; padding:0; flex-grow: 1; }
#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }


	
.site-header .search-form {  }
.site-header .search-field {  }
.site-header input.search-submit { }

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

.wpcf7 p { margin-bottom:12px; }
p.p-submit { margin-bottom: 0; }
.wpcf7 input[type="submit"],
a.button,
a.button:visited,
.button { display:inline-block; cursor:pointer; padding:0.3em 1em; text-decoration:none; background:none; text-align:center; color:var(--secondary); border-radius:50px; border:2px solid; line-height: 1.3; }
.button:hover,
.button:focus,
a.button:hover,
a.button:focus,
.button.on { background: var(--secondary); border-color:var(--secondary); color: var(--white); }

.wpcf7 input[type="submit"],
a.button.button-color,
a.button.button-color:visited,
.button.button-color { background: var(--secondary); border-color:var(--secondary); color: var(--white); }
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.button.button-color:hover,
.button.button-color:focus,
.button.button-color.on { }

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

@media ( max-width:782px) {
	.site-footer .wpcf7 input[type="submit"],
	.button { /*font-weight:400;*/ padding:0.4em 0.8em; width: 100%; }
}


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, .grid-3 { display:grid; grid-template-columns: repeat(3,1fr); gap:1rem 24px; margin:2.4rem 0 1.3rem; }
.grid-4 { display:grid; grid-template-columns: repeat(4,1fr); gap:1rem 24px; }
.grid-2 { display:grid; grid-template-columns: repeat(2,1fr); gap:1rem 24px; }

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

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

/* newsletter section: */
.section-updates { border-top:1px solid var(--gray-40); min-height: 325px; display: flex; align-items: center; }
.section-updates form .d-flex { display:grid; gap:0.5rem; width:490px; max-width:100%; margin:0 auto; }
.section-updates form input[type="submit"] { width:100%; }

/*.section-updates form .d-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 16px; }
.section-updates form p { position:relative; }
.section-updates form .wpcf7-not-valid-tip { position:absolute; }
.section-updates form input[type="email"] { border-radius:100px; max-width:300px; }
.section-updates form input[type="submit"] { border-radius:100px; }*/
.section-updates .wpcf7-response-output { display: none; }
.section-updates form.wpcf7-form.sent > *:not(.wpcf7-response-output) { display:none; }
.section-updates form.wpcf7-form.sent .wpcf7-response-output { display:block; text-align: center; font-size: 48px; font-weight: bold; line-height: 1.1; }
.section-updates .wpcf7-response-output:before { content:url(assets/img/image-thanks.png); margin:0 auto; display:block; width:fit-content; }

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

@media (min-width:783px) {
	.section-updates form .d-flex p { margin:0; }
	.section-updates form input[type="submit"] { padding: 0.2em 32px; }
}
@media (max-width:782px) {
	section.section-updates { padding:130px 0; }
}

/* home: */
body.home .site-content { padding-top:0; padding-bottom: 0; }
body.home .page-header { width:100%; height:100vh; background:#FFC107; }
body.home .header-image img { max-height: calc(100vh - var(--top-header-height) - var(--admin-bar-height)); object-fit: cover; }

.home-main-grid { display: grid; grid-template-columns: 63% auto; gap: 1rem 5%; }
.home-main-1 { align-self: center; font-size: 28px; padding:0 10px; }
.home-main-1 h2 { margin:2px 0 15px; font-size: 34px; }
.home-main-1 p { margin:0 0 15px; }
.home-main-2 { justify-self: flex-end; align-self: center; }
.home-main-grid .button { font-size: 28px; font-weight: 700; padding:0.35em 1em; }

.home-main-1 h1 { margin:0 0 0.1em; font-size: 64px; }

section.home-main { display: flex; align-items: center; height: 750px; }

@media (max-width:1440px) {
	section.home-main { height: 687px; }
	.home-main-1 { font-size: 20px; }
	.home-main-1 h1 { font-size:48px; }
	.home-main-1 h2 { font-size: 28px; }
}
@media (max-width:1280px) {
	section.home-main { height: 650px; }
}
@media (max-width:782px) {
	section.home-main { padding-top:0; text-align: center; height: auto; padding-bottom: 48px; }
	.home-main-1 { font-size: 20px; }
	.home-main-1 h1 { font-size:48px; line-height: 44px; margin:0.1em 0 0.2em; }
	.home-main-1 h2 { font-size:24px; line-height: 26px; color: var(--gray-80); }
	.home-main-grid { display: flex; flex-direction: column-reverse; }
	.home-main-grid .button { font-size: 24px; height: 56px; display: flex; align-items: center; justify-content: center; }
	.home-main-2 img { width:90%; height:auto; margin:0 auto; display:block; }

	section.section-home-virtual { padding: 85px 0; }
	section.section-home-virtual h2 { margin-left:auto; margin-right:auto; max-width:10em; }
}

section.section-home-events { padding: 40px 0 45px; }
.section-home-events h2 { margin:0 0 16px; line-height: 1.1; letter-spacing: 0; }
.section-home-events .events-container { margin-top:0; }
.section-home-events .event-thumb h2 { margin: -0.1em 0 0.2em; }

.virtual-container > .wrapper > h2 { color:var(--gray-80); }
.virtual-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 70px; align-items: stretch; margin:2.7rem auto 0; width: fit-content; }
.virtual-container .item { text-align: center; display: flex; flex-direction: column; max-width:360px; font-size: 24px; line-height: 1.25; }
.virtual-container .item h2 { margin:0.5rem 0; font-size: 40px; }
.virtual-container .item .image-container { display:flex; align-items: center; justify-content: center; width: fit-content; margin: 0 auto; }
.virtual-container .item .image-container img { display:block; }

@media (min-width:783px) {
	section.section-home-virtual { min-height: 770px; display: flex; align-items: center; }
}

@media (max-width:782px) {
	section.section-home-events { padding: 25px 0; }
	.section-home-events h2.normal { text-align: center; }
	.section-home-events .event-thumb .entry-meta { font-size:18px; }
	.section-home-events .event-thumb .excerpt.size-18 { font-size:20px; }
	.event-thumb .excerpt { margin: 0 0 1rem; }

	.virtual-container { grid-template-columns: auto; }
	.virtual-container .item { font-size:20px; }
	.virtual-container .item h2 { font-size:32px; }

}
section.section-home-participate { min-height: 506px; padding: 20px 0; display: flex; align-items: center; }
@media (min-width:1440px) {
	section.section-home-participate { min-height: 540px; }
}
.participate-grid { display: grid; grid-template-columns: 50% auto; justify-content: space-between; max-width: 900px; margin: 0 auto; gap:2em 8%; }
.participate-grid-1 {}
.participate-grid-2 {}
.participate-grid h2 { margin: 0 0 0.2em; }

.participate-grid-2 .wpcf7 input[type="submit"] { width: 100%; border-radius: 8px; }

@media (max-width:782px) {
	.participate-grid { grid-template-columns: auto; }
	.participate-grid h2 { font-size:40px; }
	.participate-grid-1 img { width: 90%; transform: translateX(-5%); height:auto; margin:0 auto; display:block; }
}

section { padding:70px 0; outline: none; }
section > .wrapper > h2:first-child { margin-top:0; margin-bottom:0.5em; }
body.home .section-updates,
section.offwhite { background:var(--offwhite); }

@media ( max-width:782px) {
	.sponsors-container .my-marquee { gap: 1rem 0.8rem; }
}


/* events page: */

.terms-filter-container { display: flex; flex-wrap: wrap; gap:12px; justify-content: center; margin:35px 0 48px; }
.terms-filter-container .on-off-label { background:var(--gray-30); font-size:24px; font-weight: bold; color:var(--gray-60); cursor:pointer; padding:9px 1.3em; border-radius: 100px; }
.terms-filter-container:not(.show-all) .on-off-label.on,
.terms-filter-container .on-off-label.on:first-child { background:var(--secondary); color:var(--white); }
.terms-filter-container .on-off-label input { display:none; }

.video-container { position: relative; }
.video-container iframe { display: block; aspect-ratio: 1.8; width: 100%; height: auto; }

.event-new .event-archive-thumb-3 .image-container:after { content: 'חדש!'; position: absolute; top: 10px; right: 10px; font-size:16px; background:var(--yellow-bright); z-index: 1; padding:0.2em 0.6em 0.1em; border-radius: 8px; }

.event-thumb { color: var(--gray-70); padding: 16px; background: var(--white); border: 2px solid var(--gray-30); border-radius: 12px; display:flex; flex-direction: column; }
.event-thumb h2 { color: var(--gray-90); margin:0.5em 0 10px; }

.event-thumb .post-author-container { flex-grow:1; }
.event-thumb .image-container { min-height: 6em; background: #eee url(assets/img/no-image.svg) center no-repeat; border-radius: 8px; overflow: hidden; aspect-ratio:1.6; }
.event-thumb .image-container img { width:100%; height:100%; object-fit: cover; }
.event-thumb .buttons-conainer { margin-top: 26px; }
.event-thumb .buttons-conainer .button { align-self: center; padding:0.2em 1em 0.1em; font-size: 24px; font-weight: bold; }
.image-container { position: relative; }
.image-container img { border-radius: 8px; display:block; margin:0 auto 0.6rem; width:100%; }
.minutes-overlay { position: absolute; top: 9px; right: 9px; background: white; padding: 0.1em 0.7em 0.1em; border-radius: 6px; font-size: 17px; display: flex; align-items: center; gap: 0.2rem; }
.minutes-overlay:before { content:''; display:block; width:16px; height:16px; background:url(assets/img/icon-minutes.svg) center no-repeat; }
.buttons-conainer { display: flex; /*justify-content: space-between;*/ gap:12px; flex-wrap:wrap; }
.event-thumb .excerpt { word-break: break-word; white-space: pre-line; margin:0 0 1em; }
.author-name { display: flex; align-items: center; gap: 0.3em; }
.author-name .image-container { border-radius: 50%; width: 32px; height: 32px; background:#eee; display:block; min-height: 0; }
.author-name img { border-radius: 50%; width: 32px; display:block; }

@media (max-width:782px) {
	/*add-to-calendar-button { width: fit-content; margin: 0 auto; }*/
	.event-thumb .buttons-conainer { margin-top: 12px; }
	.event-thumb .buttons-conainer .button { width:fit-content; font-size:20px; }

	.terms-filter-container { padding:12px 9px; }
	.terms-filter-container .on-off-label { font-size: 18px; padding: 6px 0.7em; /*font-size:20px; padding:6px 1em;*/ }

	.event-thumb .image-container { aspect-ratio: 1.3; }
}

.add-to-calendar { position: relative; }
.add-to-calendar ul { position: absolute; right: 0; background: white; padding: 1rem; max-width: none; width: max-content; display: none; gap: 0.4em; z-index: 10; box-shadow: 5px 5px 1rem #0002; border-radius: 10px; }
.add-to-calendar:is(:hover,:focus,:focus-within) ul { display:grid; }
a.atcb-list-item { display:flex; gap: 0.7em; text-align: start; line-height: 1.1; color:var(--gray-90) !important; font-family: sans-serif; font-size: 14px; white-space: nowrap; text-decoration:none; }
.atcb-icon { width: 1rem; height: 1rem; }

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

/* events page: */

body.post-type-archive-event .site-content .wrapper { max-width: 1150px; }
.archive-header { max-width:1010px; margin:0 auto; font-size: 24px; }
.archive-header h1 { font-size: 72px; margin: 0 0 8px; }
.events-days-container { background: var(--gray-20); padding:24px 32px; border-radius: 12px; margin:0 0 32px; }
.events-days-container > h2 { color: var(--gray-80); font-weight: 400; margin:0 0 1rem; }

.day-events { display: grid; gap: 12px; }

.event-archive-thumb { display: grid; grid-template-columns:max(20%,6rem) auto 360px; }
.event-archive-thumb-1 { display: flex; flex-direction:column; align-items: center; justify-content: center; border-left:1px solid var(--gray-40); margin-left:20px; padding-left:20px; }
.event-archive-thumb-1 span { display:block; width:fit-content; font-size:32px; }
.event-past .event-archive-thumb-1 span { text-decoration:line-through; text-decoration-thickness: 1px; }
.event-archive-thumb-2 { margin-left:20px; }
.event-archive-thumb-2 h2 { margin:0 0 1rem; color:var(--gray-80); }
.event-archive-title { display:flex; justify-content: space-between; gap:1rem; }
.event-archive-title .minutes-overlay { white-space:nowrap; flex-shrink:0; position:relative; top:auto; right:auto; background:var(--gray-20); }
.event-meta-over { background:var(--bright-yellow); font-size:16px; border-radius: 8px; padding:0.2em 0.8em; margin:1rem auto 0; width:fit-content; }


@media (max-width:782px) {
	.archive-header { font-size:20px; }
	.archive-header h1 { font-size: 48px; margin:0 0 0.25em; }
	.events-days-container { padding: 24px 20px; }
	.event-archive-thumb { grid-template-columns: auto; }
	.event-meta-over { margin:0; }
	.event-archive-thumb-1 { border:none; margin:0 0 10px; padding:0; flex-direction: row; justify-content: space-between; }
	.event-archive-thumb-2 { margin:20px 0 0; }
	.event-archive-thumb-3 { grid-row: 2; }
	.event-archive-thumb-1 .minutes-overlay { position:relative; top:auto; right:auto; padding:0; background:none; white-space: nowrap; }
}

/* recordings archive: */

.recording-thumb h2 { font-size: 28px; }

@media ( min-width:1440px ) {
	body.post-type-archive-recording .grid-3 { grid-template-columns:repeat(4, 1fr); }
}

@media ( max-width:782px ) {
	body.post-type-archive-recording .terms-filter-container .on-off-label:first-child { margin: 0 30%; white-space: nowrap; }
}

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

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

@media (max-width:782px) {
	.section-updates form .d-flex p { width: 100%; }
	.section-updates form input[type="email"] { width:100%; max-width: none; padding:0.35em 0.9em; }
	.section-updates form input[type="submit"] { width:100%; max-width: none; }
	.section-updates form .wpcf7-not-valid-tip { position:relative; margin-bottom: -6px; }
}

/* 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; padding:0.4em 0.9em; border: 2px solid var(--gray-40); color:var(--gray-90); border-radius: 8px; font-size:20px; outline:none; }

.wpcf7 *:is(input[type="text"],input[type="email"],input[type="tel"],select,textarea):focus { border-color:var(--gray-blue-light); }
.wpcf7 *:is(input[type="text"],input[type="email"],input[type="tel"],select,textarea).wpcf7-not-valid { border-color:var(--red); }


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

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip { color: var(--gray-80); font-weight: 400; font-size:16px; line-height: 1.2; margin: 0.3em 1rem; text-align: start; }
	
.wpcf7 form .wpcf7-response-output { margin: 1rem 0; padding: 0; border: none; font-size: 1rem; text-align: start; }

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



.site-footer { background: var(--offwhite); color:var(--gray-blue); padding: 70px 0; }

@media (max-width:782px) {
	.pum-container .wpcf7 input[type="text"],
	.pum-container .wpcf7 input[type="email"],
	.pum-container .wpcf7 input[type="tel"],
	.pum-container .wpcf7 select,
	.pum-container .wpcf7 textarea { font-size:18px; padding: 0.3em 0.9em; }
	.pum-container .wpcf7 input[type="submit"] { font-size:20px; }

	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 select,
	.wpcf7 textarea { font-size:20px; padding: 0.3em 0.9em; }
	.wpcf7 input[type="submit"] { font-size:20px; padding: 0.4em; }
}

.left { float:left; }
.right { float:right; }
.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; }
a.fb-link { position:absolute; top:10px; left:30px; width:20px; height:20px; background:url(images/facebook.png) 50% 50% no-repeat; background-size:contain; display:block; }




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

.side-menu,
.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,
.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; }

.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; }
.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; }
.widget a,
.widget a:hover,
a,
a:hover,
a:visited { 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; }
}

/* pum popups: */
body .pum-container { max-width: 90% !important; left: 50% !important; transform: translateX(-50%); border: none !important; padding: 40px 48px !important; max-height:90%; overflow: auto; }
body .pum-container .pum-close {
	top: 0 !important;
	right: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font-size: 0 !important;
	width:30px !important;
	height:30px !important;
	margin: 10px;
	border-radius: 0 !important;
	background:url(assets/img/x-close.svg) center no-repeat !important;
}

.pum-container img.aligncenter { margin: 0 auto; display: block; }

.pum-container input[type="submit"] { margin: 0 auto; width: 100%; padding:0.32em 1em; }
.pum-container form.wpcf7-form.sent > *:not(.wpcf7-response-output) { display:none; }
.pum-container form.wpcf7-form.sent .wpcf7-response-output { display:block; text-align: center; font-size: 48px; font-weight: bold; line-height: 1.1; }
.pum-container .wpcf7-form.sent .wpcf7-response-output:before { content: ''; margin: 0 auto; display: block; width: 450px; max-width: 100%; background: url(assets/img/image-popup-thanks.png) center / contain no-repeat; aspect-ratio: 1; }
.pum-content { color:var(--gray-90) !important; font-size: 24px !important; line-height:1.3 !important; }
.pum-content h2 { font-size:48px !important; margin:-0.7rem 0 10px; }
.pum-content:has(form.sent) > *:not(.wpcf7) { display: none; }

.pum-container .wpcf7 form .wpcf7-response-output { text-align: center; }

@media (max-width:782px) {
	body .pum-container { padding:30px !important; }
	.pum-content { line-height:1 !important; }
	body .pum-content h2 { font-size: 1.6em !important; margin-right: -20px; margin-left: -20px; letter-spacing: -0.03em; }
	.pum-content img { width:70%; }
}

.popup-container { position:fixed; top:var(--admin-bar-height); left:0; width:100%; height:calc(100% - var(--admin-bar-height)); display:none; background:#0009; z-index:1000; }
.popup { display:none; background:var(--color-blue); color:#fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:90%; max-width: 90%; max-height: 90%; overflow:visible; }
.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;top:17px;left:17px;width:28px;height:28px;background:url(images/close-popup.png) no-repeat;cursor:pointer; }
.popup a { color:#0ed977; }
.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: center; }

button.slick-arrow { background:url(assets/img/arr-left-black.svg) center/auto 22px no-repeat; font-size:0; overflow:hidden; padding:0; position:absolute; top:50%; transform:translateY(-50%); width:60px; height:60px; z-index:1; text-align:center; border: none; }
/*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 { left:100%; transform:translateY(-50%) scaleX(-1); }
body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { right:100%; }
/*body:not(.rtl) button.slick-prev:after,
body.rtl button.slick-next:after { transform:rotate(-135deg); }*/
button.slick-arrow.slick-disabled { visibility: hidden; }

.slick-arrows-on-top button.slick-arrow { background:#ccc url(assets/img/arr-right.svg) center no-repeat; font-size:0; overflow:hidden; padding:0; position:absolute; bottom:calc(100% + 45px); top:auto; width:44px; height:44px; border: none; border-radius: 3px; transform:none !important; right: auto !important; left: 0 !important; }

.slick-arrows-on-top button.slick-arrow.slick-disabled { visibility: visible; opacity: 0.5; cursor: auto; }

body:not(.rtl) .slick-arrows-on-top button.slick-next,
body.rtl .slick-arrows-on-top button.slick-prev { left:calc(44px + 40px) !important; }
body:not(.rtl) .slick-arrows-on-top button.slick-prev,
body.rtl .slick-arrows-on-top button.slick-next { left:0; transform:scaleX(-1) !important; }

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

ul.slick-dots { display: flex; gap:14px; list-style:none; padding:0; margin:1rem auto; justify-content:center; flex-wrap:wrap; }
ul.slick-dots li button { width:12px; height:12px; background:#ccc; padding:0; min-height:0; font-size:0; overflow:hidden; color:transparent; border-radius:50%; border:none; display:block; }
ul.slick-dots li.slick-active button { transform: scale(1.4); background:var(--color-orange); }

@media (max-width:782px) {
	.related-products-slider { margin-bottom:40px; }
	.slick-arrows-on-top button.slick-arrow {  bottom:-85px; }
}

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

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

	.wrapper .wrapper, .wrapper-smaller { width:100%; }
	
	html { font-size:17px; overflow-x: hidden; }
	body { overflow-x: hidden; }
	
	.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)); }
	
	/*.page-header { margin: 0 calc(-1 * var(--wrapper-margin)); width:calc(100% + var(--wrapper-margin) * 2); }*/

	body .slick-list { margin:0; }
	
	section { padding:80px 0; position: relative; }
	
	/* mobile nav menu: */
	#navbar { padding:0; position:fixed; top:var(--admin-bar-height); right:0; color:var(--color-blue); bottom: -20vh; overflow:auto; z-index:100; width:75%; margin:0; background:var(--gray-20); box-shadow:4px 4px 1rem #0006; transform:translateX(100%); }
	body.side-menu-open #navbar { transform: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; border-bottom:1px solid var(--gray-40); padding:1rem 2rem; }
	.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 var(--gray-40); 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; }
	/*.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; }
	
	/* 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; }
	
	/* brand page: */
	
	/* single product page: */	

}

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