/**
 * ELAN42 Bookings - Public - STYLE
 */

button#e42_calendar_guests_txt:hover{
    background: transparent;
    color:inherit;
}
    
/*General*/
/*
a {
    color: #2A323C !important;
    text-decoration: none;
} 
*/
.bold{
    font-weight: bold;
}
    
/*Calendar avail shortcode*/

#avail_calendar_container{
    border-radius: 10px;
    padding:1vw;
}

.search-box{
    -webkit-box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55); 
    box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55);
}

#calendar_submit{
    background: #2A323C;
    border-color: #2A323C;
}

#avail_dates_div label, 
#avail_guests_div label, 
#e42_calendar_guests_txt, 
#calendar_submit, 
#checkin_checkout_date{
    font-size:0.9rem;
}

.dropdown-toggle{
    position: relative;
}

.dropdown-toggle::after{
    position:absolute;
    top:15px;
    right:10px;
}

#e42_calendar_guests_txt:focus, 
.form-control:focus {
    color: #2A323C;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}

#e42_calendar_guests_txt.form-control{
    display: flex;
}

.guests-drop.dropdown-menu{
    min-width: 15rem;
    max-width: 20rem;
}

/* .guests-drop.dropdown-menu > .row:last-child{display:none;} */

    
/*Modal availability*/

.modal-backdrop {
    z-index: 4 !important;
}

.modal#availabilityModal{
    z-index: 5;
}

.date-picker-wrapper {
    z-index: 6 !important;
}
    
    
/*Search results*/

.app-grid{

}

.app-grid.card{
    overflow: hidden;
}

.card-info{
    color:#2A323C;
    font-size: 0.8rem;
}
    
.card-price{
    font-size: 1rem;
    font-weight: 600;
}
    
    
/*Single apartment*/

.apt-sidebar{
    
}

div.apt-img{
    max-height:400px;
    padding: 0;
}
    
.apt-img img{ 
    object-fit: cover;    
    height: 100%;    
    width:100%;
}

/*Sidebar single apartment*/

.sidebar-box{
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55); 
    box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55);
    padding: 1vw;
    padding-bottom: 1.5vw;

}
    
/*Sticky mobile booking section*/

.sticky-mobile-booking{
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55); 
    box-shadow: 0px 3px 15px 2px rgba(195,203,213,0.55);
    padding: 1vw;
    position: sticky;
    top:0;
    margin-bottom: 50px;
}

.booking.btn{
    background: #2A323C;
}

.booking.btn:hover{
    background: #3f4b5a;
}

.edit-booking{
    font-size: 0.8rem;
}

    
/*Checkout*/
.buyer-data-container input[type=date], 
.buyer-data-container input[type=email], 
.buyer-data-container input[type=number], 
.buyer-data-container input[type=password], 
.buyer-data-container input[type=search], 
.buyer-data-container input[type=tel], 
.buyer-data-container input[type=text], 
.buyer-data-container input[type=url],.buyer-data-container select,.buyer-data-container textarea {
    border-color: #e1e5ea;
}
    
.buyer-data-container label{
    color:#2A323C;
    font-size: 0.9rem;
    margin-bottom: 5px;
}

#buyer_notes.form-control:focus {
    border-color: #2A323C;
}
    
.booking-data-container{ 
    background:#f0f2f5; 
    border:1px solid #e1e1e1;
    border-radius: 10px;
    padding:15px;
    .post-thumbnail{ width:100%; height:auto; margin-bottom:15px; }
    .post-title{ font-size:1.0rem; width:100%; }
    dt ,
    dd { float:left; font-size:0.8rem; width:49%; margin:0; font-weight:normal;} 
    dd {text-align:right;}
    dl.total dt,
    dl.total dd{margin-top:15px;} 
} 
.buyer-data-container{
    label{ margin-top:0.5em; }
}
    
/*Responsive*/

@media (max-width: 1199px){

    body:not([class*=elementor-page-]) .site-main.row{
        max-width:100%;
    }
    .site-main {
        width:100%;
        max-width:100%;
    }
}

@media (max-width: 768px){

    
}