/*
Theme Name: Automotive Charging Station
Template: automobile-hub
Text Domain: automotive-charging-station
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-automotive-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Automotive Charging Station is a dynamic and versatile theme designed for auto mechanics, car repair shops, car washes, garages, automobile workshops, and modern auto centers, including businesses focusing on advanced technologies like superchargers. It fits a wide range of small business needs such as car servicing, MOT checks, tire and brake services, vehicle diagnostics, auto care, maintenance, body shops, inspections, and more, while also catering to evolving automotive solutions. Built with a purpose-oriented design, it includes essential features like clearly displayed opening hours, an integrated consultation and appointment form, and well-structured sections such as testimonials and galleries to showcase services effortlessly. The theme delivers a seamless experience with secure, clean code, flexible customization options, and a strong call-to-action button to drive engagement and conversions. Ideal for auto repair professionals, mechanic shops, and motor service providers, it combines ease of use with a responsive layout, ensuring smooth performance across devices and making it simple to manage your automotive business presence anytime, anywhere without technical expertise.
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, education, e-commerce, portfolio
Version: 6.5.1
Tested up to: 7.0
Requires PHP: 5.6
*/
:root {
    --color-primary1:#78ca5b;
    --font-awesome:'FontAwesome';
}
#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);
}
h1, h2, h3, h4, h5, h6,body,p.simplep,#theme-sidebar button[type="submit"], #footer button[type="submit"],.more-btn a,.main-navigation 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{
    font-family: 'Lato', sans-serif;
}
#slider .more-btn a, #about .more-btn a{
    padding-left: 30px;
}
.page-box h4 a,p,#slider .inner_carousel p{
    letter-spacing: unset;
}
.car-inner-content h3 a:hover, #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,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,#theme-sidebar h3,#theme-sidebar a: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, .more-btn i,#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,.more-btn a,.headerbox{
    background: var(--color-primary1);
}
.main-navigation ul ul li a:hover, .main-navigation ul ul li a{
    color: #fff !important;
}
.main-navigation ul ul{
    background-color: #031852;
    color: #fff;
}
.search_inner form.search-form{
    border-color: var(--color-primary1);
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover{
    color: var(--color-primary1);
    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);
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after {
    color: #fff;
}
h1, h2, h3, h4, h5, h6,.comment-body,.comment-metadata a.comment-edit-link,.box-info i,a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,nav.woocommerce-MyAccount-navigation ul li a,nav.woocommerce-MyAccount-navigation ul li,.main-navigation a:hover,.social-media i:hover{
    color: #1b1a1a;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{
    color: #fff;
}
#footer,.more-btn a: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,#slider,.read-more-btn a:hover{
    background: #1b1a1a !important;
}
.read-more-btn a:hover{
    color: #fff !important;
}
#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;
}
.main-navigation ul ul li:hover > a, .inner-headerbox .social-media a i:hover,
.logo h1 a:hover, .logo p a:hover{
    color: #000;
}
.logo p.site-title a, .logo h1 a,.logo p,.main-navigation a,.site-info a{
    color: #fff;
}
.page-template-front-page .headerbox {
    position: absolute;
    width: 100%;
    z-index: 9999;
    background: transparent;
    padding: 0;
    left: 0;
    right: 0;
}
.page-template-front-page .inner-headerbox {
    background: var(--color-primary1);
    padding: 15px;
}
.social-media i {
    background: transparent;
    padding: 0;
    color: #fff;
}
.headerbox i:after{
    content: none;
    position: static;
}
.headerbox i:hover{
    background: transparent;
}
#mySidenav {
    justify-content: flex-end;
}
.logo h1, .logo p.site-title {
    font-size: 25px;
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
}
.logo h1 a:hover, .logo p.site-title a:hover{
    color: #000;
}
.menubar,.main-navigation li,.main-navigation li:last-child{
    border: none;
}
.main-navigation a{
    font-weight: 700;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li {
    border-bottom: 1px solid #ffffff;
}
#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;
}
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;
}
/*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);
}
.stick_head{
  position: static;
  background: transparent;
}
.menubar.login-user.stick_head{
  margin-top: 0px;
}

.readmore-btn a{
    border-color: var(--color-primary1);
}
.box-info i, #slider .inner_carousel h1 a:hover, #about h3 a:hover, #about h2, #about .more-btn a:hover{
    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);
}
/* Slider Css  */

