:root{
    --primary-color: #9d231f;
    --secondary-color: #2b2a29;
}

.section-custom-construction .container:before {
    background-color: var(--secondary-color) !important;
}

.section-custom-construction .container:after {
    background-color: var(--primary-color) !important;
}

.section-custom-construction-2:after {
    background-color: var(--primary-color) !important;
}

#footer:after{
    background-color: var(--secondary-color) !important;
}

.recent-posts .date .month, article.post .post-date .month{
    background-color: var(--primary-color) !important;
}

.recent-posts .date .day, article.post .post-date .day {
    color: var(--primary-color) !important;
}

a {
    color: var(--secondary-color) !important;
}

#header li.active a {
    color: var(--primary-color) !important;
}

.nav-pills>li>a:hover {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

#header .header-nav-main nav > ul > li:hover > a {
    color: #fff !important;
    background-color: var(--primary-color) !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu{
    border-top-color: var(--primary-color) !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu > li > a{
    color: var(--secondary-color) !important;
}

#header .header-btn-collapse-nav {
    background-color: var(--primary-color) !important;
}

html .text-color-primary{
    color: var(--primary-color) !important;
}

.tp-caption-custom-stripe{
    background-color: var(--primary-color) !important;
}

.tparrows:after{
    background-color: var(--secondary-color) !important;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #9d231f;
}
#header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a.dropdown-toggle:after {
    border-color: #9d231f transparent transparent transparent;
}

.page-title{
    text-shadow: #000 3px 2px;
}

.breadcrumb-link{
    color: #ffffff !important;
}

.owl-nav div{
    background-color: var(--primary-color) !important;
}

.owl-nav div:hover{
    background-color: var(--secondary-color) !important;
}

.portfolio-nav-all a{
    color: var(--primary-color) !important;
}

@media (max-width: 992px) {
    #header .header-nav-main nav > ul > li.active > a {
        color: #fff !important;
        background-color: var(--primary-color) !important;
    }
}