/*=== Font Weights ===*/
.font-100{ font-weight: 100!important;}
.font-200{ font-weight: 200!important;}
.font-300{ font-weight: 300!important;}
.font-400{ font-weight: 400!important;}
.font-500{ font-weight: 500!important;}
.font-600{ font-weight: 600!important;}
.font-700{ font-weight: 700!important;}
.font-800{ font-weight: 800!important;}
.font-900{ font-weight: 900!important;}

/* Butons */
.btn-golden{
    /* background: transparent linear-gradient(108deg, rgba(var(--golden-light), 1) 0%, rgba(var(--color-two), 1) 100%) 0% 0% no-repeat padding-box; */
    background: transparent linear-gradient(115deg, rgba(var(--golden-dark), 1) 6%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 100%) 0% 0% no-repeat padding-box;
    color: var(--bs-dark);
    font-weight: 500;
    border: 0px !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .05);
    transition: all 300ms ease;
}
.btn-golden.active{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    background-color: rgb(var(--golden-center));
    color: #fff;
}
.btn-golden:hover{
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .08);
}

.btn-outline-golden{
    background: transparent;
    color: rgb(var(--golden-dark));
    font-weight: 600;
    border: 1px solid rgb(var(--golden-center))!important;
    /* box-shadow: 0px 1px 2px rgba(0, 0, 0, .05); */
    transition: all 300ms ease;
}
.btn-outline-golden:active,
.btn-outline-golden.active{
    /* box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); */
    background: transparent linear-gradient(115deg, rgba(var(--golden-dark), 1) 6%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 100%) 0% 0% no-repeat padding-box;
    /* color: #fff; */
}
.btn-outline-golden:hover{
    background: rgba(var(--golden-dark), .2);
    color: rgb(var(--golden-dark));
}

.btn-orange{
    color: var(--bs-dark);
    background-color: rgba(var(--color-two), 1);
    border: none!important;
    outline: none!important;
}
.btn-orange:hover,
.btn-orange.active{
    color: var(--bs-white);
    background-color: rgba(var(--color-one), 1);
}

.golden-pills .nav-item > .nav-link{
    background: rgba(255, 215, 0, .3);
    color: var(--bs-dark);
    font-weight: 600;
    border: 0px !important;
    transition: all 300ms ease;
    margin-right: .5rem;
    font-size: .9rem;
}
.golden-pills .nav-item > .nav-link.active {
    background: transparent linear-gradient(115deg, rgba(var(--golden-dark), 1) 6%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 100%) 0% 0% no-repeat padding-box;
}

/* text colors */
.text-orange{
    color: rgba(var(--color-two), 1)!important;
}
.text-dark-orange{
    color: rgba(var(--color-one), 1)!important;
}
/* Gradient Text */
.text-golden{
    background: rgba(var(--color-two), 1);
    /* background: linear-gradient(115deg, rgba(var(--golden-dark), 1) 0%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 100%); */
    background: linear-gradient(115deg, rgb(215 165 19) 0%, rgb(247 208 68) 60%, rgb(223 192 18) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bg-golden{
    background: linear-gradient(115deg, rgb(215 165 19) 0%, rgb(247 208 68) 60%, rgb(223 192 18) 100%);
}

/* background color */
.bg-light-orange{
    background-color: rgba(var(--color-two), .05)!important;
}
.bg-orange{
    background-color: rgba(var(--color-two), 1)!important;
}

/* Banner */
.hkm-banner .carousel-inner > .carousel-item{
    border-radius: 15px;
    overflow: hidden;
}
.hkm-banner .carousel-caption{
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: #f2f2f2;
    color: var(--bs-dark);
}
.hkm-banner .carousel-caption p{
    margin: 0;
}
.hkm-banner .carousel-control-prev,
.hkm-banner .carousel-control-next{
    top: 50%;
    bottom: auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    opacity: 1;
    color: rgba(255, 255, 255, 1);
    background: transparent linear-gradient(94deg, rgba(var(--golden-dark), 1) 0%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 100%) 0% 0% no-repeat padding-box;
}
.hkm-banner .carousel-control-prev{
    transform: translate(-20%, -50%);
}
.hkm-banner .carousel-control-next{
    transform: translate(20%, -50%);
}
.hkm-banner .carousel-control-prev-icon,
.hkm-banner .carousel-control-next-icon{
    width: 20px;
    height: 20px;
}
.hkm-banner .carousel-control-prev-icon{
    margin-left: -4px;
}
.hkm-banner .carousel-control-next-icon{
    margin-right: -4px;
}

/* invisible input */
.invisible-input{
    display: inline;

    font-weight: 800!important;
    color: rgba(var(--color-two), 1)!important;
    margin: 0;
    padding: 0;
    border: none!important;
    /* outline: none!important; */
    box-shadow: none!important;
    width: 110px;
}

/* range Slide overlay */
.rangeslider--horizontal {
    height: 16px;
}
.rangeslider__handle{
    width: 30px;
    height: 30px;
}
.rangeslider--horizontal .rangeslider__handle{
    top: -8px;
}
.rangeslider__handle:after {
    display: none;
}
.rangeslider__fill{
    background: rgba(var(--golden-light), 1);
}
.rangeslider__handle,
.rangeslider__handle:active, .rangeslider--active .rangeslider__handle{
    /* background: rgba(var(--golden-dark), 1); */
    border: 0px;
    background-image: -moz-linear-gradient(125deg, rgba(var(--golden-dark), 1) 0%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 150%);
    background-image: -webkit-linear-gradient(125deg, rgba(var(--golden-dark), 1) 0%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 150%);
    background-image: linear-gradient(125deg, rgba(var(--golden-dark), 1) 0%, rgba(var(--golden-light), 1) 60%, rgba(var(--golden-center), 1) 150%);
}



/* Golden checbox */
.form-check-input{
    border-radius: 0.35rem;
    margin-top: 0.2rem;
    width: 1.2rem;
    height: 1.2rem;
}

/* tripAdvisor */
#CDSWIDWRM.widWRMWrapper{
    width: 100%!important;
    border-radius: 10px;
}
#CDSWIDWRM .widWRMInnerWrapperWithBorder{
    border-radius: 9px;
}

/* Toast */
.toast{
    position: fixed;
    z-index: 9999;
    bottom: 1rem;
    left: 1rem;
}

.image-720{
    margin: auto;
    width: 100%;
    max-width: 720px;
    border-radius: 10px;
    overflow: hidden;
}

/* Clickable element */
.clickable-action{
    cursor: pointer;
}

.sticky-card{
    top: 80px;
    border-color: rgba(var(--golden-center), .5);
    border-radius: .8rem;
    overflow: hidden;
}