﻿:root {
    --main-skin-color: #ff6a14;
    --main-accent-color: #ffb549;
    /*    --main-skin-color: #ffb549;
    --main-accent-color: #ff6a14;*/
    --translucent-bg: rgba(255 106 20 / 65%);
    --translucent-accent: rgba(255 181 73 / 0.7);
    --translucent-accent-50: rgba(255 181 73 / 0.8);
}

/* Header */

img.site-logo {
    height: 6rem;
}
@media (max-width: 767px) {
    img.site-logo {
        height: 3.5rem;
    }
}

/* Footer */
.footer {
    color: #fff;
}

    .footer a {
        color: #fff;
    }

    .footer .footer-contact {
        background-color: #ff6a14;
    }

        .footer .footer-contact .footer-contact-grid .form-group button {
            background-color: #ffb549;
            border-color: #ffd89f;
        }

/* Home Page */

.home-news {
    margin-bottom: 12rem;
}

.home-services .home-services-grid > div {
    background-color: rgb(255 106 20 / 65%);
}

    .home-services .home-services-grid > div > div .details {
        background-color: rgb(255 106 20 / .85);
    }

    .home-services .home-services-grid > div:nth-child(1) .middle-bar .r {
        background-color: var(--translucent-accent);
    }

    .home-services .home-services-grid > div:nth-child(1) .middle-bar .t {
        border-left: 4.5rem solid var(--translucent-accent);
    }

.home .projects .featured-bar .r {
    background-color: var(--translucent-accent);
}

.home .projects .featured-bar .t {
    border-bottom: 6rem solid var(--translucent-accent);
}

.projects .project-information {
    background: var(--translucent-bg);
    color: #fff;
}

.projects .project-information-grid {
    grid-template-columns: 1fr 1fr 1fr;
}

.projects .vertical-line {
    border-left: 1px solid #fff;
}

.projects .project-information-grid > div:nth-child(4) {
    display: none;
}

@media (max-width: 767px) {
    .home .projects .featured-bar .t {
        border-bottom: 4rem solid rgb(202 200 199 / 70%);
    }

    .home .projects .additional-details .grid-item {
        padding: 0;
    }

    .projects .project-information-grid {
        grid-template-columns: 1fr;
    }
}


/* About Page */
.about .about-hero-grid > div {
    background-color: var(--translucent-bg);
}

    .about .about-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: var(--translucent-accent);
    }

    .about .about-hero-grid > div:nth-child(1) .teal-bar1 .t {
        border-left: 4.5rem solid var(--translucent-accent);
    }

.about .about-team-grid .teal-bar2 .t {
    border-bottom: 3.5rem solid var(--main-skin-color);
}

.about .about-team-grid .teal-bar2 .r {
    background-color: var(--main-skin-color);
}

.about .about-team-grid .team-description h3 {
    color: var(--main-skin-color);
}

.about .about-team-grid .team-links a {
    color: var(--main-skin-color);
}

.about .about-map .map-title h3 {
    color: var(--main-skin-color);
}

.about .about-map .map-link a {
    background: var(--main-skin-color);
}

.about .side-image-section .side-content {
    background-color: var(--main-skin-color);
}

.about .side-image-section a {
    background-color: var(--main-accent-color);
}

.about .side-image-section .side-image-bar {
    background-color: var(--main-skin-color);
}

.about .background-image-section .background-image-bar .r {
    background-color: var(--main-accent-color);
}

.about .background-image-section .background-image-bar .t {
    border-right: 4.5rem solid var(--main-accent-color);
}

.about .background-image-section .background-image-content {
    background-color: var(--translucent-accent);
}

.about .about-careers .careers-content {
    background-color: var(--main-accent-color);
}

.about .about-careers .careers-bar {
    background-color: var(--main-accent-color);
}

.about .about-careers a {
    background-color: var(--main-skin-color);
    border-color: var(--main-skin-color);
}
.about .about-title h1 {
    font-size: 5rem;
}

@media (max-width: 1441px) {
    .about .about-title h1 {
        font-size: 3.6rem !important;
    }
}


/* About Page */
.contact .contact-bar {
    background-color: var(--main-accent-color);
}

.contact .contact-grid {
    background-color: var(--main-skin-color);
    color: #fff;
}

.contact .contact-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.contact #contact-submit {
    background-color: var(--main-accent-color);
}

.contact .validation-error {
    color: var(--main-accent-color);
}

.contact .contact-careers .careers-content {
    background-color: var(--main-accent-color);
}

