/*
Theme Name: Auto Car Care
Template: automobile-hub
Text Domain: auto-car-care
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-auto-car-care-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Auto Car Care is a versatile and professionally built autocare theme designed with clean, secure coding standards and optimized performance, making it suitable for a wide range of automotive and transportation-related websites. It features a fully responsive layout that adapts smoothly to all screen sizes, ensuring a seamless browsing experience across mobile, tablet, and desktop devices. With strong SEO optimization, it helps improve visibility on major search engines like Google, supporting faster online reach for businesses. This autocare solution is ideal for car listing platforms, auto dealerships, car wash services, driving schools, automotive conferences, car model reviews, eco-friendly vehicle showcases, automotive startups, repair garages, mechanic workshops, service centers, tire and wheel shops, detailing services, engine care, polishing and cleaning services, and many other related industries including aircrafts, motorcycles, scooters, agriculture equipment, and travel trailers. It is also well-suited for automobile bloggers and businesses involved in branding workshops, spraying services, and maintenance solutions. Built on a robust framework, it offers easy customization, personalization options, shortcode support for extended functionality, and integration with social media platforms to connect all business profiles. The testimonial section allows customers to share feedback and reviews, helping build trust and credibility, while its fast-loading structure ensures smooth and efficient performance for all users.
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.7
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/

:root {
    --color-primary1:#fdb719;
    --font-awesome:'FontAwesome';
}
body,h1, h2, h3, h4, h5, h6,.logo h1, .logo p.site-title,.menubar,.more-btn a,.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,#theme-sidebar button[type="submit"], #footer button[type="submit"]{
    font-family: 'Rubik', sans-serif;
}
p{
    letter-spacing: unset;
}
.center{
	border-color: #bbb;
}
/* color 1 */
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, #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, a,.search-box i,.main-navigation a:hover,.headerbox i,.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 h2,#about p i{
    color: var(--color-primary1);
}
.top-woo{
    display: flex;
    justify-content: end;
    align-items: center;
}
.topbarbox .top-woo a{
  color: #fff !important;
  font-size: 16px;
}
.site-info,#theme-sidebar button[type="submit"], #footer button[type="submit"],.prev.page-numbers, .next.page-numbers,.page-numbers,span.meta-nav,#comments input[type="submit"],.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,button[type="submit"]{
    background: var(--color-primary1);
}
.logo h1 a, .logo p.site-title a{
  color: #000;
}
.logo h1 a:hover, .logo p.site-title a:hover{
  color: var(--color-primary1);
}
.main-navigation a, body, .logo p, .more-btn i,.page-box p,.box-info span,#theme-sidebar a,#theme-sidebar li{
    color: #736f66;
}
#theme-sidebar .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  border-color:var(--color-primary1);
}
.page-numbers{
    padding: 8px 9px;
}
#theme-sidebar button[type="submit"], #footer button[type="submit"],#theme-sidebar button[type="submit"], #footer button[type="submit"], .prev.page-numbers, .next.page-numbers, .page-numbers,  span.meta-nav, #comments input[type="submit"], .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{
    color: #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);
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.readmore-btn a:hover{
    border-color: #bf8400;
}
.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;
}

.prev.page-numbers, .next.page-numbers, .page-numbers {
    padding: 8px 5px;
}
a:hover{
    color: #bf8400;
}

#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);
}

p.simplep a:hover, #slider .inner_carousel h1 a:hover, .more-btn a:hover, #about h3 a:hover{
  color: var(--color-primary1);
}
.post_tag a {
    color: #a2a2a2 !important;
}
.post_tag a:hover {
    color: var(--color-primary1);
    border-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);
}
/* topbar */

.header-info p.contact a{
  color:#736f66;
  display: flex;
  align-items: center;
}
p.address{
    display: flex;
    align-items: center;
}
.header-info p.contact a:hover{
  color: var(--color-primary1);
}
.topbarbox {
    padding: 12px 0;
    background: #212121;
}
.topbarbox a{
   color: #817c72 !important;
   margin-right: 15px;
}
.logo h1, .logo p.site-tite {
    font-weight: 600;
    font-size: 30px;
    font-family: 'Rubik', sans-serif;
}
.logo h1 a, .logo p.site-tite a{
  color: #000;
}
.logo h1 a:hover, .logo p.site-tite a:hover{
  color: var(--color-primary1);
}
.page-numbers, .prev.page-numbers{
    color: #fff !important;
}
/*block widget css*/
#secondary .wp-calendar-table th, #footer .wp-calendar-table th{
  background-color: var(--color-primary1);
  color: #000;
  border-color: var(--color-primary1);
}
/* header */

