:root {
    --color-1:#8DB952;
    --color-2:#719442;
    --color-3:#0e1208;

    --text-1: #fff;
    --text-2: #7E858B;
    --text-3: #2d2d2d;
}
#main-nav button.navbar-toggler:focus {
    outline-color: var(--color-1);
}
.social-container > li > a,
#footer .contact-info-section .icon,
.navbar-light .navbar-toggler,
#expo > a.prev, #expo > a.next {
    color: var(--color-1);
}
span.open-icon > a,
#main-nav .dropdown-menu a.nav-link:hover,
.exclusive-url.smallUrl, #recent-articles h2::after,
#move-top, #mainNavContent li.nav-item>a::before,
#mainNavContent .dropdown-menu.show li.nav-item > a::before {
    background-color: var(--color-1);
}
#exclusiveURLs .darker {
    background-color: var(--color-2);
}
.button, .btn, .button.inverted:hover,
.btn.inverted:hover, .langsDropdown a.dropdown-item:hover,
body.contact #contact-content section .contact-details {
    background-color: var(--color-1);
    color: var(--text-1);
}
.button.inverted, .btn.inverted,
.button:hover, .btn:hover {
    background-color: var(--text-1);
    color: var(--color-1);
}
#mainNavContent li.nav-item,
.exclusive-url.expoUrl > .figure-caption p,
.recent-article figcaption p, #videos-condent .video .video-caption p,
#offers .card-body p, #offers .card-body p, #pdf .pdf figcaption .description,
#articles-list .article p, .langsDropdown a.dropdown-item {
    color: var(--text-2);
}
#mainNavContent li.nav-item.active > a,
.exclusive-url.expoUrl .url-title > h3,
#recent-articles h2, .recent-article figcaption h3,
#footer .form-group label, #videos-condent .video .video-caption h3,
#offers .card-title, #offers .card-body, #pdf .pdf figcaption h3,
#articles-list .article h3, #contact section.contactform {
    color: var(--text-3);
}
@media screen and (max-width: 768px) {
    .exclusive-url.bigUrl .url-contents,
    .exclusive-url.bigUrl .url-title > h3 {
        color: var(--color-1);
    }
    #expo > a.prev, #expo > a.next {
        color: var(--text-1);
        background-color: var(--color-1);
    }
}
#footer {
    color: var(--text-1);
    background-color: var(--color-3);
}
.form-control:focus,
#contact #contact-form input[type="text"]:focus,
#contact #contact-form input[type="email"]:focus,
#contact #contact-form input[type="tel"]:focus, 
#contact #contact-form textarea:focus,
input[type=date]:focus, input[type=datetime-local]:focus, input[type=month]:focus, 
input[type=time]:focus {
    border: 1px solid var(--color-2);
}