.contact .contact-careers .careers-bar {
    background-color: var(--main-accent-color);
}

.contact .contact-careers a {
    background-color: var(--main-skin-color);
    border-color: var(--main-skin-color);
}
.contact .contact-careers .careers-content h3 {
    color: #fff;
}
.contact .contact-careers .careers-content p {
    color: #fff;
}


@media (max-width: 767px) {
    .contact .contact-bar .t {
        border-left: 2.5rem solid #fff;
        border-top: 1.5rem solid var(--main-accent-color);
    }
}

/* News Pages */
.news .turqoise-bar .r {
    background: var(--main-accent-color);
}

.news .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.news .gray-hero {
    background-color: var(--main-skin-color);
}

.news .button {
    background-color: var(--main-skin-color);
}

ul.pager-buttons button {
    background-color: var(--main-skin-color);
    border-color: var(--main-accent-color);
}

    ul.pager-buttons button.selected-page {
        background-color: var(--main-accent-color);
        color: #000;
        border: 1px solid var(--main-skin-color);
    }

.news-article .gray-hero {
    background: var(--main-skin-color);
}

.news-article .turqoise-bar .r {
    background-color: var(--main-accent-color);
}

.news-article .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

/* Industry Page */
.industries .turqoise-bar .r {
    background: var(--main-accent-color);
}

.industries .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.industries .color-hero {
    background: var(--main-skin-color);
}

.industries .industry-title-card {
    background-color: var(--translucent-bg);
}

.industries .lets-build {
    background: var(--main-accent-color);
}

    .industries .lets-build a {
        background-color: var(--main-skin-color);
    }
    .industries .lets-build h3 {
        color: #fff;
    }
    .industries .lets-build h4 {
        color: #fff;
    }
.industries .industry-card {
    background-color: var(--main-accent-color);
}

.industries .industry-contact-flex a:nth-child(1) {
    background-color: var(--main-skin-color);
}

.industries .industry-contact-flex a:nth-child(2) {
    color: var(--main-skin-color);
}
.industries .industry-flex h3 {
    color: var(--main-skin-color);
}
.industries .industry-flex p {
    color: var(--main-skin-color);
}
.industries .industry-card .close {
    color: var(--main-skin-color);
}

/* What We Do Page */
.what-we-do .what-we-do-hero-grid > div {
    background-color: var(--translucent-bg);
}

    .what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 .r {
        background-color: var(--translucent-accent);
    }

    .what-we-do .what-we-do-hero-grid > div:nth-child(1) .teal-bar1 .t {
        border-left: 4.5rem solid var(--translucent-accent);
    }
.what-we-do .what-we-do-info-grid .teal-bar2 {
    background-color: var(--main-skin-color);
}
.what-we-do .what-we-do-info-grid .teal-bar2 .t {
    border-top: 3.5rem solid #fff;
}

.what-we-do .what-we-do-info-grid .teal-bar2 .r {
    background-color: var(--main-skin-color);
}

.what-we-do .info-flex .info-title h3 {
    color: var(--main-skin-color);
}

.what-we-do .info-links-flex a {
    color: var(--main-skin-color);
}

.what-we-do .lets-build {
    background: var(--main-accent-color);
}

    .what-we-do .lets-build a {
        background-color: var(--main-skin-color);
    }

.what-we-do .side-image-section .side-content {
    background-color: var(--main-skin-color);
}

.what-we-do .side-image-section .side-image-bar {
    background-color: var(--main-skin-color);
}

.what-we-do .side-image-section:nth-child(odd) .side-content {
    background-color: var(--main-accent-color);
}

.what-we-do .side-image-section:nth-child(odd) .side-image-bar {
    background-color: var(--main-accent-color);
}


.what-we-do .asset-info-card .asset-info-flex a {
    color: var(--main-skin-color);
}

.service-category .gray-hero {
    background: var(--main-skin-color);
}

.service-category .turqoise-bar .r {
    background: var(--main-accent-color);
}

.service-category .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.service-category .side-image-section .side-content {
    background-color: var(--main-accent-color);
}

.service-category .side-image-section .side-image-bar {
    background-color: var(--main-accent-color);
}

.service-category > div:nth-child(4) .side-content {
    background-color: var(--main-skin-color);
}

.service-category > div:nth-child(4) .side-image-bar {
    background-color: var(--main-skin-color);
}

