/* Inline <style> blocks from the live page /about/privacypolicy (winndixie.com), extracted verbatim.
   The live site ships these inside the CMS-authored HTML; the Contentstack entries hold
   only structured content, so they are re-attached here per page. */
/* NOT from live's inline <style> — 4 paragraphs on this page ("a./b./c." sub-headings in
   section 1, plus the Contact Us address block in section 12) carry a live inline
   style="margin-left: 25px;" that Contentstack's migration didn't capture (attrs: {} on all
   four CMS nodes — confirmed 2026-08-03). JsonRte.cs's Wrap() already supports a class-name
   attr for <p> nodes (used elsewhere for e.g. Reward_list), so rather than adding a new
   generic inline-style passthrough for four instances, this reuses that existing, already-
   proven mechanism: set class-name:"indent-25" on those 4 paragraphs in Contentstack. */
.indent-25 {
    margin-left: 25px;
}
@media screen and (min-width: 1200px) {
.recipes-details .image-slider .image {
min-height: 850px !important;
}
}
.card.card-privacy-policy a:hover {
    text-decoration: underline;
    }
    .mob_num {
    text-decoration: none;
    font-weight: bold;
    }
    .sub_title {
    font-size: 22px !important;
    margin-top: 32px !important;
    font-weight: 700;
    letter-spacing: -0.31px;
    margin-bottom: 15px;
    }
    .divTitle_Desc1 {
    padding: 0 !important;
    margin: 0 !important;
    }
    .Page_Desc {
    padding: 0 !important;
    margin: 0 !important;
    }
    .PageTitle {
    display: none !important;
    }
    #herotitle {
    display: flex;
    background: #F9F9F9 !important;
    align-items: center;
    justify-content: space-between;
    }
    #herotitle h1 {
    margin: 0% 15% 0% 5%;
    color: #3c3c3b;
    font-weight: 700;
    }
    @media (max-width:767px) {
    #herotitle h1 {
    text-align: center;
    margin: 24px;
    height: 160px;
    display: flex;
    align-items: center;
    }
    #herotitle {
    display: flex;
    background: #F9F9F9 !important;
    flex-direction: column-reverse;
    }
    }
    @media (min-width: 993px) {
    #herotitle img {
    width: 50%;
    margin-left: auto;
    }
    }
    /* #herotitle {
    background: url('https://www.winndixie.com/-/media/media/home%20content/whatsnewtrending/copy-of-2509-riverview-go-4-5-18.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
    display: flex;
    align-items: center;
    }
    #herotitle h1 {
    color: #fff;
    font-family: 'Asap';
    font-weight: 700;
    font-size: 52px;
    margin-left: 136px;
    background-color: #E01B1A;
    padding: 30px 20px;
    border-radius: 10px;
    }*/
    body {
    background: #fff !important;
    }
    h2 {
    font-family: 'Asap' !important;
    font-weight: 700;
    font-size: 16px;
    color: #E01B1A;
    }
    h3 {
    font-size: 18px;
    }
    p > a {
    color: #c8102e !important;
    }
    .container-fluid {
    max-width: 100% !important;
    }
    .BrdCrmbTbl {
    display: none !important;
    }
    /* !important added 2026-07-31 — same reasoning as the .container fix above: not in live's own
       source. The real culprit turned out to be margin, not width: WDMarketing.css ships a
       Bootstrap-4 card-group rule (bare ".card{margin-left:15px;margin-right:15px}", no
       ".card-group" ancestor needed since it's applied unqualified) that this page's own
       "margin-left/right: auto" loses to at equal specificity — accounting for exactly the
       30px (15px × 2) narrowing observed (1410px local vs live's actual 1440px). */
    .card-privacy-policy {
    width: auto !important;
    /*box-shadow: 0 2px 8px 0 rgba(51, 51, 51, 0.3);*/
    margin-top: 30px;
    padding: 25px 80px;
    margin-left: auto !important;
    margin-right: auto !important;
    }
    .card-privacy-policy:last-child {
    margin-bottom: 0px;
    margin-top: 0px !important;
    }
    @media screen and (max-width: 1200px) {
    .card-privacy-policy {
    width: auto;
    margin-top: 24px;
    }
    .card-privacy-policy:last-child {
    margin-bottom: 48px;
    }
    }
    #herotitle {
    display: flex;
    background: #F9F9F9 !important;
    align-items: center;
    justify-content: space-between;
    }
    #herotitle h1 {
    margin: 0% 15% 0% 5%;
    letter-spacing: -0.59px;
    }
    @media (max-width:767px) {
    #herotitle h1 {
    text-align: center;
    margin: 24px;
    }
    #herotitle {
    display: flex;
    background: #F9F9F9 !important;
    flex-direction: column-reverse;
    }
    }
    .card.card-privacy-policy h3 {
    color: #E01B1A;
    font-size: 1.375em
    }
    .card.card-privacy-policy a {
    text-decoration: none;
    color: #E01B1A !important;
    display: inline-table;
    }
    /* !important added 2026-07-31 — not in live's own source (verified byte-identical otherwise
       against live's inline <style>). Without it, Blazor's HeadOutlet-driven <link> ordering
       still loses this rule to refresh.min.css/app-wd.min.css's own .container width rules
       (750/970/1170px) despite this stylesheet loading later in the DOM — confirmed via
       document.styleSheets that this rule IS last in source order, so something about
       HeadOutlet's actual application timing doesn't match static <link> order. Forcing it here
       reproduces live's visual result (full-width .container) without needing to chase why.
       padding:0 added (not in live's source either, same reasoning): live's own .container has
       padding:0px, but the unconditional base ".container{padding:0 15px}" from
       refresh.min.css/app-wd.min.css was still winning here despite this width override,
       narrowing .card-privacy-policy's content area by exactly that 15px×2 and cascading into a
       ~20px height drift in the two longest list sections from the resulting extra line wraps. */
    @media (min-width: 768px) {
    .container {
    width: auto !important;
    padding: 0 !important;
    }
    }
    /* Below 768px a DIFFERENT competing rule (still not identified precisely, but not the same
       15px one above) sets .container padding to 22px a side — below 767px live's .container
       padding is still 0px, narrowing .card-privacy-policy the same way. Unconditional (no media
       query) so it holds under 768px too, without needing to chase the exact competing rule. */
    .container {
    padding: 0 !important;
    }
    @media (max-width: 992px) {
    .container.padding_0.usehd {
    margin: 0;
    }
    }
    @media screen and (min-width: 100px) {
    .Page_Desc {
    text-align: initial;
    }
    }
    @media (max-width: 767px) {
    .card-privacy-policy {
    padding: 25px 24px;
    margin-top: 0;
    }
    }
    @media (min-width:768px) and (max-width: 1024px) {
    .card-privacy-policy {
    padding: 25px 32px
    }
    }
    .card-privacy-policy a:focus {
    display: inital;
    }
    .card.card-privacy-policy p {
    font-size: 18px;
    color: #3c3c3b;
    letter-spacing: -0.22px;
    line-height: 20.63px;
    }
    @media (min-width: 768px) {
    #herotitle img {
    margin-left: auto;
    }
    }
    @media (max-width: 1024px) {
    .card.card-privacy-policy p {
    font-size: 16px;
    color: #3c3c3b;
    font-weight: 400;
    }
    }
