/* * Hebrew-only stylesheet. * * Enqueued from functions.php only when is_hebrew() is true (i.e. * WPML's ICL_LANGUAGE_CODE === 'he'), so this file is never loaded * for English visitors. * * All rules are scoped to `body.lang-he` so that nothing here can * accidentally affect the English site. */ /* Rubik covers both Latin and Hebrew glyphs. */ @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap'); /* --------------------------------------------------------------------- * 1. Base typography + direction * ------------------------------------------------------------------- */ body.lang-he, body.lang-he input, body.lang-he input::placeholder, body.lang-he textarea, body.lang-he textarea::placeholder, body.lang-he button, body.lang-he select, body.lang-he a, body.lang-he span, body.lang-he p, body.lang-he h1, body.lang-he h2, body.lang-he h3, body.lang-he h4, body.lang-he h5, body.lang-he h6 { font-family: 'Rubik', sans-serif; } body.lang-he h3 { font-size: 32px; } body.lang-he h6 { font-size: 20px; } body.lang-he p { font-size: 16px; } body.lang-he p.small { font-size: 14.4px; } body.lang-he .button { font-size: 16px; font-weight: 600; } body.lang-he ul.of-p { font-size: 16px; padding-left: 0; padding-right: 20px; text-wrap: pretty; } body.lang-he .justify { text-align: right; text-wrap: pretty; } /* dir="rtl" is also set on , this is the CSS-side complement so RTL applies even where the HTML attribute might be overridden by inline styling. */ body.lang-he { direction: rtl; } body.lang-he header .logo-box { right: 0; left: auto; } body.lang-he header .items { left: 0; right: auto; font-size: 1.6em; } body.lang-he header .items li { float: right; margin-right: 40px; margin-left: 0; } body.lang-he header .items li.with-dropdown .dropdown-wrapper { right: -20px; left: auto; } body.lang-he .cover-wrapper.of-case .cover .center-wrapper .text h1 { font-size: 4.8em; } body.lang-he .front-about .text-and-image-relative.opp .text-wrapper h5 { font-size: 21px; text-wrap: pretty; } body.lang-he .front-about .text-and-image-relative.opp .text-wrapper p { text-wrap: pretty; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .inner-inner h5 { font-size: 21px; } body.lang-he .sector-numbers .number-item { align-self: stretch; } body.lang-he .sector-numbers .number-item p { margin-top: 0; } body.lang-he .front-about .text-and-image-relative .text-wrapper h5 { font-size: 21px; text-wrap: pretty; } body.lang-he .side-contact-button { left: 0; right: auto; } body.lang-he .popup-wrapper .inner-contact.new h3 { font-size: 30px; line-height: 34px; } body.lang-he form input { padding-right: 15px; font-size: 16px; } body.lang-he form input[type="submit"] { padding-right: 0 !important; } body.lang-he form textarea { padding-right: 15px; font-size: 16px; } body.lang-he .wpcf7 input[type="url"], body.lang-he .wpcf7 input[type="email"], body.lang-he .wpcf7 input[type="tel"] { direction: rtl; } body.lang-he .lil-x { left: 0; right: auto; } body.lang-he .updates-banner .inner h3 { font-size: 28px; font-weight: 600; } body.lang-he .updates-banner .two { text-align: right; } body.lang-he .updates-banner .two .one p { padding-right: 0; padding-left: 14px; font-weight: 600; } body.lang-he footer { direction: ltr; } body.lang-he footer .inner-wrapper .bottom-line .on-left { padding-right: 0; padding-left: 20px; } body.lang-he footer .inner-wrapper .bottom-line { font-size: 16px; } body.lang-he footer .inner-wrapper .bottom-line .on-right ul { justify-content: flex-end; } body.lang-he .cp-wrapper .cover .center-wrapper h1 { font-size: 48px; } body.lang-he .cp-wrapper .two { text-align: right; } body.lang-he .cp-wrapper .two .one p { padding-right: 0; padding-left: 14px; font-weight: 600; } body.lang-he .cover .center-wrapper .text { max-width: 800px; } body.lang-he .cover .center-wrapper h1 { font-size: 60px; line-height: 1.1; letter-spacing: 0; } body.lang-he .cover .center-wrapper h2 { letter-spacing: 0; font-size: 22px; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .inner-inner { max-width: 848px !important; } body.lang-he .thirds .third { text-align: right; } body.lang-he .thirds .third p { text-align: right; text-wrap: pretty; } body.lang-he .values-wrapper { display: flex; align-items: flex-start; justify-content: center; } body.lang-he .values-wrapper .value { float: none; } body.lang-he .values-wrapper .value .title { font-size: 19px; text-align: right; } body.lang-he .front-about.of-esg .text-and-image-relative .text-wrapper h3 { font-size: 26px; } body.lang-he #content-esg .second-cta { height: auto; line-height: 1.2; width: 372px; padding: 10px 20px; } body.lang-he .container[data-page="our-team"] .content-wrapper.on-front .section .inner-wrapper .inner-inner { max-width: 600px !important; } body.lang-he .fa.with-circle.in-member { right: auto; left: 0; bottom: 6px; } body.lang-he .popup-wrapper .inner-team .half { float: right; } body.lang-he .popup-wrapper .inner-team .half.left { border-left: 0; border-right: 8px solid white; } body.lang-he .popup-wrapper .inner-team .half .fas { left: 40px; right: auto; } body.lang-he .popup-wrapper .inner-team .half .fas .fa.with-circle { margin-right: 6px; margin-left: 0; } body.lang-he .popup-wrapper .inner-team .next-prev p { right: 40px; left: auto; } /* Slick slider in the project popup. The slider is initialized without rtl: true, so its translate3d() math assumes an LTR container. When the page is RTL, slides offset to the wrong side and the prev/next arrows line up incorrectly. Pinning the slider's wrapper back to LTR fixes the math while leaving the rest of the popup RTL. Scope covers both the portfolio popup and the direct /project/{slug}/ URL because both render inside .popup-wrapper .inner-project. */ body.lang-he .popup-wrapper .inner-project .images-wrapper { direction: ltr; } body.lang-he .container[data-page="about"] .content-wrapper.on-front .section.no-pad-bottom.first { padding-bottom: 0; } body.lang-he .container[data-page="about"] .content-wrapper.on-front .section.no-pad-bottom.first .text-and-image-relative .text-wrapper { float: left; } body.lang-he .container[data-page="about"] .content-wrapper.on-front .section.no-pad-bottom.first .text-and-image-relative .image-wrapper { float: right; } body.lang-he .hero-cover .center-wrapper .text h1 { font-size: 26px !important; } body.lang-he .hero-cover .center-wrapper .text h2 { font-size: 74px; } body.lang-he .numbers-wrapper.on-front .part p { font-size: 16px; } body.lang-he .us-map-wrapper .inner-wrapper .map-and-text .text-wrapper { width: calc(25% + 30px); } body.lang-he .map-disclaimer { font-size: 14.4px !important; } body.lang-he .hero-cover .arrow-down-wrapper { left: 0; right: auto; } body.lang-he .hero-cover .arrow-down-wrapper .inner-wrapper .arrow-down { left: 0; right: auto; } body.lang-he .us-marker-wrapper .tooltip { left: auto; right: -20px; direction: ltr; } body.lang-he .us-marker-wrapper .tooltip:after { left: auto; right: 22px; } body.lang-he .closer h3 { line-height: 1.2; } body.lang-he .cases-grid.of-podcasts .item .text-wrapper p.small { font-size: 14.4px; } body.lang-he .button.spotify-youtube-link .icon-wrapper { right: 2px; left: auto; } body.lang-he .button.spotify-youtube-link { padding: 0 18px 0 0 !important; } body.lang-he .filters .options-wrapper { text-align: right; font-size: 16px; font-weight: 600; } body.lang-he .filters .options-wrapper label { right: -2px; left: auto; } body.lang-he .filters .options-wrapper .the-option { padding-right: 15px; padding-left: 0; } body.lang-he .filters .options-wrapper .the-option .fa { right: auto; left: 12px; font-size: 10px; } body.lang-he .filters .options-wrapper .options .option { padding-right: 16px; padding-left: 0; font-size: 14px; } body.lang-he .projects-grid .item .project-card-title { font-size: 16px; } body.lang-he .tag { font-size: 12px; padding: 2px 4px; } body.lang-he .projects-grid-wrapper .projects-grid .item .image-wrapper .sold-tag { font-size: 14px; } body.lang-he .popup-wrapper .inner-project .images-wrapper { right: 0; left: auto; } body.lang-he .popup-wrapper .inner-project .text { left: 0; right: auto; } body.lang-he .popup-wrapper .inner-project .text h3 { text-wrap: pretty; } body.lang-he .popup-wrapper .inner-project .images-wrapper .fa-chevron-left { left: 12px; right: auto; } body.lang-he .popup-wrapper .inner-project .images-wrapper .fa-chevron-right { left: 43px; right: auto; } body.lang-he .popup-wrapper .inner-project .next-prev { left: 0; right: auto; } body.lang-he .popup-wrapper .inner-project .next-prev p { right: 40px; left: auto; } body.lang-he .popup-wrapper .inner-project .rows .row .cell { float: right; font-size: 16px; } body.lang-he form .form-row.f-l { float: right; } body.lang-he form .form-row.f-r { float: left; } body.lang-he .content-wrapper.of-case .rows .row .cell { float: right; } body.lang-he .images-text .text { float: left; } body.lang-he .images-text .images { float: right; } @media (max-width: 1400px) { body.lang-he header .items li { margin-right: 30px; margin-left: 0; } } @media (max-width: 1023px) { body.lang-he h3 { font-size: 28px; } body.lang-he .popup-wrapper .inner-contact.new h3 { font-size: 24px; line-height: 28px; } body.lang-he .menu-button-wrapper { right: auto; left: 0; } body.lang-he .side-menu { left: 0; right: auto; transform: translateX(-100%) !important; -webkit-transform: translateX(-100%) !important; } body.lang-he .side-menu.show { transform: translateX(0) !important; -webkit-transform: translateX(0) !important; } body.lang-he .side-menu .items li.with-dropdown .dropdown-wrapper { padding-right: 14px; padding-left: 0; } body.lang-he .hero-cover .center-wrapper .text h1 { font-size: 24px !important; } body.lang-he .hero-cover .center-wrapper .text h2 { font-size: 50px; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .reg-text.ta-c { text-align: right; } body.lang-he .content-wrapper.on-front .section .inner-wrapper h3.ta-c { text-align: right; } body.lang-he .us-map-wrapper .inner-wrapper .map-and-text .text-wrapper { width: 100%; } body.lang-he .map-disclaimer { text-align: right; } body.lang-he .us-map-wrapper .inner-wrapper .map-and-text .map-outer-wrapper .numbers-wrapper.on-front { text-align: right; } body.lang-he .updates-banner .inner h3 { font-size: 24px; } body.lang-he .socials { direction: rtl; } body.lang-he .socials a { margin: 0 0 0 12px; } body.lang-he footer .inner-wrapper .bottom-line .on-right ul li { margin-left: 20px; margin-right: 0; } body.lang-he footer .inner-wrapper .bottom-line .on-left { padding-left: 0; line-height: 1.3 !important; } body.lang-he footer .inner-wrapper .bottom-line .on-left span { display: block; margin: 10px 0 0; } body.lang-he .cover .center-wrapper h1 { font-size: 36px; } body.lang-he .content-wrapper.on-front .section .inner-wrapper { text-align: right; } body.lang-he .content-wrapper.on-front .section .inner-wrapper h5 { text-align: right !important; } body.lang-he .content-wrapper.on-front .section .inner-wrapper p { text-align: right !important; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .inner-inner h5 { font-size: 20px; } body.lang-he .front-about .text-and-image-relative .text-wrapper h5 { font-size: 20px; } body.lang-he .front-about .text-and-image-relative .image-wrapper { margin-right: -20px !important; margin-left: 0; } body.lang-he .front-about .text-and-image-relative .text-wrapper { padding: 0 0 40px !important; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .inner-inner h3 { text-align: right !important; } body.lang-he .values-wrapper { flex-wrap: wrap; } body.lang-he .values-wrapper .value .icon-wrapper { margin-right: 0 !important; margin-left: auto !important; } body.lang-he .values-wrapper .value .title { font-size: 20px; } body.lang-he .cover .center-wrapper h2 { font-size: 20px; } body.lang-he .team-wrapper .item p { padding-right: 0; padding-left: 32px; } body.lang-he .fa.with-circle.in-member { bottom: 2px; } body.lang-he .team-m .image { margin-right: -10px; margin-left: -10px; } body.lang-he .popup-wrapper .inner-team .next-prev p { right: 0; } body.lang-he .content-wrapper.on-front .section .inner-wrapper .inner-inner h3 { margin-bottom: 0; } body.lang-he .popup-wrapper .inner-project .next-prev { right: 0; left: auto; } body.lang-he .popup-wrapper .inner-project .next-prev p { right: 0; left: auto; } body.lang-he .cover-wrapper.of-case .cover .center-wrapper .text h1 { font-size: 36px; } body.lang-he .front-about .text-and-image-relative.opp .text-wrapper h5 { font-size: 20px; } body.lang-he .closer h3 { font-size: 24px; } body.lang-he .cp-wrapper .cover .center-wrapper h1 { font-size: 36px; } }