@charset "UTF-8";

:root {
    --bs-green-sandc: #007A53;
    /*brandRefresh - Sep 2026*/
    --bs-white: #FFF;
    --bs-lightgrey-sandc: #F2F9F8;
    --bs-darkgreen-sandc: #00442A;
    --bs-chartreuse-sandc: #CAFF6D;
    --bs-teal-sandc: #6CF4DD;
}

.font-goth-light {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}

.font-goth-book {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.font-goth-med {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.font-goth-bold {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.font-goth-black {
    font-family: "proxima-nova", sans-serif;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: 'sacicons';
    src: url('../fonts/sacicons.eot');
}

h1, .h1 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}

h2, .h2 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}

h3, .h3 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}

h4 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}



h5 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 300;
}

h6 {
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #484848;
}

:root {
    --bs-green-sandc: #007A53;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin-bottom: 1rem;
}

h3, .h3 {
    font-size: 22px;
    letter-spacing: .1rem;
}

.text-light-green {
    color: #5C9C42;
}

.h-600 {
    font-weight: 600;
}

.h2, h2 {
    font-size: 1.7rem;
}

@media (min-width: 1200px) {
    h2.h2-lg {
        font-size: 2.5rem !important;
    }
}

ol, ul {
    list-style-position: inside;
}

body {
    min-width: 320px;
    overflow-x: hidden;
    font-size: 16px;
    color: #484848;
    font-family: "proxima-nova", sans-serif;
    font-style: normal;
    font-weight: 400;
}

main section p {
    line-height: 1.8;
    letter-spacing: .05rem;
}

main section ul li {
    line-height: 1.5;
    letter-spacing: .05rem;
}

main section ol li {
    line-height: 1.5;
    letter-spacing: .05rem;
}

main section .accordion-body {
    line-height: 1.8;
    letter-spacing: .05rem;
}
/* utilities */
.w-33 {
    width: 33.33333333% !important;
}

@media (min-width: 768px) {
    .w-md-33 {
        width: 33.33333333% !important;
    }
}
/* container */
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
/* ----------------------------------------------------
   Colors
------------------------------------------------------- */
.brand-white {
    color: #fff !important;
}

.brand-black {
    color: #000 !important;
}

.brand-dark-white {
    color: #f0f0f0 !important;
}

.brand-light-gray {
    color: #f2f2f2 !important;
}

.brand-dark-gray {
    color: #484848 !important;
}

.brand-alt-gray {
    color: #e6e6e6 !important;
}

.brand-red {
    color: #e9004c !important;
}

.brand-blue {
    color: #6da4b5 !important;
}

.brand-light-blue {
    color: #f2f7f8 !important;
}

.brand-green {
    color: #5C9D43 !important;
}

.brand-green-alt {
    color: #5c9d43 !important;
}

.brand-light-green {
    color: #5c9d43 !important;
}

.background-white {
    background-color: #fff !important;
}

.background-black {
    background-color: #000 !important;
}

.background-dark-white {
    background-color: #f0f0f0 !important;
}

.background-light-gray {
    background-color: #f2f2f2 !important;
}

.background-alt-gray {
    background-color: #e6e6e6 !important;
}

.background-dark-gray {
    background-color: #484848 !important;
}

.background-red {
    background-color: #e9004c !important;
}

.background-blue {
    background-color: #6da4b5 !important;
}

.background-light-blue {
    background-color: #f2f7f8 !important;
}

.background-green {
    background-color: #007A53 !important;
}

.background-green-alt {
    background-color: #5c9d43 !important;
}

.bg-body-green {
    background-color: var(--bs-green-sandc) !important;
}

.bg-body-secondary {
    background-color: #EBF4E7 !important;
}
/* buttons */
.btn-green-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-green-sandc);
    --bs-btn-border-color: var(--bs-green-sandc);
    --bs-btn-border-radius: 0;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-black);
    --bs-btn-hover-border-color: var(--bs-black);
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-green-sandc);
    --bs-btn-active-border-color: var(--bs-black);
    --bs-btn-padding-y: 1rem;
    --bs-btn-padding-x: 1.5rem;
}

.btn-link {
    color: var(--bs-green-sandc);
    padding-left: 0;
}

    .btn-link:hover, .btn-link:active, .btn-link:focus {
        color: var(--bs-black) !important;
    }
/* links */
a:link {
    text-decoration: none;
}


/* ----------------------------------------------------
   end 3-28-23 updated text styles
------------------------------------------------------- */
.sandc_sub-nav .nav-pills .nav-link {
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
}

.sandc_hero-block.mb-4 {
    margin-bottom: 0 !important;
}

@charset "UTF-8";
/* esg in action style update */
.sandc_card-carousel .card .card-text {
    display: block;
    overflow: hidden;
    height: auto;
}

    .sandc_card-carousel .card .card-text > span.green-text {
        margin: 0 5px;
    }