#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;
}
.more-btn i{
    display: none;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    border-radius: 0;
}
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
    padding: 8px 16px;
}
#slider .carousel-control-prev-icon:hover, #slider .carousel-control-next-icon:hover{
  background: #000000;
  color: #fff;
}
#about h3{
    font-size: 20px;
}
a.added_to_cart.wc-forward{
   padding: 15px;
   background: none;
   color: var(--color-primary1);
}

nav.woocommerce-MyAccount-navigation ul li:hover{
    background: var(--color-primary1);
}
#featured-car h2{
    font-weight: 600;
    font-size: 30px;
}
/* Charging Services Css  */

.cat-inner-box img {
    width: 100%;
    padding: 0 18px;
    margin-bottom: -60px;
    object-fit: cover;
    height: 300px;
    border-radius: 30px;
}
.car-inner-content {
    background: #fff;
    box-shadow: 0 0 20px 2px #ccc;
    padding: 18px;
}
.car-inner-content h3 a{
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.margin {
    margin-top: 50px;
}
.read-more-btn a {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    background: var(--color-primary1);
    padding: 8px 14px;
}

.post_tag a{
    color: #808080!important;
}
.post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
    color: var(--color-primary1);
    border-color: var(--color-primary1);
}
@media screen and (max-width: 1000px){
    .toggle-nav i {
       background: #fff;
        color: var(--color-primary1);
        border-radius: 0;
        padding: 8px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.center1,.center2 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}
.center1 .ring::before,.center2 .ring::before  {
    background: var(--color-primary1);
}

@media screen and (max-width: 767px){
    .logo, .menubox{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logo {
        text-align: left;
    }
    .page-template-front-page .headerbox{
        position: static;
        background: var(--color-primary1);
    }
    .toggle-nav button,.sidenav .closebtn i{
        color: var(--color-primary1);
    }
    .menubar,a.closebtn i {
        background: transparent;
    }
    .sidenav,.main-navigation ul ul{
       background: #1b1a1a;
    }
    #tp_content,#slider .inner_carousel {
        text-align: center;
    }
    #about img {
        padding-top: 15px;
    }
    .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a,{
        color: #fff !important;
    }
    #slider .carousel-caption h1 a{
        font-size: 18px;
        margin-right: -20px;
    }
    #slider .more-btn a{
        font-size: 13px;
        padding: 7px 9px;
    }

    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon {
        padding: 0px 6px;
        background: transparent;
        color: var(--color-primary1);
    }
    #about h3{
        font-size: 20px;
    }
    #slider img{
        height: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .page-template-front-page .headerbox{
        position: static;
        background: var(--color-primary1);
    }
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .logo {
        text-align: left;
    }
    .sidenav .closebtn i{
        color: #fff !important;
    }
    .menubar,a.closebtn i,.main-navigation ul ul {
        background: transparent !important;
    }
    .toggle-nav{
        text-align: center;
    }
    #slider .inner_carousel h1 a {
        font-size: 38px;
    }
    
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h1 a {
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    .social-media{
        text-align: center;
    }
    #slider .more-btn a {
        padding: 8px 15px;
    }
    #slider .carousel-caption h1 a{
        font-size: 30px;
    }
    #slider .inner_carousel p {
        font-size: 18px;
    }
    
}
@media screen and (max-width: 560px){
    #slider .more-btn a {
        font-size: 11px;
        padding: 5px 7px;
    }
    #about .more-btn a {
        padding: 6px 12px;
        font-size: 13px;
    }
}