/*
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 fancy outfit for your car-related website. Imagine you have a car repair shop or a blog about cool cars, and you want your website to look stunning and organized. That’s where this theme comes in. Think of it as a special template that you can apply to your website. It changes the way your site looks and feels, just like choosing different wallpaper for your room. This theme is designed specifically for anything related to cars, so it comes with all sorts of car-related features and designs. It gives your website a fresh coat of paint, Car Leasing, Auto Insurance, Electric Vehicles, Hybrid Cars, SUV Sales, Car leasing options, Auto insurance coverage, Electric vehicle sales, Hybrid car dealers, SUV dealerships, Truck sales, Luxury car dealership, Automotive sales, Car repair services, Auto parts suppliers, Vehicle maintenance, Used car lots, New car inventory, Auto financing options, Vehicle trade-ins, Car warranties, Automotive service centers, Car detailing, Pre-owned vehicles, Car buying tips, Truck Dealership, Luxury Automobiles Auto Sales, Car Dealerships, Automotive Repair, Auto Parts, Car Maintenance, Used Cars, New Vehicles, Auto Financing making it look sleek and professional. The theme includes customizable colors, fonts, and layouts, so you can make your website match your style. You don’t need to be a tech expert to use it; it’s user-friendly and works seamlessly with WordPress, a popular website-building tool. The Car Paint Job WordPress theme also helps your website perform better. It’s like upgrading your car’s engine for better speed and efficiency. It’s optimized for fast loading and works well on different devices, from laptops to smartphones. In conclusion, this theme is like a stylish makeover for your car-related website. It makes it look great, easy to use, and efficient, helping you attract more visitors and showcase your car-related content in the best possible way.
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, full-width-template, sticky-post, theme-options, threaded-comments, blog, e-commerce, photography
Version: 2.7
Tested up to: 6.8
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;
}

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;
}
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){
    .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;
    }
    
}