/*//// UTILITY - RIGHT TO LEFT MULTILINGUAL ////*/ /*============================================================================ * ACTIVATES AUTOMATICALLY WHEN GOOGLE TRANSLATE SWITCHES TO HEBREW (OR ANY * RTL LANGUAGE). GOOGLE ADDS "TRANSLATED-RTL" CLASS TO THE TAG. * * LOAD THIS FILE GLOBALLY ON EVERY PAGE (ENQUEUE IN FUNCTIONS.PHP). * IT HAS ZERO EFFECT ON LTR PAGES — EVERY RULE IS SCOPED UNDER * HTML.TRANSLATED-RTL SO IT ONLY FIRES WHEN TRANSLATION IS ACTIVE. *============================================================================*/ html.translated-rtl .screenreader-text { display: none !important; } /*//////// HTML - CLASS ADDED BY WIDGET ////////*/ html.translated-rtl {} /*//////// GLOBAL BASE DIRECTION & FONTS ////////*/ html.translated-rtl body { direction: rtl; text-align: right; } html.translated-rtl * { font-family: Montserrat, 'Noto Sans Hebrew', 'Heebo', Arial, sans-serif; } /*//////// GOOGLE TRANSLATE — CLEAN UP WIDGET CHROME ////////*/ html.translated-rtl .goog-te-banner-frame, html.translated-rtl #goog-gt-tt, html.translated-rtl .goog-te-balloon-frame { display: none !important; } html.translated-rtl body { top: 0 !important; } /*//////// TOP NAVIGATION ////////*/ /*// HEADER LOGO //*/ html.translated-rtl div.top-site-logo img, html.translated-rtl div.top-site-logo svg { left: -16.3rem; } /*// LANGUAGE TOGGLE //*/ html.translated-rtl div.lang-toggle, html.translated-rtl div.manual-lang-toggle { position: absolute; right: initial; left: 8rem; } /*// NAV //*/ html.translated-rtl nav#desktop-menu { text-align: right; } html.translated-rtl nav#desktop-menu #menu-main-menu { direction: rtl; right: 0; text-align: right; } /*// DESKTOP MENU //*/ html.translated-rtl nav#desktop-menu #menu-main-menu > li html.translated-rtl nav#desktop-menu #menu-main-menu > li > a { text-align: right; } /*// DESKTOP SUB-MENU //*/ html.translated-rtl nav#desktop-menu #menu-main-menu ul.sub-menu { direction: rtl; left: initial; right: 0; } html.translated-rtl nav#desktop-menu #menu-main-menu ul.sub-menu > li, html.translated-rtl nav#desktop-menu #menu-main-menu ul.sub-menu > li > a { text-align: right; } /*// MOBILE NAV //*/ html.translated-rtl div.hamburger-container { right: initial; left: 6%; } html.translated-rtl div.mobile-site-logo { left: initial; right: 3rem; width: 30rem; } /*//////// ALL PAGE TEMPLATES ////////*/ /*//// GLOBAL HERO SECTION ////*/ html.translated-rtl div.hero-flex-item h1 { text-align: right; } html.translated-rtl div.hero-flex-item h2 { text-align: right; } html.translated-rtl div.hero-flex-item p { text-align: right; } /*/ FRONT PAGE / HOME — KEEP HERO CENTERED /*/ html.translated-rtl #hero-flex-item-1 h1, html.translated-rtl #hero-flex-item-1 p, html.translated-rtl div.story-flex-item h2 { text-align: center; } /*/ SINGLE TEAM HERO — CONTACT INFO /*/ html.translated-rtl div.hero-flex-item ul { /*padding-left: 0; padding-right: 0;*/ } /*//////// GLOBAL CONTENT SECTION — SIDEBAR + MAIN ////////*/ /*//// PAGE LOGO WATERMARK — KEEP CENTERED (NO FLIP NEEDED) ////*/ html.translated-rtl div.logo-watermark { left: 50%; transform: translateX(-50%); } /*//// FLIP SIDEBAR/MAIN LAYOUT ////*/ html.translated-rtl div.splat-flex-container.content-flex-container, html.translated-rtl div.about-flex-container { flex-direction: row-reverse; } html.translated-rtl #content-flex-item-1 { order: 1; } html.translated-rtl #content-flex-item-2 { order: 2; } /*/// SIDEBAR NAV LINKS — FLIP TEXT + ARROWS ///*/ html.translated-rtl div.content-flex-item h3, html.translated-rtl div.about-flex-item h3 { text-align: left; } html.translated-rtl div.content-flex-item h3:after, html.translated-rtl div.about-flex-item h3:after { right: auto; left: -4rem; transform: translateY(-50%) scaleX(-1); } html.translated-rtl div.content-flex-item h3.active:after, html.translated-rtl div.content-flex-item h3:hover:after, html.translated-rtl div.about-flex-item h3.active:after, html.translated-rtl div.about-flex-item h3:hover:after { right: auto; left: -6rem; } /*/// CONTENT ELEMENTS ///*/ html.translated-rtl #content-flex-item-2 h3 { text-align: right; } /*/// CONTENT HEADINGS ///*/ html.translated-rtl div.content-flex-item h2, html.translated-rtl div.about-flex-item h2, html.translated-rtl div.content-flex-item h3, html.translated-rtl div.about-flex-item h3, html.translated-rtl div.content-flex-item h4, html.translated-rtl div.about-flex-item h4 { text-align: right; } /*/// BODY TEXT ///*/ html.translated-rtl div.content-flex-item .content-body, html.translated-rtl div.content-flex-item .content-team-intro, html.translated-rtl div.content-flex-item p, html.translated-rtl div.content-flex-item li, html.translated-rtl div.about-flex-item p { text-align: right; } /*/// INDENTED PARAGRAPHS ///*/ html.translated-rtl div.content-flex-item p.indent, html.translated-rtl div.about-flex-item p.indent, html.translated-rtl div.elements-flex-item p.indent { padding-left: 0; padding-right: 4.5rem; } /*/// LISTS ///*/ html.translated-rtl div.content-flex-item ul, html.translated-rtl div.content-flex-item ol { padding-left: 0; padding-right: 4rem; } /*/// RELATED POSTS TITLE ///*/ html.translated-rtl div.content-flex-item h3.related-posts-title, html.translated-rtl div.content-flex-item h3.related-posts-title a { text-align: right; } /*//////// FRONT PAGE / HOME — SPECIFIC SECTIONS ////////*/ /*//// HERO SECTION ////*/ html.translated-rtl div.hero-circle.open div.dropdown a.learn { left: initial; right: 50%; } html.translated-rtl div.hero-circle:hover div.dropdown a.learn, html.translated-rtl div.hero-circle.open div.dropdown a.learn { right: 0; } /*//// STORY SECTION ////*/ html.translated-rtl div.story-flex-item h3 { text-align: right; } html.translated-rtl div.story-flex-item p { text-align: right; } /*// ELEMENTS SECTION — KEEP CENTERED HEADINGS CENTERED //*/ html.translated-rtl div.elements-flex-item h2 { text-align: center; } html.translated-rtl div.elements-flex-item h3 { text-align: center; } html.translated-rtl div.elements-flex-item p { text-align: right; } /*// EARTH / WATER / WIND / FIRE ELEMENT SECTIONS //*/ html.translated-rtl div.earth-flex-item h3, html.translated-rtl div.water-flex-item h3, html.translated-rtl div.wind-flex-item h3, html.translated-rtl div.fire-flex-item h3 { text-align: right; } html.translated-rtl div.earth-flex-item p, html.translated-rtl div.water-flex-item p, html.translated-rtl div.wind-flex-item p, html.translated-rtl div.fire-flex-item p { text-align: right; } html.translated-rtl div.earth-flex-item p.court, html.translated-rtl div.water-flex-item p.court, html.translated-rtl div.wind-flex-item p.court, html.translated-rtl div.fire-flex-item p.court { padding-left: 16rem; padding-right: 0; } /*// WAY SECTION //*/ html.translated-rtl div.way-flex-item h2 { text-align: center; } html.translated-rtl div.way-flex-item h3, html.translated-rtl div.way-flex-item p { text-align: right; } html.translated-rtl div.way-flex-item p a:after { right: auto; left: -3rem; transform: translateY(-50%) scaleX(-1); } html.translated-rtl div.way-flex-item p a:hover:after { right: auto; left: -4rem; } /*// HERO CIRCLES DROPDOWNS //*/ html.translated-rtl div.hero-circle div.dropdown h3, html.translated-rtl div.hero-circle div.dropdown p, html.translated-rtl div.hero-circle div.dropdown a.learn { text-align: center; } /*//////// ABOUT US PAGE ////////*/ /*//// ABOUT SECTION ////*/ html.translated-rtl #about-flex-item-1 { order: 2; } html.translated-rtl #about-flex-item-2 { order: 1; } /*// ABOUT PAGE — SIDEBAR PADDING FLIP //*/ html.translated-rtl #about-flex-item-1 { padding-left: 0; padding-right: 15rem; } /*//////// OUR TEAM PAGE ////////*/ /*//// TEAM SECTION ////*/ html.translated-rtl div.team-flex-item h2.team-name, html.translated-rtl div.team-flex-item h2.team-name a { text-align: right; } html.translated-rtl div.team-flex-item p.team-phone, html.translated-rtl div.team-flex-item p.team-email { text-align: right; } /* TEAM MEMBERS IN PRACTICE AREA PAGES — KEEP CENTERED */ html.translated-rtl div.content-team-flex-item p.content-team-name { text-align: center; } /*//////// SINGLE TEAM PAGE /////////*/ /*//// HERO SECTION ////*/ html.translated-rtl body.single-team {} html.translated-rtl body.single-team section.hero-section div.hero-container { padding: 12rem 15rem 0 15rem; } html.translated-rtl body.single-team #hero-flex-item-1 h1, html.translated-rtl body.single-team #hero-flex-item-1 p, html.translated-rtl body.single-team div.story-flex-item h2 { text-align: right; } /*/ SINGLE TEAM HERO — CONTACT INFO /*/ html.translated-rtl body.single-team div.hero-flex-item ul { padding-left: 0; padding-right: 0; } html.translated-rtl body.single-team div.hero-flex-item img { float: left; margin-left: 0; margin-right: 0; } /*//////// PRACTICE AREAS PAGE /////////*/ html.translated-rtl #practice-areas-page {} html.translated-rtl #practice-areas-page #content-flex-item-1 { order: 2; } html.translated-rtl #practice-areas-page #content-flex-item-2 { order: 1; } /*//////// SINGLE PRACTICE AREAS PAGE /////////*/ html.translated-rtl body.single-practice-area {} html.translated-rtl body.single-practice-area #content-flex-item-1 { order: 2; } html.translated-rtl body.single-practice-area #content-flex-item-2 { order: 1; } /*//// RELATED POSTS WITHIN PRACTICE AREA PAGES ////*/ html.translated-rtl article.related-posts-flex-item { text-align: right; } html.translated-rtl p.related-posts-meta { text-align: right; } html.translated-rtl p.related-posts-excerpt { text-align: right; } /*//////// ISRAEL PRACTICE PAGE /////////*/ html.translated-rtl #israel-practice-page {} html.translated-rtl #israel-practice-page #content-flex-item-1 { order: 2; } html.translated-rtl #israel-practice-page #content-flex-item-2 { order: 1; } /*//// RELATED POSTS WITHIN PRACTICE AREA PAGES ////*/ html.translated-rtl #israel-practice-page article.related-posts-flex-item { text-align: right; } html.translated-rtl #israel-practice-page p.related-posts-meta { text-align: right; } html.translated-rtl #israel-practice-page p.related-posts-excerpt { text-align: right; } /*//////// BLOG ARCHIVE + SEARCH RESULTS ////////*/ html.translated-rtl article.posts-flex-item h2.posts-title, html.translated-rtl article.posts-flex-item h2.posts-title a { text-align: right; } html.translated-rtl article.posts-flex-item p.posts-meta { text-align: right; } html.translated-rtl article.posts-flex-item p.posts-excerpt { text-align: right; } /*// SEARCH BAR //*/ html.translated-rtl div.search-flex-item h3, html.translated-rtl div.search-flex-item label.news-search { text-align: right; } html.translated-rtl div.search-flex-item input[type="submit"], html.translated-rtl div.search-flex-item button[type="submit"] { margin-left: 0; margin-right: 3rem; } /*// AUTOCOMPLETE DROPDOWN //*/ html.translated-rtl .search-autocomplete-item { text-align: right; } html.translated-rtl .search-autocomplete-title, html.translated-rtl .search-autocomplete-meta { text-align: right; } /*// LOAD MORE BUTTON (BLOG ARCHIVE) //*/ html.translated-rtl button.load-more-btn, html.translated-rtl input.load-more-btn { direction: rtl; } /*//////// SINGLE BLOG POST ////////*/ html.translated-rtl body.single-post {} html.translated-rtl body.single-post #hero-flex-item-1 h1, html.translated-rtl body.single-post #hero-flex-item-1 p, html.translated-rtl body.single-post div.story-flex-item h2 { text-align: right; } html.translated-rtl body.single-post div.content-flex-item p.blog-meta { text-align: right; } html.translated-rtl body.single-post div.content-flex-item p.subhead { text-align: right; } /*// AUTHOR SECTION //*/ html.translated-rtl div.author-flex-item h4 { text-align: center; } html.translated-rtl div.author-flex-item p.about, html.translated-rtl div.author-flex-item p.disclaimer { text-align: right; } /*//////// CAREERS PAGE ////////*/ html.translated-rtl div.content-flex-item h2.content-headline { text-align: right; } html.translated-rtl div.content-flex-item .content-body p, html.translated-rtl div.content-flex-item .content-body ul li { text-align: right; } html.translated-rtl div.content-flex-item .content-body ul { padding-left: 0; padding-right: 4rem; } /*//////// CONTACTS PAGE /////////*/ html.translated-rtl div.contacts-flex-item h1, html.translated-rtl div.contacts-flex-item h2.contacts-name a, html.translated-rtl div.contacts-flex-item p.contacts-title { text-align: right; } html.translated-rtl div.contacts-flex-item ul.contacts-info-list { padding-left: 0; padding-right: 0; } html.translated-rtl div.contacts-flex-item li, html.translated-rtl div.contacts-flex-item li a { text-align: right; } /*//////// TESTIMONIALS (ALL TEMPLATES — BLOCK + SLIDER) ////////*/ html.translated-rtl div.testimonial-block p.quote { text-align: right; } html.translated-rtl div.testimonial-block p.name { text-align: right; padding-right: 0; padding-left: 12rem; } /*// QUOTE MARKS — FLIP POSITIONS //*/ html.translated-rtl div.open-quote { left: auto; right: 0; transform: translate(100%, -57%) scaleX(-1); } html.translated-rtl div.close-quote { right: auto; left: 0; transform: translate(-100%, 60%) scaleX(-1); } /*//// SLICK SLIDER RTL ////*/ /* SLICK HANDLES DIRECTION INTERNALLY VIA RTL: TRUE INIT OPTION. DO NOT SET DIRECTION: RTL ON .SLICK-TRACK — IT BREAKS SLIDE POSITIONING. */ /*// FORCE OVERFLOW CLIPPING ON SLICK CONTAINER + ITS ANCESTORS //*/ /* In RTL mode, Slick lays out slides with negative AND positive x offsets, which can leak past parent boundaries on mobile where the slide width (55.6rem ≈ 556px) exceeds the viewport. Force-clip at every level. */ html.translated-rtl section.testimonials-section, html.translated-rtl section.testimonial-section, html.translated-rtl div.testimonials-container, html.translated-rtl div.testimonial-container, html.translated-rtl #testimonial-slider, html.translated-rtl #testimonial-slider div.slick-list { overflow: hidden; max-width: 100%; } /*//////// MOBILE RTL — HORIZONTAL OVERFLOW BACKSTOP ////////*/ /*============================================================================ * RTL layouts can cause horizontal overflow on mobile when: * - Absolute-positioned content panes flip orientation (about page tabs) * - Negative-positioned logos/elements push past the left edge * - Slick slider track exposes off-canvas slides * This block clamps body width and forces clip at the page-level wrappers. *============================================================================*/ @media only screen and (max-width: 851px) { /*/ LOADER SCRIM /*/ html.translated-rtl div.loader-scrim { right: -10px; left: 10px; } /*/ MOBILE LANGUAGE TOGGLE /*/ html.translated-rtl div.lang-toggle, html.translated-rtl div.manual-lang-toggle { right: initial; left: 10rem; } /*//// SINGLE TEAM PAGE ////*/ html.translated-rtl body.single-team section.hero-section div.hero-container { padding: 13rem 3rem 8rem 3rem; } html.translated-rtl #about-flex-item-1, html.translated-rtl body.single-team #about-flex-item-1 { padding-left: 0; padding-right: 0; padding-bottom: 0; } html.translated-rtl body.single-team #sidebar-nav-1, html.translated-rtl body.single-team nav.about-sidebar-nav h3 { padding: 1rem 2rem; } /*// TESTIMONIAL SLIDER //*/ html.translated-rtl ul.slick-dots { bottom: 0; } /*// TESTIMONIAL BLOCK //*/ html.translated-rtl div.testimonial-block p.name { padding-left: 0; } /*//// PAGE-LEVEL CLAMP ////*/ html.translated-rtl, html.translated-rtl body { overflow-x: hidden; max-width: 100%; } /*//// MAJOR LAYOUT WRAPPERS — CLIP RESIDUAL OVERFLOW ////*/ html.translated-rtl div.page-container, html.translated-rtl div.section-container, html.translated-rtl main.main-content { overflow-x: hidden; max-width: 100%; } /*//// ABOUT PAGE — CONTENT PANES CLIP ////*/ html.translated-rtl #about-flex-item-2, html.translated-rtl div.about-flex-item div.content-pane { max-width: 100%; } html.translated-rtl #about-flex-item-2 { overflow: hidden; } } @media only screen and (max-width: 480px) { } /*////// 404 PAGE //////*/ html.translated-rtl #page-404 div.flex-container-404 div.flex-item-404 h2, html.translated-rtl #page-404 div.flex-container-404 div.flex-item-404 p { text-align: right; } /*////// FOOTER //////*/ html.translated-rtl footer { direction: rtl; text-align: right; }