/*@import url('https://fonts.googleapis.com/css2?family=Open Sans:wght@100;300;400&display=swap');*/

@font-face {
    font-family: 'Roboto';
    src: url('/Content/TVCRVerticalSlider/Fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, html {
    font-family: 'Roboto', sans-serif !important;
}

/* Hide scrollbar but allow scrolling */
.bodyMobileApp {
    overflow: hidden;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    margin: 0;
    padding: 0;
    width: 100%;
}

    .bodyMobileApp::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

a {
    font-family: 'Roboto', sans-serif !important;
    text-decoration: none !important;
    cursor: pointer;
}

    a:link {
        text-decoration: none !important;
        cursor: pointer;
    }


    a:visited {
        text-decoration: none !important;
        cursor: pointer;
    }


    a:hover {
        text-decoration: none !important;
        cursor: pointer;
    }


    a:active {
        text-decoration: none !important;
        cursor: pointer;
    }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

.portalHeadingText {
    color: var(--tvcr-official-gold-color);
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
}
.portalSubHeadingText {
    color: #fff;
    text-shadow: 2px 2px 4px #000000;
    text-transform: uppercase;
}
.portalIcon {
    color: #fff;
}
.portalIconDark {
    color: #160000;
}
.portalLabel {
    color: var(--tvcr-official-gold-color);
    text-transform: uppercase;
    font-size: calc(0.625rem + 1vw);
}
.portalLabelSmall {
    color: var(--tvcr-official-gold-color);
    font-weight: bold;
    text-transform: uppercase;
}

.portalValue {
    color: #fff;
    text-transform: uppercase;
    font-size: calc(0.825rem + 1vw);
    text-shadow: 2px 2px 4px #000000;
}
.portalDivider {
    color: #160000;
    font-size: calc(0.625rem + 1vw);
    text-shadow: 2px 2px 4px #fff;
}
.portalBodyContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.portalLogout {
    position: fixed;
    bottom: 20px;
    /*left: 6px;*/
    right: 80px;
    text-align: center;
    box-shadow: 0 0 15px #00214B;
    color: #160000;
    /*border-radius: 50% !important;
    overflow: hidden;*/
    width: 120px;
    z-index: 1;
}

.rewardsTierCard {
    padding: 0px 5px 0px 15px;
    margin-top: auto;
}
    .rewardsTierCard:hover > img {
        filter: brightness(130%);
        transform: scale(1.05);
        transition: all 0.5s ease-in-out;
    }

.rewardsTierCardCurrent {
    /*transform: scale(1.08);*/
    padding: 10px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.7);
    border-radius: 1rem !important;
}

.badgeSup {
    top: -3.5em;
    position: relative;
    font-size: 100%;
    line-height: 0;
    vertical-align: baseline;
    color: red;
}

@media screen and (max-width: 600px) {
    #subPageContainer{
        position: static !important;
    }

    #subPage {        
        width: 100% !important;
    }
}
@media screen and (min-width: 600px) {
    #subPageContainer {
        position: relative !important;
    }

    #subPage {     
        width: 75% !important;
    }

    #subPageSectionB {
        padding-top: 150px !important;
    }
}

#thunderRewardsBlank {
    display: none;
}

#rewardsCard {
    display: none;
}

.img-fluid-rewardsCardFooter {
    max-width: 60%;
    height: auto;
}

/* If the screen size is less than or equal to 575px*/
@media screen and (max-width: 575px) {
    .subPageSubTitle {
        display: none;
    }

   /* .socialMediaIcons {
        display: none;
    }*/
    .tvcrFlexContent {
        width: auto !important;
    }

    .tvcr-input-form {
        width: 100% !important;
    }

    .accordion {
        font-size: small;
    }

    .accordion-body {
        padding: 0rem;
    }
}

/* If the screen size is less than or equal to 800px*/
@media screen and (max-width: 800px) {

    #thunderRewardsBig {
        display: none;
    }

    #thunderRewardsBlank {
        display: block;
    }

    #rewardsCard {
        display: block;
    }

    .tvcr-input-form {
        width: 100% !important;
    }
}

