:root {
    --main-color: #636569;
    --button-color: black;
    --title-color: black;
    --text-color: black;
    --hover-bg-color: #ffddb3;
    --book-now-txt-color: rgba(108, 117, 125, 1);
    --footer-color: #a9abaf;
    --membership-rate-price: #f29c1f;
    --title-font: 18px;
    --text-font: 14px;
    --spacing1x: 8px;
    --spacing1x: 8px;
    --spacing2x: 16px;
    --spacing3x: 24px;
    --spacing4x: 32px;
    --spacing5x: 48px;

    /* ===== Customer Brand Colours ===== */
    --brand-primary: #636569;
    --brand-secondary: #fce200;
    --brand-white: #ffffff;
    /* Pantone 485C */
    --brand-black: #000000;
    /* Black */
    --brand--gray: #ccc;
    --brand-custom: #636569;
    --hover-bg-button: #fce200;
    --hover--text-button: #636569;
    --font--title: "Magical_Regular";
    --font--text: "Magical_Light";
}

/* font family */
@font-face {
    font-family: "Magical_Regular";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/maya/magical-regular/Magical-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Magical_Light";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/maya/magical-regular/magical-extralight.woff2') format('woff2');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

body {
    font-family: var(--font--text) !important;
    font-weight: 400;
    font-style: normal;
}


body[data-chain-id='139'] footer {
    background: var(--footer-color);
}

/* header */
.hotels--header--top {
    color: black !important;
    background: var(--brand-primary) !important;
    font-family: var(--font--title);
}

.loyalty_modal--signup {
    color: var(--brand-black);
}

.booking--summary__info .bs--single--icon i {
    color: white;
}

.hotels--header--top.active {
    margin-top: -124px !important;
}

.member--login .member--name,
.hotels--header--member_card,
.hotels--header--member_card a {
    color: var(--brand-secondary) !important;
}

.hotels--header--member_card {
    color: #b5121b;
}

body[data-chain-id='139'] .hotel--sort .value,
body[data-chain-id='139'] .hotel--sort .label {
    color: var(--brand-primary);
}

body[data-chain-id='139'] .booking_form--summary--edit_btn {
    background: var(--brand-primary);
    color: var(--brand-white);
    border-radius: 5px;
    border: 1px solid var(--brand-white);
}

body[data-chain-id='139'] .hotel_item--logo{
    display: none;
}

body[data-chain-id='139'] #dropdown_room_modal {
    padding: 20px 20px 20px 25px;
}

#dropdown_room_modal .reserve_room--title i,
#dropdown_room_modal .reserve_guest--title i,
#dropdown_room_modal .reserve_child--title i {
    display: none;
} 

#alt_list {
    display: none;
}

#destination .widget--search--input,
#date--check,
#coupon .widget--promo--input,
#rooms>button,
#cancel-reservation a,
#modalFilters .modal-title,
.filter .filter--single i,
.hotel_item--price--real .from {
    color: var(--brand-primary) !important;
}

.hotel_item--price--real .from,
.hotel_item--no_available,
.hotel_item--link--details,
.hotel_item--description--wrapper,
.text--location,
.hotel_item--title,
.brand--info--container,
#hotel_info--tab-list .nav-link,
.hotel--number--wrapper {
    font-family: var(--font--text);
}

body[data-chain-id='139'] .room--modal .room--amenity--list ul {
    list-style: square;
    display: block;
    margin-left: 16px;
}

body[data-chain-id='139'] .room--modal .room--amenity--list .rooms--amenity--item {
    margin-right: 0;
    padding: 0;
    border: 0;
}

body[data-chain-id='139'] .bs--room--sub_total {
    display: none;
}

/*
#destination i,
#datepicker i,
#rooms i,
#coupon i {
    color: var(--brand-custom) !important;
} */

body[data-chain-id='139'] #destination .widget--search--input{
    font-size: 16px;
}

.filter_submit {
    background: var(--brand-custom) !important;
}

.filter_submit:hover {
    background: var(--hover-bg-button) !important;
    color: var(--hover--text-button) !important;
}

body[data-chain-id='139'] #modalFilters .modal-footer {
    border-top: 0;
}

.hotels--filters.filter--hotel--wapper,
#hotel_info--tab-list #nav-home-tab ,
.hotel_info--tab-nav #hotel_info--overview,
.hotel--sort--container.rooms--sort {
    display: none !important;
}


.hotel_item--price--real .number {
    color: var(--brand-primary);
    font-family: var(--font--title) !important;
}


.member--logout--btn,
.loyalty--signup_btn{
    color: black !important;
}

.booking--summary--wrapper,
.hotels--header--ri {
    font-size: 17px !important;
}

.booking--summary--wrapper,
.hotels--header--ri{
    color: var(--brand-white) !important;
}

body[data-chain-id="139"] .logo img {
    max-width: 130px;
}

.hotels--header--li .logo img {
    height: 60px;
}


footer.site-footer{
    font-family: var(--font--text);
}

#dropdown_room_modal .reserve_room button[type='button'],
#dropdown_room_modal .reserve_guest button[type='button'],
#dropdown_room_modal .reserve_infant button[type='button'],
#dropdown_room_modal .bookingChild button[type='button'] {
    border: transparent;
}

#dropdown_room_modal .reserve_room button[type='button'] i,
#dropdown_room_modal .reserve_guest button[type='button'] i,
#dropdown_room_modal .reserve_infant button[type='button'] i,
#dropdown_room_modal .bookingChild button[type='button'] i {
    color: var(--brand-white) !important;
}

#dropdown_room_modal .reserve_child {
    padding-bottom: 8px;
}

