/* Inline <style> blocks extracted verbatim from the live winndixie.com/Sustainability page
   (captured 2026-08-02) — hero (.headsection-Header) styles + .sustainabilitypledge styles.
   Replaces the previous extract for the retired content_page design of this route. */

/* Un-caps the shared page shell for /sustainability only — the global .container-fluid__full
   rule in _app-wd-legacy-content.scss caps it at max-width:1170px for page templates with no
   nested .container of their own. This page's own .contentsection > .container (rendered by
   SustainabilityPledgeTemplate.razor, shared across all pledge routes) already constrains the
   body content width, so this override is scoped to this page's own linked stylesheet rather
   than the shared template, which would un-cap the other 6 pledge routes too. */
.container-fluid__full {
    max-width: 100%;
}

.headsection-Header {
    display: flex;
    flex-direction: row-reverse;
    background-color: var(--wd-color-surface-alt);
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header {
        display: block;
    }
}

.headsection-Header .Header-image .Device-app {
    width: 100%;
}

.headsection-Header .Header-image .Desk-app {
    height: 100%;
}

.headsection-Header .Header-image .Tab-app {
    height: 100%;
}

.headsection-Header .headsection-heading {
    margin: 100px;
    margin-right: 0 !important;
    padding-left: 12px;
}

@media(min-width: 768px) and (max-width:991px) {
    .headsection-Header .headsection-heading {
        margin: 10px;
        margin-bottom: 35px;
    }
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header .headsection-heading {
        margin-top: 0px !important;
        padding:5% 10% 5% 10%;
        margin: 0;
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .headsection-Header .headsection-heading {
        margin: 30px;
        padding-left: 0;
    }
}

.headsection-Header .headsection-heading h1 {
    margin: 0 0 23px;
    font-family: var(--wd-font-body);
    font-size: 2.25em;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.59px;
    color: var(--wd-color-brand-red);
    width: 84%;
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header .headsection-heading h1 {
        font-size:1.5em;
        line-height: 1.23;
        letter-spacing: -.43px;
        text-align: center;
        padding: 10px;
        margin: 0;
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .headsection-Header .headsection-heading h1 {
        font-size: 2em;
        padding-top: 20px;
    }
}

.headsection-Header p {
    font-family: var(--wd-font-body);
    font-size: 1.125em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -.22px;
    color: var(--wd-color-text);
    width: 90%;
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header p {
        text-align: center;
        display: block;
        width: 100%;
        padding: 0 10px 0 10px;
    }
}

.headsection-Header {
    display: flex;
    flex-direction: row-reverse;
    background-color: var(--wd-color-surface-alt);
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header {
        display: block;
    }
}

.headsection-Header .Header-image .Device-app {
    width: 100%;
}

.headsection-Header .Header-image .Desk-app {
    height: 100%;
}

.headsection-Header .Header-image .Tab-app {
    height: 100%;
}

.headsection-Header .headsection-heading {
    margin: 100px;
    margin-right: 0 !important;
    padding-left: 12px;
}

@media(min-width: 768px) and (max-width:991px) {
    .headsection-Header .headsection-heading {
        margin: 10px;
        margin-bottom: 35px;
    }
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header .headsection-heading {
        margin-top: 0px !important;
        padding:5% 10% 5% 10%;
        margin: 0;
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .headsection-Header .headsection-heading {
        margin: 30px;
        padding-left: 0;
    }
}

.headsection-Header .headsection-heading h1 {
    margin: 0 0 23px;
    font-family: var(--wd-font-body);
    font-size: 2.25em;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.59px;
    color: var(--wd-color-brand-red);
    width: 84%;
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header .headsection-heading h1 {
        font-size:1.5em;
        line-height: 1.23;
        letter-spacing: -.43px;
        text-align: center;
        padding: 10px;
        margin: 0;
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .headsection-Header .headsection-heading h1 {
        font-size: 2em;
        padding-top: 20px;
    }
}

.headsection-Header p {
    font-family: var(--wd-font-body);
    font-size: 1.125em;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -.22px;
    color: var(--wd-color-text);
    width: 90%;
}

@media(min-width: 100px) and (max-width:767px) {
    .headsection-Header p {
        text-align: center;
        display: block;
        width: 100%;
        padding: 0 10px 0 10px;
    }
}

.sustainabilitypledge {
    padding: 10px;
    line-height: 1.5;
    font-family: var(--wd-font-body);
    color: var(--wd-color-text);
    }
    .sustainabilitypledge a {
    color: var(--wd-color-brand-red);
    font-weight: bold;
    }
    .downloadpdf{
    margin-top:30px;
    }
    .sustainabilitypledge  h2 {
    color: var(--wd-color-brand-red);
    font-size:2.25em;
    font-weight:600;
    }
    .sustainabilitypledge h3{
    color: var(--wd-color-brand-red);
    font-size: 1.687rem;
    font-weight: 600;
    }
    .pdflink {
    color: #FFFFFF !important;
    opacity: 1;
    background: var(--wd-color-brand-red);
    border-radius: 4px;
    padding: 10px 15px;
    border: none;
    margin: 20px;
    display: inline-block;
    }
    .pdflink:hover,.pdflink:focus{
    text-decoration:none;
    }
    .pdflink.second {
    margin-left: 30px;
    }
    .pdflink.third {
    margin-left: 30px;
    }
    .pdflink.fourth {
    margin-left: 30px;
    }
    .pdflink.fifth {
    }
    .promobox {
    display: flex;
    margin-top: 100px;
    justify-content: center;
    }
    .boxborder {
    margin: 10px 15px 10px 15px;
    box-shadow: rgb(0 0 0 / 2%) 0 1px 3px 0, rgb(27 31 35 / 15%) 0 0 0 1px;
    width: 300px;
    text-align: center;
    height: fit-content;
    border-radius:4px;
    }
    .boxborder p {
    padding: 0 10px 10px 10px;
    text-align: left;
    }
    .promoimage {
    margin-top: -70px;
    width: 200px;
    border-radius:4px;
    }
    @media (min-width: 100px) and (max-width: 1024px){
    .promobox {
    display: block;
    }
    .boxborder {
    width: auto;
    margin: 10px 15px 120px 15px;
    }
    .boxborder:last-child {
    margin-bottom: 30px;
    }
    }
    @media (min-width: 100px) and (max-width: 767px) {
    .sustainabilitypledge  {
    margin: 30px;
    }
    .sustainabilitypledge  h2 {
    font-size:1.5em;
    }
    .downloadpdf{
    display:grid;
    }
    .pdflink {
    margin: 20px auto 0px auto;
    }
    .pdflink.second {
    margin: 20px auto 0px auto;
    }
    .pdflink.third {
    margin: 20px auto 0px auto;
    }
    .pdflink.fourth {
    margin: 20px auto 0px auto;
    }
    .pdflink.fifth {
    margin: 20px auto 0px auto;
    }
    .pdflink {
    text-align: center;
    width: max-content;
    }
    .boxborder p {
    padding:0px 10px 10px 10px;
    }
    }
    .border-topBtm {
    background-color: var(--wd-color-surface-alt);
    }
    .contentsection{
    background-color: #fff !important;
    }
    @media (min-width: 767px) {
    .headsec {
    display: flex;
    }
    .boxborder.one {
    margin-left: 0px;
    }
    }
    .sustainability img, .headsection img {
    width: 100%;
    height: auto;
    }
    .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    }
    @media (min-width: 100px) and (max-width: 767px) {
    .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    /*margin-bottom:40px;*/
    }
    .headcontent h1{
    text-align: center;
    }
    .corporate{
    margin-bottom:12px;
    }
    .ourpledge{
    margin-top: 5px;
    }
    }
    @media (min-width: 768px) and (max-width: 1200px){
    .leftNav-section {
    }
    .sustainability-main-section{
    padding-left:40px;
    }
    }
    #navbar {
    margin-right: 0px;
    margin-left: 0px;
    }
    }
    h2 {
    margin-bottom: 25px;
    }