/* Engine additions to the real Ashe stylesheet (main.css): what the original did with its scripts or the WordPress runtime. */
[hidden] { display: none !important; }
/* without JavaScript the slides do not stack: only the first shows (ashe.js turns the list into the fading slider) */
#featured-slider:not(.slick-initialized) .slider-item:nth-child(n+2) { display: none; }
#featured-slider .slider-dots li { position: relative; }
#featured-slider .slider-dots li button { opacity: 0; position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: pointer; }
.dark-mode-switcher, .scrolltop, .mobile-menu-btn, .prev-arrow, .next-arrow { cursor: pointer; }
/* submenus open on hover and keyboard focus (the original fades them in with jQuery) */
#main-menu li:hover > .sub-menu, #main-menu li:focus-within > .sub-menu { display: block; }
.related-posts section img { object-fit: cover; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100000; background: #fff; color: #000; padding: 8px 14px; }
.skip-link:focus { left: 8px; top: 8px; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }
.dark-mode-switcher:focus-visible, .mobile-menu-btn:focus-visible, .scrolltop:focus-visible, .prev-arrow:focus-visible, .next-arrow:focus-visible, .main-menu-container a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.single-post .single-navigation.ashe-nav-on { display: block; }
.single-post .single-navigation:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
/* sticky sidebar (the original used the sticky-kit script: data-sidebar-sticky="1"): the column stretches, the widgets stay in view */
@media (min-width: 980px) {
  .main-content[data-sidebar-sticky="1"] { display: flex; justify-content: space-between; align-items: stretch; }
  .main-content[data-sidebar-sticky="1"]::before, .main-content[data-sidebar-sticky="1"]::after { display: none; }
  .main-content[data-sidebar-sticky="1"] > .sidebar-right-wrap > .sidebar-right { position: sticky; top: 0; float: none; }
}
/* the engine adds an anchor link to content headings; they must look like the plain headings of the original */
.post-content .heading-anchor, .post-content .heading-anchor:hover { color: inherit; text-decoration: none; }