/* If the screen size is less than or equal to 600px, hide the rewardsBox */
@media screen and (max-width: 600px) {
    .rewardsBox {
        display: none;
    }
}
@media screen and (min-width: 600px) {
    .rewardsLine {
        display: none;
    }
}
/* If the screen size is less than or equal to 600px, hide the loginRewardsCard */
@media screen and (max-width: 600px) {
    .loginRewardsCard {
        display: none;
    }
}
@media (min-width: 1200px) {
    .verticalBar {
        border-left: 4px solid;
        height: 100px;
    }
}

html {
    position: relative;
    min-height: 100%;
    font-size: 14px;
}

a {
    color: #160000;
    text-decoration: none;
}

a:hover {
    color: #e5b53b;
    text-decoration: none;
}
p a {
    text-decoration: underline;
}
p a:hover {
    text-decoration: underline;
}
span.tvcrspanlink {
    cursor: pointer;
    color: #160000;
    text-decoration: none;
}

span.tvcrspanlink:hover {
    color: #e5b53b;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
    color: #160000;
    font-weight: 700;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,0rem); 
    padding-left: var(--bs-gutter-x, 0rem);
}


.navbar {
    padding-right: 0rem;
    padding-left: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.nav-link {
    font-weight: 800;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--tvcr-official-gold-color);
    padding: 10px 0px;
    margin: 0px 5px;
    display: inline-block;
    position: relative;
    opacity: 0.75;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
    color: var(--tvcr-official-gold-color);
}

    .nav-link:hover {
        opacity: 1;
    }

.nav-link::before {
    transition: 300ms;
    height: 2px;
    content: "";
    position: absolute;
    background-color: var(--tvcr-official-gold-color);
}

.nav-link-ltr::before {
    width: 0%;
    bottom: 10px;
}

.nav-link-ltr:hover::before {
    width: 100%;
}

link:focus, .navbar-light .navbar-nav .nav-link:hover {
    /* color: rgba(0,0,0,.7); */
}


.dropdown-menu {
    border: none !important;
    border-radius: 0rem !important;
}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
/* Display dropdown on hover instead of click */
/*.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;*/ /* remove the gap so it doesn't close */
/*}*/

.dropdown-item {
    padding: 0.55rem 1rem !important;
}

.socialMediaIcons {
    font-size: 1.0rem;
}

div.videoContent {
    width: 100%;
    height: 0;
    padding-bottom: 56%; /* Change this till it fits the dimensions of your video */
    position: relative;
}

    div.videoContent iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

.thunderRewardsBigCaption {
    position: absolute;
    top: 28.7%;
    left: 9.8%;
    transform: translate(-9.8%, -28.7%);
    color: var(--tvcr-official-gold-color);
}


.thunderRewardsBigCaptionMobile {
    position: absolute;
    top: 38.7%;
    transform: translate(-9.8%, -28.7%);
    color: var(--tvcr-official-gold-color);
}

.thunderRewardsMobile {   
    color: var(--tvcr-official-gold-color);
    background-image: url("/content/images/home/thunderRewardsBlank.png");
    background-size: cover;
}


.tvcrBgImage {
    background-image: url("/content/images/home/ThunderValleyEntranceOpaque.png");
    background-size: cover;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.thunderStrike-line1 {
    font-size: calc(0.625rem + 0.65vw);
    font-weight: 600;
    line-height: 0.75;
}

.thunderStrike-line2 {
    font-size: calc(0.625rem + 4.5vw);
    font-weight: 700;
    line-height: 1.2;
}

.thunderStrike-line2-alt {
    font-size: calc(0.625rem + 2.5vw);
    font-weight: 700;
    line-height: 1.2;
}

.thunderStrike-line3 {
    font-size: calc(0.625rem + 0.5vw);
    font-weight: 400;
    line-height: 0.75;
}

.thunderStrikeGradient {
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
}

.tvcrFooter {
    background-color: var(--tvcr-official-darktan-color);
    font-weight: bold;
    vertical-align: middle;
}

.thunderRewardsBtn {
    background-color: #160000 !important;
    color: var(--tvcr-official-gold-color);
    border: 2px solid var(--tvcr-official-gold-color) !important;
}

    .thunderRewardsBtn:hover {
        background-color: var(--tvcr-official-darktan-color) !important;
        color: #160000;
    }


.PodLink {
}

    .PodLink:hover {
        cursor: pointer;
    }


.SeeDetailsBtn {
}

    .SeeDetailsBtn:hover {
        cursor: pointer;
    }

.tvcrBtn {
    background-color: #fff !important;
    border: 3px solid !important;
    border-radius: unset;
    font-weight: bold;
    text-transform: uppercase;
}

    .tvcrBtn:hover {
        background-color: var(--tvcr-official-darktan-color) !important;
        color: #160000;
        cursor: pointer;
    }

.tvcrBtn-small {
    background-color: #fff !important;
    border: 1px solid !important;
    border-radius: unset;
    font-weight: bold;
    font-size:x-small;
    text-transform: uppercase;
}

    .tvcrBtn-small:hover {
        background-color: var(--tvcr-bg-dark-red-color) !important;
        color: white;
        cursor: pointer;
    }

.tvcrEventBtn {
    font-family: 'Open Sans', sans-serif !important;
    color: wheat;
    border: 1px solid;
    border-color: wheat;
    border-radius: unset;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 10px;
    font-size: 11px;
}

.eventRSVPButton {
    width: 60px;
    top: -2px;
    position: relative;
}
.greenbar {
    background-color: lightgray;
}

.reward-redeemed-expired {
    top: -15px;
    left: -30px;
    position: relative;
    /*transform: rotate(-20deg);*/
    background: transparent;
    border: none;
    color: darkred;
    font-size: 10px;
    text-align: center;
}

.reward-amount-redeemed-expired {
    color: darkgray;
}

/* Bootstrap Carousel override */
.carousel-control-prev, .carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    margin: 10px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    filter: invert(100%);
}

