/*
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 the theme for all Auto mechanics, Car Repair Shops, Car Wash, Garages, Automobile Mechanicals, Mechanic Workshops, Auto Painting, Auto Centres, and other Auto and Car related services. It is suitable for any kind of small business activity – Car Service Mot, Tires, Brakes Hire, Automotive, Auto Care, Maintenance, Vehicle Diagnostics, Auto Glass, Body Shops, Auto Inspections, Handyman, and Serviceman. It has purpose oriented design and comes with opening hours, a Free Consultation / Appointment Form, or any automotive type of website. It is a multipurpose theme with beautiful features such as secure and clean code and different sections such as a testimonial section and gallery section to organize everything hassle-free. Also, features like customization and a Call to Action Button (CTA) are available to make your site as per your choice and requirement. These business-like auto businesses, auto care, auto center, auto mechanic, auto repair, auto services, car repair, car washes, mechanics, mechanic shops, mechanical workshops, and motor mechanics, are the most suitable type for this theme. Automotive Charging Station is one of our most versatile themes, which any beginner can use without coding skills. Moreover, the theme is user-friendly and responsive and can be operated anywhere at any time.
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,featured-image-header, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, education, e-commerce, portfolio
Version: 4.8
Tested up to: 6.8
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;
}
.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;
    }
}

.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 {
        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: right;
    }
    #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;
    }
}