.search-box i{
    border: none;
}
.search-box {
    text-align: right;
}
button.search_btn i{
    font-size: 20px;
}
.social-media i{
    font-size: 18px;
}
span.cart-value.simplep {
    background: var(--color-primary1);
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #212121;
    font-weight: bold;
    position: relative;
    left: -6px;
    top: -12px;
    width: 17px;
}
#mySidenav {
    text-align: right;
    display: block;
}
.menubar{
    border: none;
    padding: 12px 0 0;
}
.main-navigation li,.main-navigation li:last-child{
    border: none;
}
.search-bar i{
  color: var(--color-primary1);
}
.inner_searchbox button[type="submit"]{
  color: #000;
  background: var(--color-primary1);
}
.inner_searchbox button[type="submit"]:hover{
  color: #fff;
}
.headerbox{
    background: #f4f4f4;
}
.headerbox i, .more-btn i {
    border-radius: 0;
    padding: 0;
    background: transparent;
}
.headerbox i:after{
    content: none;
}
.headerbox i:hover , #about .more-btn a:hover, #footer .site-info p, #footer .site-info a{
    color: #222;
}
.social-media{
    padding: 0;
    text-align: right;
    display: flex;
}
.search-box i.fas.fa-shopping-basket {
    font-size: 25px;
}
.headerbox p,.search-box i{
    font-size: 16px;
    padding: 0;
}
.main-navigation a{
    font-size: 13px;
    font-weight: normal;
}

.more-btn a {
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 15px;
  border: solid 2px var(--color-primary1);
}
.more-btn a:hover{
    background: var(--color-primary1);
    color: #000;
}
#theme-sidebar button[type="submit"]:hover,#comments input[type="submit"]:hover,span.meta-nav:hover{
    background:#000;
    color:var(--color-primary1);
}
.more-btn i {
    display: none;
}
#slider .inner_carousel h1,.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;
    letter-spacing: unset;
}
#slider .inner_carousel h1 a{
  font-size: 45px;
  color: var(--color-primary1);
  text-transform: uppercase;
  font-style: italic;
}
#slider .inner_carousel h1 a:hover{
  color: #fff;
}
#about h2 {
    font-size: 20px;
    letter-spacing: unset;
    position: relative;
    z-index: 9;
    display: inline-block;
    padding: 0 50px 0 0; 
}

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

#about h2::before {
    width: 50%;
    top: 45%;
}

#about h2::after {
    width: 70%;
    top: 70%;
}

#about h3 a{
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 500;
}
#about img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.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;
}

#contact {
    position: relative;
}
.page-numbers {
  padding: 8px 8px;
}
.contact-box {
    position: absolute;
    bottom: 0;
}

.contact-box input[type="text"], .contact-box input[type="email"], .contact-box input[type="phno"], .contact-box input[type="password"], .contact-box textarea {
    border: none;
    background: var(--color-primary1);
    width: 23%;
    font-size: 16px;
    padding: 10px 10px;
    margin: 0 20px 0 0;
    height: auto;
}
.contact-box input[type="submit"] {
    background: #fff;
    border: none;
    padding: 10px 20px;
}

.center1 .ring::before {
    background: var(--color-primary1);
}
.center2 .ring::before {
    background: #151515;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.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;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

a.added_to_cart.wc-forward { 
  color: var(--color-primary1);

}
@media screen and (max-width: 1000px){
    .logo h1 a, .logo p.site-tite a{
        color: #fff;
    }
}
@media screen and (max-width: 767px){
    .logo h1 a, .logo p.site-title a{
        color: #fff;
    }
    .topbarbox a{
        color: #fff !important;
    }
    .top-woo{
        justify-content: center;
        margin: 10px 0;
    }
    .innermenubox{
        padding: 0;
    }
    .logo,.social-media, #about .more-btn,.topbarbox {
        text-align: center;
    }
    .search-box,#about .more-btn{
        text-align: center;
    }
    #about .more-btn{
        display: flex;
        justify-content: center;
    }
    #slider .inner_carousel h1 a {
    font-size: 17px;
    margin-left: 20px;
    margin-right: 21px;
    }
    #slider .more-btn a{
        font-size: 12px;
        padding: 6px;
    }
    #return-to-top i{
        left: 1px;
    }
    #slider img{
      height: 300px;
    }
    .header-info p.contact a{
      margin-bottom: 8px;
    }
}
@media screen and (max-width: 560px){
    #about{
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px){
    .more-btn a{
        padding: 10px;
        font-size: 10px;
    }
    .logo h1 a, .logo p.site-title a{
        color: #fff;
    }
    .topbarbox a{
        color: #fff !important;
    }
    .headerbox i{
        width: 10px;
        height: 10px;
    }
    .top-woo a{
        font-size: 14px !important;
    }
    #slider .carousel-caption {
        right: 15%;
        left: 15%;
        bottom: auto;
        padding: 0;
    }
    #slider .inner_carousel h1 a{
      font-size: 32px;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){

    .more-btn a{
        padding: 10px;
        font-size: 10px;
    }
    .topbarbox a{
        color: #fff !important;
    }
    .top-woo a{
        font-size: 14px !important;
    }
    #slider .carousel-caption {
        right: 15%;
        left: 15%;
        bottom: auto;
        padding: 0;
    }
    #slider .inner_carousel h1 a{
      font-size: 32px;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h1 a {
    font-size: 44px;
    }
    .headerbox p{
        text-align: center;
    }
}