/* 
 * Rooms page
 */
 
.section-rooms-item {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index:0;
}

.section-rooms-item .card {
    float: none; 
    width: 100%;
}

.section-rooms-item:nth-of-type(3n+1) .card {
    background-color: #c40b95;
}

.section-rooms-item:nth-of-type(3n+2) .card {
    background-color: #ffc107;
    color: #555;
}

.section-rooms-item:nth-of-type(3n) .card {
    background-color: #0076d0;
}

.section-rooms-item .card .card-header {
    font-size: 1.2em;
    font-weight: bold;
}

.section-rooms-item .carousel {
    width: 100%;
}

.section-rooms-item .carousel .carousel-inner .carousel-item {
    min-height: 50vh;
}

.section-rooms-item .carousel .carousel-inner .carousel-item img {
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
    max-width: 100%;
    max-height: 90%;
}

.section-rooms-item .carousel .carousel-indicators {
    margin-bottom: 0;
}

.section-rooms-item .carousel .carousel-control-prev, .section-rooms-item .carousel .carousel-control-next  {
    font-size: 1.5em;
}

@media (min-width:576px) {
 
}

@media (min-width:768px) {
    
}

@media (min-width:992px) {   
       
    .section-rooms-item:nth-of-type(1n) .card {
        float: left; 
        width: 40%;
    }
    
    .section-rooms-item:nth-of-type(1n) .carousel {
        float: right;
        width: 59%;
    }
    
    .section-rooms-item:nth-of-type(2n) .card {
        float: right;
        width: 40%;
    }
    
    .section-rooms-item:nth-of-type(2n) .carousel {
        float: left;
        width: 59%;
    } 
     
}

@media (min-width:1200px) {

}