#homeSlider .carousel-item {
    max-height: 700px !important;
}

.carousel-indicators {
    margin-bottom: 0rem !important;
}

/*#homeSlider .carousel-indicators button {
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom: 26px solid var(--tvcr-official-gold-color);
    position: relative;
    top: -40px;
    opacity: 1 !important;
}

    #homeSlider .carousel-indicators button:after {
        content: '';
        position: absolute;
        left: -20px;
        top: 25px;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-top: 25px solid var(--tvcr-official-gold-color);
        opacity: 1 !important;
    }

    #homeSlider .carousel-indicators .active {        
        border-bottom: 26px solid #fff !important;        
    }
        #homeSlider .carousel-indicators .active:after {
            border-top: 26px solid #fff !important;
        }*/

/* Bootstrap Carousel overrides with multiple items */
@media (min-width: 768px) {

    .podSlider .carousel-inner {
        display: flex;
    }

    .podSlider .carousel-item {
        margin-right: 0;
        flex: 0 0 25%; /* NOTE: ADJUST THIS PERCENTAGE TO THE NUMBER OF CARDS/IMAGES TO DISPLAY IN THE CAROUSEL (100 / 4 = 25)*/
        display: block;
    }

}

.tvcrFormControl {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

/* Bootstrap Card override */
.tvcrEntertainmentCard {
    background-color: transparent;
    height: 100% !important;    
    margin: 0.5em 0.5em !important;
    border-radius: 0rem;
    border: none;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
}
    .tvcrEntertainmentCard .tvcrEntertainmentCardImage > img {
        /*uncomment if you want to darken image in a card and brighten on hover */
        /*filter: brightness(80%);*/
        transition: all 0.5s ease-in-out;
    }

    .tvcrEntertainmentCard:hover .tvcrEntertainmentCardImage > img {
        filter: brightness(130%);
        transform: scale(1.05);
        transform-origin: center;
        transition: all 0.5s ease-in-out;
    }

.tvcrEntertainmentCardImage {
    overflow: hidden;
    position: relative;
}

.tvcrFormsCard {
    background-color: transparent;
    margin: 0.5em 0.5em !important;
    border-radius: 0rem;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    color: #fff;
}
    .tvcrFormsCard > .card-header {
        color: #fff;
    }


.tvcrImageOverlayTitle {
    color: var(--tvcr-hotel-rewards-gold-color);
    font-size: calc(0.625rem + 0.85vw);
    font-weight: 700;
    line-height: 0.75;
}


.card {
    border: 0px !important;
}

/* PODSTYLE = CARD */
.tvcrCard {
    background-color: transparent;
    height: 100% !important;
    margin: 0.5em 0.5em !important;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.125) !important;
}
    .tvcrCard .tvcrCardImage > img {
        /*uncomment if you want to darken image in a card and brighten on hover */
        /*filter: brightness(80%);*/
       /* max-width: 415px;*/
        transition: all 0.5s ease-in-out;
    }

    .tvcrCard:hover .tvcrCardImage > img {
        filter: brightness(130%);
        transform: scale(1.05);
        transform-origin: center;
        transition: all 0.5s ease-in-out;
    }
