/* hz10.biz - custom styles. Loaded on every page via header.php. Put all hand-written CSS here; everything else is inherited from the WordPress export and should not be edited. */ /* Facebook icon beside the menu instead of below it. The row is RTL, so the LAST flex child renders leftmost. */ .hz-menu-row { flex-direction: row !important; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; } .hz-menu-row .mega-menu-wrap { order: 1; } .hz-menu-row .wp-block-social-links { order: 2; margin: 0 !important; padding: 0; } .hz-menu-row .wp-block-social-links .wp-social-link { margin: 0; } /* Visually hidden, still announced by screen readers. Used for the page

, which the WordPress export never had. */ .hz-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; } @media (max-width: 600px) { /* stack again on small screens so the menu keeps full width */ .hz-menu-row { gap: 8px; } } /* Page title followed directly by a list: lists have no top margin, so the title sat flush against it while every other page on the site has 32px under its title. Match the site's own rhythm. */ .entry-content > h1.wp-block-heading + ul.wp-block-list { margin-top: 32px; } /* Language switcher: never break the label across lines. The English panel put the Hebrew word in a 1-of-6 column, which wrapped it one letter per line. */ #mega-menu-max_mega_menu_1 li.mega-lang-item > a.mega-menu-link { white-space: nowrap !important; word-break: normal !important; overflow-wrap: normal !important; } #mega-menu-max_mega_menu_1 li.mega-lang-item { min-width: max-content; } /* Descendants of a title inherit its colour. Two pages wrap their title text in a , which would otherwise beat the per-page colour set further down this file. */ .entry-content .hz-page-title * { color: inherit !important; } /* Home pages: the large 32px text at the top is the company intro sentence, not a title. Half the size reads as the introduction it actually is. */ .entry-content h2[class*="gutenify-section-147c7670"] { font-size: 16px; line-height: 1.6; } /* --- page titles ------------------------------------------------------------- One size for every page, matching the "פרויקט תש"א קו 12" page (32px / 600). Two class selectors, so this wins over Kadence's single-class block rules without needing !important. */ .entry-content .hz-page-title { font-size: 32px; font-weight: 600; line-height: 1.43; } /* Digits in this font are cap-height, so they tower over lowercase Latin and over Hebrew (which has no capitals at all). Measured: digit 22px, Latin lowercase 17px, typical Hebrew letter 19px at a 32px size. 0.86 lines them up with the Hebrew letters; adjust this one number to taste. */ .entry-content .hz-page-title .hz-num { font-size: 0.86em; } /* --- one colour per page: the title and its dropdown entry ------------------ Every colour clears 4.5:1 on both #f1f1f1 (menu panel) and #fff (page). Hues are handed out with a stride around the wheel so neighbours in the menu are never similar. The two top-level items stay white - they sit on the green bar. */ body.page-id-85 .entry-content .hz-page-title, body.page-id-1131 .entry-content .hz-page-title { color: #c73923 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%94%D7%A0%D7%97%D7%AA-%D7%A7%D7%95-%D7%94%D7%92%D7%96-%D7%94%D7%90%D7%A8%D7%A6%D7%99/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/laying-the-national-gas-line/"] { color: #c73923 !important; } body.page-id-371 .entry-content .hz-page-title, body.page-id-1225 .entry-content .hz-page-title { color: #1f7a74 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A4%D7%A8%D7%95%D7%99%D7%99%D7%A7%D7%98-%D7%A7-%D7%92%D7%AA-%D7%A9%D7%99%D7%A7%D7%9E%D7%94-%D7%A9%D7%95%D7%91%D7%9C/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/ingl-project-line-36%E2%80%B3-k-gat-shikma-shuvel/"] { color: #1f7a74 !important; } body.page-id-890 .entry-content .hz-page-title, body.page-id-1266 .entry-content .hz-page-title { color: #d02552 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A4%D7%A8%D7%95%D7%99%D7%99%D7%A7%D7%98-%D7%94%D7%92%D7%96-%D7%90%D7%95%D7%A8%D7%95%D7%AA-%D7%A8%D7%91%D7%99%D7%9F/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/project-ingl-line-24-orot-rabin-hadera/"] { color: #d02552 !important; } body.page-id-888 .entry-content .hz-page-title, body.page-id-1214 .entry-content .hz-page-title { color: #1f7a50 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A4%D7%A8%D7%95%D7%99%D7%99%D7%A7%D7%98-%D7%A7%D7%95-36-%D7%A2%D7%A8%D7%95%D7%A2%D7%A8-%D7%93%D7%99%D7%9E%D7%95%D7%A0%D7%94/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/project-ingl-line-36%E2%80%B3-aroar-dimona/"] { color: #1f7a50 !important; } body.page-id-922 .entry-content .hz-page-title, body.page-id-1238 .entry-content .hz-page-title { color: #c72391 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A4%D7%A8%D7%95%D7%99%D7%A7%D7%98-%D7%AA%D7%A9%D7%90-%D7%A7%D7%95-12-%D7%A8%D7%A6%D7%99%D7%A4%D7%95%D7%AA-%D7%AA%D7%A4%D7%A7%D7%95%D7%93%D7%99%D7%AA/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/energy-infrastructures-line-project-12%E2%80%B3-functional-continuity/"] { color: #c72391 !important; } body.page-id-126 .entry-content .hz-page-title, body.page-id-1243 .entry-content .hz-page-title { color: #1f7a2b !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%94%D7%A1%D7%AA%D7%A2%D7%A4%D7%95%D7%AA-%D7%A2%D7%A6%D7%99%D7%A8%D7%AA-%D7%A7%D7%95-%D7%97%D7%99/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/branching-stop-live-line-ht/"] { color: #1f7a2b !important; } body.page-id-93 .entry-content .hz-page-title, body.page-id-1170 .entry-content .hz-page-title { color: #b22fbc !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%91%D7%99%D7%A6%D7%95%D7%A2-%D7%A4%D7%A8%D7%95%D7%99%D7%99%D7%A7%D7%98%D7%99%D7%9D-%D7%9E%D7%AA%D7%A7%D7%A0%D7%99%D7%9D-%D7%9C%D7%AA%D7%A2%D7%A9%D7%99%D7%94/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/projects-execution-and-renovation-of-industrial-facilities/"] { color: #b22fbc !important; } body.page-id-97 .entry-content .hz-page-title, body.page-id-1261 .entry-content .hz-page-title { color: #377a1f !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%94%D7%AA%D7%A7%D7%A0%D7%95%D7%AA-%D7%95%D7%A9%D7%99%D7%A4%D7%95%D7%A5-%D7%A7%D7%95%D7%95%D7%99-%D7%93%D7%9C%D7%A7-%D7%95%D7%9E%D7%99%D7%9D/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/fuel-and-liquid-line-renovation-installations/"] { color: #377a1f !important; } body.page-id-143 .entry-content .hz-page-title, body.page-id-1268 .entry-content .hz-page-title { color: #870df2 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%9E%D7%99%D7%9B%D7%9C%D7%99-%D7%90%D7%99%D7%97%D7%A1%D7%95%D7%9F-%D7%AA%D7%A2%D7%A9%D7%99%D7%99%D7%AA%D7%99%D7%99%D7%9D-%D7%95%D7%A7%D7%95%D7%A0%D7%A1%D7%98%D7%A8%D7%95%D7%A7%D7%A6%D7%99%D7%95%D7%AA-%D7%A4%D7%9C%D7%93%D7%94/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/industrial-storage-tanks-and-steel-constructions/"] { color: #870df2 !important; } body.page-id-120 .entry-content .hz-page-title, body.page-id-1264 .entry-content .hz-page-title { color: #56721d !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A2%D7%91%D7%95%D7%93%D7%95%D7%AA-%D7%94%D7%A0%D7%93%D7%A1%D7%94-%D7%90%D7%96%D7%A8%D7%97%D7%99%D7%95%D7%AA-%D7%9E%D7%A9%D7%95%D7%9C%D7%91%D7%95%D7%AA/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/integrated-civil-engineering-works/"] { color: #56721d !important; } body.page-id-1289 .entry-content .hz-page-title, body.page-id-90 .entry-content .hz-page-title { color: #2b0df2 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A7%D7%99%D7%93%D7%95%D7%97%D7%99%D7%9D-%D7%90%D7%95%D7%A4%D7%A7%D7%99%D7%99%D7%9D-%D7%9E%D7%AA%D7%97%D7%AA-%D7%9C%D7%AA%D7%A9%D7%AA%D7%99%D7%95%D7%AA/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/horizontal-drillings-under-the-infrastructures/"] { color: #2b0df2 !important; } body.page-id-1304 .entry-content .hz-page-title, body.page-id-895 .entry-content .hz-page-title { color: #726d1d !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%AA%D7%A2%D7%95%D7%93%D7%95%D7%AA-%D7%95%D7%AA%D7%A7%D7%A0%D7%99%D7%9D/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/certificates-and-standards/"] { color: #726d1d !important; } body.page-id-1041 .entry-content .hz-page-title, body.page-id-1297 .entry-content .hz-page-title { color: #0d4af2 !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%94%D7%A6%D7%94%D7%A8%D7%AA-%D7%A0%D7%92%D7%99%D7%A9%D7%95%D7%AA/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/accessibility-statement/"] { color: #0d4af2 !important; } body.page-id-696 .entry-content .hz-page-title, body.page-id-1230 .entry-content .hz-page-title { color: #9c601c !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8/"], #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/contact/"] { color: #9c601c !important; } body.page-id-71 .entry-content .hz-page-title, body.page-id-1096 .entry-content .hz-page-title { color: #27749b !important; } #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link[href="/en/"] { color: #27749b !important; } /* One title's text is wrapped in , which renders at 900 while every other title is 600. Inherit the title's weight so they all match. */ .entry-content .hz-page-title strong, .entry-content .hz-page-title b { font-weight: inherit; } /* numbered feature list + explanation panel (added for the gas-line page, which had an unstyled bare wp-block-list). Layout is page-agnostic; each page's accent color is applied below via body.page-id-N, same convention as .hz-page-title above. */ .hz-num-list { list-style: none; margin: 0 0 22px; padding: 0; counter-reset: hznum; } .hz-num-list li { counter-increment: hznum; display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px solid #eee; font-weight: 600; font-size: 16.5px; line-height: 1.5; } .hz-num-list li:last-child { border-bottom: none; } .hz-num-list li::before { content: counter(hznum); flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: #9ca3af; color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .hz-num-panel { margin-top: 20px; background: #f4f4f4; border-radius: 10px; padding: 18px 20px; font-size: 14.5px; line-height: 1.75; color: #4b4442; } body.page-id-85 .hz-num-list li::before, body.page-id-1131 .hz-num-list li::before { background: #c73923; } body.page-id-85 .hz-num-panel, body.page-id-1131 .hz-num-panel { background: #fbf3f1; } body.page-id-85 .hz-num-panel strong, body.page-id-1131 .hz-num-panel strong { color: #c73923; } /* Gas-line page (85/1131): 2-column layout for the numbered list. Hebrew (RTL) reads right-to-left, so DOM items 1&2 (first grid column) sit on the right and 3&4 (second column) on the left. English (LTR) reads left-to-right, so its column order is flipped: 1&2 on the left, 3&4 on the right - each page's column order matches its own reading direction. */ body.page-id-85 .hz-num-list, body.page-id-1131 .hz-num-list { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); grid-auto-flow: column; column-gap: 40px; row-gap: 0; } body.page-id-85 .hz-num-list { direction: rtl; } body.page-id-1131 .hz-num-list { direction: ltr; text-align: left; } body.page-id-85 .hz-num-list li:nth-child(2n), body.page-id-1131 .hz-num-list li:nth-child(2n) { border-bottom: none; } @media (max-width: 782px) { body.page-id-85 .hz-num-list, body.page-id-1131 .hz-num-list { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; } body.page-id-85 .hz-num-list li:nth-child(2n), body.page-id-1131 .hz-num-list li:nth-child(2n) { border-bottom: 1px solid #eee; } body.page-id-85 .hz-num-list li:last-child, body.page-id-1131 .hz-num-list li:last-child { border-bottom: none; } } /* Heebo (the Hebrew fallback added for Inter/Outfit, which have no Hebrew glyphs) has a taller x-height than either at the same font-size, so Hebrew text renders visibly larger than the Latin text around it. font-size-adjust: from-font asks the browser to match rendered size to the primary font's own metrics whenever a fallback font is actually doing the rendering - Latin text (rendered by Inter/Outfit directly) is unaffected. Inherited by default, so setting it once here covers every element on Hebrew pages. */ html[lang^="he"] { font-size-adjust: from-font; }