/* ------------------------------------------- Name: League for Yiddish Date: 2025/08/20 --------------------------------------------- */ *, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline: 0 solid var(--theme); transform-origin: center center; justify-content: var(--justify); } /* hidden + clip: clip avoids scroll-container behavior that breaks position:sticky on descendants (e.g. .nav-main) */ html { overflow-x: hidden; overflow-x: clip; overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } body { width: 100%; min-height: 100%; background: var(--bg); font-size: var(--fz_main); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-synthesis: style; } /*! Variables --------- */ :root { --white: #ffffff; --cloud: #c6c6c6; --black: #000000; --red: #ff0000; --theme: #b8882f; --bg: #fffefb; --lemon: #fffdcf; --text: #00205b; --frost: #e5eeff; --smoke: #78797c; --rpp: calc(var(--c) * 25); --rpn: calc(0px - var(--rpp)); --fw_main: 400; --fw_bold: 700; --fw_head: var(--fw_bold); --ff_main: Narkiss Tam, Arial, Helvetica, sans-serif; --ff_head: Narkissim Headline, Arial, Helvetica, sans-serif; --ff_text: Narkissim Text, Arial, Helvetica, sans-serif; --lh_main: 1.380952381; --lh_head: 1.2368421053; --fz_main: var(--s21); --fz_head: var(--s26); --fz_h1: clamp(var(--s38), 4.8333333333vw, var(--s58)); --fz_h2: clamp(var(--s27), 3.1666666667vw, var(--s38)); --mr_main: calc(var(--lh_main) * var(--fz_main) * .5); --mr_head: var(--mr_main); --mr_sect: calc(var(--c) * 52); --mr_cont: calc(var(--mr_main) * 5); --mr_hr: calc(var(--mr_main) * 1.25); --mr_fig: calc(var(--mr_main) * 2.3); --ta_start: left; --ta_end: right; --justify: flex-start; --cols: var(--rpp); --input_h: calc(var(--c) * 52); --input_pd: calc(var(--input_h) * 0.3846153846); --input_bd: var(--text); --input_bg: var(--white); --input_fg: inherit; --input_fz: var(--s17); --input_pl: var(--cloud); --btn_fg: var(--white); --btn_bw: 1px; --btn_bd: var(--text); --btn_bg: var(--text); --btn_fz: var(--s17); --btn_fw: var(--fw_main); --btn_ff: var(--ff_main); --btn_lh: var(--lh_head); --btn_hh: calc(var(--c) * 40); --btn_p1: calc((var(--btn_hh) - var(--btn_fz) * var(--btn_lh)) * 0.5 - var(--btn_bw) * 2); --btn_p2: calc(var(--btn_hh) * .5); --btn_dist: calc(var(--c) * 14); --l0ra: 0px; --lar0: auto; --l1ra: 100%; --lar1: auto; --s13: calc(var(--c) * 13); --s15: calc(var(--c) * 15); --s16: calc(var(--c) * 16); --s17: calc(var(--c) * 17); --s21: calc(var(--c) * 21); --s26: calc(var(--c) * 26); --s27: calc(var(--c) * 27); --s29: clamp(calc(var(--c) * 21), 2.416666666vw, calc(var(--c) * 29)); --s38: calc(var(--c) * 38); --s58: calc(var(--c) * 58); --c: 1px; --glw: calc(var(--c) * 1240); --ul: calc(var(--c) * 32); --offset: min(0px, calc(0px - 50vw + var(--glw) * 0.5 + var(--offset_w))); --offset_w: calc(var(--c) * 105); --top_h: calc(var(--c) * 94); --fz_logo: var(--s58); --icon_external: calc(var(--c) * 5); --footer_pd: calc(var(--c) * 62); --content_p: var(--mr_cont); } [dir="rtl"] { --ta_start: right; --ta_end: left; --l0ra: auto; --lar0: 0px; --l1ra: auto; --lar1: 100%; } /*! Mixins --------- */ /* cl:b */ .list-contact:after { content: ""; display: block; overflow: hidden; clear: both; } /* fill */ .list-contact.strong:before, .list-gallery-slider li:after, .cols.border:before, .list-contact.box li:after, .list-gallery.news > li:after, .scheme-box:before, .list-tags a:before, .list-search > li:before, .form-sort:before, .list-star li:after, .list-box li:before, .cols.c > *:before, .list-download a:before, .swiper-custom-pagination .swiper-pagination-bullet:before, .list-gallery .shadow, .list-gallery li:after, .list-gallery a:before, .list-gallery li:before, .list-index li:before, #footer nav:before, .list-contact:before, .list-contact li:before, #top > div:before, #footer:before, #nav > ul > li > a:after, .nav-main li a:before, .nav-main:before, .module-box:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; } /* icon */ .swiper-button-nav:before, .list-contact.box a:after, #nav > ul:first-child > li:before, .list-pagination a:before, .form-search p.back a:before, .form-search button:before, #search button:before, .popup-a .box-inset > .close:before, .list-star li:before, .list-download li:before, figure .icon-youtube:after, figure .icon-play:after, p.logo:before, p.logo:after, #top > div:after, #logo:before, #logo:after { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; font-style: normal; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; } /* z:8 */ .list-contact.box a:before, .list-tags a:before, .list-download a:before, .list-gallery a:before { z-index: 8; } /* i:wi */ .list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; object-fit: cover; } /* td:u */ .text-underline { text-decoration: underline; } /* td:n */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } /* a11y */ .list-pagination a:after, #footer .size-13 a:before, .list-contact a:before, #footer nav a:before, #nav > ul > li > a:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; z-index: 8; width: 100%; min-width: 44px; height: 100%; min-height: 44px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border-width: 0; transform: translate(-50%, -50%); } /*! Defaults --------- */ body, textarea, input, select, option, button { color: var(--text); font-family: var(--ff_main); font-weight: var(--fw_main); line-height: var(--lh_main); } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, #footer li, .module-welcome figure { margin-bottom: var(--mr_main); } h1, h2, h3, h4, h5, h6, legend, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: var(--mr_head); font-size: var(--fz_head); font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); } h1, .h1 { font-size: var(--fz_h1); line-height: 1.1034482759; } h1 .normal, .h1 .normal { font-weight: var(--fw_main);} h2, .h2 { font-size: var(--fz_h2); } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { display: block; color: var(--smoke); font-family: var(--ff_main); font-weight: var(--fw_main); font-size: var(--s17); line-height: var(--lh_main); } a { background: none; color: var(--theme); text-decoration: underline; cursor: pointer; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a, #footer .size-13 a, #root .link-donate a, #root .list-sort li:not(.active) a, #root .list-gallery .link-more a { color: inherit; } ul, ol, dd, blockquote { padding-inline-start: var(--ul); } li { position: relative; /*margin-bottom: var(--mr_main);*/ } ul { list-style: none; } ul li:before { content: "\2022\00a0"; display: block; position: absolute; top: 0; color: var(--theme); } [dir="ltr"] ul li:before { left: calc(0px - var(--ul) * .5); } [dir="rtl"] ul li:before { right: calc(0px - var(--ul) * .5); } /*! Layout --------- */ #root { position: relative; width: 100%; min-height: 100vh; padding: var(--top_h) var(--rpp) 0; } /* #wpadminbar + #root { margin-top: 32px;} */ #top { position: fixed; left: 0; right: 0; top: 0; z-index: 8; height: var(--top_h); padding: 0 var(--rpp); background: var(--bg); } #top > div { position: relative; z-index: 2; width: 100%; max-width: var(--glw); height: var(--top_h); margin: 0 auto; padding-right: calc(var(--fz_logo) * 2.1724137931); } #top > div:before { left: 0; right: 0; bottom: -1px; border-bottom: 1px solid var(--cloud); } #top > div:after { content: "\e900"; left: 0; right: auto; font-size: calc(var(--c) * 14); } #logo { position: absolute; top: 0; right: 0; bottom: 0; width: calc(var(--fz_logo) * 2.1724137931); margin: 0; font-size: var(--fz_logo); } #logo:before, #logo:after, p.logo:before, p.logo:after { top: 0; bottom: 0; margin: 0; line-height: 1; } #logo:before, p.logo:before { content: "\e90c"; } #logo:hover:before, p.logo:hover:before { color: var(--theme); } #logo:after, p.logo:after { content: "\e90d"; color: var(--theme); } #logo a, p.logo a { display: block; overflow: hidden; position: relative; z-index: 2; width: 100%; height: 100%; text-indent: -3000em; text-align: left; direction: ltr; } #skip { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; z-index: 10001; } #skip ul { list-style: none; margin: 0; padding: 0; } #root #skip a { display: block; overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; outline: none; } #root #skip a:focus, #root #skip a:active { overflow: visible; width: auto; height: auto; margin: 0; clip: auto; clip-path: none; inset-inline-start: var(--rpp); top: var(--rpp); } #nav { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; margin: 0 auto; font-family: var(--ff_main); font-size: var(--s17); --dist: var(--rpp); --lang_dist: calc(var(--c) * 45); padding-right: var(--dist); } #nav > ul { list-style: none; margin: 0 calc(0px - var(--dist)) 0 0; padding: 0; } #nav > ul > li { position: relative; margin: 0 var(--dist) 0 0; padding: calc(var(--c) * 6) 0; } #nav > ul > li.hide-top { display: none;} #nav > ul > li > a { display: block; position: relative; z-index: 2; color: inherit; line-height: var(--lh_head); text-decoration: none; --icon_external: calc(var(--c) * 8); } #nav > ul > li > a i { display: block; font-size: 0.5294117647em; line-height: 1; } #nav > ul > li > a i.icon-home { position: relative; top: -.1em; margin: 0; font-size: 1.1764705882em; } #nav > ul > li:is(.current-menu-item, .current-page-ancestor) > a, .single-issue #nav > ul > li.afn-shvel-nav > a { color: var(--theme); } #nav > ul > li > ul { display: none; position: absolute; top: 100%; list-style: none; margin: 0; padding: var(--pd2) 0 calc(var(--pd2) - var(--mr)); border: 1px solid var(--cloud); background: var(--bg); font-size: var(--s17); font-family: var(--ff_main); line-height: var(--lh_main); --pd: calc(var(--c) * 24); --pd2: calc(var(--c) * 14); --mr: calc(var(--c) * 10); } [dir="ltr"] #nav > ul > li > ul { left: calc(0px - var(--c) * 4); } [dir="rtl"] #nav > ul > li > ul { right: calc(0px - var(--c) * 4); } #nav > ul > li > ul li { padding: 0; } #nav > ul > li > ul li a { display: block; padding: calc(var(--mr) * .5) var(--pd); color: var(--text); text-decoration: none; white-space: nowrap; } #nav > ul ~ ul { position: absolute; left: var(--lang_dist); top: 0; bottom: 0; font-family: var(--ff_main); text-transform: uppercase; direction: ltr; --dist: calc(var(--c) * 15); } #nav > ul ~ ul > li.active > a { font-weight: var(--fw_bold); color: var(--theme); } #nav > ul ~ ul > li.active > a:after { bottom: calc(var(--c) * 3); border-bottom: 1px solid var(--theme); } #top a.search, #top a.menu { display: block; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; z-index: 6; width: calc(var(--c) * 44); text-indent: -3000em; text-align: left; direction: ltr; } body.search #top a.search { pointer-events: none;} #top a.menu { z-index: 9; width: calc(var(--c) * 64); left: calc(var(--c) * -18);} #search { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 calc(var(--fz_logo) * 2.1724137931 + var(--rpp)); --bw: calc(var(--c) * 28); --input_h: calc(var(--c) * 32); --input_pd: 0px; } #search p { width: 100%; max-width: calc(var(--c) * 715); margin: 0 auto; color: var(--theme); } #search input { border-width: 0; border-bottom-width: 1px; color: var(--text); } #search input:focus { --input_bd: var(--text);} [dir="ltr"] #search input { padding-right: var(--bw); } [dir="rtl"] #search input { padding-left: var(--bw); } #search button { position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; width: var(--bw); height: auto; min-height: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--text); font-size: calc(var(--c) * 14); text-indent: -3000em; text-align: left; direction: ltr; } #search button:before, .form-search button:before { content: "\e900"; } #content, #footer { position: relative; z-index: 3; width: 100%; margin: 0 auto; } #content { max-width: var(--glw); padding-top: var(--content_p); scroll-margin-top: var(--top_h); } #content > *:last-child { margin-bottom: var(--mr_cont); } #content > .cols:last-child { margin-bottom: calc(var(--mr_cont) - var(--mr_main)); } #content > .list-gallery:last-child, #content > .list-index:last-child { margin-bottom: calc(var(--mr_cont) - var(--dist2)); } #content > *:last-child:has(>.list-gallery:last-child) { margin-bottom: 0; } #content > *:last-child:has(>.list-gallery:last-child) > .list-gallery:last-child { margin-bottom: calc(var(--mr_cont) - var(--dist2)); } #content > .nav-main:first-child { margin-top: calc(0px - var(--content_p)); } #footer { z-index: 2; position: relative; width: auto; max-width: var(--glw); margin: 0 auto; padding: calc(var(--c) * 100) var(--rpp) var(--rpp); font-size: var(--s15); line-height: 1.2; } #footer:before { left: var(--offset); right: var(--offset); top: -1px; border-top: 1px solid var(--cloud); } [dir="ltr"] #footer { padding-left: calc(var(--offset_w) + var(--footer_pd)); } [dir="rtl"] #footer { padding-right: calc(var(--offset_w) + var(--footer_pd)); } #footer p.logo { display: block; position: absolute; top: calc(var(--c) * 48); width: calc(var(--fz_logo) * 2.1724137931); height: var(--fz_logo); margin: 0; font-size: var(--fz_logo); } [dir="ltr"] #footer p.logo { left: 0; } [dir="rtl"] #footer p.logo { right: 0; } #footer nav > ul { position: relative; z-index: 2; border-left-width: 0; --w: 25%; } #footer nav > ul > * { width: var(--w); margin: 0 0 calc(var(--cols) - var(--c) * 6); border-left: var(--cols) solid rgba(0,0,0,0); } #footer nav > ul > *:first-of-type { display: none;} #footer nav > ul > li > ul > li:first-of-type { display: none;} #footer nav > ul > li > a { display: block; margin-bottom: calc(var(--c) * 12); font-size: var(--fz_main); font-size: 1em; font-weight: var(--fw_bold); font-family: var(--ff_main); line-height: 1.2; } #footer nav ul { list-style: none; padding: 0; } #footer .cols.size-13 { padding-top: calc(var(--c) * 10); color: var(--smoke); } /*! Columns --------- */ .cols { display: block; position: relative; margin-left: calc(0px - var(--cols)); } .cols > * { display: block; position: relative; clear: none; border: 0 solid rgba(0,0,0,0); border-left-width: var(--cols); } .cols:has(> h1 + p, > h2 + p, > h3 + p, > h4 + p, > h5 + p, > h6 + p) { align-items: baseline; } .cols > *:has(.list-gallery.width-190) { flex-shrink: 0; } .cols > .width-170 { width: 100%; max-width: calc(var(--width) + var(--cols)); flex-shrink: 0; } /* .cols.b130 { margin-left: calc(0px - var(--c2)); --c2: clamp(var(--rpp), 8.3333333333vw, calc(var(--c) * 100)); } */ /* .cols.b130 > * { border-left-width: var(--c2); } */ /*.cols.a {}*/ .cols.a > .width-60:has(+.width-30) { width: 100%; max-width: calc(var(--c) * 610 + var(--cols)); } /*.cols.c {}*/ .cols.c > .width-60:has(+.width-30), .cols > *:has(+* .list-gallery.width-190) { width: 100%; max-width: calc(var(--c) * 710 + var(--cols)); } [dir="ltr"] .cols.c { margin-right: auto; } [dir="rtl"] .cols.c { margin-left: auto; } /* p[dir="rtl"], p[dir="ltr"], span[dir="rtl"], span[dir="ltr"] { direction: inherit; unicode-bidi: embed; text-align: inherit;} */ [class*="width-"] { width: 100%; max-width: var(--width); --width: none; } .width-20 { --width: 20%; } .width-25 { --width: 25%; } .width-30 { --width: 30%; } .width-33 { --width: 33.33333333333%; } .width-40 { --width: 40%; } .width-45 { --width: 45%; } .width-50 { --width: 50%; } .width-55 { --width: 55%; } .width-60 { --width: 60%; } .width-66 { --width: 66.66666666666%; } .width-100 { --width: 100%; } .width-170 { --width: calc(var(--c) * 170); } .width-190 { --width: calc(var(--c) * 190); } .width-500 { --width: calc(var(--c) * 500); } .width-610 { --width: calc(var(--c) * 610); } .width-715 { --width: calc(var(--c) * 715); } .width-820 { --width: calc(var(--c) * 820); } /*! Modules --------- */ .align-center { margin-left: auto; margin-right: auto; } .module-box { position: relative; z-index: 2; margin-top: var(--mr_fig); margin-bottom: var(--mr_fig); padding: var(--pd) var(--pd2) max(.1px, calc(var(--pd) - var(--mr_main))); --bg: var(--white); --pd: calc(var(--c) * 20); --pd2: var(--pd); --mr: var(--mr_fig); } .module-box:before { background: var(--bg); } .cols + .module-box { margin-top: calc(var(--mr) - var(--mr_main)); } .module-box.cta { --pd: clamp(calc(var(--c) * 40), 5.8333333333vw, calc(var(--c) * 70)); --pd2: clamp(calc(var(--c) * 20), 5.8333333333vw, calc(var(--c) * 70)); --mr: var(--mr_sect); } .module-box > p { max-width: calc(var(--c) * 820); margin-left: auto; margin-right: auto;} .module-offset { margin-left: auto; margin-right: auto; } .module-welcome { max-width: calc(var(--c) * 920); font-size: var(--s17); --fz_h1: clamp(min(calc(var(--c) * 40.8), 10vw), 6.666666666vw, calc(var(--c) * 80)); text-align: left; direction: ltr; --hm: var(--mr_main); } .module-welcome h1, .module-welcome h2, .module-welcome h3, .module-welcome h4, .module-welcome h5, .module-welcome h6 { margin-bottom: var(--hm); font-size: var(--fz_h1); text-align: left; } .module-welcome .cols .cols { max-width: calc(var(--c) * 400 + var(--cols)); } .module-welcome .text-start { text-align: left; } .module-welcome .text-end { text-align: right; } [dir="rtl"] .module-welcome .cols .cols { margin-right: auto; } .module-welcome [lang] { direction: ltr; } .module-welcome [dir="rtl"], .module-welcome [lang*="yi"], .module-welcome [lang*="he"] { direction: rtl; text-align: right; } [lang="yi"] .module-welcome [dir="rtl"], [lang="en-US"] .module-welcome [dir="ltr"] { font-weight: var(--fw_bold);} [lang="yi"] .module-welcome [dir="ltr"], [lang="en-US"] .module-welcome [dir="rtl"], [lang="en-US"] .module-welcome .intro > * > *, [lang*="yi"] .module-welcome .intro > * > * { font-weight: var(--fw_main);} .module-welcome .cols + div i { font-size: calc(var(--c) * 58);} h1 span:not([dir="auto"]) { display: inline-block; direction: ltr;} h1 span[lang="yi"]:not([dir="auto"]) { direction: rtl;} h1 span[dir="auto"] { display: inline-block; } h1 span.hidden { display: none; } .module-welcome a.arrow-link { text-decoration: none; color: var(--text);} .module-welcome .hover-img, .module-welcome figure:hover picture { display: none;} .module-welcome figure:hover .hover-img { display: block;} #section-opener { scroll-margin-top: calc(var(--top_h) + var(--mr_sect));} #section-opener article div p strong { color: var(--theme);} /* Embedded CC email HTML -- CC uses only inline styles; rules here compensate where theme styles would override them */ .module-vfdv-content { margin: 0 auto; max-width: calc(var(--c) * 660); } /* width:100% shrinks CC shell tables on mobile; max-width caps desktop at CC's ~630px design width so columns wrap like the original email */ .module-vfdv-content table { width: 100% !important; max-width: min(100%, calc(var(--c) * 630)) !important; margin-bottom: 0; } .module-vfdv-content td, .module-vfdv-content th { word-break: break-word; overflow-wrap: anywhere; } .module-vfdv-content img { max-width: 100% !important; height: auto !important; margin: 0 auto; } .module-vfdv-content td.divider_container { background-color: var(--bg); } /* shell's black background bleeds into divider padding areas without this */ .module-vfdv-content td.divider_content-cell img { height: 1px !important; } /* height:auto + width:5px scales this 1x1 spacer gif to 5px via aspect ratio; restore to 1px */ .lfy-donate { font-family: var(--ff_main); max-width: calc(var(--c) * 680); margin: 0 auto; padding: 0; color: var(--text); } .lfy-donate--invoice-request { margin-top: calc(var(--mr_main) * 1.5); } .lfy-donate * { box-sizing: border-box; } .lfy-donate[dir="ltr"] { direction: ltr; text-align: left; --ta_start: left; --ta_end: right; --l0ra: 0px; --lar0: auto; --l1ra: 100%; --lar1: auto; } .lfy-donate[dir="ltr"] input:not([dir="auto"]), .lfy-donate[dir="ltr"] select { direction: ltr; text-align: left; } .lfy-donate[dir="ltr"] select { padding-right: var(--input_h); padding-left: var(--input_pd); background-position: calc(100% - var(--input_pd)) center; } .lfy-donate[dir="ltr"] .lfy-custom-input { padding-left: calc(var(--input_pd) + var(--c) * 14); padding-right: var(--input_pd); } .lfy-donate .lfy-intro { font-size: var(--fz_main); line-height: var(--lh_main); margin-bottom: calc(var(--mr_main) * 1.5); color: var(--text); } .lfy-donate .lfy-frequency { display: flex !important; gap: var(--btn_dist); margin-bottom: calc(var(--mr_main) * 1.5); } .lfy-donate .lfy-freq-btn { flex: 1; padding: calc(var(--c) * 10) calc(var(--c) * 16); border: 1px solid var(--text); border-radius: calc(var(--c) * 16); background: var(--white); font-size: var(--s17); color: var(--text); cursor: pointer; transition: all 0.18s ease; text-align: center; font-family: inherit; } .lfy-donate .lfy-freq-btn.active { background: var(--text); color: var(--white); font-weight: var(--fw_bold); } .lfy-donate .lfy-monthly-note { font-size: var(--s15); color: var(--text); margin-top: calc(0px - var(--mr_main) * .5); margin-bottom: var(--mr_main); font-style: italic; } .lfy-donate .lfy-monthly-note[hidden] { display: none !important; } .lfy-donate .lfy-amounts-label, .lfy-donate .lfy-fields-label { font-size: var(--s13); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text); margin-bottom: calc(var(--mr_main) * .5); } .lfy-donate .lfy-amounts { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: var(--btn_dist); margin-bottom: var(--mr_main); } .lfy-donate .lfy-amounts--levels { grid-template-columns: repeat(4, 1fr); } .lfy-donate .lfy-amount-btn { padding: calc(var(--c) * 12) calc(var(--c) * 8); border: 1px solid var(--text); background: var(--white); border-radius: calc(var(--c) * 16); font-size: var(--s21); color: var(--text); cursor: pointer; transition: all 0.15s ease; text-align: center; font-family: inherit; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--c) * 2); min-height: calc(var(--c) * 88); } .lfy-donate .lfy-amount-btn .lfy-amount-value { display: block; font-size: var(--s21); line-height: 1.2; } .lfy-donate .lfy-amount-btn .lfy-level-name { display: block; font-size: var(--s17); line-height: 1.2; font-weight: normal; } .lfy-donate .lfy-amount-btn .lfy-level-yiddish { display: block; font-size: var(--s15); line-height: 1.25; font-weight: normal; } .lfy-donate .lfy-amount-btn .lfy-level-latn { font-style: italic; } .lfy-donate .lfy-amount-btn .lfy-level-hebr { unicode-bidi: isolate; } .lfy-donate .lfy-amount-btn:hover, .lfy-donate .lfy-amount-btn.selected { background: var(--text); color: var(--white); } .lfy-donate .lfy-checks--premium { margin-top: 0; margin-bottom: calc(var(--mr_main) * 1.5); } .lfy-donate .lfy-custom-wrap { position: relative; margin-bottom: calc(var(--mr_main) * 1.5); } .lfy-donate .lfy-custom-wrap .lfy-dollar { position: absolute; left: var(--input_pd); top: 50%; z-index: 2; transform: translateY(-50%); color: var(--text); font-size: var(--input_fz); pointer-events: none; } .lfy-donate .lfy-custom-input { padding-inline-start: calc(var(--input_pd) + var(--c) * 14); } .lfy-donate .lfy-divider { border: none; border-top: 1px solid var(--cloud); margin: var(--mr_hr) 0; } .lfy-donate .lfy-field-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: var(--btn_dist); margin-bottom: var(--btn_dist); } .lfy-donate .lfy-field-row.lfy-single { grid-template-columns: 1fr; } .lfy-donate .lfy-field { display: flex !important; flex-direction: column; gap: calc(var(--c) * 4); } .lfy-donate .lfy-field label { font-size: var(--s15); color: var(--text); } .lfy-donate .lfy-checks { margin: var(--mr_main) 0 calc(var(--mr_main) * 1.5); display: flex !important; flex-direction: column; gap: calc(var(--mr_main) * .5); } .lfy-donate .lfy-check-label { display: flex !important; align-items: flex-start; gap: calc(var(--c) * 10); font-size: var(--s15); line-height: var(--lh_main); color: var(--text); cursor: pointer; } .lfy-donate .lfy-check-label input[type="checkbox"], .lfy-donate .lfy-check-label input[type="radio"] { margin-top: calc(var(--c) * 2); width: calc(var(--c) * 16); height: calc(var(--c) * 16); flex-shrink: 0; accent-color: var(--text); cursor: pointer; } .lfy-donate .lfy-check-label a { color: var(--theme); } .lfy-donate .lfy-submit-btn { width: 100%; margin-top: calc(var(--mr_main) * .5); } .lfy-donate .lfy-offline { margin-top: calc(var(--mr_main) * 1.5); padding: var(--mr_main) calc(var(--mr_main) * 1.25); background: var(--frost); font-size: var(--s15); line-height: var(--lh_main); color: var(--text); } .lfy-donate .lfy-offline strong { display: block; margin-bottom: calc(var(--mr_main) * .25); color: var(--text); } .lfy-donate .lfy-error { background: var(--frost); border: 1px solid var(--red); padding: calc(var(--c) * 10) calc(var(--c) * 14); font-size: var(--s15); color: var(--red); margin-bottom: var(--mr_main); display: none; } .lfy-donate .lfy-req { color: var(--red); } .lfy-donate .lfy-hint { font-size: var(--s15); color: var(--text); margin: 0 0 var(--mr_main); line-height: var(--lh_main); } .lfy-donate .lfy-hint-lead { font-size: var(--s21); } .lfy-donate .lfy-hint-inline { display: inline; font-size: var(--s13); color: var(--text); } .lfy-donate .lfy-hint a, .lfy-donate .lfy-hint-inline a { color: var(--theme); } .lfy-donate .lfy-billing-fields { margin-bottom: calc(var(--mr_main) * 1.5); padding: var(--mr_main); background: var(--frost); } .lfy-donate .lfy-billing-fields[hidden] { display: none !important; } .lfy-donate .lfy-offline-fields[hidden] { display: none !important; } .lfy-donate .lfy-offline-fields { margin-top: calc(var(--mr_main) * .5); } .lfy-donate .lfy-payment-element { min-height: 0; margin-bottom: calc(var(--mr_main) * .5); padding: calc(var(--c) * 4) 0; } .lfy-donate .lfy-payment-element iframe { position: static !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 40px; } .lfy-donate .lfy-notes { margin-top: var(--mr_main); } .lfy-donate .lfy-notes textarea { min-height: calc(var(--c) * 72); } .lfy-donate .lfy-info { background: var(--frost); border: 1px solid var(--cloud); padding: calc(var(--c) * 10) calc(var(--c) * 14); font-size: var(--s15); color: var(--text); margin-bottom: var(--mr_main); display: none; } .lfy-donate textarea { width: 100%; min-height: calc(var(--c) * 88); resize: vertical; } .lfy-donate input[dir="auto"], .lfy-donate textarea[dir="auto"] { text-align: initial; } .lfy-donate .lfy-submit-btn:disabled { opacity: 0.65; cursor: wait; } .lfy-page-intro { max-width: calc(var(--c) * 680); margin: 0 auto calc(var(--mr_main) * 1.5); } .lfy-rate-table-wrap { overflow-x: auto; margin-bottom: var(--mr_main); } .lfy-rate-table { width: 100%; border-collapse: collapse; font-size: var(--s17); color: var(--text); } .lfy-rate-table th, .lfy-rate-table td { padding: calc(var(--c) * 10) calc(var(--c) * 16); border: 1px solid var(--cloud); text-align: center; } .lfy-rate-table th { font-weight: var(--fw_bold); background: var(--frost); } .lfy-rate-table td:first-child, .lfy-rate-table th:first-child { text-align: left; } /* Sticky section nav: stays under fixed #top while scrolling */ .nav-main { position: sticky; top: var(--top_h); z-index: 7; margin: var(--mr_sect) 0; padding: 0 0 1px; font-family: var(--ff_text); font-size: var(--s16); line-height: var(--lh_head); text-align: center; white-space: nowrap; --dist: var(--rpp); background: var(--bg); } .nav-main:before { left: 0; right:0; border: 0 solid var(--cloud); border-top-width: 1px; border-bottom-width: 1px; } .nav-main ul, .nav-main ol { overflow-y: hidden; overflow-x: auto; list-style: none; width: 100%; margin: 0; padding: 0; gap: var(--dist); } .nav-main li { position: relative; margin: 0; } .nav-main li a { display: block; position: relative; z-index: 2; padding: calc(var(--c) * 14) 0 calc(var(--c) * 13); color: inherit; text-decoration: none; --bw: 0px; } .nav-main li a:before { border-bottom: var(--bw) solid var(--theme); } .nav-main li.active a, .nav-main li.current-menu-item a, .single-book .nav-main li.books-parent > a, .single-book #nav > ul > li.our-work-nav > a, .single-word .nav-main li.words-parent > a, .single-word #nav > ul > li.our-work-nav > a, .single-announcement .nav-main li.announcements-parent > a, .single-announcement #nav > ul > li.about-us-nav > a, .page-template-events-past #nav > ul > li.events-nav > a, .page-template-about-announcements #nav > ul > li.about-us-nav > a { color: var(--theme); --bw: calc(var(--c) * 4); } .page-template-join-and-support-other-ways #nav > ul > li.support-nav > a, .page-template-join-and-support-donations #nav > ul > li.support-nav > a, .page-template-join-and-support-membership #nav > ul > li.support-nav > a, .page-template-join-and-support-tribute-gifts #nav > ul > li.support-nav > a, .page-template-join-and-support-gift-memberships #nav > ul > li.support-nav > a, .page-template-join-and-support-institutional-subscriptions #nav > ul > li.support-nav > a { color: var(--theme); --bw: calc(var(--c) * 4); } .nav-main li:not(:first-of-type).current-page-ancestor a { color: var(--theme); } .popup-a { overflow-y: auto; overflow-x: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 998; --pd: calc(var(--c) * 46); } .popup-a .box-outer { position: absolute; left: 0;right: 0; top: 0; bottom: 0; z-index: 2; min-height: 100%; padding: var(--rpp); } .popup-a .box-outer > .close { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 997; background: rgba(0,0,0,.25); text-indent: -3000em; cursor: pointer; } .popup-a .box-inner { position: relative; z-index: 998; width: 100%; max-width: calc(var(--c) * 788); margin: 0; } .popup-a .box-inset { padding: var(--pd) var(--pd) calc(var(--pd) - var(--mr_main)); background: var(--white); } .popup-a .box-inset > .close { display: block; overflow: hidden; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; width: calc(var(--c) * 55); height: calc(var(--c) * 55); margin: 0; padding: 0; border-width: 0; background: none; color: var(--text); font-size: calc(var(--c) * 15); text-align: left; text-indent: -3000em; direction: ltr; } .popup-a .box-inset > .close:before { content: "\e905"; } .popup-a::-webkit-scrollbar { width: 0; background: none; } .popup-a.shown { z-index: 999; } .popup-a:not(.shown), .popup-a:not(.shown) .box-outer > .close { visibility: hidden; opacity: 0; pointer-events: none; } .page-template-about-who-we-are .popup-a .cols { justify-content: var(--ta_start);} /*! Content --------- */ .fw-bold { font-weight: var(--fw_bold); } .fs-italic { font-style: italic; } .text-start { text-align: var(--ta_start); --justify: flex-start; } .text-center, .module-welcome figure { text-align: center; --justify: center; } .text-end { text-align: var(--ta_end); --justify: flex-end; } .text-justify { text-align: justify; --justify: space-between; } .text-uppercase { text-transform: uppercase; } p:has(>.fw-bold:first-child+br):not(:first-child) { margin-top: calc(var(--mr_main) * 2); } q { display: block; color: var(--theme); font-family: var(--ff_head); font-weight: var(--fw_head); font-size: var(--fz_h2); line-height: var(--lh_head); } q + span { display: block; padding: calc(var(--mr_main) * 1.5) 0 0; color: var(--theme); font-size: var(--s17); } .size-13 { font-size: var(--s13); } .size-15 { font-size: var(--s15); } .size-17 { font-size: var(--s17); } h1.size-17, h2.size-17, h3.size-17, h4.size-17, h5.size-17, h6.size-17 { font-family: var(--ff_main); line-height: var(--lh_main); } .size-21 { font-size: var(--s21); } .size-26 { font-size: var(--s26); } .size-29 { font-size: var(--s29); } .size-29.overlay-theme { font-size: calc(var(--c) * 29); } .cols.b130 .size-29 { max-width: calc(var(--c) * 532.5); } .overlay-theme, figure .icon-external.overlay-theme { color: var(--theme); } .overlay-content { color: var(--text); } .overlay-gray { color: var(--smoke); } .scheme-a { line-height: 1.666666666; } .cols.a article em, .cols.b article em, .popup-a .box-inset div em, .cols.a article i, .cols.b article i:not([class^="icon-"]) { font-style: italic; } .list-publications a { text-decoration: underline; color: var(--text);} .list-publications a:hover { text-decoration: underline; } .list-publications li span { font-style: italic; } .popup-a .box-inset div a { text-decoration: underline; color: var(--text); } .scheme-box { padding: calc(var(--c) * 4) calc(var(--c) * 12) calc(var(--c) * 2); color: var(--bd); font-size: var(--s17); --bw: 1px; --bd: var(--theme); } [dir="ltr"] .scheme-box { padding-left: calc(var(--c) * 42);} [dir="rtl"] .scheme-box { padding-left: calc(var(--c) * 12); padding-right: calc(var(--c) * 42);} .scheme-box:before { border-radius: calc(var(--c) * 16); border: var(--bw) solid var(--bd); background: var(--bg); } .scheme-box i { display: block; position: relative; font-size: 0.8235294118em; line-height: 1; } [dir="ltr"] .scheme-box i { margin-right: calc(var(--c) * 6); } [dir="rtl"] .scheme-box i { margin-left: calc(var(--c) * 6); } .scheme-box i.icon-calendar { top: -.05em; } figure .scheme-box, figure .icon-calendar { position: absolute; top: calc(var(--c) * 12); z-index: 2; --bw: 0; } [dir="ltr"] figure .scheme-box, [dir="ltr"] figure .icon-calendar { left: calc(var(--c) * 12); } [dir="rtl"] figure .scheme-box, [dir="rtl"] figure .icon-calendar { right: calc(var(--c) * 12); } .scheme-underline { border-bottom: calc(var(--c) * 4) solid var(--theme); } /*! Links --------- */ .list-contact a, #footer nav a, #footer .size-13 a { display: inline-flex; position: relative; --icon_external: calc(var(--c) * 8); } .list-contact a, #footer nav a { color: inherit; text-decoration: none; } .link-btn { margin-top: calc(var(--mr_main) * 1.5); margin-right: calc(0px - var(--btn_dist)); margin-bottom: calc(var(--mr_main) - var(--btn_dist)); } .link-btn:not(:last-child) { margin-bottom: calc(var(--mr_main) * 1.5 - var(--btn_dist)); } .link-btn > * { margin: 0 var(--btn_dist) var(--btn_dist) 0; } h1 + .link-btn, h2 + .link-btn, h3 + .link-btn, h4 + .link-btn, h5 + .link-btn, h6 + .link-btn { margin-top: calc(var(--mr_main) * 2); } .links-container { display: flex; flex-wrap: wrap; margin-top: calc(var(--mr_main) * 1.5); margin-right: calc(0px - var(--btn_dist)); margin-bottom: calc(var(--mr_main) - var(--btn_dist)); } .links-container .link-btn { margin-top: 0; margin-right: 0; margin-bottom: 0; width: 100%; } .links-container--cols { row-gap: calc(var(--mr_main) * 1.5 - var(--btn_dist)); } .links-container--cols .link-btn { width: auto; max-width: 100%; } .links-container--cols .link-btn > * { width: auto; max-width: 100%; } .link-donate { --s: calc(var(--c) * 118); } .link-donate a { display: block; width: var(--s); height: var(--s); border-radius: var(--s); border: 1px solid var(--frost); background: var(--frost); font-weight: var(--fw_bold); font-size: var(--s17); text-align: center; text-decoration: none; text-transform: uppercase; } #root > .link-donate { position: fixed; left: calc(var(--offset) * -1); bottom: var(--rpp); z-index: 5; margin-top: calc(0px - var(--s) * 0.5); } .link-more { font-family: var(--ff_main); font-size: var(--s17); line-height: var(--lh_main); --icon_external: calc(var(--c) * 8); } .link-more a { display: inline-flex; color: inherit; text-decoration: none; } .link-more i { display: block; position: relative; top: -.1em; font-size: 1.1176470588em; line-height: 1; align-self: center; } [dir="ltr"] .link-more i { margin-left: var(--icon_external); } [dir="rtl"] .link-more i { margin-right: var(--icon_external); } .link-more.toggle i:before { content: ""; display: block; background-image: url('icons/icon-read-more-minus.svg'); height: calc(var(--c) * 19); width: calc(var(--c) * 19); background-repeat: no-repeat; background-size: contain; background-position: center; } .link-more .label-less { display: none; } .link-more.toggle .label-more { display: none; } .link-more.toggle .label-less { display: inline; } /*! Media --------- */ figure { display: inline-flex; position: relative; z-index: 2; margin: var(--mr_fig) 0; --play: min(15vw, calc(var(--c) * 68)); } figure .icon-play, figure .icon-youtube { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; color: var(--white); font-size: var(--play); line-height: var(--play); pointer-events: none; } figure .icon-youtube { --play: min(12vw, calc(var(--c) * 68)); } figure .icon-play:before, figure .icon-youtube:before { display: block; position: relative; z-index: 2; } figure .icon-youtube:before { content: "\e902"; color: var(--red); } figure .icon-play:after, figure .icon-youtube:after { margin-top: calc(0px - var(--play) * .5); line-height: var(--play); } figure .icon-play:after { content: "\e908"; z-index: 1; opacity: .1; } figure .icon-youtube:after { content: "\e903"; z-index: 3; color: var(--white); } figure .icon-calendar { width: calc(var(--c) * 30); height: calc(var(--c) * 30); border-radius: 50%; background: var(--white); color: var(--theme); font-size: calc(var(--c) * 14); line-height: calc(var(--c) * 30); text-align: center; } figure .icon-external { display: block; position: absolute; top: calc(var(--c) * 14); z-index: 2; width: var(--w); height: var(--w); border-radius: 99px; background: var(--white); color: var(--text); font-size: calc(var(--w) * 0.3461538462); line-height: calc(var(--w) + var(--c) * 2); text-align: center; --w: calc(var(--c) * 26); } [dir="ltr"] figure .icon-external { right: calc(var(--c) * 14); padding-right: calc(var(--c) * 2); } [dir="rtl"] figure .icon-external { left: calc(var(--c) * 14); padding-left: calc(var(--c) * 2); } figure .icon-external.strong { --w: calc(var(--c) * 34); font-size: calc(var(--w) * 0.2647058824); } figure iframe { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; width: 100% !important; height: 100% !important; background: var(--lemon); } figure:has(iframe-playing) .icon-youtube { display: none; } figure:has(iframe-playing) a { pointer-events: none; } figure:has(iframe-playing) iframe { pointer-events: auto; } figure[style*="--ratio:"] { aspect-ratio: var(--ratio); } figure[style*="--ratio:"] img, figure[style*="--ratio:"] video, figure[style*="--ratio:"] iframe { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100% !important; max-height: 100% !important; object-fit: contain; } img, iframe, object, embed { max-width: 100% !important; border: 0; } img { height: auto !important; } picture { width: 100%; } figcaption { font-size: var(--s17); } figcaption + *, * + figcaption { display: block; margin-top: calc(var(--c) * 10); } .cols.b > header figure img { width: 100%;} .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed, .embed-container video.iframe-playing { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-container.compact { max-width: 400px; margin-left: auto; margin-right: auto; padding-bottom: 0; height: auto; aspect-ratio: 16 / 9; } .embed-container a[data-youtube]:has(.iframe-playing) > img, .embed-container a[data-youtube]:has(.iframe-playing) > span { display: none; } .embed-container .iframe-playing { z-index: 10 !important; pointer-events: auto !important; } .embed-container a[data-youtube]:has(.iframe-playing) { pointer-events: none; } .embed-container:has(.iframe-playing) a[href*="youtu.be"] { display: none; } .spoken-media-embed a[data-youtube]:has(.iframe-playing) > img, .spoken-media-embed a[data-youtube]:has(.iframe-playing) > span { display: none; } .spoken-media-embed a[data-media-file]:has(.iframe-playing) > img, .spoken-media-embed a[data-media-file]:has(.iframe-playing) > span { display: none; } .spoken-media-embed .iframe-playing { z-index: 10 !important; pointer-events: auto !important; } .spoken-media-embed a[data-youtube]:has(.iframe-playing), .spoken-media-embed a[data-media-file]:has(.iframe-playing) { pointer-events: none; } .spoken-media-embed:has(.iframe-playing) a[href*="youtu.be"] { display: none; } .spoken-media-embed:has(.iframe-playing) .spoken-media-watch-bar--released { display: none; } .spoken-media-embed a[data-youtube] .yt-play-btn, .spoken-media-embed a[data-media-file] .yt-play-btn { display: block; overflow: visible; max-width: none; } [class*="aspect-"], [class*="aspect-"] img { object-fit: cover; object-position: center;} .aspect-1-1, .aspect-1-1 img { aspect-ratio: 1 / 1; } .aspect-16-9, .aspect-16-9 img { aspect-ratio: 16 / 9; } .aspect-16-10, .aspect-16-10 img { aspect-ratio: 16 / 10; } .aspect-16-20, .aspect-16-20 img { aspect-ratio: 16 / 20; } .aspect-5-3, .aspect-5-3 img { aspect-ratio: 5/3; } .mah-50vh { height: 50vh; } .mah-50vh img { height: 100% !important; object-fit: contain; } .list-gallery .aspect-16-10 img, .list-gallery .aspect-16-9 img { object-fit: contain;} .show-a-link h2 a { text-decoration: underline;} /*! Lists --------- */ #top li:before, #footer li:before, .list-contact li:before, .nav-main li:before, .list-index li:before, .list-index li:before, .list-slider li:before, .list-sort li:before, .list-tags li:before, .list-search li:before, .list-pagination li:before, .list-inline li:before, .list-gallery-slider li:before { content: ""; } .list-sort, .list-inline, .list-tags { list-style: none; margin-right: calc(0px - var(--dist)); margin-bottom: calc(var(--mr_main) - var(--dist2)); padding: 0; --dist: var(--rpp); --dist2: 0px; } .list-sort li, .list-inline li, .list-tags li { position: relative; margin-right: var(--dist); margin-bottom: var(--dist2); } .list-box { list-style: none; margin: var(--mr_sect) 0 calc(var(--mr_sect) - var(--d)) calc(0px - var(--d)); padding: 0; --d: var(--dist); --dist: clamp(var(--cols), 3.75vw, calc(var(--c) * 45)); --pd: var(--cols); --pd2: var(--dist); --width: 33.33333333%; } .list-box li { position: relative; width: var(--width); margin: 0 0 var(--d); padding: var(--pd2) var(--pd) calc(var(--pd2) - var(--mr_main)); border-left: var(--d) solid rgba(0,0,0,0); } #root .list-box li:before { right: 0; left: 0; background: var(--lemon); } .list-box figure { margin-bottom: calc(var(--mr_main) * 1.25); } .list-box[style*="--width: 25%"] { --d: var(--cols); --pd2: var(--dist); } .list-box[style*="--width: 50%"] { --pd: var(--dist); } .list-contact { position: relative; z-index: 2; list-style: none; font-size: var(--s15); line-height: 1.2; --ul: calc(var(--c) * 40); --dist2: calc(var(--c) * 20); } .list-contact li { position: relative; margin: 0 0 var(--rpp); } .list-contact li:before { border: 0 solid var(--cloud); } .list-contact i { display: block; position: absolute; top: calc(0px - var(--c) * 4); width: calc(var(--c) * 24); color: var(--theme); font-size: calc(var(--c) * 20); line-height: calc(var(--c) * 24); text-align: center; } .list-contact i.icon-email { font-size: calc(var(--c) * 15); } .list-contact i.icon-phone, .list-contact i.icon-youtube { font-size: calc(var(--c) * 18); } .list-contact i.icon-twitter, .list-contact i.icon-pin { font-size: calc(var(--c) * 24); } [dir="ltr"] .list-contact i, [dir="ltr"] .list-contact li:before { left: calc(0px - var(--ul)); } [dir="rtl"] .list-contact i, [dir="rtl"] .list-contact li:before { right: calc(0px - var(--ul)); } #root .list-contact.box { display: flex; margin-right: calc(0px - var(--dist2)); margin-left: 0; margin-bottom: calc(var(--mr_main) - var(--dist2)); padding: 0; border-width: 0; --ul: 0px; --bg: none; } #root .list-contact.box li { display: flex; min-height: calc(var(--c) * 40); margin: 0 var(--dist2) var(--dist2) 0; padding: calc(var(--c) * 8) calc(var(--c) * 16); border-width: 0; } .list-contact.box li:after { border: 1px solid var(--text); background: var(--bg); } .list-contact.box a { display: block; position: static; color: inherit; } [dir="ltr"] .list-contact.box a[target*="_blank"] { margin-right: calc(var(--c) * 24); } [dir="rtl"] .list-contact.box a[target*="_blank"] { margin-left: calc(var(--c) * 24); } .list-contact.box a[target*="_blank"]:after { left: var(--lar0); right: var(--l0ra); width: calc(var(--c) * 46); color: var(--theme); font-size: calc(var(--c) * 10); } #root .list-contact.box i { display: block; position: relative; left: 0; right: 0; top: 0; width: auto; color: inherit; line-height: 1; } [dir="ltr"] #root .list-contact.box i { margin-right: calc(var(--c) * 10); } [dir="rtl"] #root .list-contact.box i { margin-left: calc(var(--c) * 10); } .list-contact.strong { position: relative; margin-left: 0; margin-right: 0; padding: 0; color: var(--theme); font-size: var(--fz_h2); font-family: var(--ff_head); font-weight: var(--fw_bold); line-height: var(--lh_head); text-align: center; --justify: center; } .list-contact.strong:before { left: 50%; border-left: 1px solid var(--cloud); } .list-contact.strong li { width: 50%; padding: 0 var(--cols); border-width: 0; } .list-contact li a { direction: ltr;} .list-contact li.address { direction: ltr;} [dir="rtl"] .list-contact li.address { text-align: right;} .list-download { list-style: none; font-size: var(--s17); --ul: calc(var(--c) * 24); } .list-download li { position: relative; margin-bottom: var(--mr_main); } .list-download li:before { content: "\e924"; top: 0; margin: 0; color: inherit; font-size: 0.8235294118em; line-height: calc(var(--s17) * var(--lh_main)); text-align: var(--ta_start); pointer-events: none; } .list-download li:hover:before { color: var(--theme); } .list-download a { color: inherit; font-weight: var(--fw_bold);} .list-download p { margin-bottom: 0;} [dir="ltr"] .list-download li:before, [dir="ltr"] .list-download a:before { left: calc(0px - var(--ul)); right: 0; } [dir="rtl"] .list-download li:before, [dir="rtl"] .list-download a:before { right: calc(0px - var(--ul)); left: 0; } .list-download.a { --s17: var(--s21); --ul: calc(var(--c) * 28); } .list-download.a li { margin-bottom: calc(var(--mr_main) * .75); } .list-download.a li:before { font-size: 0.7619047619em; } .list-download.a a { font-weight: var(--fw_main); text-decoration: underline; } .list-download .lang-yi { direction: rtl; text-align: var(--ta_start); display: inline-block;} .list-download .lang-en { direction: ltr; text-align: var(--ta_start); display: inline-block;} .list-gallery { list-style: none; margin: var(--mr_sect) var(--rpn) calc(var(--mr_sect) - var(--dist2)) calc(0px - var(--dist)); padding: 0 var(--rpp) 0 0; --width: 33.33333333%; --dist: var(--cols); --dist2: calc(var(--c) * 120); --dist3: calc(var(--cols) * 2 + var(--c)); --hz: var(--s26); --m2: calc(var(--c) * 6); --db: block; } .list-gallery li { position: relative; z-index: 2; } .list-gallery > li { margin-bottom: var(--dist2); width: var(--width); border-left: var(--dist) solid rgba(0,0,0,0); --mr_main: var(--m2); } .list-gallery > li:before { display: var(--db); bottom: calc(0px - var(--dist2) * 0.5); border: 0 solid var(--cloud); border-bottom-width: 1px; } #root .list-gallery > li:before { left: 0; } .list-gallery figure { margin-bottom: calc(var(--c) * 12); background: var(--lemon); } .list-gallery.press figure { background: var(--bg); } .list-gallery.press figure.colored-bg { background: var(--lemon); } .list-gallery figure:has(a) { position: relative; z-index: 9; } .list-gallery p { margin-bottom: var(--m2); } .list-gallery p.link-btn { margin-bottom: calc(var(--m2) - var(--btn_dist)); } .list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { margin-bottom: var(--m2); font-size: var(--hz); } .list-gallery h2:hover a { color: var(--text);} .list-gallery h1 + p:not([class*="size-"]), .list-gallery h2 + p:not([class*="size-"]), .list-gallery h3 + p:not([class*="size-"]), .list-gallery h4 + p:not([class*="size-"]), .list-gallery h5 + p:not([class*="size-"]), .list-gallery h6 + p:not([class*="size-"]) { margin-top: var(--mr_main); } .list-gallery h1 + .list-inline:last-child, .list-gallery h2 + .list-inline:last-child, .list-gallery h3 + .list-inline:last-child, .list-gallery h4 + .list-inline:last-child, .list-gallery h5 + .list-inline:last-child, .list-gallery h6 + .list-inline:last-child { margin-top: auto; padding-top: var(--mr_main); } .list-gallery .link-more { margin-top: calc(var(--m2) + var(--c) * 7); position: relative; } .list-gallery .text { position: relative; } .list-gallery .text a:before { content: none; } .list-gallery a:before { left: var(--rpn); right: var(--rpn); top: var(--rpn); bottom: var(--rpn); } .list-gallery .size-26 { font-family: var(--ff_head); line-height: var(--lh_head); } #root .list-gallery h1 + .link-btn, #root .list-gallery h2 + .link-btn, #root .list-gallery h3 + .link-btn, #root .list-gallery h4 + .link-btn, #root .list-gallery h5 + .link-btn, #root .list-gallery h6 + .link-btn { margin-top: calc(var(--mr_main) * 2); } .list-gallery:first-child:first-child { margin-top: 0; } .list-gallery .list-tags:last-child { margin-top: auto; padding-top: var(--cols); } .list-gallery li > .link-btn:last-child { margin-bottom: calc(0px - var(--btn_dist)); } .list-gallery + h1, .list-gallery + h2, .list-gallery + h3, .list-gallery + h4, .list-gallery + h5, .list-gallery + h6 { margin-top: var(--mr_main); } .list-gallery.news:not(.news-small) { --m2: var(--mr_main); } .list-gallery.news.news-small { font-size: var(--s17); --m2: calc(var(--c) * 12); } #root .list-gallery.width-190 { max-width: calc(var(--c) * 190 + var(--dist)); --width: 100%; } .cols.a > aside .list-gallery { max-width: calc(var(--c) * 300); margin-right: 0; margin-left: 0; padding: 0; --width: 100%; --dist2: calc(var(--cols) * 2); } .cols.a > aside .list-gallery:last-child { margin-bottom: calc(var(--mr_main) - var(--dist2)); } .cols.a > aside .list-gallery li { width: 100%; margin-left: 0; margin-right: 0; border-width: 0; flex-grow: 3; } #root .cols.a > aside .list-gallery li:not(:last-child):before { display: block; width: 100%; } .list-gallery-slider { overflow: hidden; position: relative; list-style: none; margin: var(--mr_sect) var(--offset) var(--mr_sect) calc(var(--offset) - var(--dist)); padding: 0; --dist: calc(var(--cols) * 2 + 1px); --w: calc(var(--c) * 260); } .list-gallery-slider li { position: relative; width: calc(var(--w) + var(--dist)); margin: 0; border-left: var(--dist) solid rgba(0,0,0,0); } .list-gallery-slider li:after { left: calc(0px - var(--dist) * .5 - 1px); border: 0 solid var(--cloud); border-left-width: 1px; } .list-gallery-slider .swiper-slide { width: auto; } .list-gallery-slider .swiper-custom-pagination { padding: 0; } .list-gallery-slider .swiper-button-nav { display: block; position: absolute; top: 50%; margin-top: calc(0px - var(--c) * 36); } .list-gallery-slider.s4wi { display: block; overflow: visible; } .list-gallery-slider .swiper, .list-gallery-slider .swiper-outer { overflow: visible; } .list-index { list-style: none; margin-bottom: calc(var(--mr_sect) - var(--dist)); padding: 0; --cc: 4; --dist: 0px; } .list-index li { position: relative; z-index: 2; margin-bottom: var(--dist); } .list-index:not(.a) > li:not(:first-child) { margin-top: calc(var(--c) * 32); padding-top: calc(var(--c) * 32); border-top: 1px solid var(--cloud); } .list-index h1, .list-index h2, .list-index h3, .list-index h4, .list-index h5, .list-index h6 { margin-bottom: calc(var(--mr_main) * .6); color: var(--theme); font-size: var(--s17); font-family: inherit; font-weight: var(--fw_main); line-height: var(--lh_main); } .list-index ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(var(--cc), 1fr); column-gap: var(--cols); row-gap: var(--mr_main); } .list-index ul a { color: inherit; text-decoration: none; } .list-index ul li { margin-bottom: 0; } /*.cols:has(.list-index.a) { --cols: clamp(var(--rpp), 3.8333333333vw, calc(var(--c) * 46)); }*/ .list-index.a { overflow: hidden; font-size: var(--s17); --dist: calc(var(--c) * 45); --cc: 3; column-count: var(--cc); column-gap: clamp(var(--cols), 3.8333333333vw, calc(var(--c) * 46)); } .list-index.a > li { margin-bottom: var(--dist); } .list-index.a > li:before { display: block; border-top: 1px solid var(--cloud); transform: translateY(calc(0px - var(--dist) * .5)); } .list-index.a h1, .list-index.a h2, .list-index.a h3, .list-index.a h4, .list-index.a h5, .list-index.a h6 { margin-bottom: 0; font-weight: var(--fw_bold); } .list-index.a + .list-index.a { margin-top: calc(0px - var(--mr_sect)); } .list-inline { overflow: hidden; --dist: calc(var(--c) * 16); } .list-inline:not(.a) li:not(:first-child):before { content: "\007C"; display: block; position: absolute; left: var(--lar1); right: var(--l1ra); width: var(--dist); color: inherit; text-align: center; text-indent: 0; direction: inherit; } .list-inline i { font-size: 0.7142857143em; line-height: 1; } .list-inline i:not([class*="overlay-"]) { color: var(--theme); } [dir="ltr"] .list-inline i { margin-right: calc(var(--c) * 6); } [dir="rtl"] .list-inline i { margin-left: calc(var(--c) * 6); } .list-pagination { list-style: none; margin-right: calc(0px - var(--dist)); padding: 0; color: var(--text); --dist: calc(var(--c) * 8); --w: calc(var(--c) * 29); } .list-pagination li { margin: 0 var(--dist) 0 0; } .list-pagination a, .list-pagination li > span { display: block; position: relative; min-width: var(--w); height: var(--w); border-radius: 999px; color: inherit; line-height: var(--w); text-align: center; text-decoration: none; } .list-pagination li.active span { background: var(--frost); pointer-events: none; } .list-pagination li.prev a, .list-pagination li.next a { width: calc(var(--w) * 1.6); font-size: calc(var(--c) * 10); text-align: left; text-indent: -3000em; direction: ltr; } [dir="ltr"] .list-pagination li.prev a:before, [dir="rtl"] .list-pagination li.next a:before { content: "\e913"; } [dir="ltr"] .list-pagination li.next a:before, [dir="rtl"] .list-pagination li.prev a:before { content: "\e914"; } .list-search { list-style: none; margin: 0 0 var(--mr_sect); padding: 0; --pd: clamp(var(--cols), 3.75vw, calc(var(--c) * 40)); --clamp: 2; } .list-search > li { position: relative; z-index: 2; padding: var(--pd) var(--pd) calc(var(--pd) - var(--mr_main)); border-top: 1px solid var(--cloud); } .list-search > li.no-results { padding: 0; text-align: center; } .form-sort + .list-search > li.no-results:first-child { padding-top: var(--pd); } .list-search > li:first-child, .list-search > li.no-results + li { border-top-width: 0; } #root .list-search > li:before { left: 0; right: 0; } .list-search figure { margin-bottom: var(--mr_main); } .list-search p { display: -webkit-box; -webkit-line-clamp: var(--clamp); line-clamp: var(--clamp); -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .list-search h1, .list-search h2, .list-search h3, .list-search h4, .list-search h5, .list-search h6 { margin-bottom: calc(var(--mr_main) * .6); } .list-slider { list-style: none; margin-bottom: var(--mr_sect); padding: 0; } .text-center .list-slider.s4wi:has(q) { max-width: calc(var(--c) * 900 + var(--cols)); margin-left: auto; margin-right: auto; } .list-slider.s4wi .swiper-wrapper { position: relative; } [dir="ltr"] .list-slider.s4wi .swiper-wrapper { left: calc(var(--cols) * .5); margin-left: calc(0px - var(--cols)); } [dir="ltr"] .list-slider.s4wi .swiper-wrapper > * { border-left: var(--cols) solid rgba(0,0,0,0); } [dir="rtl"] .list-slider.s4wi .swiper-wrapper { right: calc(var(--cols) * .5); margin-right: calc(0px - var(--cols)); } [dir="rtl"] .list-slider.s4wi .swiper-wrapper > * { border-right: var(--cols) solid rgba(0,0,0,0); } .list-sort { font-size: var(--s17); --dist: calc(var(--c) * 4); } [dir="ltr"] .list-sort li:not(:has(a)):not(:last-child) { --dist: calc(var(--c) * 15); } [dir="rtl"] .list-sort li:not(:has(a)):not(:last-child) { margin-left: calc(var(--c) * 15 - var(--dist)); } .list-sort a { display: block; min-width: calc(var(--c) * 70); padding: calc(var(--c) * 3) calc(var(--c) * 12) calc(var(--c) * 2); border-radius: calc(var(--c) * 16); border: 1px solid var(--text); color: var(--text); text-decoration: none; text-align: center; } .list-sort li.active a { background: var(--text); color: var(--bg); pointer-events: none; } .list-star { list-style: none; padding: 0; --ul: calc(var(--c) * 34); --pd: calc(var(--c) * 30); --w: 100%; } .list-star li { position: relative; width: var(--w); margin: 0; border: 0 solid rgba(0,0,0,0); } .list-star:not(.a) li:not(:first-child) { margin-top: var(--pd); padding-top: var(--pd); border-top: 1px solid var(--cloud); } .list-star:not(.a) li:not(:first-child):before { top: var(--pd); } .list-star li:before { content: "\e926"; top: 0; margin: 0; color: var(--theme); font-size: 0.7619047619em; line-height: calc(var(--fz_main) * var(--lh_head)); } #root .list-star li:before { left: var(--l0ra); right: var(--lar0); } [dir="ltr"] .list-star li { padding-left: var(--ul); } [dir="rtl"] .list-star li { padding-right: var(--ul); } .list-star.a { margin-left: calc(0px - var(--dist2)); margin-bottom: calc(var(--mr_main) - var(--dist)); --w: 33.333333333%; --dist: clamp(var(--cols), 3.75vw, calc(var(--c) * 45)); --dist2: var(--cols); } .list-star.a li { margin-bottom: var(--dist); border-left-width: var(--dist2); } .list-star.a li:before { font-size: 0.5238095238em; } [dir="ltr"] .list-star.a li:before { content: "\e91e"; } [dir="rtl"] .list-star.a li:before { content: "\e91d"; } .list-tags { color: var(--bd); font-size: var(--s17); --dist: calc(var(--c) * 4); --dist2: var(--dist); --bd: var(--text); } #root .list-tags li { display: block; position: relative; width: auto; padding: calc(var(--c) * 3) calc(var(--c) * 14); border-radius: calc(var(--c) * 16); border: 1px solid var(--bd); } .list-tags a { display: block; color: inherit; text-decoration: none; } .list-tags.overlay-theme, .list-tags .overlay-theme { --bd: var(--theme); } .list-tags.overlay-smoke, .list-tags .overlay-smoke { --bd: var(--smoke); } /*! Forms --------- */ fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; } form p { position: relative; } legend { width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: var(--ta_start); text-transform: none; appearance: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; } /*input {}*/ input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; } input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; } input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; } input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; } input[type="color"] { padding: 0; cursor: pointer; } input[type="date"] { display: -webkit-inline-flex; } input[type="number"] { appearance: textfield; -moz-appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--input_bd); background: var(--input_bg); opacity: .25; cursor: default; pointer-events: none; } ::placeholder { opacity: 1; color: var(--input_pl); } /*form {}*/ label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: 400; } input, select, textarea { display: block; width: 100%; border: 1px solid var(--input_bd); background: var(--input_bg); color: var(--input_fg); font-size: var(--input_fz); } input, select { height: var(--input_h); padding: 0 var(--input_pd); } input[type="date"] { line-height: calc(var(--input_h) - 2px); } select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 11 6.5' viewBox='0 0 11 6.5'%3E%3Cpath d='m1 0 4.5 4.4L10 0l1 1.1-5.5 5.4L0 1.1 1 0z' style='fill:none'/%3E%3Cpath d='M11 1.1 10 0 5.5 4.4 1 0 0 1.1l5.5 5.4z' style='fill:%2300205b'/%3E%3C/svg%3E"); background-size: auto calc(var(--c) * 5); background-repeat: no-repeat; line-height: normal; } [dir="ltr"] select { padding-right: var(--input_h); background-position: calc(100% - var(--input_pd)) center; } [dir="rtl"] select { padding-left: var(--input_h); background-position: var(--input_pd) center; } select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 11 6.5' viewBox='0 0 11 6.5'%3E%3Cpath d='M10 6.5 5.5 2.1 1 6.5 0 5.4 5.5 0 11 5.4l-1 1.1z' style='fill:none'/%3E%3Cpath d='m0 5.4 1 1.1 4.5-4.4L10 6.5l1-1.1L5.5 0z' style='fill:%2300205b'/%3E%3C/svg%3E"); } textarea { padding: var(--dist) var(--input_pd); --dist: calc(var(--input_h) / 2 - var(--fz_main) * var(--lh_main) / 2); } input:focus, select:focus, textarea:focus { --input_bd: var(--theme); } button, input[type="button"], input[type="reset"], input[type="submit"], #skip a, .link-btn a { display: block; overflow: hidden; position: relative; min-height: var(--btn_hh); padding: var(--btn_p1) var(--btn_p2); border-radius: 0; border: var(--btn_bw) solid var(--btn_bd); background: var(--btn_bg); color: var(--btn_fg); font-size: var(--btn_fz); font-weight: var(--btn_fw); font-family: var(--btn_ff); line-height: var(--btn_lh); text-align: center; text-indent: 0; text-decoration: none; --icon_external: calc(var(--c) * 8); } button.inv, .link-btn a.inv { background: none; color: var(--btn_bg); } button i, .link-btn a i { color: var(--theme); line-height: 1; } .form-search { position: relative; margin: 0 var(--offset) var(--mr_sect); --w: calc(var(--c) * 58); } .form-search p { max-width: calc(var(--c) * 715); margin-left: auto; margin-right: auto; } .form-search input { color: var(--text); background-color: var(--bg); } [dir="ltr"] .form-search input { padding-right: var(--w); } [dir="rtl"] .form-search input { padding-left: var(--w); } #root .form-search button { display: block; position: absolute; left: var(--lar0); right: var(--l0ra); top: 0; bottom: 0; width: var(--w); min-height: 0; margin: 0; padding: 0; border-width: 0; background: none; color: var(--text); font-size: calc(var(--c) * 14); text-indent: -3000em; text-align: left; direction: ltr; } .form-search p.back { font-size: var(--s17); } .form-search p.back a { display: block; position: relative; color: var(--text); } [dir="ltr"] .form-search p.back a { padding-left: calc(var(--c) * 26); } [dir="rtl"] .form-search p.back a { padding-right: calc(var(--c) * 26); } .form-search p.back a:before { left: var(--l0ra); right: var(--lar0); font-size: calc(var(--c) * 10); text-align: var(--ta_start); } [dir="ltr"] .form-search p.back a:before { content: "\e91d"; } [dir="rtl"] .form-search p.back a:before { content: "\e91e"; } #content > .form-search:first-child { margin-top: calc(0px - var(--content_p) + var(--mr_sect)); } #root .form-search .form-search-clear { display: none; } #root .form-search.has-text .form-search-clear { display: block; left: calc(var(--c) * 36);} [dir="ltr"] #root .form-search.has-text .form-search-clear { right: calc(var(--c) * 36); left: auto;} .form-search .form-search-clear:before { content: "\e929"; } .form-sort { position: relative; z-index: 2; margin: 0 0 var(--mr_sect); font-size: var(--s17); --input_h: calc(var(--c) * 32); --input_pd: calc(var(--c) * 8); --input_bd: var(--cloud); } .form-sort:before { border-bottom: 1px solid var(--cloud); } .form-sort.cols:before { left: var(--cols); bottom: 0; top: auto; } .form-sort * { --mr_main: calc(var(--c) * 10); } .form-sort label { color: var(--smoke); white-space: nowrap; } [dir="ltr"] .form-sort label { padding-right: calc(var(--c) * 8); } [dir="rtl"] .form-sort label { padding-left: calc(var(--c) * 8); } [dir="ltr"] .form-sort select { padding-right: calc(var(--c) * 26); } [dir="rtl"] .form-sort select { padding-left: calc(var(--c) * 26); } .form-sort input, .form-sort select, .form-sort textarea { font-size: 1em; font-weight: var(--fw_bold); } .form-sort + .list-search { margin-top: calc(0px - var(--mr_sect)); } #root div.ctct-form-embed div.ctct-form-defaults { padding: 0; font-family: var(--ff_main); font-weight: 400; line-height: var(--lh_main); font-size: calc(var(--c) * 17); max-width: calc(var(--c) * 480); margin-left: auto; margin-right: auto; } #root div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header { font-family: var(--ff_head); font-weight: var(--fw_head); line-height: var(--lh_head); font-size: calc(var(--c) * 26); } #root div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text { font-family: var(--ff_text); font-weight: var(--fw_main); line-height: var(--lh_main); font-size: calc(var(--c) * 17); } #root div.ctct-form-embed form.ctct-form-custom button.ctct-form-button { font-size: var(--btn_fz); font-weight: var(--btn_fw); line-height: var(--btn_lh); font-family: var(--btn_ff); background-color: var(--text); color: var(--white); border-color: var(--text); border-radius: 0; } #root div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover { opacity: 0.95; } /*! Helpers --------- */ .popup-a, .popup-a .box-outer > .close, .swiper-pagination-bullet, .swiper-pagination-bullet:before, #content, #footer { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } #content, #footer { transition-property: visibility, opacity; } .clear { clear: both; } summary::-webkit-details-marker { display: none; } .hidden, [hidden]:not(select), .link-donate br, #root .list-contact li:first-child:before, #root .list-contact li:first-child:before, #search label, .search-active #nav > ul, #root .form-sort.hidden, .form-search label, .list-search > li.no-results:not(:first-child:last-child), #nav > ul > li > a.toggle, #root .list-tags li:before, #root .list-tags li:after, #root .list-tags .shadow, .list-contact.box:before, .list-gallery-slider .swiper-pagination-bullets, .module-welcome br { display: none; } article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .module-welcome [class*="text-"] { display: block; } hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: var(--mr_hr) 0; padding: 0; border: 0; border-top: 1px solid var(--cloud); background: none; } .cols + hr { margin-top: calc(var(--mr_hr) - var(--mr_main)); } #content > hr { width: auto; margin-left: 0; margin-right: 0; --mr_hr: var(--mr_sect); } hr:first-child, .nav-main:first-child, #root .list-contact li:first-child, #root [class*="margin-"] + *, .link-btn:first-child, figure:first-child, #root .module-box:first-child, #root .link-more:first-child, .list-gallery .size-17:first-child, .list-gallery .shadow + *, .module-box:first-child, .list-box:first-child { margin-top: 0; } #root .margin-0, .list-index.a > li > *:last-child, .list-gallery > li > *:last-child, .list-slider li, #nav > ul > li > ul li { margin-bottom: 0; } #root .margin-content { margin-bottom: var(--mr_main); } #root .margin-section { margin-bottom: var(--mr_sect); } #root .margin-x025 { margin-bottom: calc(var(--mr_main) * .25); } #root .margin-x05 { margin-bottom: calc(var(--mr_main) * .5); } #root .margin-x075 { margin-bottom: calc(var(--mr_main) * .75); } #root .margin-x15 { margin-bottom: calc(var(--mr_main) * 1.5); } #root .margin-x2 { margin-bottom: calc(var(--mr_main) * 2); } #root .margin-x25 { margin-bottom: calc(var(--mr_main) * 2.5); } #root .margin-x3 { margin-bottom: calc(var(--mr_main) * 3); } #root .margin-x5 { margin-bottom: calc(var(--mr_main) * 5); } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]), video[autoplay]:not([muted]) { display: none; } svg:not(:root) { overflow: hidden; } ::selection { background: var(--theme); color: var(--white); text-shadow: none; } ::-moz-selection { background: var(--theme); color: var(--white); text-shadow: none; } /*! Outlines --------- */ a:focus-visible, button:focus-visible, input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible { outline-width: 2px; } /*! Hovers --------- */ @media (hover: hover) { /* td:n a:hover { text-decoration: none; } */ a:hover, .nav-main li a:hover, #nav > ul > li > a:hover, .list-index ul a:hover, #footer nav a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .list-contact a:hover, #search button:hover, #nav > ul > li > ul li a:hover, #nav > ul > li:hover > a { color: var(--theme); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .link-btn a:hover { background: var(--btn_bg); --btn_bd: var(--text); --btn_bg: var(--text); color: var(--white); } #nav > ul > li:hover > ul { display: block; } /*.list-contact {}*/ .list-contact.box li:has(a):hover, .list-contact.box li:has(a):hover a { color: var(--white); --bg: var(--text); } /*.link-donate {}*/ .link-donate a:hover { border-color: var(--text); } /*.list-gallery {}*/ .list-gallery.border:not(.no-hover) > li:has(a:hover) a, .list-gallery.news > li:has(a:hover) a { color: var(--text);} .list-gallery.border:not(.no-hover) > li:has(a:hover) .shadow, .list-gallery.news:not(.no-hover) > li:has(a:hover) .shadow { left: var(--rpn); right: var(--rpn); top: var(--rpn); bottom: var(--rpn); width: auto; background: var(--frost); pointer-events: none; } .list-gallery.news:not(.no-hover) > li:has(a:hover) .shadow { bottom: calc(var(--rpn) + var(--mr_main)); } .list-gallery.spoken-media-gallery > li:hover .shadow { background: none !important; } .list-gallery > li:hover .shadow ~ div .link-btn a:hover { color: var(--bg);} /* .list-gallery.border a:hover { color: inherit; } */ /*.list-search {}*/ .list-search > li:not(.no-results):hover:before { background: var(--frost); } /*.swiper {}*/ .swiper-button-nav:hover { background: var(--text); color: var(--white); } } /*! Swiper --------- */ .s4wi { position: relative; z-index: 1; } .swiper, .swiper-outer { overflow: hidden; position: relative; z-index: 1; list-style: none; padding: 0; --dir: row; } .swiper-wrapper { position: relative; z-index: 1; width: 100%; height: 100%; flex-direction: var(--dir); align-items: flex-start; justify-content: var(--ta_start); } .swiper-wrapper, .swiper-pagination-bullets { display: flex; flex-wrap: nowrap; } .swiper-wrapper, .swiper-slide { transition-property: transform, height; } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; --dir: column; } .swiper-slide { position: relative; width: 100%; height: 100%; flex-shrink: 0; } .s4wi .swiper-android .swiper-slide { transform: translate3d(0px,0,0); } .swiper-slide-invisible-blank { visibility: hidden; opacity: 0; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-button-lock, .swiper-pagination-lock { display: none; } .swiper-custom-pagination { padding-top: calc(var(--mr_main) * 1.5); --bg: none; } .swiper-custom-pagination .swiper-pagination .swiper-pagination-bullet { display: block; position: relative; z-index: 2; width: 21px; height: 21px; cursor: pointer; } .swiper-custom-pagination .swiper-pagination .swiper-pagination-bullet:before { left: 50%; top: 50%; right: auto; bottom: auto; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 6px; border: 1px solid var(--text); background: var(--bg); } .swiper-custom-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { --bg: var(--text); pointer-events: none; } .swiper-button-nav, .swiper-custom-fraction { display: none; } .swiper-button-nav { top: 0; z-index: 9; width: calc(var(--c) * 44); height: calc(var(--c) * 44); border-radius: 50%; background: var(--white); color: var(--text); font-size: calc(var(--c) * 16); line-height: calc(var(--c) * 44); } .swiper-button-prev { left: var(--l0ra); right: var(--lar0); } [dir="ltr"] .swiper-button-prev { left: var(--dist); } .swiper-button-next { left: var(--lar0); right: var(--l0ra); } /*! Flexbox --------- */ /* flex */ #root .list-contact.strong, .list-gallery-slider, .list-gallery-slider, .list-contact.box li, .list-contact.box, .list-inline li, .list-pagination, .list-tags, .form-sort p, .list-box.mobile-aside figure, .list-star.a, .popup-a .box-outer, .list-box, .list-inline, .swiper-custom-pagination, figure[style*="--ratio:"], figure .icon-youtube, .list-gallery > li, figure .icon-play, .list-gallery, button, input[type="button"], input[type="reset"], input[type="submit"], #skip a, .link-btn a, .link-donate, #footer nav > ul, .link-donate a, #nav, #top, #logo:before, #logo:after, #nav > ul > li > a, #nav > ul, .list-sort, .nav-main ul, .nav-main ol, .link-btn, .cols { display: flex; flex-wrap: wrap; } /* flix */ .scheme-box { display: inline-flex; flex-wrap: wrap; } /* f:ds */ [dir="rtl"] .cols.rtl-inv { flex-direction: row-reverse; } /* f:wn */ .list-gallery-slider, .list-contact.box li, .list-inline li, .scheme-box, .form-sort p, search, .list-gallery figure, .popup-a .box-outer, figure, .list-gallery > li, figure, button, input[type="button"], input[type="reset"], input[type="submit"], #skip a, .link-btn a, .link-donate a, #nav, #nav > ul > li > a, .cols, .nav-main ul, .nav-main ol { flex-wrap: nowrap; } /* f:dc */ .list-box.mobile-aside figure, .popup-a .box-outer, .list-gallery figure, figure, .list-gallery > li, figure, .link-donate a { flex-direction: column; } /* f:js */ .list-box { justify-content: flex-start; } /* f:jc */ .list-pagination, .list-box.mobile-aside figure, #search, .popup-a .box-outer, .swiper-custom-pagination, figure[style*="--ratio:"], figure .icon-youtube, figure .icon-play, button, input[type="button"], input[type="reset"], input[type="submit"], #skip a, .link-btn a, .link-donate a, #nav, #logo:before, #logo:after, #nav > ul, .nav-main ul, .nav-main ol, .cols.justify-content-center { justify-content: center; } /* f:je */ .cols.align-end { justify-content: flex-end; } /* j:jb */ .cols { justify-content: space-between; } /* f:as */ .cols { align-items: flex-start; } /* f:ac */ .list-contact.box li, .list-contact.box, .list-inline li, .scheme-box, .list-pagination, .list-tags, .form-sort p, form-sort.cols, .list-box.mobile-aside figure, #search, .popup-a .box-outer, figure[style*="--ratio:"], figure .icon-youtube, figure .icon-play, .link-more a, button, input[type="button"], input[type="reset"], input[type="submit"], #skip a, .link-btn a, .link-donate, .link-donate a, #nav, #top, #logo:before, #logo:after, #nav > ul > li > a, #nav > ul, .cols.align-center, .list-sort, .link-btn { align-items: center; } /* f:s0 */ .module-welcome figure, .list-gallery-slider li { flex-shrink: 0; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons/icomoon.woff2') format('woff2'), url('icons/icomoon.woff') format('woff'); font-display: swap; } [class*="icon-"] { font-family: 'i' !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\e920"; } .icon-arrow-down-300:before { content: "\e91b"; } .icon-arrow-left:before { content: "\e91d"; } .icon-arrow-left-300:before, [dir="ltr"] .swiper-button-prev:before, [dir="rtl"] .swiper-button-next:before { content: "\e91c"; } .icon-arrow-right:before { content: "\e91e"; } .icon-arrow-right-300:before, [dir="ltr"] .swiper-button-next:before, [dir="rtl"] .swiper-button-prev:before { content: "\e919"; } .icon-arrow-top-left:before { content: "\e917"; } .icon-arrow-top-left-900:before { content: "\e927"; } .icon-arrow-top-right:before { content: "\e918"; } .icon-arrow-top-right-900:before { content: "\e928"; } .icon-arrow-up:before { content: "\e91f"; } .icon-arrow-up-300:before { content: "\e91a"; } .icon-calendar:before { content: "\e911"; } .icon-chevron-down:before { content: "\e916"; } .icon-chevron-left:before { content: "\e913"; } .icon-chevron-right:before { content: "\e914"; } .icon-chevron-up:before { content: "\e915"; } .icon-download:before { content: "\e924"; } .icon-email:before { content: "\e912"; } .icon-facebook:before { content: "\e90f"; } .icon-globe:before { content: "\e925"; } .icon-home:before { content: "\e910"; } .icon-instagram:before { content: "\e90e"; } .icon-logo:before { content: "\e90b"; } .icon-logo-1:before { content: "\e90c"; } .icon-logo-2:before { content: "\e90d"; } .icon-menu:before { content: "\e921"; } .icon-phone:before { content: "\e909"; } .icon-pin:before { content: "\e90a"; } .icon-play:before { content: "\e907"; } .icon-play-inner:before { content: "\e908"; } .icon-plus-circle:before { content: "\e922"; } .icon-star:before { content: "\e926"; } .icon-time:before { content: "\e923"; } .icon-twitter:before { content: "\e906"; } .icon-x:before { content: "\e905"; } .icon-x-600:before { content: "\e929"; } .icon-youtube:before { content: "\e904"; } .icon-youtube-fill:before { content: "\e901"; } .icon-youtube-fill-1:before { content: "\e902"; } .icon-youtube-fill-2:before { content: "\e903"; } .icon-zoom:before { content: "\e900"; } .icon-external { font-size: 0.5294117647em; line-height: 1; align-self: center; } [dir="ltr"] i.icon-external { margin-left: var(--icon_external); } [dir="rtl"] i.icon-external { margin-right: var(--icon_external); } .icon-external:before, .list-contact.box a[target="_blank"]:after { content: "\e918"; } [dir="rtl"] .icon-external:before, [dir="rtl"] .list-contact.box a[target="_blank"]:after { content: "\e917"; } /*figure .icon-external:before { content: "\e928"; } [dir="rtl"] figure .icon-external:before { content: "\e927"; }*/ .icon-email:before { content: ""; display: block; background-position: center; background-repeat: no-repeat; background-size: contain;} .icon-email:before { background-image: url('icons/icon-email.svg'); width: calc(var(--c) * 20); height: calc(var(--c) * 25);} /*! Fonts --------- */ @font-face { font-family: 'Narkiss Tam'; src: url('fonts/NarkissTam-Regular.woff2') format('woff2'), url('fonts/NarkissTam-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkiss Tam'; src: url('fonts/NarkissTam-Regular.woff2') format('woff2'), url('fonts/NarkissTam-Regular.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Narkiss Tam'; src: url('fonts/NarkissTam-Bold.woff2') format('woff2'), url('fonts/NarkissTam-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkiss Tam'; src: url('fonts/NarkissTam-Bold.woff2') format('woff2'), url('fonts/NarkissTam-Bold.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Narkissim Headline'; src: url('fonts/Narkissim-HeadlineRegular.woff2') format('woff2'), url('fonts/Narkissim-HeadlineRegular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkissim Headline'; src: url('fonts/Narkissim-HeadlineRegular.woff2') format('woff2'), url('fonts/Narkissim-HeadlineRegular.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Narkissim Headline'; src: url('fonts/Narkissim-HeadlineBold.woff2') format('woff2'), url('fonts/Narkissim-HeadlineBold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkissim Headline'; src: url('fonts/Narkissim-HeadlineBold.woff2') format('woff2'), url('fonts/Narkissim-HeadlineBold.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Narkissim Text'; src: url('fonts/Narkissim-TextRegular.woff2') format('woff2'), url('fonts/Narkissim-TextRegular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkissim Text'; src: url('fonts/Narkissim-TextRegular.woff2') format('woff2'), url('fonts/Narkissim-TextRegular.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Narkissim Text'; src: url('fonts/Narkissim-TextBold.woff2') format('woff2'), url('fonts/Narkissim-TextBold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Narkissim Text'; src: url('fonts/Narkissim-TextBold.woff2') format('woff2'), url('fonts/Narkissim-TextBold.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } */ /* Animations --------- */ .popup-a.shown .box-inset, .popup-a.unshown .box-inset { animation-duration: .25s; animation-fill-mode: forwards; } .popup-a.shown .box-inset { animation-name: anim-open; } .popup-a.unshown .box-inset { animation-name: anim-close; } @keyframes anim-open { 0% { visibility: hidden; opacity: 0; transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; transform: none; } } @keyframes anim-close { 0% { visibility: visible; opacity: 1; transform: none; } 100% { visibility: hidden; opacity: 0; transform: scale3d(.9,.9,1); } } /* Responsive --------- */ @media only screen and (min-width: 1441px) { /*:root { --c: 0.0694444444vw; }*/ } @media only screen and (max-width: 1400px) { #nav { --dist: calc(var(--c) * 20); } #footer { --offset_w: var(--rpp); --footer_pd: calc(var(--c) * 180); } } @media only screen and (max-width: 1100px) { #nav { --dist: calc(var(--c) * 10); } } @media only screen and (min-width: 1001px) { .search-active #top > div:after { content: "\e929"; font-size: 12px; } /*.form-search {}*/ .form-search p.back { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; font-size: var(--s17); } /*.list-gallery {}*/ .list-gallery:not([style*="--width:"]) > li:nth-child(3n-2):before { width: 300%; } .list-gallery:not([style*="--width:"]) > li:nth-child(3n):nth-last-child(1), .list-gallery:not([style*="--width:"]) > li:nth-child(3n-1):nth-last-child(1), .list-gallery:not([style*="--width:"]) > li:nth-child(3n-1):nth-last-child(2), .list-gallery:not([style*="--width:"]) > li:nth-child(3n-2):nth-last-child(1), .list-gallery:not([style*="--width:"]) > li:nth-child(3n-2):nth-last-child(2), .list-gallery:not([style*="--width:"]) > li:nth-child(3n-2):nth-last-child(3) { --db: none; } .list-gallery[style*="--width: 25"] > li:nth-child(4n-3):before { width: 400%; } .list-gallery[style*="--width: 25"] > li:nth-child(4n):nth-last-child(1), .list-gallery[style*="--width: 25"] > li:nth-child(4n-1):nth-last-child(1), .list-gallery[style*="--width: 25"] > li:nth-child(4n-1):nth-last-child(2), .list-gallery[style*="--width: 25"] > li:nth-child(4n-2):nth-last-child(1), .list-gallery[style*="--width: 25"] > li:nth-child(4n-2):nth-last-child(2), .list-gallery[style*="--width: 25"] > li:nth-child(4n-2):nth-last-child(3), .list-gallery[style*="--width: 25"] > li:nth-child(4n-3):nth-last-child(1), .list-gallery[style*="--width: 25"] > li:nth-child(4n-3):nth-last-child(2), .list-gallery[style*="--width: 25"] > li:nth-child(4n-3):nth-last-child(3), .list-gallery[style*="--width: 25"] > li:nth-child(4n-3):nth-last-child(4), .list-gallery[style*="--width: 25"] > li:nth-child(4n-4):nth-last-child(1) { --db: none; } .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):before { width: 500%; } .list-gallery[style*="--width: 20"] > li:nth-child(5n):nth-last-child(1), .list-gallery[style*="--width: 20"] > li:nth-child(5n-1):nth-last-child(1), .list-gallery[style*="--width: 20"] > li:nth-child(5n-1):nth-last-child(2), .list-gallery[style*="--width: 20"] > li:nth-child(5n-2):nth-last-child(1), .list-gallery[style*="--width: 20"] > li:nth-child(5n-2):nth-last-child(2), .list-gallery[style*="--width: 20"] > li:nth-child(5n-2):nth-last-child(3), .list-gallery[style*="--width: 20"] > li:nth-child(5n-3):nth-last-child(1), .list-gallery[style*="--width: 20"] > li:nth-child(5n-3):nth-last-child(2), .list-gallery[style*="--width: 20"] > li:nth-child(5n-3):nth-last-child(3), .list-gallery[style*="--width: 20"] > li:nth-child(5n-3):nth-last-child(4), .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):nth-last-child(1), .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):nth-last-child(2), .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):nth-last-child(3), .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):nth-last-child(4), .list-gallery[style*="--width: 20"] > li:nth-child(5n-4):nth-last-child(5) { --db: none; } .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):before { width: 700%; } .list-gallery[style*="--width: 16"] > li:nth-child(6n):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-1):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-1):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(6n-2):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-2):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(6n-2):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(6n-3):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-3):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(6n-3):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(6n-3):nth-last-child(4), .list-gallery[style*="--width: 16"] > li:nth-child(6n-4):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-4):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(6n-4):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(6n-4):nth-last-child(4), .list-gallery[style*="--width: 16"] > li:nth-child(6n-4):nth-last-child(5), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(4), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(5), .list-gallery[style*="--width: 16"] > li:nth-child(6n-5):nth-last-child(6) { --db: none; } /*.list-gallery.border {}*/ [dir="ltr"] .list-gallery.border:not([style*="--width:"]) > li:nth-child(3n-2):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border:not([style*="--width:"]) > li:nth-child(3n-2):after { border-right-width: 0; } [dir="ltr"] .list-gallery.border[style*="--width: 25"] > li:nth-child(4n-3):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border[style*="--width: 25"] > li:nth-child(4n-3):after { border-right-width: 0; } [dir="ltr"] .list-gallery.border[style*="--width: 20"] > li:nth-child(5n-4):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border[style*="--width: 20"] > li:nth-child(5n-4):after { border-right-width: 0; } [dir="ltr"] .list-gallery.border[style*="--width: 16"] > li:nth-child(6n-5):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border[style*="--width: 16"] > li:nth-child(6n-5):after { border-right-width: 0; } /* .list-gallery.offset, .list-gallery.offset.our-work-youtube, #content > hr, .module-offset > hr { margin-left: var(--rpn); margin-right: var(--rpn); } */ /* #content:has(.module-welcome) > hr { margin-left: 0; margin-right: 0; } */ /* .nav-main:before { left: var(--rpn); right: var(--rpn); background: var(--bg);} */ /* #top > div:before { left: var(--rpn); right: var(--rpn);} */ .list-gallery.offset.our-work-youtube { margin-left: calc(var(--rpn) * 1); margin-right: calc(var(--rpn) * 1); } /*.module-welcome {}*/ /*[dir="ltr"]*/ .module-welcome > .cols { margin-right: var(--rpn); } /*[dir="rtl"] .module-welcome > .cols { margin-left: calc(0px - var(--cols) - var(--rpp)); }*/ .search-active #search { display: flex; } #root .desktop-hide, #root .tablet-only, #top a.menu { display: none; } } @media only screen and (min-width: 761px) and (max-width: 1000px) { /*.list-gallery {}*/ .list-gallery:not([style*="--width:"]) > li:nth-child(3n-2):before { width: 200%; } .list-gallery:not([style*="--width:"]) > li:nth-child(2n):nth-last-child(1), .list-gallery:not([style*="--width:"]) > li:nth-child(2n-1):nth-last-child(1), .list-gallery:not([style*="--width:"]) > li:nth-child(2n-1):nth-last-child(2) { --db: none; } .list-gallery[style*="--width: 2"] { --width: 33.33333333% !important; } .list-gallery[style*="--width: 2"] > li:nth-child(3n-2):before { width: 300%; } .list-gallery[style*="--width: 2"] > li:nth-child(3n):nth-last-child(1), .list-gallery[style*="--width: 2"] > li:nth-child(3n-1):nth-last-child(1), .list-gallery[style*="--width: 2"] > li:nth-child(3n-1):nth-last-child(2), .list-gallery[style*="--width: 2"] > li:nth-child(3n-2):nth-last-child(1), .list-gallery[style*="--width: 2"] > li:nth-child(3n-2):nth-last-child(2), .list-gallery[style*="--width: 2"] > li:nth-child(3n-2):nth-last-child(3) { --db: none; } .list-gallery[style*="--width: 16"] { --width: 25% !important; } .list-gallery[style*="--width: 16"] > li:nth-child(4n-3):before { width: 400%; } .list-gallery[style*="--width: 16"] > li:nth-child(4n):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(4n-1):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(4n-1):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(4n-2):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(4n-2):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(4n-2):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(4n-3):nth-last-child(1), .list-gallery[style*="--width: 16"] > li:nth-child(4n-3):nth-last-child(2), .list-gallery[style*="--width: 16"] > li:nth-child(4n-3):nth-last-child(3), .list-gallery[style*="--width: 16"] > li:nth-child(4n-3):nth-last-child(4), .list-gallery[style*="--width: 16"] > li:nth-child(4n-4):nth-last-child(1) { --db: none; } /*.list-gallery.border {}*/ [dir="ltr"] .list-gallery.border:not([style*="--width:"]) > li:nth-child(2n-1):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border:not([style*="--width:"]) > li:nth-child(2n-1):after { border-right-width: 0; } [dir="ltr"] .list-gallery.border[style*="--width: 2"] > li:nth-child(3n-2):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border[style*="--width: 2"] > li:nth-child(3n-2):after { border-right-width: 0; } [dir="ltr"] .list-gallery.border[style*="--width: 16"] > li:nth-child(4n-3):after { border-left-width: 0; } [dir="rtl"] .list-gallery.border[style*="--width: 16"] > li:nth-child(4n-3):after { border-right-width: 0; } #footer p.logo, #root .tablet-hide { display: none; } } @media only screen and (max-width: 1000px) { #root > .link-donate { display: none; } #top { position: fixed; left: 0; right: 0; max-width: 100vw; width: 100%; } #top > div:after { content: "\e921"; font-size: 16px; } .menu-active #top > div:after { content: ""; display: block; background-image: url('icons/icon-close-menu.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; height: 32px; width: 32px; } .menu-active #nav[aria-label]:before { content: ""; } #top:has(#nav[aria-label]) > div:after { transform: translateY(-8px); } .menu-active #top:has(#nav[aria-label]) > div:after { transform: translateY(-6px); font-size: 20px; } #nav[aria-label]:before { content: attr(aria-label); display: block; position: absolute; left: -7px; top: 0; bottom: 0; z-index: 9; width: 44px; padding-top: calc(var(--top_h) * .5 + 5px); color: inherit; font-size: 13px; font-family: var(--ff_main); line-height: var(--lh_head); text-transform: uppercase; text-align: center; text-decoration: none; } #nav { --dist: var(--rpp); --lang_dist: 58px; } #nav > ul:first-child, #root #search { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; left: auto; right: auto; top: calc(var(--top_h) + 1px); bottom: auto; z-index: 8; width: 100%; max-width: 100vw; padding: calc(var(--rpp) * 2 + 48px) 0 calc(var(--rpp) * .5); background: var(--bg); } html:not(.no-transitions) #nav > ul:first-child, html:not(.no-transitions) #search { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; } html:not(.menu-active) #nav > ul:first-child, html:not(.menu-active) #search { visibility: hidden; opacity: 0; } #nav > ul:first-child > li { position: relative; margin: 0; } #nav > ul:first-child > li.homepage { display: none;} #nav > ul:first-child > li > a { display: flex; padding: 4px var(--rpp); } [dir="ltr"] #nav > ul:first-child > li > a i { margin-right: 10px; } [dir="rtl"] #nav > ul:first-child > li > a i { margin-left: 10px; } #root #nav > ul:first-child > li > a.toggle { display: block; position: absolute; left: var(--lar0); right: calc(var(--rpp) / 2); top: 0; bottom: 0; z-index: 5; width: 44px; padding: 0; text-align: left; text-indent: -3000em; direction: ltr; } #nav > ul:first-child > li:has(ul):before { content: "\e916"; left: var(--lar0); right: calc(var(--rpp) / 2); top: 0; bottom: auto; width: 44px; height: 42px; margin: 0; color: var(--text); font-size: 6px; line-height: 42px; } [dir="rtl"] #root #nav > ul:first-child > li > a.toggle, [dir="rtl"] #nav > ul:first-child > li:has(ul):before { left: calc(var(--rpp) / 2); right: auto;} #nav > ul:first-child > li.toggle:has(ul):before { content: "\e915"; } [dir="ltr"] #nav > ul:first-child > li:has(ul) > a { padding-right: 44px; } [dir="rtl"] #nav > ul:first-child > li:has(ul) > a { padding-left: 44px; } #nav > ul:first-child > li > ul { display: none; position: relative; left: 0; right: 0; top: 0; z-index: 6; margin: 0; padding: calc(var(--rpp) * .5) 0; border-width: 0; background: none; } #nav > ul:first-child > li > ul li a { padding-left: var(--rpp); padding-right: var(--rpp); } [dir="ltr"] #nav > ul:first-child > li > ul li a { padding-left: calc(var(--rpp) + 10px); } [dir="rtl"] #nav > ul:first-child > li > ul li a { padding-right: calc(var(--rpp) + 10px); } #nav > ul > li:not(.toggle) > a:after, #nav > ul > li.toggle > ul:after { content: ""; display: block; left: var(--rpp); right: var(--rpp); width: calc(100% - var(--rpp) - var(--rpp)); border-bottom: 1px solid var(--cloud); position: absolute; top: auto; bottom: -5px;} #nav > ul ~ ul > li > a:not(.toggle):after { display: none; } #nav > ul ~ ul > li.active > a:not(.toggle):after { content: ""; display: block; bottom: 3px; width: 100%; left: 0; } #nav > ul > li.support-nav > a:not(.toggle):after { display: none;} #root #search { overflow: hidden; bottom: auto; z-index: 9; padding: var(--rpp); } .menu-active #content, .menu-active #footer { pointer-events: none; } .menu-active #root:before { content: ""; display: block; background-color: rgba(0,0,0,0.25); height: 100%; width: 100%; z-index: 5; position: absolute; top: 0; left: 0; } #search input { border-width: 1px; padding: 8px; height: auto; background-color: var(--bg); } #footer { --footer_pd: 0px; } #footer nav > ul > * { --w: 33.33333333%; } #root > .link-donate { display: flex; position: fixed; left: 50%; top: 0; z-index: 9; height: var(--top_h); margin: 0; transform: translateX(-50%); } .page-template-home { overflow-x: hidden; overflow-x: clip; } .page-template-home .list-gallery-slider.s4wi, .page-template-home .list-gallery-slider .swiper-outer { overflow-x: hidden; overflow-x: clip; max-width: 100vw; } /*.cols {}*/ .cols > .width-60 + .width-30 { --width: 33.33333333%; } .cols.b130 { --c2: var(--cols); } /*.cols.c {}*/ #root .cols.c > * .cols { flex-wrap: wrap; } #root .cols.c > * .cols > * { width: 100%; max-width: none; } /*.link-donate {}*/ .link-donate a { width: auto; height: auto; padding: 9px 11px; border-radius: 0; line-height: var(--btn_lh); } .list-box[style*="--width: 2"] { --width: 50% !important; } .list-gallery, .list-box { --width: 50%; } /*.list-gallery.news.news-small {}*/ .cols > *:has(.list-gallery.news.news-small) { min-width: 55%; } .list-index { --cc: 3; } .nav-main { margin-left: var(--rpn); margin-right: var(--rpn); } .nav-main > ul, .nav-main > ol { padding-left: var(--rpp); padding-right: var(--rpp); } .nav-main:before { left: var(--rpp); right: var(--rpp); } /* Hide mobile scrollbar */ .nav-main::-webkit-scrollbar, .nav-main > ul::-webkit-scrollbar { display: none; } .nav-main, .nav-main > ul { -ms-overflow-style: none; scrollbar-width: none; } .nav-main ul, .nav-main ol { justify-content: flex-start; } #nav > ul:first-child > li.toggle > ul, #nav > ul:first-child > li > a i ~ .hidden { display: block; } #root .desktop-only, .link-donate a span:not(:first-child), #top a.search { display: none; } } @media only screen and (min-width: 761px) { #content > hr.strong { --mr_hr: var(--mr_cont); } .cols.border { margin-left: calc(0px - var(--c2)); --c2: calc(var(--cols) * 2 + 1px); } .cols.border > * { border-left-width: var(--c2); } .cols.border:before { left: calc(50% + var(--cols)); top: calc(var(--mr_main) * .5); bottom: var(--mr_main); border-left: 1px solid var(--cloud); } /*.cols.a {}*/ .cols.a > header, .cols.a > aside, .cols.b > header, .cols.b > aside, .cols.c > header, .cols.c > aside { position: sticky; top: var(--rpp); } .cols.a > header { order: 2; } .cols.a > header ~ * { order: 1; } .cols.a .module-box:last-child, .cols.a figure:last-child, .cols.b .module-box:last-child, .cols.b figure:last-child, .cols.c .module-box:last-child, .cols.c figure:last-child { margin-bottom: var(--mr_main); } html:has(.cols.a, .cols.b, .cols.c) { overflow-x: hidden; overflow-x: clip; } html:not(:has(.cols.a, .cols.b, .cols.c)) body { overflow-x: hidden; overflow-x: clip; } /*.list-contact {}*/ .list-contact li:has(.icon-pin), .list-contact li:has(.icon-email) + li:not(:has(.icon-phone)) { margin-top: calc(var(--c) * 13 + var(--rpp)); } .list-contact li:has(.icon-pin):before, .list-contact li:has(.icon-email) + li:not(:has(.icon-phone)):before { top: calc(0px - var(--c) * 18); border-top-width: 1px; } /*.list-contact.strong {}*/ .list-contact.strong p:not(.link-btn) { max-width: calc(var(--c) * 480); margin-left: auto; margin-right: auto; } .list-contact.strong .link-btn:not(:first-child) { margin-top: calc(var(--mr_main) * 1.75); } .list-contact.strong:not(:first-child) { margin-top: calc(var(--mr_main) * 5); } /*.list-gallery {}*/ .list-gallery .size-17 { margin-top: calc(var(--m2) + var(--c) * 4); font-family: var(--ff_main); line-height: var(--lh_main); } .list-gallery.border { --dist: var(--dist3); } .list-gallery.border > li:after { display: block; left: calc(0px - var(--dist3) * .5); right: calc(0px - var(--dist3) * .5); bottom: var(--mr_main); border: 0 solid var(--cloud); } [dir="ltr"] .list-gallery.border > li:after { border-left-width: 1px; } [dir="rtl"] .list-gallery.border > li:after { border-right-width: 1px; } .list-gallery.news { margin-bottom: var(--mr_sect); --width: 100%; --d3: calc(var(--c) * 45); --dist2: clamp(calc(var(--rpp) * 2 - var(--mr_main)), calc(14vw - var(--mr_main)), calc(var(--c) * 168 - var(--mr_main))); --fw: 50%; } .list-gallery.news > li { flex-direction: row; } .list-gallery.news > li:last-child { margin-bottom: 0; } .list-gallery.news > li:not(:first-child):before { display: block; bottom: auto; top: calc(0px - var(--dist2) * .5 - var(--mr_main) * .5); border-bottom-width: 0; border-top-width: 1px; } .list-gallery.news:not(.news-small) > li:after { top: 0; bottom: var(--m2); width: calc(var(--d3) * .5); border: 0 solid var(--cloud); } [dir="ltr"] .list-gallery.news > li:after { left: var(--fw); border-right-width: 1px; } [dir="rtl"] .list-gallery.news > li:after { right: var(--fw); border-left-width: 1px; } .list-gallery.news > li > figure { width: var(--fw); margin-bottom: var(--mr_main); align-self: flex-start; } .list-gallery.news > li > div { width: calc(100% - var(--fw)); } .list-gallery.news > li > div > * { max-width: 100%; } [dir="ltr"] .list-gallery.news > li > div { padding-left: var(--d3); padding-right: calc(var(--d3) * .5); } [dir="rtl"] .list-gallery.news > li > div { padding-right: var(--d3); padding-left: calc(var(--d3) * .5); } .list-gallery.news:not(.news-small) h1:first-child, .list-gallery.news:not(.news-small) h2:first-child, .list-gallery.news:not(.news-small) h3:first-child, .list-gallery.news:not(.news-small) h4:first-child, .list-gallery.news:not(.news-small) h5:first-child, .list-gallery.news:not(.news-small) h6:first-child { font-size: var(--fz_h2); } .list-gallery.news.news-small { --d3: calc(var(--cols) * .6); --fw: calc(var(--c) * 210); } .list-gallery.news.news-small > li > div > h2:first-child { margin-top: calc(0px - var(--c) * 3); } [dir="ltr"] .cols > * + * .list-gallery.news.news-small { margin-right: 0; } [dir="rtl"] .cols > * + * .list-gallery.news.news-small { margin-left: 0; } .list-gallery.news.news-small > li > figure { max-width: 50%; } .module-box.offset { padding-left: 0; padding-right: 0; } .module-box.offset:before { left: 0; right: 0; } .module-welcome { margin: 0 auto calc(var(--mr_main) * 4); --hm: 0px; } .module-welcome .cols > figure { padding-top: calc(var(--mr_main) * 2); } #root .mobile-only { display: none; } } @media only screen and (max-width: 760px) { :root { --rpp: 20px; --mr_sect: 34px; --top_h: 78px; --fz_logo: 50px; --btn_dist: 10px; --glw: 760px; } [dir="rtl"] body { overflow-x: hidden; overflow-x: clip; } /*#top {}*/ #nav { --dist: 8px; } #top > div:before { left: var(--rpn); right: var(--rpn); width: calc(100% + var(--rpp) + var(--rpp)); } /*#content {}*/ #content > *:last-child:has(>.list-gallery.mobile-scroll:last-child) { margin-bottom: var(--mr_cont); } #content > *:last-child:has(>.list-gallery.mobile-scroll:last-child) > .list-gallery.mobile-scroll:last-child { margin-bottom: 0; } #footer { padding-top: 40px; padding-bottom: .1px; border-top-color: var(--text); } #root #footer p.logo { position: relative; left: 0; right: 0; top: 0; margin: 0 0 28px; } #footer nav { margin-bottom: 0; padding: 0 0 11px; --w: 50%; border-left-width: 0; } #footer nav:before { left: var(--cols); border-bottom: 1px solid var(--cloud); } #footer nav > * { margin: 0; } #footer nav > ul > * { --w: 50%; margin-bottom: 0;} /* #footer .list-contact li br { display: none;} */ #footer nav > ul > li > a { margin: 0 0 14px; font-family: var(--ff_main); font-weight: 400; line-height: var(--lh_main); font-size: calc(var(--c) * 17); } #footer .cols.size-13 { padding: 25px 0 0; line-height: 1.6923076923; } #footer .cols.size-13 > *:first-child { order: 2; } #footer .cols.size-13 p { margin-bottom: calc(var(--mr_main) + 2px); } .form-sort * { border-left-width: 0px;} .form-sort.cols:before { left: 0;} .lfy-donate .lfy-amounts { grid-template-columns: repeat(3, 1fr); } .lfy-donate .lfy-amounts--levels { grid-template-columns: repeat(2, 1fr); } .lfy-donate .lfy-field-row { grid-template-columns: 1fr; } .cols:not(.cols-mobile) { flex-wrap: wrap; } .cols:not(.cols-mobile) > * { width: 100%; max-width: none; } .cols:not(.cols-mobile) > * figure img { width: 100%;} /*.cols.a {}*/ .cols.a:not(:last-child, + hr) { margin-bottom: var(--mr_sect); } .cols.a > *:not(header) + * { margin-top: var(--mr_sect); } .cols.a > aside:has(>figure:first-child:last-child) { margin: 0; order: -1; } /*.cols.c {}*/ .cols.c > * + * { margin-top: calc(var(--mr_sect) - var(--mr_main)); padding-top: calc(var(--mr_sect) + 1px); } .cols.c > * + *:before { border-top: 1px solid var(--cloud); } .list-box, .list-box[style*="--width: 2"] { --width: 100% !important; } .list-box.mobile-aside { --pd2: 45px; text-align: var(--ta_start); --aside: 112px; } [dir="ltr"] .list-box.mobile-aside li:has(figure) { padding-left: var(--aside); } [dir="rtl"] .list-box.mobile-aside li:has(figure) { padding-right: var(--aside); } .list-box.mobile-aside figure { position: absolute; left: var(--l0ra); right: var(--lar0); top: 0; bottom: 0; width: var(--aside); margin: 0; padding: 0 25px; } .list-contact, #root .list-contact { display: grid; grid-template-columns: repeat(5, 20%); width: calc(100% + var(--dist)); margin-bottom: 28px; margin-left: calc(0px - var(--dist)); padding: 28px 0 calc(28px - var(--dist)); justify-content: flex-start; --dist: 20px; --ul: 32px; --dist2: 10px; --fz_h2: 38px; } .list-contact:before { left: var(--dist); border: 0 solid var(--cloud); border-top-width: 1px; border-bottom-width: 1px; } .list-contact li { margin-bottom: var(--dist); border-left: var(--dist) solid rgba(0,0,0,0); grid-column: span 2; } .list-contact li:has(.icon-facebook) { order: -9; } .list-contact li:has(.icon-phone) { order: -8; grid-column: span 3; } .list-contact li:has(.icon-instagram) { order: -7; } .list-contact li:has(.icon-email) { order: -6; grid-column: span 3; } .list-contact li:has(.icon-youtube) { order: -5; } .list-contact li:has(.icon-pin) { order: -4; grid-column: span 3; grid-row: span 2; } .list-contact li:has(.icon-twitter) { order: -3; } [dir="ltr"] .list-contact li { padding-left: var(--ul); } [dir="rtl"] .list-contact li { padding-right: var(--ul); } [dir="ltr"] .list-contact i { left: 0; } [dir="rtl"] .list-contact i { right: 0; } .list-contact.strong, #root .list-contact.strong { display: block; width: auto; margin-left: 0; margin-right: 0; padding: 0; --btn_bd: var(--theme); --btn_bg: var(--theme); --btn_fg: var(--theme); } .list-contact.strong li { width: 100%; border-left-width: 0; } .list-contact.strong li + li { margin-top: 34px; padding-top: 34px; border-top: 1px solid var(--theme); } .list-gallery { margin-right: var(--rpn); padding-right: var(--rpp); --width: 100%; --dist2: 80px; --m2: 10px; } .list-gallery:not([style*="--width:"]) li:last-child { --db: none; } .list-gallery:not([style*="--width:"]) li:before { left: 0; right: 0; width: auto; } .list-gallery.team figure { max-width: 120px; } .list-gallery > li > div > .link-btn:last-child { margin-bottom: calc(0px - var(--btn_dist)); } /* .list-gallery-slider.s4wi { overflow: hidden;} */ .list-gallery[style*="--width: 20%"] { --hz: 18px; --width: 50% !important; } .list-gallery[style*="--width: 20%"] li:nth-child(2n-1):before { width: 200%; } .list-gallery[style*="--width: 20%"] li:nth-child(2n):nth-last-child(1), .list-gallery[style*="--width: 20%"] li:nth-child(2n-1):nth-last-child(1), .list-gallery[style*="--width: 20%"] li:nth-child(2n-1):nth-last-child(2) { --db: none; } .list-gallery.mobile-compact { --dist2: var(--rpp); } .list-gallery.mobile-compact > li:before { display: none; } .list-gallery.mobile-scroll { overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-bottom: var(--mr_sect); flex-wrap: nowrap; --dist: var(--dist3); --liw: min(62.5vw, 250px); } .list-gallery.mobile-scroll > li { width: calc(85% + var(--rpp)); margin-bottom: 0; flex-shrink: 0; } .list-gallery.mobile-scroll > li:after { display: block; left: calc(0px - var(--dist3) * .5); right: calc(0px - var(--dist3) * .5); bottom: var(--mr_main); border: 0 solid var(--cloud); } [dir="ltr"] .list-gallery.mobile-scroll > li:first-child { width: 85%; border-left-width: var(--rpp); } [dir="rtl"] .list-gallery.mobile-scroll > li:last-child { width: 85%; border-left-width: var(--rpp); } [dir="ltr"] .list-gallery.mobile-scroll > li:after { border-left-width: 1px; } [dir="rtl"] .list-gallery.mobile-scroll > li:after { border-right-width: 1px; } .list-gallery.mobile-scroll:not([style*="--width"]), .list-gallery.mobile-scroll[style*="--width: 25%"] { --liw: min(72.5vw, 290px); } .list-gallery.news { margin-bottom: var(--mr_sect); } .list-gallery.news > li > figure { margin-bottom: var(--mr_main); } /*.list-gallery.news.news-small {}*/ .list-gallery.news.news-small li { padding: var(--rpp) var(--rpp); border-color: var(--bg); background: var(--frost); } #root .list-gallery.width-190, #root .list-gallery.mobile-aside { max-width: none; --w1: 167px; --w2: calc(100% - 167px - var(--cols)); --dist2: 80px; } .list-gallery.width-190 > li, #root .list-gallery.mobile-aside > li { display: block; clear: both; width: 100%; } .list-gallery.width-190 > li > *, #root .list-gallery.mobile-aside > li > * { float: var(--ta_end); width: var(--w2); } .list-gallery.width-190 > li > .link-btn, #root .list-gallery.mobile-aside > li > .link-btn { width: calc(var(--w2) + var(--btn_dist)); } .list-gallery.width-190 > li > figure, #root .list-gallery.mobile-aside > li > figure { float: var(--ta_start); width: var(--w1); margin-bottom: 0; } #root .list-gallery.mobile-aside { --dist2: calc(var(--rpp) * 2); } .list-gallery.mobile-aside > li:before { display: none; } .list-gallery .list-tags:last-child { padding-top: calc(var(--c) * 10);} .list-index { --cc: 2; } .list-index.a { --cc: 1; } .list-search { --pd: 30px; --clamp: 3; } .list-search > li { padding-left: 0; padding-right: 0; } .list-star { --pd: 20px; } .cols > * + * > .list-star:first-child { margin-top: var(--mr_main); } .list-star.a { --w: 100%; } .list-star.mobile-list-box { display: flex; overflow-x: auto; overflow-y: hidden; margin-left: var(--rpn); margin-right: var(--rpn); margin-bottom: var(--mr_main); flex-wrap: nowrap; align-items: flex-start; --pd: 20px; --w: 100%; --dist: var(--rpp); } #root .list-star.mobile-list-box li { width: calc(100vw - var(--rpp) * 2); padding: var(--pd); margin-top: 0; margin-bottom: 0; border-top-width: 0; border-left-width: var(--dist); flex-shrink: 0; } [dir="ltr"] .list-star.mobile-list-box li:last-child { margin-right: var(--rpp); } [dir="rtl"] .list-star.mobile-list-box li:last-child { margin-left: var(--rpp); } .list-star.mobile-list-box li:after { background: var(--lemon); } .list-star.s4wi { display: block; overflow: hidden; --liw: min(72.5vw, 290px); } #root .list-star.s4wi li { width: auto; margin-left: 0; margin-right: 0; border-left-width: 0; } .list-star .swiper-custom-pagination { padding: var(--rpp) var(--rpp) 0; justify-content: flex-start; } .list-star .swiper-custom-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 34px; } .list-star .swiper-custom-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { width: 26px; margin-left: -13px; } .list-star .swiper, .list-star .swiper-outer { overflow: visible; } .list-star .swiper-outer { max-width: calc(var(--liw) + var(--rpp) * 2); padding: 0 var(--rpp); } /*.module-box.cta {}*/ #content > .module-box.cta:last-child { margin-bottom: var(--mr_sect); } #content > .module-box.cta:first-child:last-child { margin-bottom: var(--content_p); } /*.module-welcome {}*/ #root .module-welcome figure { margin-bottom: var(--mr_main); } .module-welcome figure img { width: 100%; } .module-welcome .cols:not(.mobile-hide) { display: block; } #content > .module-welcome:first-child { margin-top: calc(0px - var(--content_p) + var(--rpp)); } .module-welcome h1 span.mobile-only { width: 100%;} .module-welcome h1 span.mobile-only span.text-start[dir="rtl"] { text-align: left;} /*.nav-main {}*/ .nav-main:before { left: 0; right: 0; } .popup-a { --pd: 20px; } .popup-a .box-outer { justify-content: flex-start; } .popup-a.shown figure.aspect-1-1 { aspect-ratio: auto;} .swiper-custom-pagination, q + span { padding-top: var(--mr_main); } button.inv, .link-btn a.inv { padding: 6px 12px;} .size-mobile-13 { font-size: var(--s13); } .size-mobile-15 { font-size: var(--s15); } .size-mobile-17 { font-size: var(--s17); } .size-mobile-21 { font-size: var(--s21); } .size-mobile-26 { font-size: var(--s26); } .size-mobile-29 { font-size: var(--s29); } #root .margin-mobile-0, .list-gallery > li > div > *:last-child, .list-gallery.news > li:last-child { margin-bottom: 0; } #root .margin-mobile-content { margin-bottom: var(--mr_main); } #root .margin-mobile-section { margin-bottom: var(--mr_sect); } #root .margin-mobile-x025 { margin-bottom: calc(var(--mr_main) * .25); } #root .margin-mobile-x05 { margin-bottom: calc(var(--mr_main) * .5); } #root .margin-mobile-x125 { margin-bottom: calc(var(--mr_main) * 1.25); } #root .margin-mobile-x15 { margin-bottom: calc(var(--mr_main) * 1.5); } #root .margin-mobile-x2 { margin-bottom: calc(var(--mr_main) * 2); } #root .margin-mobile-x25 { margin-bottom: calc(var(--mr_main) * 2.5); } #root .margin-mobile-x3 { margin-bottom: calc(var(--mr_main) * 3); } #root .margin-mobile-x5 { margin-bottom: calc(var(--mr_main) * 5); } .text-start-mobile { text-align: var(--ta_start); --justify: flex-start; } .text-center-mobile { text-align: center; --justify: center; } .text-end-mobile { text-align: var(--ta_end); --justify: flex-end; } .text-justify-mobile { text-align: justify; --justify: space-between; } #root .mobile-hide, #root .tablet-only, #footer nav > ul > li > ul, #root .list-gallery .shadow, .list-star.mobile-list-box li:before, #root .list-search > li:before, .form-search p.back, .list-gallery-slider .swiper-button-nav, .list-contact.strong:before { display: none; } }