/*
Theme Name: Car Rental Hub
Template: automobile-hub
Text Domain: car-rental-hub
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-car-rental-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Rental Hub is an excellent theme for auto, automotive, car, car dealer, Auto Parts, Car Maintenance, Vehicle Financing, Car Rentals, Automotive Services, Car Insurance, Car Repair, Auto Body Shop, Car Accessories, Auto Sales, Pre-Owned Vehicles, New Cars, Auto Leasing, Vehicle Inspections, Car Customization, Auto Detailing, Automotive Technology, Electric Vehicles, Auto Auctions, Car Warranties, car dealership, dealership, directory, inventory management, listing, listings, motorcycle, truck, vehicle, vehicle listing search types of businesses who want to establish their website. With this theme, anyone can attract potential clients as its structure is stunning and the theme is loaded with features. If you want to build your career in this field, then you must consider our theme. The car rental hub theme is completely optimized with SEO, and it also supports all SEO plugins. Moreover, the theme has a custom mega menu option, header layout options, hundreds of google font options, and even a color management option to customize the website. Easy features can give you the satisfaction of customizing everything. It also comes with social media integration and has compatibility with Woocommerce. Social media icons, such as Instagram and Facebook, are present to help showcase your work and promote services. This theme is ideal for driving courses and driving school. It is a powerful and responsive theme that can be used on any device.
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, flexible-header,featured-image-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, blog, e-commerce, photography
Version: 5.1
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#e81c2e;
    --font-awesome:'FontAwesome';
}
h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a,.main-navigation a{
    font-family: 'Lato', sans-serif;
}
.page-box h4 a{
    letter-spacing: unset;
}

.logo h1 a:hover, .logo p.site-title a:hover, #theme-sidebar h3,#theme-sidebar .widget_tag_cloud a:hover, #theme-sidebar h1.wp-block-heading, #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,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,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.social-media i:hover,#about h3,#main-content a{
    color: var(--color-primary1);
}
.prev.page-numbers, .next.page-numbers,.page-numbers,#theme-sidebar button[type="submit"], #footer button[type="submit"],#theme-sidebar .tagcloud a:hover,.headerbox i, .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"],.site-info,.more-btn a,.email{
    background: var(--color-primary1);
}
.search_inner form.search-form,#theme-sidebar .widget_tag_cloud a:hover{
    border-color: var(--color-primary1);
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
#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);
}
h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i,.logo h1 a,.logo p.site-title a, a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.main-navigation a,nav.woocommerce-MyAccount-navigation ul li a,nav.woocommerce-MyAccount-navigation ul li{
    color: #161921;
}
#footer,.more-btn a:hover,.headerbox i:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce span.onsale,#slider,.call{
    background: #161921;
}
#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);
}
body,.logo p,.page-box p,#theme-sidebar a,.box-info span,#theme-sidebar li,p.simplep{
    color: #808080;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after {
    color: #222222;
}
.headerbox{
    background: transparent;
    padding: 10px;
}
#mySidenav {
    justify-content: flex-end;
}
p.simplep a{
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}
.logo h1, .logo p.site-title {
    font-size: 25px;
    font-family: 'Lato', sans-serif;
}
.menubar{
    border: none;
}
.main-navigation li,.main-navigation li:last-child,.search-box i{
    border: none;
}
.main-navigation a{
    font-weight: 700;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    border-bottom: 1px solid #3e3e3e;
}
.social-media i,.search-box i,#about a,.more-btn a:hover,#footer li a,#footer .tagcloud a,#footer .textwidget,#footer li,#footer th, #footer td,#footer tr,.site-info p,p.infotext,p.simplep,.car-inner-content h3 a{
    color: #fff;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #fff !important;
}
p.simplep a:hover{
    color: #fff;
}
#footer h3,#footer .widget_rss li,#footer .tagcloud a,#footer th, #footer td,#footer tr,#footer table#wp-calendar{
    border-color: #fff;
}
.woocommerce ul.products li.product a {
    text-decoration: none !important;
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.readmore-btn a:hover{
    border-color: #161921;
}
.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);
}
.main-navigation a{
    font-size: 14px;
    font-weight: 600 !important;
}
/* Slider Css  */

