/* Only the 1170px banner is positioned. No viewport-width wrapper. */
.apoll-wide-banner[data-apoll-wide-banner] {
    --apollwb-height: 400px;
    --apollwb-gap: 65px;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 1170px;
    min-width: 0;
    margin: 0 auto;
    padding: var(--apollwb-gap) 0 0;
    border: 0;
    background: transparent;
}
.apoll-wide-banner[data-apoll-wide-banner] .apoll-wide-banner__media {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: var(--apollwb-height);
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: transparent;
    text-decoration: none;
}
.apoll-wide-banner[data-apoll-wide-banner] .apoll-wide-banner__image {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: cover;
    object-position: center;
}
.apoll-wide-banner[data-apoll-wide-banner] a:focus-visible {
    outline: 3px solid #e94e36;
    outline-offset: 3px;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .apoll-wide-banner[data-apoll-wide-banner] { --apollwb-height: 350px; }
}
@media (max-width: 767px) {
    .apoll-wide-banner[data-apoll-wide-banner] {
        --apollwb-height: clamp(220px, 60vw, 280px);
        --apollwb-gap: 40px;
    }
}