/*
*   INDICE
*   1.0 GALLERY SINGOLA CAMERA - grid mobile
*   2.0 GALLERY SINGOLA CAMERA - posizioni nth-child
*   3.0 SERVIZI E DOTAZIONI - 1 colonna
*   4.0 TABELLA COMPARATIVA CAMERE - padding e larghezze
*   5.0 TUTTE LE CAMERE - griglia 1 colonna
*   6.0 HEADER - troncamento testo bottoni contatti
*/


/*
*   1.0 GALLERY SINGOLA CAMERA - grid mobile
*   Originale: @media only screen and (max-width: 575px)
*/
.single-rooms-gallery-wrapper {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
}


/*
*   2.0 GALLERY SINGOLA CAMERA - posizioni nth-child
*   Originale: @media only screen and (max-width: 575px)
*/
.single-rooms-gallery-wrapper .single-image:nth-child(1) {
    grid-area: 1 / 1 / 3 / 5;
}

.single-rooms-gallery-wrapper .single-image:nth-child(2) {
    grid-area: 3 / 1 / 3 / 3;
}

.single-rooms-gallery-wrapper .single-image:nth-child(3) {
    grid-area: 3 / 3 / 3 / 5;
}

.single-rooms-gallery-wrapper .single-image:nth-child(4) {
    grid-area: 4 / 1 / 4 / 3;
}

.single-rooms-gallery-wrapper .single-image:nth-child(5) {
    grid-area: 4 / 3 / 4 / 5;
}


/*
*   3.0 SERVIZI E DOTAZIONI - 1 colonna
*   Originale: @media screen and (max-width: 575px)
*/
.services-list {
    column-count: 1;
}


/*
*   4.0 TABELLA COMPARATIVA CAMERE - padding e larghezze
*   Originale: @media (max-width: 576px)
*/
.table.camere {
    min-width: 720px;
}
.table.camere thead th,
.table.camere td {
    padding: 10px 12px;
}
.table.camere tbody td:first-child,
.table.camere thead th:first-child {
    min-width: 160px;
    max-width: 180px;
}


/*
*   5.0 TUTTE LE CAMERE - griglia 1 colonna
*   Originale: @media (max-width: 576px)
*/
#tutte-camere .wrapper {
    grid-template-columns: 1fr;
}


/*
*   6.0 HEADER - troncamento testo bottoni contatti
*   Originale: @media screen and (max-width: 575px)
*/
.header-contacts .elementor-button span.elementor-button-text {
    width: 45px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}