#slider img {
    opacity: 0.4;
}
#slider .inner_carousel h1 a{
    font-size: 55px;
    font-weight: bold;
}
#slider .carousel-caption {
    right: 50%;
}
.more-btn{
    display: inline-block;
}
.more-btn a {
    padding: 15px 30px;
    font-size: 15px;
}
.more-btn i{
    display: none;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    border-radius: 0;
}
#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: #000000;
  color: #fff;
}

.stick_head{
  left: 0;
}
.stick_head #mySidenav{
  justify-content: center;
}
/*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);
}
/* Contact Info Css  */

p.infotext {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
p.simplep {
    font-size: 20px;
}
#contact-info i {
    font-size: 40px;
    color: #fff;
}

/* Best Car Deal Css  */

p.section_text {
    width: 50%;
    margin: 0 auto;
}
.cat-inner-box {
    box-shadow: 0px 6px 12px 0px #ababab;
}
.cat-inner-box img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.featured-car-box p {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.featured-car-box p.border-white{
    border-right: 1px solid #fff;
}
.featured-car-box {
    background: #161921;
    padding: 15px 10px;
}
.car-inner-content {
    background: var(--color-primary1);
    padding: 15px 10px;
}
.car-inner-content h2{
    line-height: 1;
}
.car-inner-content h2 a {
    font-size: 18px;
    color: #fff;
}
.car-inner-content h2 a:hover{
    color: #000;
}
.car-inner-content p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.site-info a{
  color: #fff;
}

.center2 .ring::before{
  background: var(--color-primary1);
}

.center2 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}

nav.woocommerce-MyAccount-navigation ul li:hover{
  background: var(--color-primary1);
}
.post_tag a{
    color:#808080; 
}

@media screen and (max-width: 767px){
    .logo {
        text-align: left;
    }
    .toggle-nav button,.sidenav .closebtn i{
        color: var(--color-primary1);
    }
    .menubar,a.closebtn i {
        background: transparent;
    }
    .headerbox i{
        border-radius: 0;
        padding: 5px;
    }
    .sidenav{
       background: #161921;
    }
    #tp_content,#slider .inner_carousel {
        text-align: center;
    }
    #about img {
        padding-top: 15px;
    }
    p.section_text{
        width: auto;
    }
    .stick_head{
      margin:0px;
      position: static;
    }
    .menubar.login-user.stick_head{
      margin-top:0px;
    }
    #slider .inner_carousel h1 a{
        font-size: 18px;
        margin-left: 16px;
    }
    #slider .more-btn a{
        font-size: 10px;
        padding: 11px 8px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 4px 8px;
    }
    #about .more-btn a{
        padding: 8px 12px;
    }
    #contact-info i {
        font-size: 28px;
    }
    p.infotext {
        font-size: 15px;
    }
    p.simplep {
        font-size: 18px;
    }
    #slider img{
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .logo {
        text-align: left;
    }
    .sidenav .closebtn i{
        color: var(--color-primary1);
    }
    .menubar,a.closebtn i {
        background: transparent;
    }
    .headerbox i{
        border-radius: 0;
    }
    .toggle-nav{
        text-align: right;
    }
    p.infotext,p.simplep{
        font-size: 13px;
    }
    #slider .inner_carousel h1 a{
        font-size: 38px;
    }
    .menubar.login-user.stick_head {
    margin-top: 46px;
    background: #fff;
}
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 6px 11px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h1 a{
        font-size: 40px;
    }
    p.infotext,p.simplep{
        font-size: 15px;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h1 a {
        font-size: 30px;
    }
    #slider .inner_carousel p {
        font-size: 18px;
    }
    #slider .more-btn a{
        padding: 8px 15px;
        font-size: 15px;
    }
    #contact-info i {
        font-size: 28px;
    }
    p.infotext {
        font-size: 15px;
    }
    p.simplep {
        font-size: 18px;
    }
}