.z-banner {
        z-index: 55555 !important;
    }

    .ps-fixed {
        position: fixed !important;
    }

    .bg-yellow-700 {
        background-color: #F8EC74;
        opacity: .92;
    }

    .fc-black {
        color: #000;
    }

    .wmx8 {
        max-width: 64.8205128rem;
    }

    .mx-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .grid {
        display: flex;
    }

    .jc-center {
        justify-content: center;
    }

    .mr12 {
        margin-right: 10%;
        font-size : 1em;
    }

    #cookieBar a {
        cursor: pointer;
        text-decoration: underline;
    }
 #cookieBar p {
    margin-bottom : 0px;
  }
    .svgClose {
        float: right;
        margin-top: -21px;
        margin-right: 33px;
    }

    .paddingBar {
        padding: 20px;
        right: 0px;
        left: 0px;
        bottom: 0px;
    }


    .s-link {
        color: #000 !important;
    }

      @media screen and (min-width:100px) and (max-width:992px) {
        .paddingBar {
            right: -27px;
        }
    }
@media screen and (min-width:320px) and (max-width:568px) {
.svgClose {
    float: right;
    margin-top: -43px;
    margin-right: 20px;
}
.mx-auto {
    margin-left: -7px;
}
}
@media screen and (min-width:375px) and (max-width:667px) {
.mr12 {
    margin-right: 31px;
}
.svgClose {
    margin-top: -30px;
}
}
.async-hide {
			opacity: 0 !important;
		}