/*
Theme Name: Car Mechanic
Template: automobile-hub
Text Domain: car-mechanic
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-mechanic-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Mechanic is a wonderful free WP theme for car and auto wash, car repair, buses and truck services, car and automobile dealers, Collision Repair, Engine Diagnostics, Tire Services, Brake Repair, Auto Glass Services, Oil Change, Car Wash Services car rental services, and motor retailers. Its design is minimal and elegant for bringing a clean and sophisticated layout focusing entirely on your services. This elegant theme is made up of clean and secure codes and tries to bring you a highly optimized design that will result in a faster page load time and doesn’t make your visitors keep waiting for your page to load. It has a catchy banner and wonderful sessions such as Testimonial, Team, etc. sharing the details regarding your team members. It is user-friendly bringing some easy customization options that can allow even novices and beginners to craft their own website without even writing a single line of code. With a lot of Call to Action Buttons (CTA) included in the design, you will experience better conversions as well as an interactive environment on your website. This modern theme is responsive making your website look great across the devices and has SEO-friendly codes that can easily fetch you good ranks in the SERPs to get the desired traffic and more customers. It is created using the Bootstrap framework and has translation options ready.
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: 5.6
Tested up to: 6.8
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#ffba00;
    --font-awesome:'FontAwesome';
}
h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a{
    font-family: 'Lato', sans-serif;
}
.page-box h4 a{
    letter-spacing: unset;
}
#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);
}
#theme-sidebar .wp-block-search .wp-block-search__label,#footer li a:hover,#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, .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, 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{
    background: var(--color-primary1);
}
.search_inner form.search-form{
    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);
}
a.added_to_cart.wc-forward ,h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i,.logo h1 a,p.infotext,.car-inner-content h3 a,a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title{
    color: #1e2843;
}
.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{
    background: #1e2843;
}
.main-navigation ul ul li a:hover{
    color: #fff;
}
.readmore-btn a:hover{
    border-color: #1e2843;
}
#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,.box-info span,#theme-sidebar li,p.simplep{
    color: #808080 !important;
}

.headerbox{
    background: transparent;
}
.headerbox i:after{
    content: none;
}
.headerbox i {
    width: 40px;
    height: 40px;
    padding: 13px 0;
    background: var(--color-primary1);
    text-align: center;
    color: #1e2843;
    border-radius: 0;
}
p.simplep{
    font-size: 16px;
}
p.simplep a{
    font-family: 'Lato', sans-serif;
    color: #808080;
}
p.simplep a:hover, .logo h1 a:hover, .logo p.site-title a:hover, #about h2, #slider .inner_carousel h1 a:hover, #about h3 a:hover{
    color: var(--color-primary1);
}
.logo h1 a, .logo p.site-title a{
    font-size: 30px;
    color: #000;
}
.logo h1, .logo p.site-title{
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
.menubar{
    background: #1e2843;
    border: none;
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after, .car-inner-content h3 a:hover{
    color: #fff;
}
.main-navigation li,.main-navigation li:last-child,.search-box i{
    border: none;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    border-bottom: 1px solid #2d3750;
}
.site-info a,.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{
    color: #fff;
}
.main-navigation a{
    color: #fff;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    color: #fff !important;
}
#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);
}
.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: #fff;
}
.inner_searchbox button[type="submit"]{
    background-color: var(--color-primary1);
    color: #fff;
}
.main-navigation a{
    font-size: 14px;
}
.social-media a i{
    font-size: 17px;
}
/*block widget css*/
#secondary .wp-calendar-table th, #footer .wp-calendar-table th{
  background-color: #fdb719;
  color: #000;
  border-color: #fdb719;
}
/* Slider Css  */

#slider{
    background: #000;
}
#slider img {
    opacity: 0.4;
}
#slider .inner_carousel h1 a{
    font-size: 55px;
    font-weight: bold;
}
.more-btn{
    display: inline-block;
}
.more-btn a {
    padding: 15px 30px;
    font-size: 15px;
    background: #f9ba02;
}
.more-btn a:hover{
    color: #fff !important;
}
.next,.page-numbers:hover{
    color:#fff!important ;
}
.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;
}
#about h3 a{
    color: #000;
}
/*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);
}
/* Best sticky header  */
.menubar.scrolled {
    margin-top: 32px;
}

/* Best Car Deal Css  */
#featured-car h2{
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 800;
    color: #1e2843;
}
#featured-car-box p{
    font-size: 12px;
}
p.section_text {
    width: 70%;
    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 {
    background: #1e2843;
    padding: 15px 10px;
}
.car-inner-content {
    background: #f9ba02;
    padding: 15px 10px;
}
.car-inner-content h3 {
    font-size: 18px;
}
.car-inner-content p {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.menubar.login-user.stick_head {
    left: 0;
}
nav.woocommerce-MyAccount-navigation ul li:hover{
  background: #f9ba02;
}
i.fas.fa-comments,i.far.fa-calendar-alt,i.fas.fa-user{
    margin-bottom: 3px;
}
.post_tag a{
    color: #a2a2a2!important;
}
#footer p.wp-block-tag-cloud a:hover,.post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover,#theme-sidebar a:hover,#footer li a:hover,#theme-sidebar .tagcloud a:hover,#footer .tagcloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
@media screen and (max-width: 767px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    #slider .inner_carousel h1 a{
        font-size: 30px;
    }
    .sidenav{
       background: #1e2843;
    }
    #tp_content,#slider .inner_carousel {
        text-align: center;
    }
    #slider .inner_carousel h2{
        font-size: 21px;
        margin-right: 16px;
        margin-left: 8px;
    }
    #slider .more-btn a{
        font-size: 13px;
        padding: 10px 9px;
    }
    #about img {
        padding-top: 15px;
    }
    p.section_text{
        width: auto;
    }
    .menubar.login-user.stick_head{
      margin-top: 0px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
    border-radius: 0;
    padding: 2px 4px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .menubar.login-user.stick_head{
      margin-top: 46px;
    }
    .main-navigation ul ul{
        background: transparent !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h2 {
        font-size: 40px;
    }
}
@media screen and (max-width:1000px){
    .main-navigation ul ul,.main-navigation ul ul li:last-child{
        background: transparent !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 320px){
    .marker{
        text-align: center;
    }
    #slider img{
        height: 300px;
    }
}