/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.car a.car-link {
    text-decoration: none;
}
.car a.car-link:hover .car-title, .car a.car-link:hover{
    text-decoration: none;
    color: #93bf00;
}
.car .car-title{
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}
.car .car_slug{
    font-family: sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid rgb(226, 226, 226);
    color: #4b4b4b;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    position: relative;
}
.car .car_slug.active:after{
    content: ' ';
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg) translateX(-50%);
    -moz-transform: rotate(45deg) translateX(-50%);
    -ms-transform: rotate(45deg) translateX(-50%);
    -o-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    background-color: #fff;
}
.car .car_slug.active, .car .car_slug.active span{
    color: #fff;
    font-style: italic;
    background-color: #4b4b4b;
}
.car .car_slug:hover, .car .car_slug:hover span{
    color: #fff;
    background-color: #4b4b4b;
}
.car .car_slug span{
    color: #93bf00;
}
.car .col-1-1{
    -ms-flex: 0 0 11.1%;
    flex: 0 0 11.1%;
    max-width: 11.1%;
}
.car .car-h2{
    font-style: italic;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.car .car-h4{
    font-style: italic;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}
.car .car-icon{
    background: #fff;
    color: #4b4b4b;
    width: 2em;
    height: 2em;
    font-size: 2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.car .car-overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.3);
    display: none;
}
.car .car-img{
    width: 100%;
    height: 290px;
    max-height: 290px;
    position:relative
}
.car .car-img:hover .car-overlay{
    display: flex;
}
.car .car-price{
    position:absolute;
    right:15px;
    color:#93bf00;
    font-style: italic;
    font-size:13px;
    font-weight: 700;
}