/* ===== HOME ===== */

/* ===== FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

h1, h2, h3, h4, h5, h6 {
font-family: 'Kanit', sans-serif;
}

/* ===== COLORS ===== */
/* #74B80B
#2c783a */

a, a:active, a:focus, h2>a, h3>a, h4>a, h5>a, h6>a {
    color: #74b80b;
}
a:visited {
    color: #74B80B;
}

/* ===== BUTTONS ====== */
.btn:hover, .btn-primary:hover, .btn-default:hover, a.btn:hover, a.btn-primary:hover, a.btn-default:hover {
    background: #2b773a;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2c783a;
    border-color: #2c783a;
}
a.btn-primary:visited {
    color: #ffffff;
}
a.btn-secondary:visited {
    color: #2c783a;
}

/* ===== TOP BAR ===== */
#toolbar a>i {
    color: #ffffff;
}
#toolbar a:hover {
    color: #ffffff;
}
#toolbar a {
    font-size: 1rem;
}

/* ===== NAV ===== */
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-item.show .nav-link {
    color: #2c783a;
}
.navbar .navbar-nav .nav-item:last-of-type:hover .nav-link {
  background: #2c783a;
}

/* ===== SLIDER ===== */
#myCarousel .carousel-caption h2::before {
    background: #2b773a;
}
#myCarousel .carousel-inner .carousel-item:nth-of-type(1) {
    background-image: url(/site_images/slide1-1.jpg);
}

#myCarousel .carousel-caption p {
    color: #FFF;
    font-size: 1.5rem;
}

/* ===== CONSULT ===== */
#call-to-action h2 {
    color: #297536;
}

/* ===== BIO ===== */
#index .text h1 {
    color: #2b7738;
}
#index>i {
    color: rgba(41, 41, 41, .0);
}
#index .split-bg {
    background-image: url(/site_images/aside2.jpg);
}


#index {
    background: #ffffff;
}

/* ===== SERVICES ===== */
#services i {
    color: #287535;
}
#services {
    background: url(/site_images/profservices.jpg);
}
#services h2 {
    color: #74b80b;
}
#services p {
    color: #ffffff;
}
#services a:hover p {
    color: #ffffff;
}
#services h2.heading {
    color: #ffffff;
}

/* ===== TESTIMONIALS ===== */
#testimonials h2 {
    color: #2c783a;
}
#myTestimonials .carousel-indicators li {
    background-color: #74b80b7d;
}
#myTestimonials .carousel-indicators li.active {
    background-color: #2c783a;
}
#testimonials>i {
    color: rgba(41, 41, 41, .0);
}
#testimonials .testimonials-bg {
    background-image: url(/site_images/proftestimonial.jpg);
}


/* ===== INDUSTRIES ===== */
#industries i {
    color: #2c783a;
}
#industries .row div[class*="col-"]:nth-child(2), #industries .row div[class*="col-"]:nth-child(3), #industries .row div[class*="col-"]:nth-child(4), #industries .row div[class*="col-"]:nth-child(5), #industries .row div[class*="col-"]:nth-child(6), #industries .row div[class*="col-"]:nth-child(7) {
    border-color: #d9d9d900;
}

/* ===== TEAM ===== */
#team h2, #consultation h2 {
    color: #2c783a;
}
a.btn-secondary:hover, .btn-secondary:hover {
    border-color: #74b80b;
    color: #74b80b;
}
#team, #consultation {
    background: #F2F2F2;
}

/* ===== PARALLAX ===== */
#callout .overlay {
    background: rgb(44 120 58 / 80%);
}
#callout .btn-secondary {
    border-color: #74b80b;
    color: #74b80b;
}
#callout {
    background-image: url(/site_images/calltoaction.jpg);
}

/* ===== AFFILIATES ===== */
#affiliates {
    background: #F8F8F8;
    border-top: 0px solid #eee0;
    padding: 0rem 0rem;
}

/* ===== FOOTER ===== */
#footer-top h2 {
    color: #2c783a;
}
#footer-top h2::after {
    background: #74b80b;
}
#footer-top i {
    color: #2c783a;
}
#footer-social i {
    color: #2c783a;
}
#footer-top .btn-secondary:hover {
    border-color: #73b80b;
    color: #73b80b;
}

/* ===== INNER ===== */
#sidebar .top h2 {
    color: #2c783a;
}
#headline {
    background: url(/site_images/profservices.jpg);
}

/* ===== MISC ===== */
#team > i, #consultation > i {
    color: rgb(162 162 162 / 0%);
}
#scroll-icon .fa, #scroll-icon .fa:active, #scroll-icon .fa:focus {
    background: rgb(41 117 54 / 40%);
    border: 1px solid rgb(40 116 53);
}
#scroll-icon:hover .fa, #scroll-icon.footer:hover .fa {
    background: rgb(40 116 53);
    border-color: rgb(40 116 53);
}

/* ===== MEDIA ===== */
@media (max-width: 767px)
#team .split-bg, #consultation .split-bg {
    min-height: 0rem;
}



@media (max-width: 991px) {
    #team .text {
        padding: 1rem 1.5rem;
        min-height: 0;
    }


    #team .pics {
        padding: 0 2rem 0rem;
    }

}


@media (min-width: 991px) {
    #team .pics .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}


@media (min-width: 991px) {
    #team .pics .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: row;
        justify-content: flex-end;
    }
}