.tvcrCard-single {
    width: 700px;
}

@media screen and (min-width: 1545px) {
    .tvcrCard-single {
        width: 1400px;
    }
}


@media screen and (max-width: 760px) {
    .item {
        max-width: 100% !important;
    }

    .podItem {
        max-height: 100% !important;
    }
}
@media screen and (min-width:750px) {
    .item {
        max-width: 415px;
    }

    .podItem {
        max-height: 415px;
    }
}

@media screen and (min-width:750px) {
    .hideInDesktop {
        display: none;
    }
}

.tvcrCardImage {
    overflow: hidden;
    position: relative;
}

.tvcrCardImage-overlay {
    opacity: 0; /* hide the image overlay */
}

    .tvcrCardImage-overlay:hover {
        opacity: 1; /* show the image overlay on hover */
        transition: .5s ease;
    }

.tvcrCardImage-overlay-body {
    position: absolute !important;
    background-color: #fff;
    left: 0 !important;
    bottom: 0 !important;
    height: fit-content;
    text-align: center !important;
    padding: 1.5rem !important;
    height: contain;
}

.tvcrCard-body {
    background-color: #fff;
    font-size: medium;
    font-weight: 500;
}


/* PODSTYLE = POD */
.tvcrPod {
    background-color: transparent;
    /*height: 100% !important;*/
    margin: 0.5em 0.5em !important;
    border-radius: 0rem;
    border: none;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.125) !important;
}

    .tvcrPod > .tvcrPodImage > img {
        /*uncomment if you want to darken image in a card and brighten on hover */
        /*filter: brightness(80%);*/
        /*max-width: 415px;*/
        transition: all 0.5s ease-in-out;
    }

    .tvcrPod:hover > .tvcrPodImage > img {
        filter: brightness(130%);
        transform: scale(1.05);
        transform-origin: center;
        transition: all 0.5s ease-in-out;
    }

.tvcrPodImage {
    overflow: hidden;
    position: relative;
}

.tvcrPodImage-overlay {
    opacity: 0; /* hide the image overlay */
}

    .tvcrPodImage-overlay:hover {
        opacity: 1; /* show the image overlay on hover */
        transition: .5s ease;
    }

.tvcrPodImage-overlay-body {
    position: absolute !important;
    background-color: #fff;
    left: 0 !important;
    bottom: 0 !important;
    height: fit-content;
    text-align: center !important;
    padding: 1.5rem !important;
    height: contain;
}

.tvcrPodImage-body {
    background-color: #fff;
}


.tvcrFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.tvcrFlexContent {
    width: 45%;
    text-align: center;
    background-color: var(--tvcr-official-tan-color);
    margin: 10px !important;
}

/*.tvcrFlexContent:hover {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
        transition: all 0.5s ease-in-out;
    }*/

.loadMoreBtn {
    width: 400px;    
    display: block;
    text-align: center;
    margin: 10px auto;
    padding: 10px;
    transition: .3s;
}



.gradientOverlay {
    position: relative;
}


/* LINEAR GRADIENT OVERLAY */
    .gradientOverlay::before {
        background-image: linear-gradient( top, rgba( 255, 255, 255, 0 ) -200%, rgba( 255, 255, 255, 1 ) 100% );
        background-image: -moz-linear-gradient( top, rgba( 255, 255, 255, 0 ) -200%, rgba( 255, 255, 255, 1 ) 100% );
        background-image: -o-linear-gradient( top, rgba( 255, 255, 255, 0 ) -200%, rgba( 255, 255, 255, 1 ) 100% );
        background-image: -webkit-linear-gradient( top, rgba( 255, 255, 255, 0 ) -200%, rgba( 255, 255, 255, 1 ) 100% );
        content: "\00a0";
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
        /*border: 1px solid;*/ /* uncomment for debugging purposes to see the overlay width and height in case we want to adjust the height % */
        /*transition: all 1.05s ease-in-out;*/
    }

/* BOOTSTRAP OVERRIDES */

/* Boostrap columns are not working properly with Kendo-UI */