.service-category .lets-build {
    background: var(--main-accent-color);
}

    .service-category .lets-build a {
        background-color: var(--main-skin-color);
    }

.service-category .background-image-section .background-image-bar .r {
    background-color: var(--main-accent-color);
}

.service-category .background-image-section .background-image-bar .t {
    border-right: 4.5rem solid var(--main-accent-color);
}

.service-category .background-image-section .background-image-content {
    background-color: var(--translucent-accent);
}
.service-category .service-section:nth-child(odd) .side-content {
    background-color: var(--main-accent-color);
}

.service-category .service-section:nth-child(odd) .side-image-bar {
    background-color: var(--main-accent-color);
}

.service-category .service-section:nth-child(even) .side-content {
    background-color: var(--main-skin-color);
}

.service-category .service-section:nth-child(even) .side-image-bar {
    background-color: var(--main-skin-color);
}

.service-category .gray-hero a {
    color: var(--main-accent-color);
}
.what-we-do .lets-build h3 {
    color: #fff;
}
.what-we-do .lets-build h4 {
    color: #fff;
}
.what-we-do .side-image-section:nth-child(odd) .side-content h3 {
    color: #fff;
}
.what-we-do .side-image-section:nth-child(odd) .side-content p {
    color: #fff;
}
.what-we-do .side-image-section:nth-child(odd) .side-content a {
    color: #fff;
}

/* Global Capabilities */

.global-capabilities .gray-hero {
    background: var(--main-skin-color);
}

.global-capabilities .turqoise-bar .r {
    background: var(--main-accent-color);
}

.global-capabilities .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.global-capabilities .gray-hero a {
    color: var(--main-accent-color);
}

.global-capabilities .global-map .map-link a {
    background: var(--main-skin-color);
}

.global-capabilities .standards-section {
    background-color: var(--main-skin-color);
}

.global-capabilities .lets-build {
    background: var(--main-accent-color);
}

    .global-capabilities .lets-build a {
        background-color: var(--main-skin-color);
    }

.global-capabilities .background-image-section .background-image-bar .r {
    background-color: var(--main-accent-color);
}

.global-capabilities .background-image-section .background-image-bar .t {
    border-right: 4.5rem solid var(--main-accent-color);
}

.global-capabilities .background-image-section .background-image-content {
    background-color: var(--translucent-accent);
}
    .global-capabilities .background-image-section .background-image-content > p {
        color: #fff;
    }

.global-capabilities .side-image-section .side-image-bar {
    background-color: var(--main-skin-color);
}

    .global-capabilities .side-image-section .side-image-bar .r {
        background-color: var(--main-skin-color);
    }

.global-capabilities .side-image-section a {
    background-color: var(--main-skin-color);
}
.global-capabilities .lets-build h3 {
    color: var(--main-skin-color);
}
.global-capabilities .lets-build h4 {
    color: var(--main-skin-color);
}
.global-capabilities .background-image-section .background-image-content > h3 {
    color: #fff;
}

/* Projects */
.projects .turqoise-bar .r {
    background: var(--main-accent-color);
}

.projects .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.projects .gray-hero {
    background: var(--main-skin-color);
}

.projects .featured-information {
    background: var(--translucent-bg);
}

.projects .featured-project {
    color: #fff;
}

.additional-details .link-flex .button {
    background-color: var(--main-accent-color);
    border-color: var(--main-accent-color);
    color: #fff;
}

.projects .lets-build {
    background: var(--main-accent-color);
}

    .projects .lets-build button {
        background: var(--main-skin-color);
    }

.projects-detail .turqoise-bar .r {
    background: var(--main-accent-color);
}

.projects-detail .turqoise-bar .t {
    border-top: 3.5rem solid var(--main-accent-color);
}

.projects-detail .gray-hero {
    background: var(--main-skin-color);
}

.projects-detail .projects-link {
    color: var(--main-skin-color);
}

.projects-detail .projects-details h3 {
    color: var(--main-skin-color);
}

.projects-detail .projects-nested div:nth-child(odd) {
    background: var(--main-skin-color);
    color: #fff;
}

.projects-detail .lets-build {
    background: var(--main-accent-color);
}

    .projects-detail .lets-build button {
        background: var(--main-skin-color);
    }
.projects .lets-build h3 {
    color: #fff;
}
.projects .lets-build h4 {
    color: #fff;
}
.projects-detail .lets-build h3 {
    color: var(--main-skin-color);
}
.projects-detail .lets-build h4 {
    color: var(--main-skin-color);
}

