/* Shared presentation for date-controlled retail campaigns. */
.retail-campaign-badge {
    display: block;
    float: right;
    width: 150px;
    max-width: 35%;
    margin: 0 0 1.2rem 1.5rem;
}

.retail-campaign-badge img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.retail-campaign-badge a:focus-visible,
a.retail-campaign-badge:focus-visible,
.retail-campaign-home a:focus-visible,
.retail-campaign-navigation a:focus-visible {
    outline: 3px solid #1d1851;
    outline-offset: 4px;
}

.sebo-header-page .menu > .retail-campaign-navigation > a {
    color: #a51c24;
    font-weight: 700;
}

.mobile-menu .retail-campaign-navigation > a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.3em;
}

.retail-campaign-home img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.retail-campaign-directory {
    padding-top: 2rem;
}

.retail-campaign-directory img,
.retail-campaign-directory-inline img {
    display: block;
    width: 100%;
    height: auto;
}

.retail-campaign-directory-inline {
    margin-bottom: 2rem;
}

.sebo-product-directory .retail-campaign-directory + .main-content {
    margin-top: 2rem !important;
}

@media (max-width: 991px) {
    .retail-campaign-directory {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 0;
        margin-bottom: 2rem;
    }

    .retail-campaign-directory img {
        width: min(100%, 300px);
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .retail-campaign-badge {
        width: 120px;
        margin-left: 1rem;
    }
}