/*
Theme Name: Autohive
Theme URI: https://autohive-wp.themetags.com/
Author: Themetags
Author URI: https://themetags.com/
Description: Autohive is a multipurpose WordPress theme specifically designed for car dealerships, rental agencies, and automotive directories. It includes all the necessary features and tools to easily create a professional-looking website, including an inventory management system, vehicle listings, and a booking system. The theme is fully responsive and looks great on all devices, and it is also SEO optimized to help your website rank higher in search engines. Overall, Autohive is a powerful and flexible theme that is perfect for anyone in the automotive industry looking to create a professional website.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.1.1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: autohive
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {

    /*=== Color Variables ===*/
    --color_primary: #FC0012;
    --color_secondary: #0b163f;
    --color_body: #575757;

}

/*============== Admin Bar ================*/
.admin-bar header.sticky-on {
    top: 32px;
}
@media(max-width:782px) {
    .admin-bar .header-sticky.sticky-on {
        top: 46px;
    }
}

@media(max-width:600px) {
    .admin-bar .header-sticky.sticky-on {
        top: 0;
    }
}

.underline-none{
    text-decoration: none !important;
}

/*=========== Navbar Menu ============*/
@media ( max-width: 1200px ){
    .at_nav_menu ul li a {
        padding: 24px 14px;
    }

    /* Menu dropdown icon */
    .at_nav_menu ul li.has-submenu::after { 
        right: 0;
    }
}

/* Slider */
.dealership-hero .at-hero-slider-wrapper .swiper-pagination{
    left: 50%;
    bottom: 150px;
}

.brand-card img.img-fluid {
    filter: brightness(0);
}
.brand-card:hover img.img-fluid {
    filter: brightness(1);
}


/*Star Rating*/
/* remove inline-block whitespace */
.commentratingbox {
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl;
    /* the hidden clearer */
}

.commentratingbox * {
    font-size: 20px;
    line-height: 1;
}

.commentratingbox>input {
    display: none;
}

.commentratingbox>input+label {
    /* only enough room for the star */
    display: inline-block;
    overflow: hidden;
    text-indent: 9999px;
    width: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 0;
}

.commentratingbox>input+label:before {
    display: inline-block;
    text-indent: -9999px;
    content: '\2606';
    color: #575757;
}

.commentratingbox>input:checked~label:before,
.commentratingbox>input+label:hover~label:before,
.commentratingbox>input+label:hover:before {
    content: '\2605';
    color: #FF9729;
    text-shadow: 0 0 1px #333;
}

.commentratingbox>.star-cb-clear+label {
    text-indent: -9999px;
    width: 0.5em;
    margin-left: -0.5em;
}

.commentratingbox>.star-cb-clear+label:before {
    width: 0.5em;
}

.commentratingbox:hover>input+label:before {
    content: '\2606';
    color: #575757;
    text-shadow: none;
}

.commentratingbox:hover>input+label:hover~label:before,
.commentratingbox:hover>input+label:hover:before {
    content: '\2605';
    color: #FF9729;
    text-shadow: 0 0 1px #333;
}
p.comment-form-rating {
    display: flex;
    align-items: center;
}
p.comment-form-rating > label{
    margin: 0;
}

/* Home - Car Dealership ::latest-collection */
.latest-collection {
    padding-top: 0;
}

/*============ Logo ===========*/
.logo-wrapper > a > img {
    width: 170px;
    height: auto;
}
@media (max-width: 767px) {
    .logo-wrapper > a > img {
        width: 170px;
        height: auto;
    }
    .breadcrumb-section{
        padding: 120px 0 90px 0;
    }
}


/*======================== Breadcrumb Area =======================*/
.breadcrumb-section ol li.item-current,
.breadcrumb-section ol li.item-current span,
.breadcrumb-section ol li .breadcrumb-current {
    color: #ffffff;
}

.breadcrumb-section.product_single_breadcrumb ol li.item-current,
.breadcrumb-section.product_single_breadcrumb ol li.item-current span,
.breadcrumb-section.product_single_breadcrumb ol li .breadcrumb-current {
    color: #0b163f;
}

/*================== Offcanvas Menu =================*/
.mobile-menu ul.submenu-wrapper {
    margin-left: 12px;
}

.mobile-menu ul li.has-submenu {
    position: relative;
}

.mobile-menu ul li.has-submenu > i {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 5px;
    transition: 0.3s;
}
.mobile-menu ul li.has-submenu > i.icon-rotate{
    transform: rotateX(180deg)
}

/* 404 */
h1.error-text {
    font-size: 100px;
}

@media (min-width: 992px) {
    .at_nav_menu ul li.has-submenu>i {
        display: none;
    }
}
@media (max-width: 991px) {
    .mobile-menu ul li.has-submenu > a::after, 
    .offcanvas-category-menu ul li.has-submenu > a::after{
        content: '';
    }
}