@media screen and (max-width: 767px) {
    .sandc_card-carousel .card .card-text.h2 {
        font-size: 19px;
    }

    .sandc_card-carousel .card .card-body {
        padding: 1.25rem;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }
}
/* footer repair */
.utility-nav-container-display-in-footer {
    background-color: #007A53;
    text-align: center;
    background-color: transparent;
}
/* 3 column image block repair */
.promo-image.dark-tile {
    display: flex;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .promo-tiles .promo-image.dark-tile:first-child {
        padding-top: 30px;
    }

    .promo-tiles h2 {
        font-size: 2rem;
    }
}
/* header repair */
button.navbar-toggler.collapsed, button.navbar-toggler.collapsed:hover {
    background-color: transparent;
}

@media screen and (max-width: 991px) {
    .header-container nav .navbar-brand {
        margin: auto !important;
    }

        .header-container nav .navbar-brand .mobile-logo {
            display: inline !important;
        }

    .header-container nav .search-link.mobile-search {
        display: block !important;
    }
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.header-container nav.shrink.alt .search-link.mobile-search {
    color: #000;
}

.header-container nav.shrink.alt .navbar-toggler-icon {
    width: 2.6em;
    height: 2.6em;
    background-image: url(../images/navbar-black.svg);
}

#searchModal.search-modal .input-group {
    flex-flow: row nowrap;
}

@media screen and (max-width: 600px) {
    .use-as-hero.carousel .hero-container .position-absolute.bottom-left, .use-as-hero.carousel .hero-container .position-absolute.bottom-center, .use-as-hero.carousel .hero-container .position-absolute.bottom-right {
        bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .homeCarousel.carousel .hero-container h1 {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }

    .homeCarousel.carousel .hero-container h2 {
        font-size: 1.25rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .homeCarousel.carousel .hero-container h3 {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
}

/* SBU-32 trip saver modal and results */
.tripsaver.tripsaver-modal .container {
    width: 100%;
    padding: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tripsaver-modal .tripsaver-form-line {
    display: flex;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0.5rem;
}

.tripsaver .tripsaver-form {
    text-align: center;
    margin-bottom: 2rem;
}

.tripsaver-modal .tripsaver-title {
    margin-top: 1rem;
    font-size: 2rem;
}

.tripsaver .tripsaver-input {
    color: #FFF;
}

    .tripsaver .tripsaver-input:focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
    }

.tripsaver .tripsaver-tooltip::before {
    font-size: 1rem;
    line-height: 1;
}

.tripsaver .tripsaver-dropdown {
    width: 100% !important;
    float: none;
    appearance: auto;
    border-radius: 0;
}

    .tripsaver .tripsaver-dropdown:focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
    }

.tripsaver-modal .tripsaver-calculate-button {
    background: #000;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tripsaver .close_btn {
    color: #ffffff;
    font-size: 1.5rem;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .tripsaver .col-md-6.tripsaver-label {
        width: 50% !important;
    }
}

@media only screen and (max-width: 960px) {
    .tripsaver .tripsaver-input, .tripsaver .tripsaver-result {
        width: 100% !important;
    }
}

.tripsaver .tripsaver-results + .tripsaver-input-values .tripsaver-form-line {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1rem;
}

.tripsaver .tripsaver-form-line-result {
    display: flex;
    flex-flow: row wrap;
    font-size: 120%;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.tripsaver .tripsaver-results {
    padding-bottom: 0;
}

    .tripsaver .tripsaver-results + .tripsaver-input-values .tripsaver-form-line .tripsaver-input {
        width: 35%;
    }

    .tripsaver .tripsaver-results + .tripsaver-input-values {
        margin-bottom: 2rem;
    }

@media only screen and (max-width: 960px) {
    .tripsaver .tripsaver-input-values {
        margin-top: 0;
        padding-top: 15px;
    }
}
/* ADD selector */
a.address-link > span {
    display: block;
}

/* SBU-70 carousel controls */
@media screen and (max-width: 1389px) {
    .homeCarousel .glyphicon-chevron-left, .homeCarousel .glyphicon-chevron-right {
        font-size: 50px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 50px;
    }
}

@media screen and (max-width: 991px) {
    .homeCarousel .glyphicon-chevron-left, .homeCarousel .glyphicon-chevron-right {
        font-size: 40px;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 40px;
    }
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.header-container nav.shrink.alt .search-link.mobile-search {
    color: #000;
}

.header-container nav.shrink.alt .navbar-toggler-icon {
    width: 2.6em;
    height: 2.6em;
    background-image: url(../images/navbar-black.svg);
}

#searchModal.search-modal .input-group {
    flex-flow: row nowrap;
}

.card__footer .btn {
    width: 80%;
    border-radius: 3px;
}

/* SBU-29 Alternating Stack Block */
#alternating_stack_block .pattern_section.row > [class*="col-"] {
    display: flex;
}

#alternating_stack_block .mad_img_wrap {
    margin: 0;
    display: flex;
    width: 100%;
    height: 450px;
}

#alternating_stack_block [class*="mad_pattern"] {
    padding: 0;
    display: flex;
    align-items: center;
}

