/*
	Theme Name: Motors
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: https://stylemixthemes.com/
	Description: Automotive, Cars, Vehicle, Boat Dealership, Classifieds WordPress Theme by StylemixThemes.
	Version: 5.6.87
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, black, red, dark, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors
*/
/* #billing_driver_license_field,#billing_country_field,#billing_address_1_field,#billing_city_field, #billing_state_field,.stm_breadcrumbs_unit.heading-font ,.entry-header.left.small_title_box {
    display: none;
} */
/* .stm_rent_price .total.heading-font, .stm_rent_price .period,.stm-rent-total.heading-font, .stm_rent_table, .shop_table.woocommerce-checkout-review-order-table.heading-font, #order_review #order_review_heading, .woocommerce-Price-amount.amount,.woocommerce-privacy-policy-text {
    display: none;
} */
/* .stm_products_grid_class .stm_product_grid_single .stm_top .price .woocommerce-Price-amount.amount{
	display:block !important;
} */

.entry-header {
	background-color : #f0c540 !important;
}
.sk_branding{display:none !important;}
.stm-fullwidth-with-parallax-bg .container .row{
	display: none !important;
}

.resvbtn{
		    background: #f0c540 !important;
	box-shadow: 0 0px 0 #1f3236 !important;
	height:61px;
	}
.contact-btn{

    flex:1;
    /*min-width:420px;*/


    border-radius:8px;

    color:white;

    display:flex;
    align-items:center;

    text-decoration:none;

    box-shadow:
        0 14px 25px rgba(0,0,0,.25);

    transition:.35s;
    padding: 11px 0 11px;
}

.contact-btn:hover{

    transform:translateY(-6px);

    box-shadow:
        0 20px 35px rgba(0,0,0,.30);

}




.icon{

    width:70px;

    display:flex;
    justify-content:center;
    align-items:center;

}

.icon i{

    width:35px;
    height:35px;

    border:4px solid white;
    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:20px;

}

.separator{

    width:2px;
    height:50px;

    background:rgba(255,255,255,.35);

}

.text{

    padding-left:8px;

}

.text h3{

    font-size:14px !important;
    color: #fff !important;
    font-weight:700;
    margin-top: 20px !important;
    line-height:1.1;

}

.text p{

    font-size:12px;

    margin-top:4px;

    font-weight:300;

}

hr{

    margin:60px 0;
    border:none;
    border-top:1px solid #ddd;

}

@media(max-width:900px){

.buttons{

flex-direction:column;

}



.icon{

width:120px;

}

.icon i{

width:70px;
height:70px;
font-size:35px;

}

.separator{

height:80px;

}

.text{

padding-left:25px;

}

.text h3{

font-size:28px;

}

.text p{

font-size:18px;

}

.language{

font-size:32px;

}

}


	.booking-modal{
    max-width:650px;
    width:95%;
    border-radius:10px;
    padding:30px;
}

.booking-header h2{
    margin-bottom:15px;
}

.car-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:6px;
    margin-bottom:10px;
}

.booking-form .form-group{
    margin-bottom:8px;
}

.booking-form label{
    display:block;
    margin-bottom:6px;
    font-weight:600;
}

.booking-form input,
.booking-form select{
    width:100%;
    height:45px;
    padding:10px;
    border:1px solid #ddd;
    border-radius:6px;
}

.row-form{
    display:flex;
    gap:15px;
}

.row-form .form-group{
    flex:1;
}

.booking-btn{

    width:100%;
    height:50px;

    background:#d71f26;
    color:#fff;

    border:none;

    border-radius:6px;

    font-size:17px;

    cursor:pointer;
}

.booking-btn:hover{
    background:#b1141b;
}
	.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.booking-actions{
    display:flex;
    gap:15px;
    margin-top:20px;
}

.booking-actions .booking-btn{
    flex:1;
}

.email-btn{
        background-image: url(/wp-content/img/btn-email.png) !important;
    background-size: 100% 100% !important;
    height: 70px !important;
	    background-color: #273f4400 !important;
    box-shadow: 0 2px 0 #1f323600 !important;
}


