/** * Style overrides — applied AFTER style.min.css. * * Targeted patches that cannot go through the SCSS build right now * (the dist/sass divergence drops ~80KB on rebuild). Migrate back into * sass/ once the build pipeline is reconciled. */ /* "מועמדים" / Candidates (he 9285, en 9537) and "סטודנטים" / Students (he 9542, * en 85394): header and hero are in normal block flow (no overlap). * Remove global padding-top so they sit flush against each other. */ body.page-id-9285 main, body.page-id-9537 main, body.page-id-9542 main, body.page-id-85394 main { padding-top: 11.4rem; } /* Same pages, mobile: smaller header height */ @media (max-width: 767px) { body:not(.admin-bar).page-id-9285 main, body:not(.admin-bar).page-id-9537 main, body:not(.admin-bar).page-id-9542 main, body:not(.admin-bar).page-id-85394 main { padding-top: 7.4rem; } } /* Same pages + admin bar: compensate for the 32px WP admin bar */ body.admin-bar.page-id-9285 main, body.admin-bar.page-id-9537 main, body.admin-bar.page-id-9542 main, body.admin-bar.page-id-85394 main { padding-top: 45px; } /* Same pages: hero-department margin-top is baked into Elementor inline styles * (30px desktop / 34px tablet / 20px mobile). With padding-top:0 and block-flow * header, that margin creates an unwanted gap. Zero it out. */ body.page-id-9285 .technion-hero-department, body.page-id-9537 .technion-hero-department, body.page-id-9542 .technion-hero-department, body.page-id-85394 .technion-hero-department { margin-top: 0 !important; } /* Candidates/Students: breadcrumbs position on smaller screens */ @media (max-width: 1539px) { body.page-id-9285.page-template-candidates main .breadcrumbs, body.page-id-9542.page-template-candidates main .breadcrumbs { top: 80px; } } /* Admin bar: override JS inline top:162px on the full menu */ body.admin-bar .full-menu { top: 11.4rem !important; } /* Homepage: reduce bottom margin on "What's New" section */ .section-new { margin-bottom: 8rem; } /* Homepage events: remove margin-top at desktop-small-max */ @media (max-width: 1539px) { .section-events { margin-top: 0; } } /* Scroll-to-top: must be fixed (not sticky). * The button is rendered AFTER #page, last in flow. With position: sticky * and no scroll-container around it, it behaves as relative and parks below the * footer — also creating a visible blank strip under the footer. */ #scrollToTopBtn { position: fixed; }