/* Add here all your CSS customizations */

a {
    cursor: pointer;
}

.active2 {
    font-weight: bold;
}

.logo {
   height: 60px; 
}

@media (min-width: 576px) {
    .logo {
        height: 80px;
    }
}

#header .header-btn-collapse-nav {
    background: #bb7726;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
    color: #383838;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li.active > a {
    background: none;
    color: rgb(187, 119, 38) !important;
}

#header .header-nav-main nav > ul li a {
    background: none;
}

#header .header-body {
    border-top: 3px solid #bb7726;
        border-top-color: rgb(187, 119, 38);
}

#header .header-body {
    background: #000;
}

#header .header-nav.header-nav-links nav > ul:not(:hover) > li.active > a {
    color: #fff;
}

#header .header-nav.header-nav-links nav > ul > li:hover > a {
    color: #bb7726;
}

#header .header-nav.header-nav-links nav > ul > li.quote > a {
    color: #bb7726;
}

ul.nav-pills > li.active > a {
    background: none;
    color:rgb(187, 119, 38);
}

html .btn-primary {
    background-color: #bb7726;
    border-color: #bb7726 #bb7726 #a16821;
    color: #FFF;
}

html .btn-primary:hover {
    background-color: #d3882c;
    border-color: #d3882c #d3882c #a16821;
    color: #FFF;
}

a {
    color: #bb7726;
}

a:hover {
    color: #865518;
}

.call-to-action.call-to-action-default {
    background: #ebebeb;
}

.owl-carousel-wrapper img {
    width: 100%;
}

.hours {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hours span {
    font-weight: 500;
    color: rgb(168, 168, 168);
}

.call-to-action.call-to-action-in-footer {
    margin-bottom: 0px !important;
}

.call-to-action .call-to-action-content {
    text-align: left !important;
}

html .bg-primary {
    background-color: #bb7726 !important;
}

.warranty h3{
    color: dimgray !important;
}

.warranty .font-weight-bold {
    font-weight: 600 !important;
}