/*
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/themes/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, 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: 1.1
Tested up to: 6.4
Requires PHP: 5.6
Requires at least: 5.0
*/

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, #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: #f5b900;
}
.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: #f5b900;
}
#footer .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,.search_inner form.search-form{
    border-color: #f5b900;
    color: #f5b900;
}
#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: #f5b900!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: #f5b900;
}
.page-box,#theme-sidebar section{
    border-bottom-color: #f5b900;
    border-left-color: #f5b900;
}
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,.main-navigation ul ul,.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;
}

body,.page-box p,#theme-sidebar a,.box-info span,#theme-sidebar li{
    color: #808080;
}

.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: #f5b900;
}
p.simplep{
    font-size: 16px;
    text-align: right;
}
.logo-main {
    background: #f5b900;
    padding: 20px;
}
.logo h1 a{
    font-size: 30px;
    color: #fff;
}
.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;
}
.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: 1px;
    top: 18px;
    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: #f5b900;
}
.readmore-btn a:hover{
    border-color: #000000;
}
a.added_to_cart.wc-forward{
    color: #f5b900;
}
.box-info i{
    color: #f5b900;
}
.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: #f5b900;
}
/* Slider Css  */

.slider-bg {
    background: #f5b900;
}

#slider {
    background: #000000;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
}
#slider img {
    opacity: 0.7;
}
#slider .inner_carousel h2{
    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: #f5b900;
}
.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: #f5b900;
}
#featured-car h2 {
    color: #fff;
}
.cat-inner-box {
    position: relative;
}   
.cat-inner-box img {
    border-radius: 20px;
    height: 300px;
    object-fit: cover;
}
.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 {
    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: #f5b900;
    border-color: #f5b900;
}

@media screen and (max-width: 767px){
    .toggle-nav button{
        color: #f5b900;
    }
    .car-inner-content{
        width: 70%;
    }
    .sidenav{
       background: #000000;
    }
    .menubar {
        background: transparent;
    }
    #tp_content, p.simplep{
        text-align: center;
    }
    #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 h2{
        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;
    }
}
@media screen and (max-width: 1000px){
    .page-template-front-page .headerbox {
        background: #000000;
        position: static;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px){
    .menubar{
        background: transparent;
    }
    .toggle-nav button{
        color: #f5b900;
    }
    .logo-main {
        padding: 0;
    }
    #slider .inner_carousel h2 {
        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 h2 {
        font-size: 40px;
    }
    .menubar{
        background: transparent;
    }
}
@media screen and (max-width: 767px) and (min-width: 561px){
    #slider .inner_carousel h2 {
        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){
    #return-to-top i{
        left: 0;
    }
    #about .more-btn a, #slider .more-btn{
        padding: 6px 12px;
        font-size: 11px;
    }
    
}
