/* Theme Name: Newsfy child Theme URI: http://landing.rivaxstudio.com/newsfy/ Author: RivaxStudio Author URI: https://themeforest.net/user/rivaxstudio/ Description: Modern and Powerful WordPress theme for news & magazine sites. Version: 1.0.1 Requires PHP: 8.0 Tested up to: 6.8 Template: newsfy License: Themeforest.net License URI: http://themeforest.net/licenses Text Domain: newsfy Tags: grid-layout, left-sidebar, right-sidebar, flexible-header, footer-widgets, featured-images, translation-ready */ /* -------------------------------------------------------------------------- Offcanvas above the ad rails The menu lives inside #site-header, which is position: relative with z-index: 999 — a stacking context. Everything inside it is therefore capped at 999 against anything mounted on , and no z-index on the menu itself could ever lift it over Ezoic's scroll rails. The header is what has to move, and only while the menu or the search is open, so the rails keep their place the rest of the time. -------------------------------------------------------------------------- */ body:has(.offcanvas-wrapper.open) #site-header, body:has(.popup-search.open) #site-header { z-index: 2147483000; } /* -------------------------------------------------------------------------- Striped tables in dark mode Core hard-codes the stripe as #f0f0f0, which in dark mode put near-white bands under the theme's near-white body text — about 1.05:1. The closing rule under the last row is core's #f0f0f0 too, and that one is left alone on purpose. The theme frames tables with a fixed `table, th, td { border: 1px solid #e4e5ea }`, so #f0f0f0 is within a shade of the other three sides in both schemes: pale and flat against a light page, bright against a dark one. It only ever looked missing because the last row is a striped one, so before the stripe below was fixed the line was drawn in the colour of the band it sat on. -------------------------------------------------------------------------- */ html[scheme="dark"] .wp-block-table.is-style-stripes tbody tr:nth-child(2n + 1) { background-color: color-mix(in srgb, currentColor 7%, transparent); }