:root {
    --atlas-section-light: #1b3e67;
    --atlas-section-dark: #123257;
    --atlas-section-text: #d8e5f2;
}

.site-content {
    background-color: var(--atlas-section-light);
    background-image: url(../images/background/cta-2-bg-1-1.png);
}

:is(.site-content, .site-content > main, .site-content > div) > section:nth-of-type(even):not(.page-banner):not(.banner-section):not(.parallax-section) {
    background-color: var(--atlas-section-light);
    background-image: url(../images/background/cta-2-bg-1-1.png);
    color: var(--atlas-section-text);
}

:is(.site-content, .site-content > main, .site-content > div) > section:nth-of-type(even).about-section::before {
    background-color: var(--atlas-section-light);
    background-image: url(../images/background/cta-2-bg-1-1.png);
}

:is(.site-content, .site-content > main, .site-content > div) > section:nth-of-type(odd):not(.page-banner):not(.banner-section):not(.parallax-section) {
    background-color: var(--atlas-section-dark);
    background-image: url(../images/background/cta-2-bg-1-1.png);
    color: var(--atlas-section-text);
    margin-bottom: 0;
}

:is(.site-content, .site-content > main, .site-content > div) > section:not(.page-banner):not(.banner-section):not(.parallax-section)
    :is(.sec-title h2, [class*="__heading"] h2, [class*="section-heading"] h2, [class*="__content"] > h2) {
    color: #fff;
}

:is(.site-content, .site-content > main, .site-content > div) > section:not(.page-banner):not(.banner-section):not(.parallax-section)
    :is(.sec-title .lower-text, [class*="__heading"] > p, [class*="section-heading"] > p, [class*="__content"] > p) {
    color: var(--atlas-section-text);
}

/* Keep cards and tables readable on blue sections. */
.site-content :is(.inner-box, .brand-card, .accessory-card, .genset-table, .product-gallery, .contact-info-two__card) {
    color: var(--thm-text);
}

.sponsors-section--home {
    position: relative;
    z-index: 2;
    background-color: var(--atlas-section-light) !important;
    background-image: url(../images/background/cta-2-bg-1-1.png) !important;
    margin-bottom: 0;
    padding-bottom: 8px;
    overflow: visible;
}

.sponsors-section--home .sponsors-carousel,
.sponsors-section--home .sponsors-carousel .owl-stage-outer {
    min-height: 96px;
}

.sponsors-section--home .sponsors-carousel :is(.owl-stage, .owl-item, .slide-item, .image-box, .image-box a) {
    height: 96px;
    min-height: 96px;
}

.sponsors-section--home .sponsors-carousel .image-box {
    display: block;
    width: 100%;
    margin: 0;
    line-height: 0;
}

.sponsors-section--home .sponsors-carousel .image-box a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sponsors-section--home .sponsors-carousel .image-box img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: 80px;
    object-fit: contain;
}
@media (max-width: 767px) {
    :is(.site-content, .site-content > main, .site-content > div) > section {
        background-attachment: scroll;
    }
}


/* Slightly smaller inner-page H1 headings. */
.page-banner h1 { font-size: 62px; }
@media only screen and (max-width: 1199px) { .page-banner h1 { font-size: 68px; } }
@media only screen and (max-width: 991px) { .page-banner h1 { font-size: 58px; } }
@media only screen and (max-width: 767px) { .page-banner h1 { font-size: 46px; } }
@media only screen and (max-width: 479px) { .page-banner h1 { font-size: 40px; } }


/* More compact inner-page H1 headings on phones. */
@media only screen and (max-width: 767px) { .page-banner h1 { font-size: 40px; } }
@media only screen and (max-width: 479px) { .page-banner h1 { font-size: 34px; } }


/* Final compact inner-page H1 size on phones. */
@media only screen and (max-width: 767px) { .page-banner h1 { font-size: 34px; } }
@media only screen and (max-width: 479px) { .page-banner h1 { font-size: 30px; } }


/* Consistent H1 sizing across all phone layouts. */
@media only screen and (max-width: 767px) {
    h1,
    .page-banner h1,
    .banner-carousel .content-box h1 {
        font-size: 30px !important;
        line-height: 1.15 !important;
    }
}
@media only screen and (max-width: 479px) {
    h1,
    .page-banner h1,
    .banner-carousel .content-box h1 {
        font-size: 28px !important;
    }
}