/* reset everything to the default box model */
/*
*, :before, :after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}*/

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.k-floating-label-container {
    width: 100%;
}

.k-input-label {
    color: inherit;
}

.k-window {
    background: rgb(115 91 30 / 90%) !important; /*#000000b5 !important;*/
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}
#qrcode-confirm-modal-body {
    /*background: rgb(115 91 30 / 90%) !important;*/ /*#000000b5 !important;*/
    padding: 3em;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}
#qrcode-confirm-modal-footer {
    /*background: rgb(115 91 30 / 90%) !important;*/ /*#000000b5 !important;*/
    padding: 5em;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
}
.k-floating-label-container > .k-label, .k-floating-label-container.k-focus > .k-label {
    color: var(--tvcr-official-gold-color);
    font-weight: 700;
    text-transform: uppercase;
}

.form-login {
    /*background: #343434;*/
    background: rgba(52,52,52,.80);
}
.form-login .form-container {
    padding: 5px 5px 0px 5px;
}

.form-login .form-title {       
    color: var(--tvcr-official-gold-color);
    text-transform: uppercase;
}

.form-login .form-title-small {
    color: #fff;
    text-transform: uppercase;
}

.form-login .form-label {
    color: var(--tvcr-official-gold-color);
    text-transform: uppercase;
}

.form-login .form-hyperlink {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.form-login .form-hyperlink:hover {
    color: #e5b53b;
}

.FormattedTextWindowContent {
    background-color: #fff;
    color: #160000;
    font-size: 14px;
    padding: 15px 15px 15px 15px;
}

.ModalWindowBtn {
    width: 400px;
    display: block;
    text-align: center;
    margin: 10px auto;
    padding: 10px;
    transition: .3s;
}

.HeroImageOverlay {
    /*background: rgb(115 91 30 / 73%) !important;*/
    /*background: rgba(52,52,52,.80);*/
    /*background: rgba(188,39,81,.80);*/
    color: #fff;
    font-size: calc(0.25rem + 0.85vw);
    padding: 15px 15px 15px 15px;
}

.MobileHeroImageOverlay {
    color: #fff;
}

.tvcrHeroSlide {
    background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}
    .tvcrHeroSlide > img {
        max-height: 652px;
        width: fit-content;
        margin: auto;
    }

.tvcrHero {
    background-image: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0));
}
    .tvcrHero > img {
        max-height: 652px;
        width: fit-content;
        margin: auto;
    }

.tvcrAccordionButton:not(.collapsed) {
    color: #160000;
    background-color: var(--tvcr-official-gold-color);
}
.tvcrAccordionButton:focus {
    z-index: 3;
    border-color: var(--tvcr-official-gold-color) !important;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgb(239 182 8 / 25%) !important;
}
.tvcrAccordionButton:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.tvcrFlex-even {
    flex: 1;
}

.tvcrDropdown {
    background: rgba(52,52,52,.80);
}

.winLossSummmaryReportYear {
    font-weight: 500;
    color: #fff;
}

.rewardsTable {
    background: rgba(52,52,52,.80);
    font-size: calc(0.225rem + 1vw);
    color: #fff;
}
.k-widget.k-expander {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}
.k-expander-title {
    color: #160000;
}
#web-messenger-container {
    bottom:0px;
    right:0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 10%;
    left: 100%;
    margin-top: -1px;
}
.dropdown-submenu .dropdown-toggle::after{
    display:none;
}
/*.eventsPaginatedScrollbar {
    background-color: #fdfdfd;
    height: 450px;
    box-shadow: 0 4px 28px rgba(123,151,158,.25);
    overflow-y: scroll !important;
    position: relative;
}*/

