@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/mobile-menu/mob-menu_handle.css";
@import "../components/Headers/headerDetail.css";

@import "../components/Componenti/staff-card.css";
@import "../Moduli/ModuliInterattivi/staff-medico-grid.css";
@import "../components/Filtri/custom-select.css";


.custom-options,
.custom-select-trigger {
	width: 100%;
}

.services-filter-container {
    position: relative;
    z-index: 2;
}
.location-select {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1150px) {
	#medici-filters .three-col-grid {
	    grid-template-areas:
	        'A B'
	        'C C';
	    grid-template-columns: 1fr 1fr;
	}
	#medici-filters .services-filter-container {
	    grid-area: A;
	}
	#medici-filters .location-select {
	    grid-area: B;
	}
	#medici-filters .searchbar.searchbar-in-page {
	    grid-area: C;
	}
	#medici-filters .custom-select-messages {
	    top: -22px;
	}
}

@media screen and (max-width: 992px) {
	#medici-filters .stripe-container-inner {
		padding-left: 0;
		padding-right: 0;
	}
}