/* special offers */
.offers-room {position:relative; top:-25px; margin-bottom:-25px; left:8%; background-color:#ffffff;}
.card-overlap.card-overlap-restaurant .offers-room .text-inner {padding:20px 20px 10px 20px;}

.offers-restaurant-list .offer-wrap {background-color:#f4f0ec; height:100%;}
.offers-restaurant-list .text-inner {padding:30px 30px 15px 30px; text-align:left;}
.offers-restaurant-list .text-inner h2 {text-align:left; font-size:30px; font-weight:500;}
.offers-restaurant-list .text-inner .restaurant-detail p {padding:0; margin-bottom:0; color:#817F7D;}
.offers-restaurant-list .text-inner a {color:#B59C81; border-color:transparent;}
.offers-restaurant-list .text-inner a:hover {color:#B59C81; border-color:#B59C81;}

.offers-restaurant-name {color:#b59c81; text-transform:uppercase; font-weight:700;}

@media (min-width: 992px){
  .offers-room {position:relative; top:-100px; margin-bottom:-100px;}
  .card-overlap.card-overlap-restaurant .offers-room .text-inner {padding:40px 40px 10px 40px;}
  .offers-restaurant-list .text-inner h2 {font-size:36px; font-weight:300;}
}

/* special offers filter */
div.offers-filter {text-align:center;}
ul.offers-filter, ul.offers-filter>li {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}
ul.offers-filter li a {font-size:24px; color:#2D2926; padding:15px; display:block}
ul.offers-filter li a:hover {text-decoration:none; border:0; color:#B59C81; cursor:pointer;}
ul.offers-filter li a.active {color:#B59C81;}


/* offers carousel */
.carousel.slide.offers-carousel {margin-bottom:0;}

.offers-carousel a.carousel-control-next,
.offers-carousel a.carousel-control-prev {background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255,255,255,.35) 50%); width:120px;}
.offers-carousel a.carousel-control-prev {transform: matrix(-1, 0, 0, 1, 0, 0);}
.offers-carousel .carousel-control-prev-icon,
.offers-carousel .carousel-control-next-icon {
    background-image: url(../img/icon-arrow-next.png);
    position: relative;
    width: 12px;
    height: 32px;
}
.offers-carousel a:hover {border:0;}

/* offers extended */
.card {
    background-color: rgba(142,192,202,0.1);
    height:100%;
    border-radius: 0;
    border-color: rgba(142,192,202,0.2);
}
.card-img, .card-img-top {border-radius:0;}

.rest-logo-sm {margin:50px auto;}
.rest-logo-sm img {max-width:180px;}
.rest-logo-sm a:hover:after {display:none;}

.card .subtitle {font-size:1.4rem; font-weight:500; margin-bottom:1rem; color:#8EC0CA;}

.card-footer {
    border: 0;
    background: transparent;
    padding-top: 0;
}

.business-bay .card {background-color:rgba(82,107,78,.1); border-color: rgba(82,107,78,0.2);}
.business-bay .card .subtitle {color:#526B4E;}

.waterfront .card {background-color:rgba(219,193,165,.1); border-color: rgba(219,193,165,0.2);}
.waterfront .card .subtitle {color:#dbc1a5;}

.restaurant-offers .card-img-top.img-fluid {aspect-ratio:2/1; object-fit:cover;}

/* detail pages */
.offer-restaurant-detail .offers-room {box-shadow:none;}

.offer-terms {background-color:#F4F4F4; padding:1.5rem 3rem;}
.offer-restaurant-info {background-color:#79BCD0; padding:3rem;}
.offer-restaurant-info a {color:#ffffff;}
.offer-headline {background-color:#8EC0CA; padding:1rem 1.5rem 0.5rem; color:#ffffff; text-align:center;}
.offer-headline h2 {font-size:1.5rem!important;}

.bb_offers-template-default .offer-headline {background-color:#526B4E;}
.bb_offers-template-default .offer-headline h2 {color:#ffffff;}

.waterfront_offers-template-default .offer-headline {background-color:#DBC1A5;}

h3.title-bold {font-weight:700;}

.offer-restaurant-detail h1 {text-transform:none; text-align:center;}
.offer-restaurant-detail-link {text-align:center; font-size:1.6rem;}
.offer-restaurant-detail-link a {color:#E8927C; font-weight:700;}

.offer-detail {font-size:1.1rem; padding:3rem 0;}
.offer-detail ul {margin:5px auto;}

.offer-detail-text {padding:0;}

.card-overlap-text h3,
.card-body h3 {
    font-size: 36px;
    font-weight: 300;
    margin: 1rem auto 0.5rem;
}

@media (min-width: 992px){
.offer-headline {padding:3rem;}
.offer-headline h2 {font-size:1.7rem!important;}
.offer-detail-text {border-left:1px solid rgba(142,192,202,0.2); padding:1.5rem 3rem; margin:1.5rem auto 0;}
.img-banner-offer {max-height:400px; object-fit:cover;}
.offer-terms {padding:3rem;}
}

.stretched-link {position: unset!important;}
.stretched-link:after {
    display:inline-block; width:100%; height:100%; border:0;
}