.promoPaginatedScrollbar {
    background-color: #fdfdfd;
    height: 900px;
    box-shadow: 0 4px 28px rgba(123,151,158,.25);
    overflow-y: scroll !important;
    position: relative;
}
/*Used with k-radio on a checkbox to make it appear as a radio button*/
.tvcrRadioCheckbox {
    left: auto;
    top: auto;
    content: '';
    margin-top: 20px;
    right: 0;
    top: 50%;
    border-width: 5px;
    width: 20px;
    height: 20px;
    padding: 1px;
    border-radius: 50%;
    border: 3px solid #f3d99c;
    background-color: white;
    background-clip: content-box;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .tvcrRadioCheckbox:checked {
        border-color: var(--tvcr-official-darktan-color);
        color: var(--tvcr-bg-dark-red-color);
        background-color: var(--tvcr-bg-dark-red-color);
        background-blend-mode: color-burn;
    }

.opacity-80 {
    opacity: 0.8;
}
/************************************************/
/* Travel clicks booking banner styles          */

/* Container for the Travelclick booking banner */
.tc-container {
    width: 100%;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 20px;
    background: #990000
}

/* General control formatting for the Kendo controls used in the Travelclick booking banner */
.tc-control {
    background: #990000; /* Red-ish background */
    color: white;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    text-transform: uppercase;
    border-top: none; /* Remove the top, left and right border of each control. Net effect is single boder at the bottom */
    border-right: none;
    border-left: none;
    border-block-color: wheat;
    border-bottom-width: 2px;
    
}

/* Supress the color change to the control when opening the guest drop-down */
#tc-banner-container > div > div.tc-guest-dropdown > span:hover {
    background: #990000;
}

/* Supress the color change to the caret when opening a date picker */
#tc-banner-container > div > div > span > button:hover {
    background: #990000;
}

/* Label formatting in the Travelclick booking banner */
.tc-label {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 10px;
    text-transform: uppercase;
    color: wheat;
    /*padding-left: 10px;*/ /* Move label to line up with bottom border */
}

/* Drop-down formatting in the Travelclick booking banner */
.tc-dropdown {
    width: 200px;
}

/* Guest drop-down formatting in the Travelclick booking banner */
.tc-guest-dropdown {
    width: 100px; /* A bit more narrow than the date pickers */
}

/* Drop-down button formatting in the Travelclick booking banner */
.tc-dropdown-button {
    background: #990000; /* Same red-ish background as the container */
    color: white;
    border-left: none;
}

/* Remove the border radius of the date-picker calendars when they are displayed */
#tc-checkin-datepicker_dateview {
    border-radius: unset;
}

#tc-book-now-button {
    font-family: 'Open Sans', sans-serif !important;
    color: wheat;
    border: 1px solid;
    border-color: wheat;
    border-radius: unset;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 10px;
    font-size: 11px;
}

/* Rewards book-now button replaces the TravelClicks book-now button when a player is logged in */
#rw-book-now-button {
    font-family: 'Open Sans', sans-serif !important;
    color: wheat;
    border: 1px solid;
    border-color: wheat;
    border-radius: unset;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 10px;
    font-size: 11px;
}

/* Remove the border radius of the date-picker calendars when they are displayed */
#tc-checkout-datepicker_dateview {
    border-radius: unset;
}

/* Container for the emergency notification banner */
.emergency-notification-container {
    width: 100%;
    text-align: left;
    background: #990000;
    color: white;
    font-size: 18px;
    padding-top: 10px;
}

/* When viewport width is 575px or less
    - Change the display of the Book Now button
*/
@media (max-width: 768px) {

    /*#tc-banner-container {
        visibility: hidden;
    }*/

    .tc-dropdown {
        visibility: hidden;
    }
    .tc-guest-dropdown {
        visibility: hidden;
    }

    #tc-book-now-button-container {
        margin-top: 10px !important;
    }
    #tc-book-now-button {
        margin-top: 5px !important;
    }

    #rw-book-now-button-container {
        visibility: visible !important;
    }

    #tc-book-now-button {
        width: 150px !important;
    }

    #rw-book-now-button {
        font-family: 'Open Sans', sans-serif !important;
        color: black;
        border: 1px solid;
        border-color: black;
        border-radius: unset;
        padding-left: 35px;
        padding-right: 35px;
        margin-top: 0px;
        font-size: 11px;
        width: 150px !important;
    }

    .tc-container {
        padding-top: unset;
        padding-bottom: unset;
    }
}

/* END: Travel clicks booking banner styles          */
/************************************************/

/* BEGIN: Customize the site browser window scrollbars */
::-webkit-scrollbar {
    width: 30px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
}
::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}
    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }
/* END: Customize the site browser window scrollbars */

/*Kendo tab strip overrides*/
.k-tabstrip-items .k-link {
    color: var(--tvcr-official-gold-color);
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: clamp(.7em, 1vw, 2vh);
}