.whatsapp-btn{
         background-image: url(/wp-content/img/btn-wp.png) !important;
    background-size: 100% 100% !important;
    height: 70px !important;
	  background-color: #273f4400 !important;
    box-shadow: 0 2px 0 #1f323600 !important;
}

.modal{
    display:none;
    position:fixed;
    z-index:999999;
    inset:0;
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(3px);
    overflow-y:auto;
    padding:12px 8px;
}

.booking-modal{

    background:#fff;
    width:100%;
    max-width:580px;   /* avant 650 */
    margin:15px auto;
    border-radius:12px;
    overflow:hidden;
    animation:popup .25s ease;
    box-shadow:0 15px 40px rgba(0,0,0,.25);

    max-height:90vh;
    overflow-y:auto;
}

@keyframes popup{

    from{
        transform:translateY(-25px);
        opacity:0;
    }

    to{
        transform:translateY(0);
        opacity:1;
    }

}

.modal-content{
    padding:0;
}

.close{

    position:absolute;
    right:18px;
    top:12px;

    width:35px;
    height:35px;

    border-radius:50%;

    background:#f2f2f2;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    font-size:22px;

    transition:.2s;
}

.close:hover{

    background:#e30613;
    color:#fff;

}
.booking-header{

    background:#f0c540;
    color:#000;

    padding:12px 12px;

}

.booking-header h2{

    color:#000;
    margin-bottom:14px;
    font-size:24px;

}

.car-info{

    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:10px;

}

.car-info span{

    background:rgba(255,255,255,.12);

    padding:6px 9px;

    border-radius:6px;

    font-size:14px;

}
.booking-form{

    padding:18px;

}

.booking-form label{

    font-weight:600;
    margin-bottom:6px;
    display:block;

}

.booking-form input,
.booking-form select{

    height:42px;
    border:1px solid #ddd;
    border-radius:6px;

    padding:0 12px;

    width:100%;

}

.booking-form input:focus,
.booking-form select:focus{

    border-color:#003366;
    outline:none;

    box-shadow:0 0 5px rgba(0,51,102,.2);

}

.form-group{

    margin-bottom:14px;

}

.row-form{

    display:flex;
    gap:12px;

}

.row-form .form-group{

    flex:1;

}
.booking-actions{

    display:flex;
    gap:10px;
    margin-top:20px;

}

.booking-btn{

    flex:1;

    border:none;

    height:46px;

    border-radius:6px;

    color:#fff;

    font-weight:bold;

    cursor:pointer;

    transition:.25s;

}



.booking-loader,
.booking-success,
.booking-error{

    margin-top:15px;

    padding:12px;

    border-radius:6px;

    text-align:center;

}

.booking-loader{

    background:#eef5ff;
    color:#1565C0;

}

.booking-success{

    background:#e8f8ec;
    color:#198754;

}

.booking-error{

    background:#fdecec;
    color:#dc3545;

}
@media(max-width:768px){

.booking-actions{

flex-direction:row;
	        margin-left: -13px;
        margin-right: -13px;

}
.resvbtn{
		    background: #f0c540;
	margin-top: 30px;
/*     margin-left: 6rem; */
        height: 61px;
        border-radius: 2px;
	}


.row-form{

flex-direction:row;

}

}



.stm_rent_price .period{
	    background-color: rgb(240, 197, 64);
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(255, 255, 255) !important;
    font-size: 15px;
    padding: 5px 18px 6px 12px;
}

.stm_rent_price .period .woocommerce-Price-amount.amount{
	font-size:26px !important;
}





.location-autocomplete {
    position: relative;
}

.location-suggestions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 9999;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.location-suggestions div {
    padding: 12px 15px;
    cursor: pointer;
    font-size: 14px;
}

.location-suggestions div:hover {
    background: #f2f2f2;
}

.location-input {
    width: 100%;
    box-sizing: border-box;
}

body:has(.modal[style*="display: block"]) #header {
    z-index: 9;
}