/*!
Theme Name: Einat Wilf
Template:   twentythirteen
*/

@import url("assets/fonts/KorenTanakh-bold_MFW/stylesheet.css");
@import url("assets/fonts/KorenTanakh-Regular_MFW/stylesheet.css");

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

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

:root {
	--primary:#4D6A4F;
	--dark: #1E2C1F;
	--black:#000;
	--white:white;
	--beige: #FAF4EB;
	--beige-transparent: #FAF4EBCC; 
	--light-gray: #E8E0D5;
	--brown: #3A3534;
	--red: #D32F2F;
	--gray: #888;
	
	--admin-bar-height: 0px;
	/*--top-header-height:32px;*/
	--site-header-height: 80px;
	
	--wrapper-margin: 7%;
}

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

html { font-size:20px; -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(--beige);
	color:var(--primary);
	min-height:calc(100vh - var(--admin-bar-height));
	line-height:1.33;
	margin:0;
	display: flex;
	flex-direction: column;
}

body,
.koren {
	font-family: "KorenTanakhMFW", sans-serif;
	letter-spacing: 0.01em;
}

.arabic,
.noto-sans-arabic {
	font-family: "Noto Sans Arabic", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}

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

h1 { font-size: 44px; font-weight: 700; margin: 0; }
 
h2 { font-size:30px; font-weight:700; margin:0; }

h3 { font-size:20px; 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; }

.size-48 { font-size:48px; }
.size-34 { font-size:34px; }
.goal h2,
h2.goal-name,
.size-28 { font-size:28px; }
.size-24 { font-size:24px; }
.size-22 { font-size:22px; }
.size-18 { font-size:18px; }

.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; padding-bottom: 4rem; 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; }

.content-area { position:relative; }

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

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

.page-wrapper,
.wrapper { max-width:1000px; 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 (min-width:1280px) {
	:root {
		--wrapper-margin: calc((100vw - 1080px) / 2);
	}
}
@media (max-width:782px) {
	:root {
		--site-header-height: 56px;
		/*--top-header-height: 0px !important;*/
		--wrapper-margin: 20px;
	}
	h1 { font-size:34px; margin: 0 0 -0.1em; }
	h2 { font-size:22px; margin: 0; }
	h3 { font-size:24px; }
	h4 { font-size:22px; }

	.size-48 { font-size: 34px; }
	.goal h2,
	.size-34 { font-size:24px; }
	.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; }
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; margin-inline-end:0.2em; }
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; }
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; }

/* site-header: */
.site-header { left: 0; width: 100%; position:fixed; /*sticky; top:var(--admin-bar-height);*/ z-index: 100; background: var(--beige); }
.site-header .wrapper { max-width: 1910px; width: 100%; padding: 0 40px; }
.site-header .inner { display: flex; gap: 0 90px; align-items: center; justify-content: space-between; min-height:80px; }
body.home .site-header { position:fixed; }

.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:200px; position: absolute; left: 50%; transform: translateX(-50%); }
.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; display:flex; align-items: center; gap:20px; font-weight: bold; }
.menu-toggle:before { content:''; display: block; width:24px; height:24px; background:url(assets/img/menu-toggle.svg?v=0) center no-repeat; }
/*.site-header .inner > .menu-toggle { position: absolute; right: 0; }*/


ul.nav-menu { padding:0; display:grid; flex-wrap:wrap; gap:1rem; margin: 0 0 1rem; }
#site-navigation .social { margin: 1.5rem auto; width: fit-content; }
#site-navigation .credits { text-align: center; color:#0005; }
/*.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; }

#site-navigation ul li,
.nav-menu li { position: relative; font-size:min(32px,5.5vw); color: var(--black); font-weight: 700; }
#site-navigation ul li:not(._button) a,
.nav-menu a { color:inherit; display:block; 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;
	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 .wrapper { padding:0 var(--wrapper-margin); }
	.site-header .inner { min-height: 56px; }

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

	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 > * li > a { padding:0; position: relative; }
.nav-menu .sub-menu .sub-menu > li { color:#666; font-size:0.9rem; }
body:not(.side-menu-open) #navbar { display:none; }

#navbar {
	width:600px;
	max-width: 100%;
	margin:0;
	padding:2rem;
	flex-grow: 1;
	position:absolute;
	top: var(--site-header-height);
	background:url(assets/img/bg.png);
}
#primary-menu { display: flex; justify-content: space-between; gap:0 0.6em; flex-wrap:wrap; }


.header-right { display: flex; align-items: center; gap: 1rem; }
.header-left { display: flex; align-items: center; }
/*.language-switcher { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:1rem; font-size:15px }*/
.language-switcher-container { background:white; border-radius: 50px; padding:0.2em 1.2em 0em; font-size:15px; align-self:stretch; display: flex; }
.header-left .sep { margin:0 20px; border-left:1px solid; height:1rem; display: inline-block; }
.language-switcher-container select { border:none; background:none; outline:none; }

/* HIDE ARABIC FOR NOW: */
.pll-switcher-select option[lang="ar"] { display: none; }

