/*
Theme Name: Car Wash Services
Template: automobile-hub
Text Domain: car-wash-services
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-car-wash-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Wash Services delivers a sleek and professional design packed with all the essential elements to create an appealing and high-performing website for modern autocare businesses, covering a wide range of offerings such as car parts, auto parts, car wheels, car tires, car accessories, auto detailing, vehicle service contracts, car warranty solutions, automotive technology, fuel efficiency enhancements, auto body shop deep cleaning, interior cleaning, and more. Built with user convenience in mind, this theme ensures seamless navigation and reliability, making it a dependable choice for service providers looking to establish a strong online presence. It features a stylish top bar along with integrated social media icons to keep your brand connected with the digital world, while also maintaining full compatibility across major browsers like Chrome, Firefox, Opera, and others. With powerful drag-and-drop page builder support, users can effortlessly design and customize pages without any technical expertise, saving both time and effort. Its SEO-optimized structure enhances visibility on search engines, helping your autocare services reach a broader audience, while responsive layouts ensure flawless performance across all devices. The theme also offers extensive customization options, allowing users to tailor colors, layouts, and elements to match their brand identity, with a visually pleasing color scheme ideal for car wash and autocare services. Designed for ease of use, it requires no coding knowledge, making it perfect for beginners, and its translation-ready functionality ensures your website can effectively communicate with customers across different regions.
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.7
Tested up to: 7.0
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#2db7ff;
    --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;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}
.page-box h4 a{
    letter-spacing: unset;
}
p.simplep a, p.simplep.address {
    display: flex;
}
#slider .more-btn a, #about .more-btn a{
    padding-left: 30px;
}
.headerbox i:hover{
    background: transparent!important;
}
p.simplep a:hover, #slider .inner_carousel h1 a:hover, .more-btn a:hover, #about h3 a:hover, #about h2, a.added_to_cart.wc-forward,#theme-sidebar h3,#theme-sidebar .widget_tag_cloud a:hover, #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,.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);
}
#slider .more-btn, #about .more-btn{
    justify-content: center;
}
.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);
}
 #footer .tagcloud a:hover,.search_inner form.search-form,#theme-sidebar .widget_tag_cloud a:hover{
    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);
}
#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, p.infotext,.car-inner-content h3 a,a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title{
    color: #263787;
}
#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{
    background: #263787;
}
.main-navigation ul ul li a{
    color: #fff !important;
}
.main-navigation li.page_item_has_children:after,
.main-navigation li.menu-item-has-children:after,#about .more-btn a:hover{
    color: #fff;
}
#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);
}
body,.page-box p,#theme-sidebar a,.box-info span,#theme-sidebar li{
    color: #808080;
}
.headerbox{
    background: #263787;
    padding: 0;
}
.headerbox i:after{
    content: none;
}
.headerbox i {
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    color: var(--color-primary1);
}
.headerbox i:hover {
    color: #fff;
}
p.simplep{
    font-size: 16px;
    text-align: right;
    color: #fff;
}
p.simplep a{
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}
p.simplep a:hover, .main-navigation ul ul li:hover > a, #slider .inner_carousel h1 a:hover, .car-inner-content h3 a:hover{
    color: var(--color-primary1);
}
.logo-main {
    padding: 32px;
}
.logo h1 a, .logo p.site-title a{
    font-size: 30px;
    color: #fff;
}
.logo h1 a:hover, .logo p.site-title a:hover{
    color: #263787;
}
.logo h1, .logo p.site-title{
    font-family: 'Roboto', sans-serif;
}
.menubar{
    border: none;
    font-family: 'Lato', sans-serif;
}
.social-media {
    padding: 0;
    text-align: right;
}
.page-template-front-page .headerbox{
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 9999;
    left: 0;
    right: 0;
}
.page-template-front-page .header-home {
    background: rgb(38 55 135 / 60%);
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-navigation a {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 14px;
}
.border-header {
    border-bottom: solid 1px #fff;
    padding: 16px 0;
}
.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 #fff;
}
.social-media i,.main-navigation a,.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;
}
.social-media i{
    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;
}
.site-info a{
  color: #fff;
}

.stick_head{
  background: #263787;
  left: 0;
}
#mySidenav {
    justify-content: center;
}
.stick_head .social-media {
    text-align: left;
}
nav.woocommerce-MyAccount-navigation ul li:hover{
  background: var(--color-primary1);
}
.headerbox i:hover{
  color: var(--color-primary1);
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.readmore-btn a:hover{
    border-color: #263787;
}
.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);
}
/*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);
}
/* Slider Css  */

