/**********************************/
/* Accomodation Filters Page */
/*********************************/

/* DROPDOWN FILTERS */
.accommodation-listing .filters{
	border-top: 1px solid #eaeaea;
}

.accommodation-listing .show-filters {
    display: none;
}

.accommodation-listing .filter-group label {
	margin-top: 12px;
	margin-bottom: 8px;
    font-size: 15px;
    font-weight:500;
}

.accommodation-listing .filter-group select {
	width: 100%;
	padding: 0.6em;
	height: 47px;
	background-color: transparent;
	border: 2px solid #e3e0e0;
	color: #405162;
    border-radius: 68px;

}

.accommodation-listing .filter-group select option {
    font-family: 'Circular', sans-serif;
}

/* LISTING SECTION */

.accommodation-listing .vertical-card {
    background-color: white;
    box-shadow: 4px 6px 8px -4px rgba(0,0,0,0.55);
    height: 100%;
    position: relative;
}

.accommodation-listing .price {
    position: absolute;
    top: 190px;
    left: 0;
    background-color: var(--globalPink);
    color: white;
    padding: 10px 20px;

}
.accommodation-listing .price b {font-size: 18px;}

.accommodation-listing .vertical-card-img {
    height: 250px;
    object-fit: cover;
}

.accommodation-listing .features span.material-icons {
    padding-right: 15px; 
}

.accommodation-listing .features .feature {
    display: flex;
    align-items: center;
}

.accommodation-listing .sys_primary-btn {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .accommodation-listing .filter-group {
		display: none;
	}

	.accommodation-listing .show-filters {
        display: block;
        background-color: var(--globalBlue);
        border: 2px solid var(--globalBlue);
        border-radius: 68px;
        text-align: center;
        color: white;
        padding: 0.8em 2em 0.8em 1.5em;
        width: 100%;
	}

    .accommodation-listing .show-filters.expanded {
        background-color: var(--globalPink);
         border: 2px solid var(--globalPink);
    }

    .accommodation-listing .show-filters i{
        padding-top: 5px;
        margin-left: 5px;
    }
}