/*
Theme Name: Car Paint Job
Template: automobile-hub
Text Domain: car-paint-job
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-car-painting-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Car Paint Job is like a premium outfit for your car-related website, giving it a sleek and professional identity that perfectly fits businesses in autocare, automotive sales, and vehicle services. Imagine running a car repair shop, showcasing car leasing options, offering auto insurance coverage, or promoting electric vehicles, hybrid cars, SUV sales, truck dealership services, or luxury automobile auto sales—this theme helps you present everything in a visually appealing and organized way. It acts as a powerful template that transforms your site’s appearance, much like upgrading your showroom to attract more customers interested in car dealerships, used cars, new vehicles, and pre-owned vehicles. Designed for the automotive industry, it supports features for automotive repair, auto parts suppliers, car maintenance, vehicle maintenance, car detailing, and automotive service centers, while also highlighting auto financing options, vehicle trade-ins, and car warranties to boost engagement. With customizable colors, fonts, and layouts, you can align your site with your brand style while promoting services like auto financing, car buying tips, and new car inventory. Its user-friendly interface ensures smooth setup without technical expertise, and its optimized performance ensures fast loading across devices, making it ideal for businesses dealing in electric vehicle sales, hybrid car dealers, SUV dealerships, and truck sales. Overall, this theme delivers a refined digital presence for any autocare or automotive business, helping you attract visitors, build trust, and showcase your offerings effectively.
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: 4.4
Tested up to: 6.9
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#f5b900;
    --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;
}
#slider .more-btn, #about .more-btn{
    justify-content: center;
}
a,.box-content a, .car-inner-content h3 a:hover, #about h3 a:hover, #about h2, #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,#footer p.wp-block-tag-cloud a:hover,.search_inner form.search-form{
    border-color: var(--color-primary1);
    color: var(--color-primary1);
}
#footer li a:hover,#theme-sidebar h3, #theme-sidebar h3, .wp-block-search .wp-block-search__label, #theme-sidebar h1.wp-block-heading, #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 {
    color: var(--color-primary1)!important;
}
#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,p.infotext,.car-inner-content h3 a,a:hover,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,#theme-sidebar h3, #theme-sidebar h1.wp-block-heading, #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{
    color: #000000;
}
#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: #000000;
}
.main-navigation ul ul {
    background: var(--color-primary1);
}
.main-navigation ul ul li 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;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-front-page .headerbox {
    background-color: rgb(25, 25, 25, 50%);
    padding: 0;
    position: absolute;
    z-index: 999;
    width: 100%;
    left: 0;
}
.headerbox i:after{
    content: none;
}
.headerbox i {
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    color: var(--color-primary1);
}
p.simplep a, p.simplep{
    font-size: 16px;
    text-align: right;
    font-family: 'Lato', sans-serif;
    color: #fff;
    display: flex;
    align-items: center;
}
p.simplep a:hover, #slider .inner_carousel h1 a:hover{
    color: var(--color-primary1);
}
.logo-main {
    background: var(--color-primary1);
    padding: 20px;
}
.logo h1, .logo p.site-title{
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}
.logo h1 a, .logo p.site-title a{
    font-size: 30px;
}
.logo h1 a:hover, .logo p.site-title a:hover{
    color: #000;
}
.menubar{
    border: none;
    font-family: 'Lato', sans-serif;
}
.social-media {
    padding: 0;
    text-align: right;
}
.stick_head{
    background: #151515;
}
.stick_head .social-media{
    text-align: center;
}
.main-navigation a {
    font-weight: 700;
    letter-spacing: 0;
}
.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;
}
 #about .more-btn a:hover, .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;
}
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;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after {
    content: '\f0d7';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
}
.main-navigation ul ul ul.page_item_has_children:after{
    margin-left: 21px;
}
.readmore-btn a{
    border-color: var(--color-primary1);
}
.readmore-btn a:hover{
    border-color: #000000;
}
a.added_to_cart.wc-forward{
    color: var(--color-primary1);
}
.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-bg {
    background: var(--color-primary1);
}

#slider {
    background: #000000;
    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;
}

/* Car Paint Job Css  */
#featured-car {
    background: var(--color-primary1);
}
#featured-car h2 {
    color: #fff;
}
.cat-inner-box {
    position: relative;
}   
.cat-inner-box img {
    border-radius: 20px;
    height: 300px;
    object-fit: cover;
    width: 100%;
}
.car-inner-content {
    position: absolute;
    bottom: 25px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 5px 8px 0px #7e7777;
    border-radius: 15px;
    text-align: center;
    right: 0;
    left: 0;
    width: 90%;
    margin: auto;
}
.car-inner-content h3 a{
    color: #000;
    font-size: 22px;
}
.car-inner-content p {
    color: #000000;
}
.car-inner-content a {
    font-size: 18px;
}

.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward{
  letter-spacing: 0px;
}
i.far.fa-calendar-alt,i.fas.fa-user,i.fas.fa-comments{
    margin-bottom: 3px;
}
.post_tag a{
    color: #808080;
}
.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: 767px){
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .car-inner-content{
        width: 70%;
    }
    .sidenav{
       background: #000000;
    }
    .menubar {
        background: transparent;
    }
    #tp_content, p.simplep{
        text-align: center;
        margin: 10px;
    }
    #about img {
        padding-top: 15px;
    }
    p.section_text{
        width: auto;
    }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li{
        border-color: #fff;
    }
    #slider .inner_carousel h1 a{
        font-size: 21px;
        margin-left: 11px;
        margin-right: 9px;
    }
    #slider .more-btn a{
        font-size: 11px;
        padding: 11px 7px;
    }
    #slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
        padding: 0px 6px;
    }
    #slider img{
        height: 300px;
    }
}
@media screen and (max-width: 1000px){
    .page-template-front-page .headerbox {
        background: #000000;
        position: static;
    }
    .main-navigation ul ul{
        background: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    #slider .more-btn a, #about .more-btn a{
        padding-left: 30px;
    }
    p.simplep a, p.simplep{
        font-size: 13px;
    }
    .menubar{
        background: transparent;
    }
    .toggle-nav button{
        color: var(--color-primary1);
    }
    .logo-main {
        padding: 0;
    }
    #slider .inner_carousel h1 a{
        font-size: 35px;
    }
    .sidenav{
       background: #000000;
    }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li{
        border-color: #fff;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px){
    #slider .inner_carousel h1 a {
        font-size: 40px;
    }
    .menubar{
        background: transparent;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h1 a {
        font-size: 32px;
    }
    #slider .more-btn{
        padding: 8px 15px;
    }
    #about .more-btn a{
        padding: 8px 15px;
        font-size: 12px;
    }
}
@media screen and (max-width: 560px){
    #about .more-btn a, #slider .more-btn{
        padding: 6px 12px;
        font-size: 11px;
    }
    
}
