.accommodation-item.brown { background: #693E28; }
.accommodation-item.orange { background: #FF9851; }
.accommodation-item.green { background: #A3E496; }
.text-gold { color: #C7AA70 !important; }

/* ACCOMMODATION HEADER */
    .accommodation .accommodation-header {
        padding: 20px;
        background: url('/images/Accommodation_Banner-min.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: relative;
    }
    .accommodation .accommodation-header > .content {
        background: #DDD8D5;
        padding: 30px 10px;
        position: relative;
    }
    .accommodation .accommodation-header > .content > .title-wrapper {
        margin: 5px 0 20px;
    }
    .accommodation .accommodation-header > .content > .title-wrapper > p > span {
        font-size: 17px;
        padding-bottom: 6px;
        border-bottom: 1px solid #C7AA70;
        color: #333;
    }
    .accommodation .accommodation-header > .content > .title-wrapper > h1 {
        color: #242E49;
        font-weight: 400;
        font-size: 25px;
        letter-spacing: 0.62px;
        margin: 20px 0 0;
    }
    .accommodation .accommodation-header > .content > .title-wrapper > span.sub-title {
        font-size: 16px;
        letter-spacing: 1.6px;
        line-height: 20px;
    }
    .accommodation .accommodation-header > .content > .title-wrapper > h1 > span {
        font-weight: 700;
    }
    .accommodation .accommodation-header > .content > p.text {
        text-align: center;
        font-size: 14px;
    }


/* OUR SUITES */
    .accommodation .deluxe-suites {
        background-color: #1E1E1E;
        padding: 20px 35px;
    }
    .accommodation .premiere-suites {
        background-color: #464646;
        padding: 37px 35px 20px;
    }
    .accommodation .deluxe-suites > .text-wrapper > h1 {
        font-size: 25px;
        color: #fff;
        line-height: 33px;
    }

    .accommodation .our-suites > .text-wrapper > p {
        font-size: 17px;
        letter-spacing: 1.42px;
        color: #fff;
        line-height: 21px;
    }
    .accommodation .our-suites > .text-wrapper > hr {
        border-color: #C7AA70;
        width: 60px;
        margin-top: 5px;
        margin-bottom: 47px;
    }

    .accommodation .our-suites > .dark-box-container {
        border: 1px solid #C7AA70;
    }
    .accommodation .our-suites > .dark-box-container > h1 {
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        margin-top: -26px;
    }
    .accommodation .deluxe-suites > .dark-box-container > h1 > span {
        background-color: #1E1E1E;
        padding: 0 20px;
        line-height: 33px;
        font-size: 25px;
    }
    .accommodation .premiere-suites > .dark-box-container > h1 > span {
        background-color: #464646;
        padding: 0 7px;
        line-height: 33px;
        font-size: 25px;
    }

    .accommodation .our-suites > .dark-box-container > .suite-card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 36px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #DDD8D5;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.40);
        margin-bottom: 20px;
        margin-left: -17px;
        margin-right: -17px;
        min-height: 420px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top {
        margin: 10px 9.5px 15px;
        position: relative;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > img {
        width: 100%;
        min-height: 215px;
        height: 215px;
        object-fit: cover;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .discount-tag {
        position: absolute;
        top: 0;
        right: 0;
        background: #FF0000;
        color: #fff;
        font-size: 20px;
        line-height: 27px;
        padding: 5px 7px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 1rem;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .suite-card-title {
        font-size: 23px;
        color: #333;
        letter-spacing: 1.92px;
        line-height: 31px;
        font-weight: 700;
        margin-bottom: 4px;
        margin-top: 0 !important;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .suite-card-text > span {
        font-size: 15px;
        letter-spacing: 1.25px;
        line-height: 19px;
        border-bottom: 1px solid #C7AA70;
        padding-bottom: 4px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .capacity {
        line-height: 19px;
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .capacity > .icon {
        display: flex;
        margin-right: 7px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .capacity > .icon > i {
        font-size: 15px;
        margin-right: 1px;
        color: #333;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-body > .capacity > span.pax {
        margin-top: auto;
        margin-bottom: auto;
        font-weight: 700;
        font-size: 15px;
        color: #333;
        line-height: 15px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .book-btn {
        background-color: #EE7521;
        padding: 15px 0;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .book-btn:hover {
        background: #FFA86A;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .book-btn > a,
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .info-btn > a {
        margin: 0 auto !important;
        font-size: 16px;
        letter-spacing: 1.21px;
        line-height: 21px;
        font-weight: 700;
        color: #fff !important;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .info-btn:hover {
        background: #A6A6A6;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-footer > .row > .info-btn {
        background-color: #616161;
        padding: 15px 0;
    }

/* PRICE TAG */
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .overlay-wrapper {
        height: 153px;
        position: absolute;
        width: 100%;
        bottom: 0;
        background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 100%);
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .overlay-wrapper > .price-tag {
        position: absolute;
        bottom: 19px;
        left: 8px;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .overlay-wrapper > .price-tag .from-text {
        color: #fff;
        font-size: 17px;
        letter-spacing: 1.42px;
        line-height: 21px;
        font-weight: 700;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .overlay-wrapper > .price-tag .price {
        color: #C7AA70;
        font-size: 25px;
        line-height: 25px;
        font-weight: 700;
    }
    .accommodation .our-suites > .dark-box-container > .suite-card-deck > .item-wrapper > .suite-card > .suite-card-img-top > .overlay-wrapper > .price-tag .per-night {
        color: #fff;
        font-size: 17px;
        line-height: 21px;
    }