.wr-promo-banner{
    /* wr Colors */
    --wr-primary: #05855C;
    --wr-primary-light: #08B47D;
    --wr-primary-light2: #04B17A;
    --wr-text-color: #171717;

    /* Fonts */
    --wr-georgia: 'Georgia', 'Cambria', 'Times', serif;
    --wr-verdana: 'Verdana', sans-serif;
    --wr-Tahoma: 'Tahoma', sans-serif;
    --wr-h1: 2.25rem;
    --wr-h2: 1.875rem;
    --wr-sup-headline: 0.875rem;
    --wr-sub-headline: 1rem;

    display: contents; font-family: var(--wr-verdana); font-size: 14px; color: var(--wr-text-color);
    .text-green-darker{color: var(--wr-primary);}

    .sticky-top {position: sticky; top:0; z-index:1030;}
    .promo-banner {background: var(--wr-primary); display: flex; justify-content: space-between; align-items: center;color: #fff; padding: 8px; text-decoration: none; flex-direction: row; gap: 10px;}
    .promo-banner a {display:flex; align-items:center; padding:10px 0; text-align:center; color:#fff; text-decoration:none; justify-content:center;}
    .promo-banner a:hover {color:#fff;}
    .promo-banner .promo-txt {font-family: var(--wr-verdana); line-height:1.1; font-size:0.875rem; flex-grow:1; font-weight: 700;}
    .promo-banner .details {text-decoration:underline; font-size:0.75rem;}
    #promoBanner .modal-header {align-items:flex-start; border-bottom:0; padding:1rem 1rem 0;}
    #promoBanner .modal-header .modal-title {color:#006B00; font-size:1.375rem; font-family:var(--wr-verdana); font-weight:700; line-height:1.2; padding-top:0.5rem;}
    #promoBanner .modal-body {display:flex; flex-direction:column; gap:1rem;}
    #promoBanner .modal-body ul li {margin-bottom:.5rem;}
    #promoBanner .card {border-radius:0; background:#f2f2f2; padding:1rem; gap:.25rem;}
    #promoBanner .modal-footer {gap:1rem; border-top:0;}
    #promoBanner .modal-footer .btn-wrap {margin:0 auto; width:100%}
    #promoBanner .modal-footer .btn.btn-info {background:#f3f3f3; border:1px solid #f3f3f3; color:#00598a; font-size:1rem; font-family:Arial, Sans-serif; text-transform:uppercase; font-weight:normal; border-radius:1.5rem; width:100%; padding:0.875rem 0; line-height:1; font-weight:700;}
    #promoBanner .modal-footer p.small {font-size:0.7rem;}

    @media(min-width:576px) {
        .promo-banner .promo-txt {flex-grow:0; flex-grow:1;}
    }

    @media (min-width: 768px) {
        .promo-banner {justify-content: center; gap: 30px; padding: 8px 12px;}
        .promo-banner a {justify-content:center; gap:1rem;}
        .promo-banner .promo-txt {font-size: 1rem; line-height:1; flex-grow:0; text-align:left; }
        #promoBanner .modal-title {font-size:1.625rem;}
    }
   
}