/* PBIS Default Banner Styles */
.pbis_banner,
.wp-admin .pbis_banner:first-of-type>div * {
    display: none;
}

.pbis_banner .btn,
.pbis_banner .btn span {
    position: relative;
}

:root {
    --pbis_banner__height: 70px;
}

.pbis_banner {
    height: var(--pbis_banner__height);
    background: #0fd46c;
    color: #0d333f;
    text-align: center;
    font: 500 16px "AvenirNext forINTUIT", Helvetica, Arial, sans-serif;
    gap: 2rem;
    padding: 0;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}

.pbis_banner.dim {
    display: flex;
    opacity: 0.4;
    filter: grayscale(1);
}

.wp-admin .pbis_banner {
    display: none !important;
}

.wp-admin .pbis_banner:first-of-type {
    display: flex !important;
    position: static !important;
    height: 72px !important;
}

.wp-admin .pbis_banner:first-of-type>div:before {
    display: block;
    content: "Auto Promo Banner";
    width: 100%;
}

.pbis_banner .btn {
    background: #0d333f;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 8px 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    font-size: 0.75rem;
}

.pbis_banner .btn:before {
    display: block;
    content: "";
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s ease-in-out;
}

.pbis_banner .btn:hover:before {
    width: 100%;
}

.pbis_banner .btn.btn--green {
    background: var(--color-green-rw-green);
    color: var(--color-blue-rw-dark);
}

.pbis_banner .btn.btn--white {
    background: #FFF;
    color: var(--color-blue-rw-dark);
}

.pbis_banner .btn.nt--green:before {
    background: rgba(0, 0, 0, 0.1);
}

.pbis_banner .pbis_banner__bold {
    font-weight: 900;
    font-size: 26px;
    line-height: 30px;
}

.pbis_banner .pbis_banner__left {
    text-align: left;
}

.pbis_banner .pbis_banner__flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    gap: 1rem;
}

.pbis_banner__countdown {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.pbis_banner__countdown-item {
    height: 44px;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    overflow: hidden;
    border-radius: 4px;
}

.pbis_banner__countdown.pbis_banner__countdown--shadow .pbis_banner__countdown-item {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.pbis_banner__countdown-number {
    font-weight: 700;
    color: #0d333f;
    font-size: 20px;
    line-height: 26px;
}

.pbis_banner__countdown-text {
    font-size: 10px;
    color: #393a3d;
    text-transform: uppercase;
    line-height: 16px;
}

.pbis_banner__percent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.pbis_banner__percent em {
    font-style: normal;
    font-size: 0.3em;
    font-weight: 600;
    line-height: 1em;
    align-items: flex-start;
}

.pbis_banner__percent span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.pbis_banner__percent span:last-of-type {
    font-size: 0.3em;
    font-weight: 600;
    line-height: 1em;
    align-items: flex-start;
}

.pbis_banner__percent span strong {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: -2px;
    line-height: 1em;
}

.pbis_banner__heading {
    font-size: 24px;
    line-height: 1em;
    font-weight: 700;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0.25em;
}

@media (min-width: 768px) {
    .pbis_banner {
        padding: 0 0.75rem;
    }

    .pbis_banner .btn {
        font-size: 1rem;
        padding: 14px 20px;
    }

    .pbis_banner--bau .pbis_banner__heading {
        font-size: 32px;
    }
}

@media (min-width: 920px) {
    .pbis_banner--bau .pbis_banner__heading {
        font-size: 38px;
    }
}

@media (min-width: 1024px) {
    .pbis_banner--bau .pbis_banner__heading {
        font-size: 50px;
    }
}

.pbis_banner__checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 0.25rem 0.75rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 14px;
}

@media (min-width: 768px) {
    .pbis_banner__checklist {
        font-size: 16px;
    }
}

@media (min-width: 920px) {
    .pbis_banner__checklist {
        gap: 0.5rem 1rem;
        font-size: 20px;
    }
}

.pbis_banner__checklist li {
    display: block;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #000;
    gap: 0.25rem;
}

.pbis_banner__checklist li:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: inline-block;
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-801.000000, -3412.000000)"><g id="-21" transform="translate(-144.000000, 3210.000000)"><g transform="translate(414.000000, 184.000000)"><g transform="translate(531.000000, 17.000000)"><g transform="translate(0.000000, 1.000000)"><circle fill="%230d333f" cx="10" cy="10" r="10"></circle><path d="M9.23050859,13.6695638 C8.78975334,14.1369539 8.07096668,14.1470503 7.61823774,13.6993425 L5.3473606,11.453651 C4.89549891,11.0068008 5.07963033,10.5041932 5.51733398,10.0400391 C5.95808923,9.5726489 6.47969682,9.32509227 6.93242576,9.77280012 L8.38125281,11.2055586 L12.9556333,6.35474747 C13.3916825,5.8923478 13.8087075,6.18360747 14.2619629,6.63183594 C14.7183783,7.08318937 15.0333587,7.51521573 14.5970163,7.97792635 L9.25523711,13.6425102 C9.24716059,13.6516272 9.23891778,13.6606464 9.23050859,13.6695638 Z" id="Rectangle-61" fill="%23FFFFFF"></path></g></g></g></g></g></g></svg>') center center no-repeat #0d333f;
}

.pbis_banner .pbis_banner__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    animation: 4s 1s infinite alternate pbis_banner_slide_animation;
    gap: 0;
}

.pbis_banner .pbis_banner__slide>div {
    height: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pbis_banner .pbis_banner--desktop {
    display: none !important;
}

.pbis_banner .pbis_banner--tabletPlus {
    display: none !important;
}

.pbis_banner .pbis_banner--mobile {
    display: flex !important;
}

.pbis_banner .pbis_banner--stuckOnly {
    display: none !important;
}

.pbis_banner.pbis_banner--sticky .pbis_banner--stuckOnly {
    display: block !important;
}

@media (min-width: 768px) {
    .pbis_banner .pbis_banner--desktop {
        display: flex !important;
    }

    .pbis_banner .pbis_banner--mobile {
        display: none !important;
    }

    .pbis_banner .pbis_banner__slide--mobileOnly,
    .pbis_banner .pbis_banner__slide--mobileUnstuckOnly {
        flex-direction: row;
        width: 100%;
        gap: 1rem;
        animation: none;
        justify-content: space-around;
    }

    .pbis_banner .pbis_banner__slide--mobileOnly>div,
    .pbis_banner .pbis_banner__slide--mobileUnstuckOnly>div {
        height: auto;
    }
}

@media(min-width: 1024px) {
    .pbis_banner .pbis_banner--tabletPlus {
        display: flex !important;
    }
}

@media(max-width: 767px) {

    .pbis_banner:not(.pbis_banner--sticky) .pbis_banner__slide--mobileStuckOnly,
    .pbis_banner.pbis_banner--sticky .pbis_banner__slide--mobileUnstuckOnly {
        flex-direction: row;
        width: 100%;
        gap: 1rem;
        animation: none;
        justify-content: space-around;

    }

    .pbis_banner:not(.pbis_banner--sticky) .pbis_banner__slide--mobileStuckOnly>div,
    .pbis_banner.pbis_banner--sticky .pbis_banner__slide--mobileUnstuckOnly>div {
        height: auto;
    }
}

@keyframes pbis_banner_slide_animation {

    0%,
    45% {
        transform: translateY(0);
    }

    100%,
    55% {
        transform: translateY(-100%);
    }
}