/* Product */
.btn{
    text-transform: uppercase !important;
}
.text-color-grey a{
	color: grey !important;
}
.footer-ribbon #get-in-touch{
    color: #fff !important;
    font-size: 22px;
    font-weight: 500;
}
.footer-column .footer-widget .logo a img{
    width: 90% !important;
}
@media screen and (max-width: 435px) {
    .footer-column .footer-widget .logo a img{
        width: 80% !important;
    }
    ol{
        padding-right: 20px !important;
    }
    ul{
        padding-right: 20px !important;
    }
    #developed-by,#copyrights{
        text-align: center !important;
        justify-content: center !important;
    }
    #copyrights p{
        text-align: center;
    }
    #mob-resp{
        width: -webkit-fill-available !important;
    }
    .card-body .post-image img{
        height: 170px !important;
        width: -webkit-fill-available !important;
    }
}
#get-directions a{
    color: grey !important;
}
#get-directions a:hover{
    color: #ff9933 !important;
}

.contact-us-now{
    font-size: 16px !important;
}

ol ::marker {
    font-weight: bold !important;  
}

.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a:hover{
    background-color: #ff9933 !important;
    color: #fff !important;
}

/* ============================================
   Dark navbar (reference: Temp/index.html)
   ============================================ */
#header .header-body {
    background: #1c1c2e !important;
    border-top: none !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html.sticky-header-active #header .header-body {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

#header .header-nav-main nav > ul > li > a {
    color: #ccc !important;
    background: transparent !important;
    font-weight: 500 !important;
}

#header .header-nav-main nav > ul > li > a.active-link,
#header .header-nav-main nav > ul > li > a.active {
    color: var(--primary) !important;
    background: transparent !important;
}

#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li > a:hover,
#header .header-nav-main nav > ul > li > a.active-link:hover {
    color: var(--primary) !important;
    background: transparent !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    background: #1c1c2e !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top-color: var(--primary) !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    color: #ccc !important;
    background: transparent !important;
}

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

@media (max-width: 991px) {
    #header .header-nav-main:before {
        background: #1c1c2e !important;
    }

    #header .header-nav-main nav > ul li {
        border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    }

    #header .header-nav-main nav > ul > li > a {
        color: #ccc !important;
    }

    #header .header-nav-main nav > ul > li > a.active-link,
    #header .header-nav-main nav > ul > li > a.active {
        color: var(--primary) !important;
        background: transparent !important;
    }

    #header .header-nav-main nav > ul li a:active {
        background-color: rgba(255, 255, 255, 0.05) !important;
        color: var(--primary) !important;
    }
}