/*
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: The Car Paint Job theme serves as a premium outfit for your car-related website, providing a sleek and professional identity that caters to businesses in auto repair, automotive sales, and various vehicle services. Whether you're operating a mechanic workshop, showcasing car cleaning services, offering auto insurance coverage, or promoting electric vehicles and luxury automobile sales, this theme enables you to present everything in a visually appealing and organized manner. It transforms your site’s appearance much like upgrading a showroom, helping attract customers interested in car dealerships and maintenance. Tailored for the automotive industry, it includes features for automotive repair services, car detailing, vehicle maintenance, and auto parts suppliers, while also highlighting options for car warranties and financing to enhance user engagement. With customizable colors, fonts, and layouts, you can align your site with your brand style while effectively promoting services such as car buying tips and new car inventory. Its user-friendly interface allows for smooth setup without the need for technical expertise, and its optimized performance ensures quick loading on all devices, making it ideal for those involved in SUV dealerships, truck sales, and electric vehicle transactions. Overall, this theme provides a refined digital presence for any autocare or automotive business, helping you attract visitors and build trust while showcasing your offerings efficiently.
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.4
Tested up to: 7.0
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;
    }
    
}
