:root {
    --main-green: #3e693f;
    --main-grey: #333;
    --soft-green: #517b69;
}

header img.logo {
    max-width: 250px;
}

.wpo-site-footer .about-widget .logo {
    max-width: 90%;
}

footer img.logo {
    max-width: 100%;
}

.wpo-hero-section-1 .wpo-hero-subtitle p {
    max-width: 80%;
    font-size: 18px;
}

.wpo-about-section .wpo-about-text h2,
.wpo-about-section-s2 .wpo-about-text h2,
.wpo-about-section-s3 .wpo-about-text h2,
.wpo-about-section-s4 .wpo-about-text h2,
.wpo-about-section-s5 .wpo-about-text h2,
.wpo-about-section-s6 .wpo-about-text h2 {
    line-height: 50px;
}

.wpo-hero-section-1 .wpo-hero-title h2 {
    line-height: 75px;
}

.wpo-breadcumb-area:before {
    background: var(--main-green);
}

.wpo-site-footer {
    background: #274735;
}

.wpo-site-footer a {
    color:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--main-grey);
    font-family: "Roboto Slab", serif;
}

.wpo-hero-section-1 .wpo-hero-title-top span,
.wpo-hero-section-2 .wpo-hero-title-top span,
.wpo-hero-section-3 .wpo-hero-title-top span,
.wpo-hero-section-4 .wpo-hero-title-top span,
.wpo-hero-section-5 .wpo-hero-title-top span,
.wpo-hero-section-6 .wpo-hero-title-top span,
.wpo-hero-section-7 .wpo-hero-title-top span,
.wpo-about-section .wpo-about-text span,
.wpo-about-section-s2 .wpo-about-text span,
.wpo-about-section-s3 .wpo-about-text span,
.wpo-about-section-s4 .wpo-about-text span,
.wpo-about-section-s5 .wpo-about-text span,
.wpo-about-section-s6 .wpo-about-text span,
.wpo-section-title span {
    color: var(--main-green);
}

.wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before,
.wpo-testimonial-area-s2 .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before,
.wpo-testimonial-area-s3 .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before {
    color: #9cc97f;
}

.wpo-site-header #navbar>ul li a:hover,
.wpo-site-header #navbar>ul li a:focus {
    color: var(--main-green);
}

.wpo-site-header #navbar>ul>li>a {
    color: var(--main-grey);
}

.wpo-site-header #navbar>ul>li>a:before,
.wpo-site-header #navbar>ul>li .sub-menu a:after {
    background: var(--soft-green);
}

.wpo-site-header .header-right .search-toggle-btn {
    background-color: var(--soft-green);
    color: #fff;
}

.cart-search-contact .fi {
    color: #fff;
}

.wpo-hero-section-1 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-2 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-3 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-4 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-5 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-6 .right-vec .right-items-wrap .right-item .wpo-total-project,
.wpo-hero-section-7 .right-vec .right-items-wrap .right-item .wpo-total-project {
    background: linear-gradient(to left, #243f39, var(--soft-green));
}

.right-item.right {
    padding-top: 130px;
}

.wpo-cta-area .wpo-cta-section .wpo-cta-content {
    flex-direction: column;
    align-items: start;
}

.wpo-cta-area .wpo-cta-section .wpo-cta-content p {
    color: #fff;

}

.back-to-top {
    background-color: rgba(50, 50, 50, 0.7);
    border: 2px solid #fff;
}

.back-to-top:hover { 
    background-color: rgba(50, 50, 50, 1);
}

.wpo-blog-section .wpo-blog-content .wpo-blog-content-btm, .wpo-blog-section-s2 .wpo-blog-content .wpo-blog-content-btm, .wpo-blog-section-s3 .wpo-blog-content .wpo-blog-content-btm {
    padding-top:0;
    padding-left:20px;
    border-top: none;
}

.wpo-blog-section .wpo-blog-content .wpo-blog-content-top {
    padding-bottom:10px;
}