:root {
    --main-color: #DA291C;
    --button-color: black;
    --title-color: black;
    --text-color: black;
    --hover-bg-color: #ffddb3;
    --book-now-txt-color: rgba(108, 117, 125, 1);
    --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-red: #DA291C;
    /* Pantone 485C */
    --brand-black: #000000;
    /* Black */
    --brand-neutral-gray: #DADBDC;
    /* 20% Black */
    --brand-highlight-yellow: #FFE900;
    /* Pantone 803C */
    --brand-highlight-magenta: #DF1995;
    /* Pantone 225C */
    --brand-highlight-green: #74AA50;
    /* Pantone 7489C */
    --brand-highlight-blue: #307FE2;
    /* Pantone 2727C */
}

/* font futura */
@font-face {
    font-family: "futura";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Futura/futura_medium_bt.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* font lemon */
@font-face {
    font-family: "lemon-sans";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Lemon-Sans/fonnts.com-Lemon_Sans_Next_Cond_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "lemon-sans";
    src: url('https://ibookingu5.myghs.com/views/nhan/fonts/webfonts/Lemon-Sans/fonnts.com-Lemon_Sans_Next_Cond_Medium.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "futura";
    font-weight: 400;
    font-style: normal;
}

.hotel_item--title {
    font-family: "lemon-sans";
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}

#check_availability_button {
    font-weight: 700 !important;
    text-transform: uppercase;
} 
body[data-chain-id='152'] #check_availability_button {
    text-align: left !important;
}

.hotel_item--description--text p,
.room--desciption p,
.room--rate--description p,
.rate-info-modal_tnc div,
.rate--modal,
.room--modal,
#hotel_info--overview {
    font-family: 'futura';
    font-style: normal;
    font-weight: 400;
}

/* header */
.hotels--header--top {
    color: white !important;
    background: var(--brand-primary-red) !important;
}

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

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

.member--login .member--name {
    color: var(--brand-highlight-yellow) !important;
}

.member--logout--btn {
    color: white !important;
}

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

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

body[data-chain-id='152'] .hotels--header--bottom {
    top: 100px;
}

/* booking form */
body[data-chain-id='152'] .iB-widget--pc {
    background: #DA291C !important;
}

body[data-chain-id='152'] #check_availability_button {
    background: var(--brand-primary-red);
    border-color: var(--brand-primary-red);
    color: white;
}

#cancel-reservation a {
    color: white !important;
}

/* hotel item */
.hotel_item--title {
    color: var(--brand-primary-red) !important;
}

.hotel--banner--wrapper {
    display: block !important;
}

/* room */
.rooms--info--name p {
    color: var(--brand-primary-red);
}

body[data-chain-id='152'] .hotel_info--services_wrapper,
body[data-chain-id='152'] .languages ,
body[data-chain-id='152'] .currency{
    display: none;
}

.member--corportate--signin{
    /* display: flex; */
    display: none;
    align-items: center;
    gap: 4px;
}
.member--corportate--signin a {
    color: white;
}

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

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

/* body[data-chain-id='152'] .room--footer--rates.regular_rate[data-rates="1"] .room--rate--btns .room--rate--btn.primary{
    color: white;
} */

/* Inform */

.inform--header--name {
    color: var(--main-color) !important;
}

body[data-chain-id='152'] .hotels--filter__brands {
    display: none;
}

/* swt up tạm  */
/* body[data-chain-id='152'] .rate--item .room--rate[data-rate-code="B2G1"] .room--footer--rates.regular_rate[data-rates="1"] .room--rate--btns .room--rate--btn.primary{
    color: black;
} */

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

@media screen and (max-width: 400px) {
    body[data-chain-id='152'] .hotels--header--li .logo img {
        aspect-ratio: 1;
    }
}