/*
Theme Name: Car Repair
Template: automobile-hub
Text Domain: car-repair
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-car-repair-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Repair is a modern yet elegant, professional, sophisticated and luxurious theme designed for car listing and auto listing businesses, ideal for sellers, dealers, car dealerships, travel trailers, Auto Emissions services, Vehicle Tracking, Automotive Industry Trends, Car Trade-In Value platforms, Automotive Marketing, Car Rental Services, Ride Sharing Services, forklift and lift trucks, agriculture equipment, aircrafts, motorcycles, Car Tracker Installation, Auto Electrical Workshop, car repair shops, garages, car washing centers, food truck businesses, auto parts stores and complete vehicle maintenance services. This autocare-focused solution is SEO-friendly, helping your website achieve faster visibility and improved rankings on major search engines like Google. It is crafted to fully satisfy the needs of all auto business services while supporting RTL layout and multilingual translation for global reach. The code structure is clean, secure and highly optimized for performance, ensuring fast loading speed across all devices. With extensive customization and personalization options, you can tailor every section as required and even use shortcodes to extend functionality. Built on a robust bootstrap framework, it delivers stability and flexibility, while integrated social media options allow seamless connection with all your platforms. Its fully responsive design ensures perfect display across mobiles, tablets and desktops, making it an advanced solution for building a powerful and feature-rich automotive and autocare business website.
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: 8.5
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#2aca4e;
    --font-awesome:'FontAwesome';
}
p{
    letter-spacing: unset;
}

.center{
	border-color: #bbb;
}

/* color 1 */
#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)
}
#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{
    color: var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label,a,.search-box i,.main-navigation a:hover,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,a.page-numbers:hover,#theme-sidebar h3,#theme-sidebar a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.headerbox i:hover, .headerbox i:hover:after,#about h3,#about p i{
    color: var(--color-primary1);
}
#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);
}
.site-info,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,#theme-sidebar .tagcloud a:hover,span.meta-nav,#comments input[type="submit"],#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,button[type="submit"],.headerbox,.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{
    background: var(--color-primary1);
}
.woocommerce a.button{
    color: #999!important;
}
.main-navigation a,.logo p, body, .more-btn i,.page-box p,.box-info span,#theme-sidebar a,#theme-sidebar li{
    color: #736f66;
}

#theme-sidebar button[type="submit"], #footer button[type="submit"],#theme-sidebar button[type="submit"], #footer button[type="submit"], #theme-sidebar .tagcloud a:hover, span.meta-nav, #comments input[type="submit"],#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    color: #212121;
}
#theme-sidebar button[type="submit"]:hover,#comments input[type="submit"]:hover,span.meta-nav:hover{
    color: var(--color-primary1);
    background: #212121;
}
#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);
}
.search-bar i{
    color: var(--color-primary1);
}
.inner_searchbox button[type="submit"]{
    background-color: var(--color-primary1);
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.readmore-btn a:hover{
    border-color: #309d44;
}
.more-btn .sliderbtn2{
    background:none;
}
.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);
}

a.page-numbers:hover{
    background: #212121;
}

a:hover{
    color: #309d44;
}

#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);
}
/*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);
}
/* topbar */
.logo h1, .logo p.site-title {
    font-weight: 600;
    font-size: 30px;
}

/* header */

.search-box i{
    border: none;
}
.search-box {
    text-align: right;
}
button.search_btn i{
    font-size: 20px;
}
.headerbox i{
    color: #fff;
    background: transparent!important;
}
.main-navigation ul ul li:hover > a{
    color: #fff;
}
.main-navigation ul li:hover a{
    color: var(--color-primary1);
}
.main-navigation ul ul li a{
    color: #fff !important;
}
.contact a:hover, .social-media a i:hover, .page-template-front-page .main-navigation a:hover, .page-template-front-page .logo p a:hover{
    color: #000;
}
 .page-template-front-page .main-navigation ul.sub-menu a:hover{
    color: #fff;
 }
.social-media  a{
    font-size: 14px;
    color: #fff important;
}
span.cart-value.simplep {
    background: var(--color-primary1);
    font-size: 12px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #212121;
    font-weight: bold;
    position: relative;
    left: -6px;
    top: -12px;
}
#mySidenav {
    text-align: right;
    display: block;
}
.menubar {
    border: none;
    padding: 12px 0;
    border-bottom: solid 1px #ddd;
}
.page-template-front-page .menubar{
    position: absolute;
    width: 100%;
    z-index: 9999;
    border-bottom: solid 1px #fff;
    left: 0;
    right: 0;
}

.main-navigation li,.main-navigation li:last-child{
    border: none;
}
.headerbox i, .more-btn i {
    border-radius: 0;
    padding: 0;
    background: transparent;
}
.headerbox i:after{
    content: none;
}
.social-media{
    padding: 0;
    text-align: right;
}
.contact a{
    color: #fff;
}
.headerbox p,.search-box i{
    font-size: 14px;
    padding: 0;
}
.search-box i,.social-media a i{
    font-size: 20px;
}
.headerbox p {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}
.headerbox span {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.main-navigation ul{
    text-align: left;
}
.main-navigation a{
    font-size: 15px;
    font-weight: normal;
}
.page-template-front-page .main-navigation a,.page-template-front-page .logo p{
    color: #fff;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.more-btn a {
    font-weight: normal;
    font-size: 21px;
    letter-spacing: 1px;
    padding: 14px 54px;
    border: none;
    display: inline-block;
    border-radius: 30px;
    background: var(--color-primary1);
}
.more-btn a:hover{
    background: #151515;
    color: #fff;
}
.more-btn i {
    display: none;
}
#slider .inner_carousel h1 a,.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.page-box h4 a {
    font-weight: 600;
}
#slider .inner_carousel h1 a{
    font-size: 47px;
}
#slider .inner_carousel h1 a:hover{
    color: var(--color-primary1);
}
#slider .inner_carousel p {
    font-size: 19px;
    margin-top: 10px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
}
.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{
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
}
.products li {
    border: none;
    padding: 0 !important;
}
.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 {
    background: transparent;
    padding: 15px 25px;
    border-radius: 30px;
    border: solid 2px #999;
    color: #fff;
}
.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{
    border-color: var(--color-primary1);
}

