/*!
Theme Name: Blocksy
Theme URI: https://creativethemes.com/blocksy/
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions. Note: Blocksy is built with the latest web technologies in order to bring you the smoothest experience, that told, old browsers like IE 11 and below may not work as expected. We strongly recommend you to update/switch to a modern browser.
Version: 2.0.41
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2019 CreativeThemes.
Requires at least: 5.2
Requires PHP: 7.0
Tested up to: 6.4
Text Domain: blocksy
Tags: blog, e-commerce, wide-blocks, block-styles, grid-layout, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, buddypress, rtl-language-support, news
*/
@media (min-width:981px){
    ul.sub-menu.elementor-nav-menu--dropdown {
        position: absolute;
        z-index: 99999;
        min-width: 180px !important;
    }

    ul.elementor-nav-menu {
        overflow: unset;
    }

    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        overflow: unset;
    }
}
.asl-cont .sl-container {
    width: 100%;
    max-width: 100%;
    margin: 0 -35px;
}
.asl-cont .sl-container {
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    margin: 0px -10px !important;
}
.cHoursRow br {
    display: none;
}

.cHoursRow .cHoursDays strong {
    display: block;
}

.cHoursRow {
    display: flex;
    gap: 40px;
}
.cLocationDetails {
    padding-left: 30px;
}

.cLocationPhone {
    margin-bottom: 20px;
}

.cLocationPhone img {
    max-width: 25px;
    width: 100%;
}

.cLocationTitle {
    margin-bottom: 15px;
}

.listing-details{
    color:#ffffff;
    font-size:16px;
    text-transform:uppercase;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.stock {
    font-weight: bold;
}

.stock-number {
    color: #00C6FE;
    font-weight: bold;
}

.drivetrain {
    display: flex;
    align-items: center;
}

.drivetrain img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.located {
    font-style: italic;
}
.car-info {
    display: inline-block;
    font-family: 'Titillium Web', Sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin:0;
}

.car-model {
    display: inline-block;
    font-size: 16px;
    margin: 0;
}
.listing-icons{
    padding:10px 0;
}
.vehicle-item {

    background-color: #b6b5b4;
    color: #000000;
    margin-right: 1%;
    align-items: center;
    justify-content: center;
    margin-bottom: 1%;
    max-width: 400px;
}
@media all and (max-width:980px){
    .vehicle-item{
        width:100%;
    }
}
@media all and (min-width:980px){

}
.veh-img {
    /* add styles for the vehicle image here */
}
.title-desc{

    padding:0 10px;
}
.title-desc h2{
    color:#000000;
    font-family: 'Titillium Web', Sans-serif;
    font-size:24px;
    text-transform:uppercase;
    margin:0;
}
.veh-model{
    color:#000000;
    font-family: 'Titillium Web', Sans-serif;
    font-size:20px;
    text-transform:uppercase;
    min-height: 67px;
}
.vehicle-listing-home .veh-details {
    padding:13px 10px;
    color:#000000;
    min-height: 140px;
}
.veh-details p{
    margin:0;
}

.veh-hr {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    border-top: 1px solid white;
}

.veh-price {
    color: #00C6FE;
    padding:0 10px;
    font-family: 'Titillium Web', Sans-serif;
    font-size:20px;
    text-transform:uppercase;
}
.veh-price sup{
    font-weight: lighter;
    font-size: 24px;
    font-family: 'Titillium Web', Sans-serif;
}
.veh-price h1{
    margin:0;
    text-align:right;
}
.veh-icons {
    padding:0 10px;
}
.veh-icons img {
    max-height:30px;
}
.veh-buttons {
    display: flex;
    width: 100%;
    margin-top: 5px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.veh-buttons button {
    background-color: #00C6FE;
    color: white;
    width: 100%;
    border: none;
    padding: 10px;
    text-align: center;
    margin: 5px 10px;
}
.vehicle-listing{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.vehicle-listing-home{

    margin-right: 0;
    margin-left: auto;
    display: flex!important;
    flex-direction: row-reverse;
}
.owl-nav{
    width: 100%;
}
.sf-field-search,.sf-field-search label{
    width:100%;
}
#search-filter-form-11509 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#search-filter-form-11509 input{

}
ul li[data-sf-field-type="post_meta"]{
    max-width:170px;
}
ul li[data-sf-meta-type="number"]{
    max-width:220px;
}

.sf-range-prefix{
    display:none;
}
.sf-meta-range{
    position:relative;
}

.sf-meta-range input{
    padding-left: 15px;
}

.sf-meta-range:after{
    position: absolute;
    left: 6px;
    top: 7px;
    content: '$';
}
.sf-meta-range:before{
    position: absolute;
    left: 56%;
    top: 7px;
    content: '$';
}
.searchandfilter label:last-child,.searchandfilter label{
    background:#ccc;
}
.searchandfilter .sf-range-max, .searchandfilter .sf-range-min {
    max-width: 100px;
}
#search-filter-form-11509 select{
    font-weight:bold;
}
.cHoursRow {
    gap: 10px;
}

@media (max-width:1200px) and (min-width:981px){
    .cHoursRow {
        gap: 10px;
        letter-spacing: -0.05em;
    }
    .cHoursTime {
        font-size: 15px;
        letter-spacing: -0.07em;
    }

    .cLocationDetails {
        padding-left: 15px;
    }
}
.shadow-box {
    height:100%;
}
#job-search  ul{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.veh-img img{
    max-height: 300px !important;
    object-fit: cover;
    width: 100%;
}
.pagination {
    display: flex;
    align-items: center;
}

