/*
    Template Name    : Envo - Environmental Charity Landing Page Template
    Author           :Available Coder
    Version          : 1.0
    Created          : 2021
    File Description : light-theme colors file of the template
*/

:root {
    --main-color: #005f27;
}

.main-btn {
    border: 2px solid #fff;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}
p.main-p {
    color: #444;
}
/* Header */
header {
    background-color: #ffffff;
}
header .logo {
    -webkit-text-fill-color: #fff;
    -moz-text-fill-color: #fff;
    -ms-text-fill-color: #fff;
    -o-text-fill-color: #fff;
    -webkit-text-stroke: 1.5px #000;
    -moz-text-stroke: 1.5px #000;
    -ms-text-stroke: 1.5px #000;
    -o-text-stroke: 1.5px #000;
    color: var(--main-color);
}
@media (max-width: 767px) {
    header .container nav ul {
        background-color: #f7f0f0;
    }
}
header nav ul li a {
    color: #000;
}
header nav ul li a:hover,
header nav ul li a.active {
    color: #fff;
}
button.menu-btn span {
    background-color: #000;
}
button.light-dark {
    border-left: 1px solid #000;
}
/* Home */
.home-slider > div .content {
    color: #fff;
}
/* About */
.about {
    background-color: #fff;
}
.about-content .text {
    color: #444;
}
.about-content .comparison .field .comp-slider {
    background-color: #000;
}
/* History */
.history {
    background-color: #fcfcfc;
}
.history-cont > div {
    background-color: rgba(172, 255, 47, 0.171);
}
.history-cont > div h3 {
    background-color: rgba(172, 255, 47, 0.171);
}
.history-cont > div .text p {
    color: #000;
}
.history-cont > div .text a {
    color: #000;
}
.history-cont > div .text a::before {
    background-color: rgb(0 0 0 / 30%);
}
/* Projects */
.work {
    background-color: #fff;
}
.work ul li {
    color: var(--main-color);
}
.work ul li.active,
.work ul li:hover {
    background-color: var(--main-color);
    color: #fff;
}
.work .shuffle > div .text span {
    background-color: rgb(0 0 0 / 70%);
    color: #fff;
}
/* Services */
.services {
    background-color: #fcfcfc;
}
.services .content ul li {
    background-color: #eee;
}
.services .content ul li.inactive {
    background-color: #ccc;
}
.services .content > div {
    background-color: #eee;
}
.services .content > div .field .text h2 {
    color: #222;
}
.services .content > div .field .text h2:before {
    background-color: rgba(172, 255, 47, 0.171);
}
/* Team */
.team {
    background-color: #fff;
}
.team-cont > div .person-info h3 {
    color: #eee;
}
.team-cont > div .person-info ul li a {
    border: 1px dashed #fff;
    color: #fff;
}
.team-cont > div .person-info ul li a:hover {
    background-color: #fff;
}
/* Partners */
.partners {
    background-color: #fcfcfc;
}
/* Blog */
.blog .blog-box > div {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
}
.blog .blog-box > div .content {
    background-color: #eee;
}
.blog .blog-box > div .content p {
    color: #444;
}
.blog .blog-box > div .content .text {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.blog .blog-box > div .content .text a {
    color: #000;
}
.blog .blog-box > div .content .text a:hover {
    color: #fff;
}
/* Contact */
.contact {
    background-color: #fcfcfc;
}
.form-box > div form > div > input[type="text"],
.form-box > div form > div > input[type="email"],
.form-box > div form > div > textarea {
    background-color: #eee;
}
.form-box > div form > input[type="submit"] {
    color: #000;
}
.form-box .info {
    color: #444;
}
.form-box .info a.link {
    color: #444;
}
.form-box .info a.phone {
    color: #444;
}