/*
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 includes all the elements to make the website appealing and attractive. This theme is made to provide services such as car parts, washing, auto parts, car wheels, car tires, additional services, Car Accessories, Auto Detailing, Vehicle Service Contracts, Car Warranty, Automotive Technology, Fuel Efficiency, Auto Body Shop deep cleaning, interior cleaning, and other services. The theme completely relies on where the users can easily get dependent on this theme. The features are amazing; it consists of a top bar and many social media icons so you can stay updated with the social world. It is also compatible with multiple browsers like Chrome, Firefox, Internet, Opera, and many more. Moreover, this theme uses Drag and Drop page builders, which will allow you to create pages quickly. And it is also an SEO- friendly theme that will help your website to rank on search engines. The theme comes with responsive layouts and many customizable features. The users can effortlessly personalize their theme according to their choices. The color combination is perfect for car wash services. The theme doesn’t require coding skills; any beginner can operate this amazing theme. Finally, it is also translation ready, so your customers from any region can understand your website.
Tags:  wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, flexible-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, blog, e-commerce,featured-image-header, photography
Version: 5.0
Tested up to: 6.8
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;
}
.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);
}
.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 {
    background: var(--color-primary1);
    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: #263787;
    opacity: 0.7;
}
.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){
    .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){
    .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;
    }
}