/*
Theme Name: Auto Dealer Lite
Template: automobile-hub
Text Domain: auto-dealer-lite
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-auto-dealer-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Auto Dealer Lite is a responsive, modern and versatile website theme designed for auto dealer lite, ad listing, car dealership, ad posting, car wash, vehicle listing, directory listing, car selling, car rental, car repair, used car sales, auto financing, vehicle leasing, car auctions, online car marketplace, automotive classifieds, vehicle trade-in, auto parts store, car showroom, certified pre-owned vehicles, autocare and motorcycling related businesses to showcase and grow their online presence. This advanced and comprehensive solution offers powerful ad posting features including a modern gallery, review system, comparison tools, advanced search filters, flexible layouts, and bump up ads to enhance visibility. It also provides efficient vehicle search functionality and car comparison options, helping buyers easily explore different cars and vehicle models. With a one-click demo importer, you can quickly launch your site and customize it using multiple color options, fonts, and custom widgets to suit various classified business needs. The fully responsive design ensures seamless performance across all devices, while SEO-friendly structure supports better search engine visibility. It is also translation-ready, allows custom shortcodes, is optimized for fast loading speed, and works smoothly across different browsers along with popular plugins like Elementor, WooCommerce, and Contact Form 7.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, e-commerce, photography
Version: 7.8
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#00a8e8;
    --font-awesome:'FontAwesome';
}
#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #theme-sidebar .wp-block-search .wp-block-search__label, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading{
    color: var(--color-primary1);
}
#slider .more-btn{
    display: flex;
}
a,.box-content a, #theme-sidebar .textwidget a,
 #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,
 .main-navigation a:hover,.search-box i,#theme-sidebar h3,#theme-sidebar a:hover,.headerbox i:hover,
  .headerbox i:hover:after,p.infotext,.main-navigation .current_page_item > a, 
  .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,
  .social-media i:hover,#about h3,#featured-car h2,
  p.simplep a:hover, #slider .inner_carousel h1 a:hover, .main-navigation ul ul li:hover > a, .more-btn a:hover, #about h3 a:hover, #about .more-btn a:hover, p.simplep:hover{
    color: var(--color-primary1);
}
p.simplep{
    color: #fff;
}
.site-info,.prev.page-numbers, .next.page-numbers,.page-numbers,#theme-sidebar button[type="submit"], #footer button[type="submit"], .more-btn i,.headerbox i:after,#comments input[type="submit"],span.meta-nav,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,#return-to-top,.error-404 [type="submit"],button[type="submit"]{
    background: var(--color-primary1);
}
#footer p.wp-block-tag-cloud a:hover,#footer .tagcloud a:hover,.search_inner form.search-form{
    border-color: var(--color-primary1);
    color: var(--color-primary1);
}
.logo h1 a, .logo p a{
    color: var(--color-primary1);
}
.logo h1 a:hover, .logo p a:hover{
    color: #fff;
}
#theme-sidebar .wp-block-search .wp-block-search__label:before, #theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before, #theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before{
    background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
    border-bottom-color: var(--color-primary1);
    border-left-color: var(--color-primary1);
}
.main-navigation a{
    padding: 0 15px;
}
.main-navigation ul ul li a{
    color: #fff !important;
}
.more-btn i:after{
    content: none;
}
.headerbox i{
    background: var(--color-primary1);
}
h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i{
    color: #00171f;
}
.headerbox,.car-button a:hover, #footer button[type="submit"] :hover ,.more-btn:hover{
    background: #00171f;
}
.menubar,.readmore-btn a:hover{
    border-color: #00171f;
}
a:hover{
    color: #00171f;
}
#theme-sidebar button[type="submit"]{
    color: #fff !important;
}
button[type="submit"], .error-404 [type="submit"]{
  border: 1px solid var(--color-primary1);
  background-color: var(--color-primary1);
}
.menubar{
    background: transparent;
}
#theme-sidebar ul li a::before, .content-area .box-info a:hover{
  color: var(--color-primary1);
}
.page-box .readmore-btn a{
  background-color: var(--color-primary1);
}
 #theme-sidebar button[type="submit"]:hover,#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: #000000;
  color: #fff;
}
#footer li a:hover,.wc-block-components-totals-coupon-link:hover{
    color: var(--color-primary1);
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.box-info i{
    color: var(--color-primary1);
}
.wc-block-cart__submit-container a,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background: var(--color-primary1);
}
.search-bar i{
    color: var(--color-primary1);
}
.inner_searchbox button[type="submit"]{
    background-color: var(--color-primary1);
}
.logo h1 a:hover, .logo p.site-title a:hover{
    color: var(--color-primary1);
}
/*block widget css*/
#secondary .wp-calendar-table th, #footer .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #fff;
  border-color: var(--color-primary1);
}
/*slider*/
.owl-carousel {
    display: block !important;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
#slider .owl-dots {
    position: absolute;
    top: 50%;
    right: 10%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}
#slider .owl-dots .owl-dot {
    background-color: #fff;
    border-radius: 50%;
    height: 12px;
    margin: 6px 0;
    width: 3px;
    border: none;
}
#slider .owl-dots .owl-dot.active {
    background-color: var(--color-primary1);
    outline-offset: 3px;
}
#slider .owl-prev,
#slider .owl-next {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    font-size: 30px;
    background: transparent;
    color: #fff;
    border: none;
}
#slider .owl-prev {
    right: auto;
    left: 2%;
}
#slider .owl-next {
    right: 2%;
}

/* Feature Car Css  */

#featured-car {
    background: #f7f7f7;
}
#featured-car h2{
    font-size: 18px;
}
#featured-car h3{
    font-size: 33px;
}
#featured-car h4 a, #about h3 a{
    color: #000;
}
#featured-car h4 a:hover, #about h2{
    color: var(--color-primary1);
}
.cat-inner-box {
    background: #fff;
    border: solid 2px #e5e5e5;
}
.cat-inner-box img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.cat-inner-box h4 {
    color: #676767;
}
.car-button a,.more-btn {
    background: var(--color-primary1);
    color: #fff !important;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}
.more-btn a{
    color: #fff !important;
}
.more-btn i{
    padding: 0;
    background: transparent;
}
#about a{
    color: #fff;
}
a.added_to_cart.wc-forward {
    text-transform: uppercase;
    color: var(--color-primary1);
    font-weight: 600;
}


.stick_head{
  background: #fff !important;
}

#main-content a {
    text-decoration: none;
}
.post_tag a{
    color: #a2a2a2;
}
.post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
i.far.fa-calendar-alt, i.fas.fa-user, i.fas.fa-comments{
    margin-bottom: 2px;
}

@media screen and (max-width: 767px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .sidenav{
       background: #00171f;
    }
    main#tp_content {
    text-align: center;
    }
    .stick_head{
      background: #fff;
    }
    .menubar.login-user.stick_head {
        margin-top: 0px;
        position: static;
    }
    .featured-car-box {
        display: flex;
        justify-content: space-between;
        padding-top: 10px;
    }
    .featured-car-box p{
        font-size: 12px;
        padding: 5px;
    }
}

@media screen and (min-width: 320px) and (max-width: 525px){
  footer#footer {
      text-align: center;
  }
  #slider .more-btn {
    display: inline-table;
    margin-top: 11px;
    padding: 8px 15px;
    font-size: 11px;
  }
  #slider .more-btn i{
    padding: 0px;
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .logo {
        margin: 20px;
    }
}
