/* Temporary site-wide CSS overrides.
 * Promote stable rules into proper component files.
 */

/* Menu */
.menu-dropdown {
    .dropdown-content {
        background: rgb(255 255 255 / 0.88);
        -webkit-backdrop-filter: saturate(130%) blur(12px);
        backdrop-filter: saturate(130%) blur(12px);
    }

    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
        .dropdown-content {
            background: rgb(255 255 255 / 0.97);
        }
    }
}

/* Layout One Column */
.layout {
    &--one-column {
        overflow: hidden;
    }
}

/* Banner Media */
.banner-media-container {
    .banner-media {
        picture {
            width: 100%;
        }
    }
}