.woocommerce .quantity .qty {
    padding: 12px;
    border-radius: 30px;
    border: solid 2px #999;
    color: #999;
}
.center1 .ring::before {
    background: var(--color-primary1);
}
.center2 .ring::before {
    background: #151515;
}
a.added_to_cart.wc-forward {
    color: #999;
    font-weight: 600;
    margin-top: 8px;
}
a.added_to_cart.wc-forward:hover{
    border-color:var(--color-primary1);
    background:var(--color-primary1);
    color: #fff;
}
.logo h1 a, .logo p.site-title a{
    color: #000;
}
.page-template-front-page .logo h1 a, .page-template-front-page .logo p.site-title a{
    color: #fff;
}
.page-template-front-page .main-navigation a:hover, .logo h1 a:hover, .logo p.site-title a:hover,
.page-template-front-page .logo h1 a:hover, .page-template-front-page .logo p.site-title a:hover{
    color: var(--color-primary1);
}
.menubar.login-user.stick_head, .menubar.stick_head {
    position: fixed;
    background: #151515;
}

#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: #000000;
  color: #fff;
}
.post_tag a{
    color: #736f66;
}
.post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

#main-content a{
  text-decoration: none;
}
i.far.fa-calendar-alt,i.fas.fa-user,i.fas.fa-comments {
    margin-bottom: 3px;
}

nav.woocommerce-MyAccount-navigation ul li:hover{
  background: var(--color-primary1);
}
.woocommerce #respond input#submit{
    color: #222222;
}
/*product section*/
#product img{
    height: 300px;
    width: 100%;
    object-fit: cover;
}
#product h2.short-head {
    font-size: 20px;
    color:var(--color-primary1);
    position: relative;
    z-index: 999;
    display: inline-block;
    padding: 0 60px 0 0; 
}

#product h2.short-head::before,
#product h2.short-head::after {
    content: "";
    position: absolute;
    border-top: 3px solid var(--color-primary1);
    right: 0;
    left: 70%;
}

#product h2.short-head::before {
    width: 50%;
    top: 45%;
}

#product h2.short-head::after {
    width: 70%;
    top: 70%;
}

#product h3{
    font-size: 30px;
    color:#000;
}
#product .woocommerce ul.products li.product .onsale{
    padding: 8px 15px;
    font-size: 16px;
    right: auto !important;
    left: 20px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    background-color: #000 !important;
    color: #fff;
}
#product .woocommerce ul.products li.product .price{
    display: none;
}
#product .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 22px;
    color: #000;
}
#product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover{
    color: #fff !important;
}
.car-button a{
    background: #fff;
    color: #999 !important;
    border:1px solid #999;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}
.car-button a:hover, #product .woocommerce ul.products li.product .onsale{
    background-color: var(--color-primary1) !important;
    color: #fff !important;
}
@media screen and (max-width: 767px){
    .social-media a i{
        font-size: 13px;
    }
    .more-btn a{
        font-size: 15px;
        padding: 10px 25px;
    }
    .headerbox span{
        font-size: 13px;
    }
    .headerbox p{
        font-size: 12px;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 100%;
    }
    .logo h1 a, .logo p.site-title a{
        color: #fff;
    }
    .innermenubox{
        padding: 0;
    }
    #slider img{
        height: 400px;
    }
    #slider .inner_carousel h1 a{
        font-size: 34px;
    }
    .logo,.social-media,.more-btn,.topbarbox {
        text-align: center;
    }
    .search-box{
        text-align: center;
    }
    div#primary,div#theme-sidebar {
    text-align: center;
    }
    .menubar.login-user.stick_head{
      margin-top: 0px;
    }
    .page-template-front-page .menubar{
      position: static;
    }
    #slider .more-btn a{
        font-size: 12px;
        padding: 6px 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .social-media a i{
        font-size: 13px;
        margin: 5px;
    }
    .more-btn a{
        font-size: 15px;
        padding: 10px 25px;
    }
    .headerbox span{
        font-size: 13px;
    }
    .headerbox p{
        font-size: 12px;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 48%;
    }
    .logo h1 a, .logo p.site-title a{
        color: #fff;
    }
  .menubar.login-user.stick_head{
    margin-top: 46px;
  }
  .page-template-front-page .menubar{
    position: static;
  }
.logo {
    text-align: left;
    }
    .more-btn a{
        font-size: 12px;
        padding: 10px 30px;
    }
}

@media screen and (max-width: 560px){
   .menubar.login-user.stick_head, .menubar.stick_head{
    position: static;
   }
   #return-to-top i{
    left: 1px;
   }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
    .social-media a i{
        font-size: 13px;
        margin: 5px;
    }
    .more-btn a{
        font-size: 15px;
        padding: 10px 25px;
    }
    .headerbox span{
        font-size: 13px;
    }
    .headerbox p{
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
  .headerbox p{
    text-align: center;
  }
}