#slider {
    background: #263787;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
}
#slider img {
    opacity: 0.7;
}

#slider .inner_carousel h1 a{
    font-size: 55px;
    font-weight: bold;
}
#slider .inner_carousel p{
    font-size: 18px;
}

.more-btn{
    display: inline-block;
}
.more-btn a {
    padding: 15px 30px;
    font-size: 15px;
    background: var(--color-primary1);
}
.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: #263787;
  color: #fff;
}

#footer li a:hover{
    color: var(--color-primary1);
}
/* Car Wash Services Css  */

.cat-inner-box img {
    border-radius: 20px;
    height: 370px;
    width: 100%;
    object-fit: cover;
}
.car-inner-content {
    position: relative;
    margin-top: -50px;
    margin-right: 30px;
    margin-left: 30px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 5px 10px 1px #ccc;
    border-radius: 15px;
    text-align: center;
}
.car-inner-content h3 {
    font-size: 22px;
}
.car-inner-content a {
    font-size: 18px;
    font-weight: 600;
}

.center1 {
    width: 200px;
    height: 200px;
    border-left-color: #263787;
    border-top-color: #263787;
    animation: animateCenter1 2s infinite linear;
}

.center1 .ring::before {
    background: #263787;
}
.post_tag a{
    color: #808080!important;
}
.post_tag a:hover{
    color:var(--color-primary1) ;
    border-color: var(--color-primary1);
}
i.far.fa-calendar-alt,i.fas.fa-user,i.fas.fa-comments{
    margin-bottom: 3px;
}

@media screen and (max-width: 1000px){
    .page-template-front-page .header-home{
        opacity: 1;
    }
}
@media screen and (max-width: 767px){
    p.simplep a, p.simplep.address {
        margin-bottom: 10px;
    }
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .page-template-front-page .headerbox {
        background: #263787;
        position: static;
    }
    .sidenav{
       background: #263787;
    }
    .menubar {
        background: transparent;
    }
    #tp_content, p.simplep{
        text-align: center;
    }
    #about img {
        padding-top: 15px;
    }
    p.section_text{
        width: auto;
    }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li{
        border-color: #fff;
    }
    .menubar.login-user.stick_head{
      margin-top: 0px;
    }
    .stick_head{
      position: static;
    }
    #slider .inner_carousel h1 a{
        font-size: 21px;
        margin-left: 11px;
        margin-right: 11px;
    }
    #slider .more-btn a{
        font-size: 11px;
        padding: 11px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 4px 8px;
    }
    #slider img{
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    #slider .more-btn a, #about .more-btn a{
        padding-left: 30px !important;
    }
    p.simplep a, p.simplep {
        font-size: 12px;
    }
    .page-template-front-page .headerbox {
        background: #263787;
        position: static;
    }
    .menubar{
        background: transparent;
    }
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .logo-main {
        padding: 0;
    }
    #slider .inner_carousel h1 a {
        font-size: 35px;
    }
    .sidenav{
       background: #263787;
    }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li{
        border-color: #fff;
    }
    .menubar.login-user.stick_head{
      margin-top: 46px;
    }
    .stick_head {
      background: #263787;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h1 a {
        font-size: 40px;
    }
    .page-template-front-page .headerbox {
        background: #263787;
        position: static;
    }
    .menubar{
        background: transparent;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1400px){
  .stick_head {
    background: #263787;
  }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h1 a{
        font-size: 32px;
    }
    #slider .more-btn a {
        padding: 8px 15px;
        font-size: 15px;
    }
}