/* commenting this out as it's making the tabs not display properly in responsive view (tab strip items not resizing to fit the tab text)*/
/*.k-tabstrip-items .k-item {
    width: 15%;
}*/

ul.k-reset.k-tabstrip-items {
    display: flex;
    justify-content: center !important;
    width: 100%;
}

/* changed flex: 1 1 auto - trevor requested that the tabs fill 100% of the width (prev value =  flex: 0 1 auto*/
ul.k-reset.k-tabstrip-items > li {
    flex: 1 1 auto;
}
.k-reset.k-tabstrip-items button {
    font-size: clamp(.7em, 1vw, 2vh);
}

/* Site map styles */
.site-map {
    font-size: large;
}

.label-as-badge {
    border-radius: 1em;
    font-size: 8pt;
    color: #fff;
    background: #000;
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.blogWindowLabel {
    color: var(--tvcr-official-gold-color);
    font-weight: 700;
    text-transform: uppercase;
}
.k-window-title {
    color: var(--tvcr-official-gold-color);
}
.tvcr-align-right {
    text-align:right;
}

/* When viewport width is 575px or less
    - display the mobile version of event header and details
    - hide the desktop version of event header and details
*/
@media (max-width: 575px){

    #event-header-mobile {
        display: block;
    }

    #event-details-mobile {
        display: block;
    }

    #event-header-desktop {
        display: none;
    }

    #event-details-desktop {
        display: none;
    }

    .tvcrBgImage {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}

/* When viewport width is 576px or more
    - hide the mobile version of event header and details
    - display the desktop version of event header and details
*/

@media (min-width: 576px) {

    #event-header-mobile {
        display: none;
    }

    #event-details-mobile {
        display: none;
    }

    #event-header-desktop {
        display: block;
    }

    #event-details-desktop {
        display: block;
    }
}



.k-expander-title {
    font-weight: 700;
    font-size: 1.5rem;
}
.accordion-button {
    font-weight: 700;
    font-size: 1.5rem;
}
.accordion-button:not(.collapsed) {
    color:#212529;
    background-color: #fff;
}

.MobileLoginIn {
    font-size: 15px;
    left: 0 !important;
}

.MobileBtn {
    background-color: #990000 !important;
    color: white;
    font-size: 20px;
}

.MobileSection {
    background-color: #f3f3f3;
}

    .MobileSection > .title {
        color: #990000;
        font-size: 22px;
        font-weight: bold;
    }

.MobileMessageText



/* Search */

#tvcr-website-search {
    display: flex;
    justify-content: right;
}

.gsc-control-cse.gsc-control-cse-en {
    
}

/*  Adjust the search box width based on viewport */
@media (min-width: 1201px) {
    .gsc-control-cse.gsc-control-cse-en {
        width: 30%;
    }
}
@media (max-width: 1200px) {
    .gsc-control-cse.gsc-control-cse-en {
        width: 40%;
    }
}
@media (max-width: 1000px) {

    .gsc-control-cse.gsc-control-cse-en {
        width: 45%;
    }
}
@media (max-width: 800px) {

    .gsc-control-cse.gsc-control-cse-en {
        width: 60%;
    }
}
@media (max-width: 600px) {

    .gsc-control-cse.gsc-control-cse-en {
        width: 80%;
    }
}
@media (max-width: 500px) {

    .gsc-control-cse.gsc-control-cse-en {
        width: 100%;
    }
}

/* Pods/Cards media query - make width 100% if viewport is less than 840 (Medium) */

@media(max-width: 768px) {
    .tvcrFlexContentDynamicWidth {
        width: 100% !important;
    }
}

.k-toolbar-tool[title="Insert a PDF Link"] .k-icon:before {
    font-family: FontAwesome;
    content: "\f093";
    font-size: 16px;
}
.k-toolbar-tool[title="Upload an Image"] .k-icon:before {
    font-family: FontAwesome;
    content: "\e228";
    font-size: 16px;
}
.k-toolbar-tool[title="Add Blog Home Button"] .k-icon:before {
    font-family: FontAwesome;
    content: "\f015";
    font-size: 16px;
}

/*  Adjust the multi-line header text   */
.tvcr-multiline-header-text {
    font-size: .75vw;
}

/* Tablets */
@media (max-width: 1600px) {
    .tvcr-multiline-header-text {
        font-size: .95vw;
    }
}

