@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 "../components/Filtri/custom-select.css";


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

#staff-medico .five-col-grid {
    grid-row-gap: 50px;
}
#staff-medico .col,
.hidden {
	display: none;
}
#staff-medico .col.active {
	display: block;
}
.page-numbers:not(.current) {
	cursor: pointer;
}

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

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1150px) {
	.five-col-grid {
		margin-top: 0;
	}
	#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) {
	#staff-medico .five-col-grid {
	    grid-template-columns: 1fr 1fr 1fr 1fr;
	}
    #staff-medico .five-col-grid .col-img-inner img {
        height: 31.452vw;
    }
	#medici-filters .stripe-container-inner,
	#staff-medico .stripe-container-inner {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 767px) {
	#staff-medico .five-col-grid {
	    grid-template-columns: 1fr 1fr;
	}
}


@media screen and (max-width: 600px) {
	#staff-medico .five-col-grid {
	    gap: 30px 5px;
	}
}