/*
.sez-ricerca {
    
    background:linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url('../img/homepage_wf_new.png');
    background-position: center;
    background-size: cover;
    overflow: hidden;  
    height: 50rem;
    
}
*/    


.sez-ricerca-selection-window {
  display: none;
  z-index: 1000;
  background: white;
  border: 1px solid #f0f0f0;
  width: 100%;               /* uso 98 per position absolute non considera margin o padding presente nel padre col */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 1rem;
  max-width: 360px;
}

.sez-ricerca-selection-window img:hover {
  transform: scale(1.2);
}

.sez-ricerca-select-option{
    width: 100%;
    height: auto;
    max-width: 4rem;
}



.sez-ricerca-opt-wefan{
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    cursor: pointer;
    transition: transform 0.2s;
    min-width: 8.3rem;
    width: 8.3rem;
}



/* CAMBIO DIMENSIONI E COLORE PER LE ICONE DI MATERIAL DESIGN */
.sez-ricerca-material-icons {
    font-size: 1.2rem; /* Dimensione icona */
    color: #FFFFFF;
}


.sez-ricerca-container-absolute {
    position: absolute;
    top: 20%;
    bottom: 0%;
    left: 0;
    right: 0;
    width: 90%;
}


.sez-ricerca-margin-container{
    margin-right:5px !important; 
    margin-left:5px !important;
}

.sez-ricerca-position-relative{
    position: relative;
}

.sez-ricerca-padding-left{
    padding-left:1rem;
}

.sez-ricerca-opt-h-max{
    height: 45px;
}



/*********************************** MEDIA QUERY ***********************************/

/* Schermi piccoli (>=576px) */
@media (min-width: 576px) {

    .sez-ricerca-selection-window {
        max-width: 900px;
    }

}

@media (min-width: 576px) and (min-resolution: 192dpi) {

}

/* Schermi medi (>=768px) */
@media (min-width: 768px) {

}
@media (min-width: 768px) and (min-resolution: 192dpi) {

}

/* Schermi grandi (>=992px) */
@media (min-width: 992px) {

}
@media (min-width: 992px) and (min-resolution: 192dpi) {

}

/* Schermi molto grandi (>=1200px) */
@media (min-width: 1200px) {

}
@media (min-width: 1200px) and (min-resolution: 192dpi) {

}

/* Schermi enormi (>=1400px) */
@media (min-width: 1400px) {

}
@media (min-width: 1400px) and (min-resolution: 192dpi) {

}
*/
/*********************************** FINE MEDIA QUERY ***********************************/