/* TODO delete above */

body > div {

    width: 100% !important;

}

nav {

    width: 100% !important;
    min-height: 94px;

}

nav .navbar-brand {

    padding: 0 42px;

}

.navbar-collapse.show .navbar-nav {

    padding-top: 1rem;

}

.cpower-logo {

    width: 139px;
    height: 41px;

}

.text-dark-green {

    color: #186333;

}

.hl-green {

    color: #26FF00;

}

.bg-green-89pc {

    background-color: rgba(24, 99, 51, 0.89);

}

.hero-wrapper {

    font-family: Montserrat, sans-serif;
    height: calc(100vh - 94px);
    background: url('../images/hero-bg.webp') no-repeat center;
    background-size: cover;
    padding: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;

}

.hero-inner {

    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem;

}

.hero-inner h1 {

    font-size: 41px;
    font-weight: 700;
    color: white;

}

.hero-inner div  {

    font-weight: 400;
    font-size: 16px;
    color: white;

}

.features-wrapper {

    background: white;
    padding: 5rem 5rem 0rem 5rem;

}

.features-wrapper .row {

    gap: 3rem;

}

.features-wrapper .feature-card {

    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important

}

.features-wrapper .feature-card img {

    height: 84px;

}

.features-wrapper .feature-card .col-header {

    text-align: center;
    font-size: 18px;
    height: 66px;
    text-transform: uppercase;
    margin: 0;

}

.cp-mission div:first-child {

    font-family: Montserrat, sans-serif;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    padding: 5rem;
    color: white;
    background-color: rgba(24, 99, 51, 0.89);

}

.cp-mission div:last-child {

    color: white;
    font-family: "Roboto Thin", sans-serif;
    font-size: 17px;
    line-height: 31px;
    background-color: rgba(0,0,0,0.6);
    padding: 5rem 8rem;
    font-style: italic;

}

.carousel {

    width: 50%;
    height: calc(80px + 1rem);
    margin-bottom: 1rem;

}

.carousel .carousel-indicators button {

    background-color: rgb(128, 160, 159);

}

.carousel .carousel-indicators button.active {

    background-color: rgb(40, 90, 91);

}

.hero-2 {

    background: url('../images/hero-2-bg.webp') no-repeat center;
    background-size: cover;

}

.we-take-care-of, .section-landowners {

    background: white;
    padding: 3rem 0;

}

.section-landowners {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;

}

.section-landowners > .section-header {

    margin-bottom: 0;

}

.section-landowners .section-content {

    display: flex;
    flex-direction: column;
    align-items: center;

}

.landowner-process-img {

    padding: 0 8rem;

}

.landowner-process-img > img {

    width: 100%;
    max-width: 960px;
    height: auto;

}

.landowner-process-text {

    color: rgb(24, 99, 51);
    font-family: "Roboto Thin", sans-serif;
    font-size: 17px;
    line-height: 31px;
    padding: 0 8rem;

}

.section-header {

    text-align: center;
    font-size: 36px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #186333;
    text-transform: uppercase;

}

.we-take-care-of .cards {

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 3rem;

}

.we-take-care-of .cards .card-box {

    flex-grow: 1;

}

.we-take-care-of .cards .card-1 {

    background-color: rgb(24, 99, 51);
    color: white;
    padding: 1rem;

}

.we-take-care-of .cards .card-2 {

    background: url('../images/card-01.webp') no-repeat center;
    background-size: cover;

}

.we-take-care-of .cards .card-3 {

    background-color: rgb(104, 176, 77);
    color: white;
    padding: 1rem;

}

.we-take-care-of .cards .card-4 {

    background: url('../images/card-02.webp') no-repeat center;
    background-size: cover;

}

.we-take-care-of .cards .card-5 {

    background-color: rgb(24, 99, 51);
    color: white;
    padding: 1rem;

}

/*
.we-take-care-of .cards .card-text {

    padding: 3rem;
    color: white;
    flex-grow: 4;
    flex-basis: 25%;

}
 */



.bg-dark-green {

    background-color: rgb(24, 99, 51);

}

.bg-light-green {

    background-color: rgb(104, 176, 77);

}

.footer-divider {

    display: flex;
    justify-content: stretch;
    height: 65px;

}

.footer-divider div:nth-child(odd) {

    flex-grow: 1;
    background-color: rgb(24, 99, 51);

}

.footer-divider div:nth-child(even) {

    flex-grow: 2;
    background-color: rgb(104, 176, 77);

}

.footer {

    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 1.5rem;
    padding: 3rem;

}

.footer-logo {

    flex-basis: 139px;
    flex-grow: 0;

}

.footer-address, .footer-contact {

    padding-left: 1.5rem;
    border-left: rgb(24, 99, 51) 1px solid;

}

@media (max-width: 991px) {

    nav .nav-link {

        text-align: right;
        border-top: none;
        padding-right: 1rem;
        border-right: transparent 4px solid;

    }

    nav .nav-link.active {

        border-right: #166434 4px solid;

    }

}

@media (min-width: 992px) {

    nav .nav-link {

        text-align: center;
        border-top: transparent 4px solid;

    }

    nav .nav-link.active {

        border-top: #166434 4px solid;

    }

}

@media (max-width: 1200px) {

    .hero-wrapper {

        padding-left: 0;
        padding-right: 0;

    }

    .hero-inner {

        width: auto;

    }

    .hero-inner div {

        margin: 0;
        padding: 0;
        text-align: start;

    }

    .features-wrapper {

        padding-left: 0;
        padding-right: 0;

    }

    .features-wrapper .row {

        gap: 0.5rem;

    }

    .carousel {

        width: 100%;
        padding: 0 3rem;
        height: calc(160px + 1rem);

    }

    .cp-mission div:first-child {

        flex-basis: 100%;
        padding-left: 4rem;
        padding-right: 4rem;
        text-align: start;

    }

    .cp-mission div:last-child {

        flex-basis: 100%;
        padding: 3rem 4rem;

    }

    .section-header {

        padding-left: 3rem;
        text-align: start !important;

    }

    .we-take-care-of .cards {

        margin: 0 !important;

    }

    .we-take-care-of .cards .card-2, .we-take-care-of .cards .card-4 {

        display: none;

    }

    .we-take-care-of .cards .card-1, .we-take-care-of .cards .card-3, .we-take-care-of .cards .card-5 {

        padding-left: 3rem !important;

    }

    .section-landowners .landowner-process-img, .section-landowners .landowner-process-text {

        padding-left: 3rem;
        padding-right: 3rem;

    }

    .footer {

        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        gap: 1.5rem;
        padding: 3rem;

    }

    .footer-logo {

        flex-basis: 100%;
        height: 50px;
        text-align: center;

    }

    .cpower-logo {

        transform: scale(1.2);

    }

    .footer-address {

        padding-left: 0;
        border-left: 0;

    }

    .footer-contact {

        padding-left: 1.5rem;
        border-left: rgb(24, 99, 51) 1px solid;

    }


}

@media (min-width: 501px) {

    .we-take-care-of .cards .card-2, .we-take-care-of .cards .card-4 {

        display: block;

    }

}

@media (min-width: 1501px) {

    .carousel {

        height: calc(80px + 1rem);
        margin-bottom: 1rem;

    }

}