.pagination a,
.pagination span {
    margin: 0 5px; /* Adjust spacing as needed */
    color: #ffffff; /* Orange color */
    text-decoration: none; /* Remove underline */
}

.pagination a:hover,
.pagination a:focus {
    text-decoration: none; /* Add underline on hover/focus */

}

.pagination .current {
    font-weight: bold;
    color: #F47D4B; /* Orange color for current page */
    text-decoration: underline;
}
/* Style for the search field */
.searchandfilter ul li {
    display: flex;
    align-items: center;
}
.searchandfilter ul li:first-of-type label{
    background-color: transparent;
}
.searchandfilter ul div li:first-of-type label{
    background-color: #ccc;
}
.searchandfilter ul li .sf-input-text {
    background-color: transparent;
    border: 2px solid #F47D4B;
    padding: 5px;
    color: #ffffff;
    border-radius: 5px;
}

.sf-input-text::placeholder {
    color: #ffffff;
}

/* Style for the filter button */
.filter-button {
    margin-left: 10px;
    padding: 5px 10px;
    background-color: transparent;
    border: 2px solid #F47D4B;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
}

.filter-button:hover {
    background-color: #F47D4B;
    color: #ffffff;
}

/* Style for the filter fields container */
.filter-fields {
    display: none;
    margin-top: 10px;
}

#filterFields{
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
@media all and (max-width:768px){
    #search-filter-form-11509 ul{
        padding:0;
    }
    .position{
        width:100% !important;
    }
    .location{
        width:100% !important;
        font-weight: bold;
    }
    .meta{
        width:auto!important;
        display:block;
        text-align:center;
        margin-bottom:10px;
    }
    .job_listing a{
        display:unset!important;
    }
}
.vehicle-listing{
    margin-top: 20px;
}
.job_listing{
    width:100%;
    border-bottom: 1px solid #ccc;
}
.job_listing:hover a{
    background-color: #fcfcfc;
}
.position{
    width:40%;
}
.location{
    width:100%;
    font-weight: bold;
}
.location-home{
    background-image:url('https://rohimgs.s3.amazonaws.com/2024/06/Secondary-Nav-Bg.png');
    font-size:20px;
    color:#ffffff;
    text-align:center;
    padding:10px 0;
}
.vehicle-listing-home .vehicle-item .veh-details,.vehicle-listing-home .vehicle-item .location-home {
    display: none;
}

.vehicle-listing-home .vehicle-item:hover .title-desc,.vehicle-listing-home  .vehicle-item:hover .veh-price {
    display: none;
}

.vehicle-listing-home .vehicle-item:hover .veh-details,.vehicle-listing-home  .vehicle-item:hover .location-home {
    display: block;
}

