@import url('/css/evergreen-page.css');

/*
 * The legacy DailyZodiac desktop header is a full-width float. While it is
 * static it participates in the old float layout; after scrolling custom2.js
 * turns it into position:fixed. Clear that float at the main content boundary
 * so the evergreen hero is laid out and painted identically before and after
 * the sticky-header transition.
 */
#main-content {
    display: block;
    clear: both;
}

.evergreen-page,
.evergreen-hero {
    clear: both;
}

/* Keep a solid fallback behind the decorative gradients. */
.evergreen-hero {
    background-color: #178fc9;
}

/* Avoid unnecessary compositor effects inside the hero. */
.evergreen-facts > div {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(255, 255, 255, .12);
}