/* 
Theme Name:  Motors Starter Theme Child
Template: motors-starter-theme
Theme URI: http://motors.stylemixthemes.com/
Description: Motors Starter Theme Child is a child theme of Motors Starter Theme
Version: 2.0.0
Text Domain: motors-starter-theme-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dealership, classified, motors
*/

/* Add your custom styles here */



.stm-elementor_listings_grid {
    max-width: 1440px;
}
.stm-directory-grid-loop.skin_1 .mvl-price-grid-card .mvl-price {
    align-items: flex-start;
}
.stm-directory-grid-loop.skin_1 .skin_1.mvl_listing_title_wrapper .mvl_listing_title {
	max-width: fit-content !important;
}





/* ==========================================================================
   Global Scroll Word Reveal Effect
   ========================================================================== */
.scroll-word-reveal .word {
    color: currentColor;
    opacity: 0.35; 
    transition: opacity 0.4s ease; 
    display: inline-block;
    margin-right: 0.25em; 
}

.scroll-word-reveal .word.active {
    opacity: 1; 
}




.my-new-form.successfully_sent {
    background-image: linear-gradient(to right, #2E89EF, #0052B4);
    padding-top: 100px;
    padding-bottom: 100px;
}
.my-new-form.successfully_sent > * {
	display: none !important;
}
.my-new-form.successfully_sent .thank-you-message {
	display: flex !important;
}
@media (max-width: 1024px) {
.my-new-form.successfully_sent {
    padding-top: 60px;
    padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.my-new-form.successfully_sent {
    padding-top: 48px;
    padding-bottom: 48px;
}
}


input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=number]:focus, textarea:focus {
	border: 1px solid var(--motors-accent-color) !important;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=url]::placeholder, input[type=number]::placeholder, textarea::placeholder {
    color: #1414144D !important;
}

.elementor-field-group .elementor-field-textual:focus {
    box-shadow: none;
    border: 1px solid var(--motors-accent-color) !important;
}
.elementor-field-textual {
    min-height: 47px !important;
	font-size: 14px !important;
	cursor: pointer;
}




.select2-container--default .select2-selection--single {
    height: 47px;
	border: solid 1px var(--e-global-color-motors_border);
    border-radius: 4px;
    background-color: #ffffff;
}
.select2-container--default .select2-selection--single:focus {
	border: 1px solid var(--motors-accent-color) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 47px !important;
}






.how_works_tabs .e-n-tabs-content > div.e-active {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-height: 100%;
    }
.how_works_tabs .tab-navigation-panel { 
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        padding-top: 30px; 
        margin-top: auto; 
        width: 100%;
    }
.how_works_tabs .tab-nav-btn { background-color: #fff; color: #333; border: 1px solid #e5e7eb; padding: 12px 30px; font-size: 16px; cursor: pointer; border-radius: 4px;  }
.how_works_tabs .tab-nav-btn:hover, .how_works_tabs .tab-nav-btn:focus { background-color: #3b82f6; color: #fff; border-color: #3b82f6;  border-radius: 4px !important;   outline: none;}
.how_works_tabs .tab-nav-counter { font-size: 16px; font-weight: 600; color: #9ca3af; }
