/*
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 website theme designed for car and auto wash services, 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 solutions, motor retailers, autocare businesses, and motorcycling services. Its design is minimal and elegant, delivering a clean and sophisticated layout that focuses entirely on showcasing your services in the most professional way. Built with clean and secure code, it offers a highly optimized structure that ensures faster page load times and a smooth browsing experience without making visitors wait. It includes a catchy banner along with engaging sections like testimonials and team showcases to highlight your staff and build trust. The theme is user-friendly with easy customization options that allow even beginners to design a professional website without writing any code. With strategically placed Call to Action buttons, it helps improve conversions and creates an interactive user experience. This modern and responsive design ensures your website looks great across all devices, while SEO-friendly coding helps improve visibility in search results to attract more traffic and customers. Built using the Bootstrap framework, it also comes with translation-ready features for wider reach.
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: 6.8
Tested up to: 6.9
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;
}
#slider .more-btn a, #about .more-btn a{
    padding-left: 30px;
}
.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: left;
    }
    #slider img{
        height: 300px;
    }
}