ul.top-left-menu,
.top-left-menu > ul { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:1rem; font-size:15px; font-weight: 700; }
.top-left-menu a { text-decoration: none; }

.popup-nav .inner .navigation { margin-bottom: 2rem; }
.popup-nav .inner { grid-template-rows: auto max-content max-content; }

.popup-nav ul.top-left-menu,
.popup-nav .top-left-menu > ul { display:grid; }
/*.popup-nav .top-left-menu li:not(._button) { display:none; }*/
.popup-nav .top-left-menu li._button { margin-inline-start:-20px; }

.popup-nav ul.social { justify-content:center; }
.popup-nav .credits { text-align: center; }

a.link-tel,
a.link-email,
a.link-address { display: inline-flex; align-items: center; gap: 0.5em; text-decoration: none; }

a.link-tel:before { content: ''; height: 20px; width: 20px; background: url(assets/img/bullet-phone.svg); }
a.link-email:before { content: ''; height: 20px; width: 20px; background: url(assets/img/bullet-email.svg); }
a.link-address:before { content: ''; height: 20px; width: 20px; background: url(assets/img/bullet-location.svg); }

.popup ul.social li { width: 24px; }

@media ( max-width:1050px) {
	.header-right .desktop-only,
	.header-left .desktop-only { display:none; }
	.language-switcher-container { height: 2rem; padding:0.2em 0.4em 0em; }
}

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

.header-right li > a,
.header-left li > a,
li._button > a,
a.button,
a.button:visited,
.button { display:inline-block; cursor:pointer; padding:0.5em 1.2em 0.4em; text-decoration:none; background:var(--primary); text-align:center; color:var(--white); border-radius:50px; line-height: 1.3;
	border:none; }
a.button-tall,
a.button-tall:visited,
.button-tall { display:inline-block; cursor:pointer; padding:0.9em 1.2em 0.7em; text-decoration:none; background:var(--primary); text-align:center; color:var(--white); border-radius:50px; 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); }*/
.button.button-white,
a.button.button-white { background:var(--white); color:var(--black); }

.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 { 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) {
	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:1050px) {
	.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))); }
}

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

/* home: */

.section-home-main { padding:0 0 1.3rem; }

.einat-round-image { margin: 1rem 0; }

section.section-bottom-buttons { background: var(--white); padding-bottom: 0; }

.bottom-buttons-container { display: grid; gap: 1rem; }
.bottom-button-item .button {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 250px;
}

.bottom-button-item .expandable-content .inner {
    border: 6px solid var(--light-gray);
    padding: 1rem 1rem 2rem;
    border-radius: 1rem;
    box-shadow: inset 2px 4px 3px #0004;
	margin-bottom: 1rem;
}
.bottom-button-item .expandable-content h2 {
    text-align: center;
    color: var(--black);
    font-size: 32px;
    margin: 0 0 0.3rem;
}

body.home .site-content { padding-top:0; padding-bottom: 0; }

img.homepage-header {
	width: 100%; display: block;
	/*object-fit: cover; aspect-ratio: 1.7; object-position: 50% 100%;*/
}

.page-header { max-width: 1000px; margin: 0 auto 2rem; }

@media ( min-width:783px ) {
	.page-header-image-container { position: relative; }
	img.homepage-header {
		/*max-height: 100%; object-fit: cover; object-position: 50% 30%;
		max-height:calc(100vh - var(--admin-bar-height) - var(--site-header-height) - var(--home-3-buttons-height) + 100px);
		min-height:22vw;
		aspect-ratio: 1.7; object-position: 50% 100%;*/
	}
}

.beige-bg { background:var(--beige); }
.black { color:var(--black); }
section { padding:2rem 0; }

button.slick-arrow { position:absolute; top:50%; transform:translateY(-50%); border-radius: 50%; }
button.slick-arrow:hover { background-color:#0001; }

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

@media (min-width:783px) {
	body:not(.rtl) button.slick-next { left:auto; right:0; }
	body.rtl button.slick-next { right:auto; left:0; }
	body.rtl button.slick-prev { left: 102%; }
	body:not(.rtl) button.slick-prev  { right: 102%; }
	
	/*.section-goals .wrapper { margin: 0 var(--wrapper-margin); margin-inline-end: 0; width: auto; max-width: 1910px; }
	.section-goals-1 { padding-inline-end: 2rem; width:min(fit-content,30%); flex-shrink: 0; flex-grow: 0; }
	.section-goals-1 h2 { width: min-content; line-height:1.15; margin:0; }
	.section-goals .inner { width: 100%; display:grid; grid-template-columns: min(15em, 30%) calc(100% - min(15em, 30%)); }
	.goal { padding-inline-end:3rem; }

	.section-goals-2 { width: 100%; }*/
}

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

@media ( max-width:782px ) {
	section > h2,
	section > .wrapper > h2 { text-align: center; }
}

/*.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:24px; align-items: center; margin:0; padding:0; }

ul.social a { width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; background: var(--primary); border-radius: 50%; position:relative; }
ul.social a img { width: 56%; height: 56%; display: block; object-fit: contain; }

/* site footer */

section.section-social { background: var(--white); }
.section-social ul.social { justify-content:center; }

.site-footer { background: var(--primary); color:var(--white); padding: 20px 0; }
.site-footer .inner { display: flex; gap: 5px 20px; align-items: center; justify-content: center; }

@media ( max-width:782px ) {
	.site-footer .inner { }
	.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); }*/