@media (max-width: 1400px) {
    .tvcr-multiline-header-text {
        font-size: 1vw;
    }
}

@media (max-width: 1100px) {
    .tvcr-multiline-header-text {
        font-size: 1.2vw;
    }
}

@media (max-width: 1000px) {
    .tvcr-multiline-header-text {
        font-size: 1.4vw;
    }
}

/* Cell phones */
@media (max-width: 800px) {

    .tvcr-multiline-header-text {
        font-size: 1.8vw;
    }
}

/* Modal container for the loader on the Portal page */
.portal-loader-container {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /*padding-top: 100px;*/ /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

/* Media viewer */

/* Set to 90% of viewport height
        Initially used in Shared\_MediaViewer.cshtml */
.tvcr-media-viewer-container {
    height: 100vh !important;
}

@media (max-width: 750px) {
    .tvcr-media-viewer-container {
        height: 95vh !important;
    }
}

@media (max-width: 700px) {
    .tvcr-media-viewer-container {
        height: 90vh !important;
    }
}

@media (max-width: 650px) {
    .tvcr-media-viewer-container {
        height: 85vh !important;
    }
}

@media (max-width: 600px) {
    .tvcr-media-viewer-container {
        height: 80vh !important;
    }
}

@media (max-width: 550px) {
    .tvcr-media-viewer-container {
        height: 75vh !important;
    }
}

@media (max-width: 500px) {
    .tvcr-media-viewer-container {
        height: 70vh !important;
    }
}

@media (max-width: 450px) {
    .tvcr-media-viewer-container {
        height: 65vh !important;
    }
}

@media (max-width: 400px) {
    .tvcr-media-viewer-container {
        height: 60vh !important;
    }
}

:root {
    --tvcr-bg-rewards: #1b0700;
    --tvcr-txt-rewards: #b1935a;
}

/* Rewards Mobile styles */
.tvcr-mobile-app-rewards-container {
    background-color: var(--tvcr-bg-rewards);
    color: var(--tvcr-txt-rewards);
}


/* h tags in the 'tvcr-mobile-app-rewards-container' div*/
div.tvcr-mobile-app-rewards-container h1,
div.tvcr-mobile-app-rewards-container h2,
div.tvcr-mobile-app-rewards-container h3,
div.tvcr-mobile-app-rewards-container h4,
div.tvcr-mobile-app-rewards-container h5,
div.tvcr-mobile-app-rewards-container h6 {
    color: var(--tvcr-txt-rewards) !important;
    font-weight: 700;
}

div.tvcr-mobile-app-rewards-container div,
div.tvcr-mobile-app-rewards-container button.accordion-button,
div.tvcr-mobile-app-rewards-container input,
div.tvcr-mobile-app-rewards-container button.tvcr-mobile-app-button {
    background-color: var(--tvcr-bg-rewards);
    color: var(--tvcr-txt-rewards);
}

.tvcr-reward-redeemed {
    color: limegreen !important;
    font-weight: bold;
}

.tvcr-reward-expired {
    color: red !important;
    font-weight: bold;
}



.tvcr-mobile-app-button {
    border: 2px solid;
    border-color: var(--tvcr-txt-rewards);
    font-weight: bold;
    text-transform: uppercase;
}

.tvcr-mobile-app-dropdown-button {
    background-color: lightgray !important;
    color: black;
    border-radius: unset;
    text-transform: uppercase;
}

.tvcr-mobile-accordion-button {
    font-size: small;
    font-weight: bold;
}
    .tvcr-mobile-accordion-button::after {
        background-image: url('images/mobile/chevron-down-solid.svg') !important;
    }

    .tvcr-mobile-accordion-button:focus {
        box-shadow: unset !important;
    }

.badge.bg-info.rounded-pill {
    background-color: var(--tvcr-txt-rewards) !important;
    color: var(--tvcr-bg-rewards) !important;
}

.progress-bar.bg-secondary {
    background-color: var(--tvcr-txt-rewards) !important;
    color: var(--tvcr-bg-rewards) !important;
}

.progress {
    border: 1px solid var(--tvcr-txt-rewards) !important;
}

.w-33 {
    width: 33% !important;
}

.w-66 {
    width: 66% !important;
}

/* Poker blog custom styling */
div.pokerblog-custom-style a {
    text-decoration: underline !important;
    cursor: pointer !important;
    color: #667587 !important;
}