.meta{
    width:20%;
    text-align:center;
}
.label-job-type{

    padding: 4px 10px;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
}
.fulltime{
    background: #90da36;
}
.parttime{
    background: #f08d3c;
}
.internship{
    background: #6033cc;
}
.job_listing a{
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
}
.company_logo{
    width: 100%;
    max-width: 80px!important;
    margin-right: 1em;
    height: auto;
}
.content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #000000;
}
.collapsible {
    background-color: #000000;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 16px;
    border:2px solid #ffffff;
}
.btn-blue{
    background-color: #00C6FE;
    color: #ffffff;
    width: 100%;
    border: none;
    padding: 10px;
    text-align: center;
    margin: 5px 10px;
    text-decoration: none;
}
.btn-blue:hover{
    text-decoration: none;
    color: #ffffff;
}
.round-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid#848484;
    display: inline-block;
    margin: 0 5px;
}
.vdp-colors{
    padding:10px 0;
}
.container-round-icon{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px;
}
.sf-field-search label{
    width:90%;
}
.sf-field-search {
    position: relative;
}

.sf-field-search .sf-input-text {
    padding-left: 30px; /* Adjust padding to make space for the icon */
}

.sf-field-search .search-icon {
    position: absolute;
    left: 10px; /* Adjust as needed */
    top: 50%;
    transform: translateY(-50%);
    color: #F47D4B;
    pointer-events: none; /* Prevents clicking on the icon */
}
select[name="sort"] {
    background-color: #fff;
    border: 1px solid #F47D4B;
}
.veh-img {
    position: relative;
}

.veh-img img {
    display: block;
    width: 100%;
    height: auto;
}
.veh-img-feat{
height:300px;
}
.veh-img-feat img{
height:100%!important;
}
.overlay-make {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay-make img {
    width: 100px!important; /* Adjust size as needed */
    height: auto;
}

.veh-img:hover .overlay-make {
    opacity: 1;
}
.owl-nav i{
    font-size:4rem;
    color:#ffffff;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background: transparent!important;
}
.carousel-container{
    display:flex;
}
@media all and (min-width: 968px) {
    #customNav{
        min-width: 300px;
    }
    #customNavMob{
        display: none;
    }
    .new-models-button,
    .pre-owned-button {
        display: block;
        width: 200px;
        padding: 5px 8px 0 8px;
        background-color: rgba(0, 0, 0, 0.8);
        border: 2px solid #fff;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        font-size: 1.6em;
        font-weight: bold;
        text-decoration: none;
        transition: background-color 0.3s;
        font-family: "Titillium Web", Sans-serif;
        margin-right: 20%;
        margin-left: auto;
        margin-top: 20px;
    }

}
@media all and (max-width: 968px) {
    .carousel-container{
        display:flex;
        flex-direction: column;
    }
    #customNav{
        display: none;
    }
    #customNavMob{
        display: block;
    }
    .new-models-button,
    .pre-owned-button {
        display: block;
        width: 200px;
        padding: 5px 8px 0 8px;
        background-color: rgba(0, 0, 0, 0.8);
        border: 2px solid #fff;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        font-size: 1.6em;
        font-weight: bold;
        text-decoration: none;
        transition: background-color 0.3s;
        font-family: "Titillium Web", Sans-serif;
        margin:0 auto;
    }
    .button-container{
        display:flex;
        margin-top:15px;
    }
    .hor-line{
        margin:0 auto;
    }
    .vehicle-item {
        width: 100%;
        margin: 15px auto !important;
    }
}
#customNav button{
    background: transparent;
    color: #fff;
    font-size:3rem;
    padding:5px;
}
#customNav h2{
    color: #ffffff;
    font-family: "Titillium Web", Sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-top: 25%;
}
#customNav h2 span{
    font-size:75%;
}
.hor-line{
    background: #F47D4B;
    height:4px;
    width:80%;
    display: block;
}

.new-models-button:hover,
.pre-owned-button:hover {
    border: 2px solid #fff;
    color: #fff;
}

.new-models-button:hover,
.pre-owned-button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.new-models-button .top-text,
.pre-owned-button .top-text {
    display: block;
    font-size: 0.7em;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0px;
}

.new-models-button .bottom-text,
.pre-owned-button .bottom-text {
    display: block;
}
.vdp-btn{
    background: #F47D4B!important;
    border-radius: 10px;
    padding: 0px 2px !important;
    margin-left: 10px;
}
.custom-nav-container{
	    margin-left: 12%;
}