body[data-chain-id='139'] .brand--share--btn>a,
body[data-chain-id='139'] .brand--photos--btn {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
}

body[data-chain-id='139'] .brand--share--btn>a:hover,
body[data-chain-id='139'] .brand--photos--btn:hover {
    text-decoration: underline !important;
}

body[data-chain-id='139'] #dropdownShareLink.dropdown-toggle::after {
    display: none;
}

body[data-chain-id='139'] #check_availability_button {
    background: var(--brand-custom);
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
}

.loyalty_modal--logo{
    filter: brightness(0.5);
}

body[data-chain-id='139'] .loyalty--signup_btn {
    color: var(--brand-white) !important;
}

body[data-chain-id='139'] #check_availability_button:hover {
    background: var(--hover-bg-button) !important;
    color: var(--brand-white) !important;
}

body[data-chain-id='139'] .filter--option--wrapper .filter--option:hover{
    background: var(--brand-primary) !important;
}

body[data-chain-id='139'] .filter--option--wrapper .filter--option:hover a {
    color: var(--brand-white) !important;
}

/* body[data-chain-id='139'] .filter_active {
    background: #f4f4f4 !important;
    border: 1px solid #ccc !important;
} */

body[data-chain-id='139'] .filter--option--wrapper .filter--option a,
body[data-chain-id='139'] .hotels--filter,
body[data-chain-id='139'] .filter__price {
    color: var(--brand-primary);
}

.filter__price:hover,
.hotels--filter:hover{
    background: var(--brand-primary) !important;
    color: var(--brand-white) !important;
}

body[data-chain-id='139'] .rooms--info--name {
    color: var(--brand-primary);
    text-transform: capitalize;
    font-family: var(--font--title);
}

.room--rate--name {
    color: var(--brand-primary);
    text-transform: capitalize;
}

.room--footer--rates[data-rates="2"] .room--rate--regular .room--rate--price__old p {
    color: var(--brand-primary);
}

.room--footer--rates[data-rates="2"] .room--rate--regular .room--rate--btns .room--rate--btn.primary {
    color: var(--brand-primary) !important;
    border-radius: 5px;
}

.room--footer--rates[data-rates="2"] .room--rate--member .room--rate--btns .room--rate--btn.member_exclusive {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--brand-white);
    border-radius: 5px;
}

.room--footer--rates[data-rates="2"] .room--rate--member .room--rate--btns .room--rate--btn.member_exclusive:hover {
    background: var(--hover-bg-button);
    color: var(--hover--text-button);
    border-color: var(--hover-bg-button);
}

.extra_beds_number,
.extra_bed_wrapper {
    color: var(--brand-primary) !important;
}

body[data-chain-id='139'] .rooms--info_view--details {
    font-family: var(--font--text);
    color: var(--brand-primary);
}


body[data-chain-id='139'] .hotel_item--viewrates {
    color: var(--brand-white) !important;
}

body[data-chain-id='139'] .hotel_item--viewrates:hover {
    background: var(--hover-bg-button) !important;
    color: var(--hover--text-button) !important;
}


#hotel_info--tab-list .nav-link {
    color: var(--brand-primary);
    opacity: 0.8;
}

#hotel_info--tab-list .nav-link.active {
    opacity: 1;
}

body[data-chain-id='139'] .hotel_alt--viewrates {
    color: white;
    background: black;
    text-align: center;
}

body[data-chain-id='139'] .hotel_item--more-info {
    border: 1px solid black;
}

body[data-chain-id='139'] .modalFilters--apply {
    color: var(--brand-white);
}

.room--modal .modal-body h5 {
    color: var(--brand-primary);
}

.room--modal .room--amenity--list ul li {
    color: var(--brand-primary);
}


.rate--modal h5.modal-title,
.rate--modal button.btn-closes {
    color: var(--brand-white) !important;
}

.rate--modal .rate-info-modal_amenities ,
.rate--modal .rate-info-modal_breakdown  {
    display: none !important;
}

.rate--modal .rate-info-modal_tnc{
    border-bottom: 0 !important;
}

.room--rate--description p {
    color: var(--brand-primary);
}

.tnc--modal--wrapper {
    color: var(--brand-primary);
}

body[data-chain-id='139'] .rate--modal .amenity_item {
    color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
}

.rate--modal .modal-body h5 {
    color: var(--brand-primary);
}

body[data-chain-id='139'] .breakdown-dialog.ui-widget-content {
    background: unset;
    padding: 10px 30px 30px;
    color: var(--brand-primary);
}

body[data-chain-id='139'] .breakdown-dialog .table--top {
    border-bottom: 1px solid #eee;
}

.rate-info-modal_breakdown .tax-caption {
    font-style: italic;
}

.rate-info-modal_breakdown h5 {
    gap: 6px;
}

.filter--option--wrapper .filter--option.filter_active a {
    color: var(--brand-white) !important;
}

.booking--back_to_top {
    color: var(--brand-white) !important;
}

/* .room--rate--btn.member_exclusive {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--title-color);
} */

#submit_button {
    color: var(--brand-white) !important;
}

#booking_form>.night--stay--single {
    display: none;
}


.room--rate--member .room--rate--price__old p {
    color: green !important;
}

.room--footer--rates[data-rates="2"] .room--rate--member .room--rate--price__current p {
    color: black !important;
}

body[data-chain-id='139'] .room--footer--rates.membership_rate[data-rates="1"] .room--rate--reward .dicount--price {
    color: black;
    font-weight: 600;
}

body[data-chain-id="139"] .hotels--header--bottom {
    top: 78px;
}


@media screen and (max-width: 768px) {
    body[data-chain-id='139'] .hotels--header--bottom.active {
        top: 2px;
    }

}