ul.footer-menu { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:0 0; margin: 0; }
nav.footer-navigation { display: flex; align-items: center; }
.footer-menu a { color:inherit; display:block; text-decoration:none; }
ul.footer-menu > li { display:flex; align-items: center; }
ul.footer-menu > li:before { content:''; width:5px; height:5px; border-radius: 50%; background:var(--white); margin:0 20px; }

ul.footer-menu:not(:has(li:nth-child(2))) li:before { display:none; }

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


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

.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; 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:18px;
    margin: 1em auto; font-weight: 700; text-decoration: underline; }
/*.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,
.expandable.expanded > ._read-more { display:none; }
.expandable:not(.expanded) > .read-less,
.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; }

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

span.wpcf7-list-item label { display: flex; align-items: flex-start; gap: 0.5rem; }
span.wpcf7-list-item label input[type=checkbox] { margin-top: 0.26em; }

.donation-type-options.button-tabs { display:none; }
.wpcf7-form p:not(.checkboxes) label {
	display:block;
	background:white;
	border: 1px solid var(--light-gray);
	border-radius: 8px;
	font-size:20px;
	outline:none;
	min-height: 3em;
    position: relative;
	padding-top:1rem;
}
.wpcf7-form-control-wrap { display:block; }
form.donate-opener-form > .label,
.wpcf7-form span.label {
	display:block;
	padding:0.4rem 0.9rem;
	font-size:16px;
	color:var(--gray);
	position: absolute;
	z-index: 1;
    top: 0.5rem;
}
.wpcf7-form span.label.required:after { content:'*'; color:var(--red); }
form.donate-opener-form > .label,
.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 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
	width:100%;
	display:block;
	padding:0.4rem 0.9rem;
	border:none;
	background:none;
	border-radius: 8px;
	color: var(--black);
    font-size: 16px;
	outline:none;
}

span.wpcf7-form-control.wpcf7-checkbox { display: grid; gap: 0.5rem; margin: 1rem 0; }

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

.wpcf7 p { }
p.p-submit { margin-bottom: 0; position: relative; }
.wpcf7 input[type="submit"] {
	width:100%;
	margin: 1.7rem 0 0;
	display:block;
	border-radius: 100px;
	border: none;
	padding: 1rem;
	background: var(--primary);
	text-align: center;
	font-size: 24px;
    font-weight: bold;
	outline:none;
}
.wpcf7-form:not(.my-validated) input[type="submit"] {
	background:#0000001F;
	color:#00000042;
	cursor:auto;
}

.wpcf7-spinner { position:absolute; }

.wpcf7-not-valid-tip {
	color: var(--black);
	font-weight: 400;
	font-size:13px;
	line-height: 1.2;
	margin: -0.2rem 1rem 0.3rem;
	text-align: start;
}

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

.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,
.wpcf7-form p:not(.checkboxes) label,
.home-button,
.goal .read-more,
.faq-item,
.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: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);
	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; }





.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/_arrow-left.svg) center/cover no-repeat;
	font-size:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	/*top:50%;
	transform:translateY(-50%);*/
	width:48px;
	height:48px;
	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); }*/

/* this is usually the setup (arrows in the sides at half height) but not on this site:
body:not(.rtl) button.slick-next,
body.rtl button.slick-prev { transform:translateY(-50%) scaleX(-1); }
body:not(.rtl) button.slick-prev,
body.rtl button.slick-next { }*/

/*body:not(.rtl) button.slick-prev:after,
body.rtl button.slick-next:after { transform:rotate(-135deg); }*/
button.slick-arrow.slick-disabled { opacity: 0.25; cursor: auto; }

/*.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:10px; list-style:none; padding:0 0 calc((48px - 8px)/2); margin:1rem auto; justify-content:flex-start; flex-wrap:wrap; }
ul.slick-dots li button { width:8px; height:8px; background:var(--light-gray); 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(--primary); width: 40px; }

@media (max-width:782px) {
	ul.slick-dots { justify-content: center; }
	/*.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) {

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

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

	.wrapper .wrapper, .wrapper-smaller { width:100%; }
	
	html { font-size:20px; 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 { position: relative; }
	
	/* mobile nav menu: */
	#navbar {
		padding:0;
		position:fixed;
		top:calc(var(--admin-bar-height) + var(--site-header-height));
		right:0;
		color:var(--black);
		bottom: -20vh;
		overflow:auto;
		z-index:100;
		margin:0;
		background:url(assets/img/bg.png);
		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; padding:0.6em 0; }
	.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; }
	/*.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; }
}