@media (min-width: 991px) and (max-width: 1321px) {
    #alternating_stack_block [class*="mad_pattern"] {
        padding: 0;
    }
}

#alternating_stack_block .mad_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#alternating_stack_block .pattern_section {
    height: auto;
}

@media screen and (max-width: 991px) {
    #alternating_stack_block .pattern_section {
        height: auto;
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    #alternating_stack_block .mad_img_wrap {
        display: none;
    }
}

/* esg in action style update */
.sandc_card-carousel .card .card-text {
    display: block;
    overflow: hidden;
    height: auto;
}

    .sandc_card-carousel .card .card-text > span.green-text {
        margin: 0 5px;
    }

@media screen and (max-width: 767px) {
    .sandc_card-carousel .card .card-text.h2 {
        font-size: 19px;
    }

    .sandc_card-carousel .card .card-body {
        padding: 1.25rem;
    }
}

@media screen and (max-width: 991px) {
    .homeCarousel.carousel .hero-container h1 {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }

    .homeCarousel.carousel .hero-container h2 {
        font-size: 1.25rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }

    .homeCarousel.carousel .hero-container h3 {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 1rem;
    }
}
/* SBU-75 mobile footer layout update */
.utility-nav-footer-button {
    color: #FFF;
    text-transform: uppercase;
    font-size: .9rem;
    padding: 5px;
    border: 1px solid #333;
    border-radius: 4px;
    margin-top: 10px;
    display: none;
    background: transparent !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1;
    margin-bottom: 5px;
}

    .utility-nav-footer-button:hover {
        background: none !important;
        border-color: #555;
    }

    .utility-nav-footer-button::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

@media (max-width: 991px) {
    .utility-nav-footer-button {
        display: block;
    }

    .footer-links .row > .col-sm-3.utility-nav-container-display-in-footer {
        width: 100% !important;
    }

    .utility-nav-footer-button {
        max-width: 600px;
    }
}

@media (max-width: 575px) {
    .footer-links .row > .col-sm-3 {
        width: 50% !important;
    }

        .footer-links .row > .col-sm-3.utility-nav-container-display-in-footer {
            width: 100% !important;
        }

    .utility-nav-footer-button {
        max-width: 250px;
    }
}
/* SBU-13 3 column image block repair */
.promo-image.dark-tile {
    display: flex;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-pad {
    padding: 0px;
}

@media screen and (max-width: 767px) {
    .promo-tiles .promo-image.dark-tile:first-child {
        padding-top: 30px;
    }

    .promo-tiles h2 {
        font-size: 2rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .promo-tiles h2 {
        padding-bottom: 130px;
        font-size: 2rem;
        padding-right: 20px;
    }
}

.header-container nav.navbar {
    height: 80px;
}

.pad-top-breadcrumb {
    font-size: .875rem;
    padding: 0;
    padding-top: 0 !important;
}

/*brandRefresh - Sep 2026*/
/*.sandc_breadcrumb-block .breadcrumb.sc_breadcrumb {
    font-weight: 600 !important;
}*/

.sandc_quote-block .quote-block-border::before,
.sandc_quote-block .quote-block-border::after {
    background: var(--bs-teal-sandc);
}

.sandc_hero-block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 615px;
}

    .sandc_hero-block.mb-4 {
        margin-bottom: 0 !important;
    }

main section ol li {
    line-height: 1.5;
    letter-spacing: .05rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin-bottom: 1rem;
    font-family: "proxima-nova", sans-serif;
}

h1, .h1 {
    font-size: 60px;
}

h2, .h2 {
    font-size: 1.7em;
}

h3, .h3 {
    font-size: 28px;
    font-weight: 600;
}

h4, .h4 {
    font-size: 21px;
    font-weight: 600;
}

.h5, h5 {
    font-size: 16px;
}

.h6, h6 {
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    h2, .h2 {
        font-size: 36px;
    }

    h3, .h3 {
        font-size: 25px;
    }
}

.sandc_card-carousel .card .card-text {
    display: block;
    overflow: hidden;
    height: auto;
    color: var(--bs-heading-color,inherit);
}

div.card.slick-slide:hover {
    transform: none !important;
}

.sandc_card-block .row-cols-md-3 .col:nth-child(3) .card {
    border-right: 0 !important;
}

/*brandRefresh - Sep 2026*/
.sandc_text-block > p{
    color: var(--bs-white);
}