/*
 *  custom styles for room all view
 *  blue: #141e55
 *  light blue: #f3f5fe
 *  dark blue: #001426
 */
.room-all-wrapper{
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
}

.room-all-teaser-image img{
    max-width: 100%;
    height: auto;
}

.room-all-row-wrap .room-all-teaser{
    padding-left: 0px;
    padding-right: 20px;
}

.room-all-row-wrap .col:nth-child(2n) .room-all-teaser{
    padding-left: 20px;
    padding-right: 0px;
}

.room-all-feature-outer{
    padding-left: 0px;
    padding-right: 0px;
}

.room-all-feature-wrap{
    padding: 0px 20px 20px 20px;
}

.room-all-feature{
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.room-all-btn-wrap{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}
  
.room-all-btn-wrap a{
    text-decoration: none;
}
  
.room-all-btn-wrap a:hover{
    text-decoration: none;
}
  
.room-all-btn{
    padding: 11px 18px;
    background-color: #141e55;
    color: #fff;
    border: 1px solid #141e55;
    text-decoration: none;
    transition: all 0.7s ease-in-out;
    display: inline-block;
}
  
.room-all-btn:hover{
    background-color: #fff;
    color: #141e55;
    text-decoration: none;
}

.room-all-booking{
    cursor: pointer;
    margin-right: 20px;
}

.room-all-inner-wrap{
    padding: 20px;
    border: 1px solid #bbb;
    border-top: 0px;
}

.room-all-teaser-heading h3{
    margin-bottom: 0px;
}

.room-all-teaser-stats{
    margin-bottom: 10px;
}

/* splidejs */
.splide__slide .room-all-teaser-wrap{
    opacity: 0.4;
    transition: all 0.5s ease-in-out;
}

.splide__slide.is-visible .room-all-teaser-wrap{
    opacity: 1.0;
}

.splide__arrow{
    background-color: #141e55;
}

.splide__arrow svg{
    fill: #fff;
}

span.room-feature{
    padding-left: 45px;
    background-image: url(../Icons/room/star-dummy.png);
    background-position-x: 0px;
    background-size: 35px;
    background-repeat: no-repeat;
    height: 40px;
    display: inline-block;
    line-height: 24px;
}

span.room-feature.wlan{
    background-image: url(../Icons/room/wlan.png);
}
span.room-feature.safe{
    background-image: url(../Icons/room/safe.png);
}
span.room-feature.flattv{
    background-image: url(../Icons/room/tv.png);
}
span.room-feature.minibar{
    background-image: url(../Icons/room/minibar.png);
}
span.room-feature.aircond{
    background-image: url(../Icons/room/aircond.png);
}
span.room-feature.suitepad{
    background-image: url(../Icons/room/suitepad.png);
}
span.room-feature.nonsmoke{
    background-image: url(../Icons/room/non-smoking.png);
}
span.room-feature.coffee{
    background-image: url(../Icons/room/coffee.png);
}
span.room-feature.desk{
    background-image: url(../Icons/room/desk.png);
}
span.room-feature.living{
    background-image: url(../Icons/room/seating.png);
}
span.room-feature.refrigerator{
    background-image: url(../Icons/room/refrigerator.png);
}
span.room-feature.waterboiler{
    background-image: url(../Icons/room/waterboiler.png);
}
span.room-feature.ironing{
    background-image: url(../Icons/room/ironing2.png);
}
span.room-feature.rollaway{
    background-image: url(../Icons/room/rollawaybed.png);
}
span.room-feature.childrollaway{
    background-image: url(../Icons/room/childrollaway.png);
}
span.room-feature.balcony{
    background-image: url(../Icons/room/balcony.png);
}
span.room-feature.balconyall{
    background-image: url(../Icons/room/balcony.png);
}
span.room-feature.pets{
    background-image: url(../Icons/room/pets.png);
}
span.room-feature.wheelchair{
    background-image: url(../Icons/room/wheelchairaccess.png);
}
span.room-feature.sattv{
    background-image: url(../Icons/room/sattv.png);
}
span.room-feature.couch{
    background-image: url(../Icons/room/couch.png);
}
span.room-feature.cornercouch{
    background-image: url(../Icons/room/couch.png);
}
span.room-feature.shower{
    background-image: url(../Icons/room/shower.png);
}
span.room-feature.bathtub{
    background-image: url(../Icons/room/bathtub.png);
}
span.room-feature.view{
    background-image: url(../Icons/room/view.png);
}
span.room-feature.kitchen{
    background-image: url(../Icons/room/kitchen.png);
}
span.room-feature.robeslipper{
    background-image: url(../Icons/room/bathrobe.png);
}
span.room-feature.nespresso{
    background-image: url(../Icons/room/coffeemachine.png);
}

@media screen and (max-width: 767px) {
    .container{
     max-width: 90%;
      padding-left: 5%;
      padding-right: 5%;
    }

    .room-all-row-wrap .room-all-teaser{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .room-all-row-wrap .col:nth-child(2n) .room-all-teaser{
        padding-left: 0px;
        padding-right: 0px;
    }

    .room-all-booking-wrap{
        margin-bottom: 15px;
    }

    .room-all-booking{
        margin-right: 0px;
    }
}