﻿.card-alloggio{text-decoration:none;display:block;margin-bottom:16px;}
.card-alloggio .w3-display-container{overflow:hidden}
.card-alloggio img{width:100%;transition:transform .5s ease-in-out}
.card-alloggio:hover img{transform:scale(1.1)}
.card-alloggio-text{background: #d4fc53;color:#464742;}
.card-alloggio .nome-card{margin-bottom:0}
.card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}
.nome-card{margin-top:0}

@media(min-width:500px){
    #carousel-altre-soluzioni{margin-right:-16px;}
    .card-alloggio{width:calc(50% - 16px);margin-right:16px;}
    .card-alloggio-text{text-align:center}
    .card-alloggio .nome-card{margin-bottom:10px}
    .card-alloggio .container-icone{position:relative;top:auto;right:auto;transform:translateY(0);}
}

@media(min-width:768px){
    .card-alloggio .nome-card{font-size:24px;}
    #carousel-altre-soluzioni{margin-right:-2%;}
    .card-alloggio{width:31.33%;margin-right:2%;margin-bottom:24px}
}

@media(min-width:992px) {
/*     .card-alloggio-text{text-align:left}
    .card-alloggio .nome-card{margin-bottom:0;padding:8px 0;font-size:1.6em}
    .card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}*/
}


@media(min-width:1280px){        
    .card-alloggio-text{text-align:left;padding:16px !important;padding-top: 24px !important;padding-bottom: 24px !important;}
    .card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}   
}

@media(min-width:1366px){
    .card-alloggio{margin-bottom:32px}
    .card-alloggio .nome-card{padding:0;font-size:27px}
    .card-alloggio .container-icone{font-size:1em}
}