/*
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 WordPress theme ideal 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 and such related websites to showcase and grow your business online. This is the most advanced and comprehensive theme with all ad posting features including modern gallery, Review System, comparison, search filter, default layout, Bump up Ads & much more that you would want in a theme. It also includes an effective vehicle search functionality & car comparison feature that makes it very helpful for buyers to look after various Cars or Vehicle Models available. Start your business online with just one click demo importer. It is available with several colour options, fonts, custom widgets, and much more for all your classified business requirements. As the design is responsive it fits in all device screen size. It is also SEO-friendly to help your site with search engine ranking. It is translation-ready and allows to add custom shortcodes. It is well optimized for speed so the pages load faster without any glitches. It is cross-browser compatible and also compatible with many famous WordPress plugins like Elementor, WooCommerce and Contact form 7 and more.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, flexible-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, blog, e-commerce,featured-image-header, photography
Version: 6.4
Tested up to: 6.8
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);
}
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 {
    display: inline-block;
}
.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;
    }
}
