@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
:root {
    /* Colors */
    --white: #ffffff; /* White */
    --black: #000000; /* Black */
    --primaryColor: #e8e8e8; /* White */
    --secondaryColor: #ed2227; /* Roadhouse Red */
    --accentColor: #c79048; /* Orange */
    --darkAccentColor: #000000; /* Black */
    --ambientColor: #F0F0F0; /* Light Gray */
    --darkAmbientColor: #4B4A4A; /* Gray */
    --lightAmbientColor: #ebeae4; /* Lighter Gray */
    /* Background Colors*/
    --lightBgColor: #333333; /* Med Gray */
    --medBgColor: #131516; /* Gray */
    --darkBgColor: #0c0d0e; /* Black */
    /* Text Colors*/
    --textColorLight: #f2f3f4;
    --textColorMedium: #F0F0F0;
    --textColorDark: #131516;
    --textColorAccent: var(--accentColor);
    /* System Colors */
    --successColor: #28a745; /* Green */
    --errorColor: #DC3545; /* Red */
    --warningColor: #ffc107; /* Yellow */
    --infoColor: #0E3F87; /* Blue */
    /* Global */
    --bodyBgColor: #000000;
    --bodyTextColor: var(--textColorLight);
    /* Overwrites */
    --fontFamily: Verdana, Arial, Helvetica, sans-serif;
    --headingFontFamily: "Oswald", sans-serif;
    --fontFamilyAccent: "Roboto Slab", serif;
    --headerLogoWidth: 120px;
    --bottomNavBg: var(--secondaryColor);
    --bottomNavTextColor: var(--textColorLight);
    --btnBorderRadius: 0;
    --btnPrimaryFontColor: var(--textColorLight);
    --btnPrimaryFontWeight: var(--fontWeightNormal);
    --btnSecondaryFontWeight: var(--fontWeightNormal);
    --btnTertiaryFontColor: var(--secondaryColor);
    --btnTertiaryBorderColor: var(--secondaryColor);
    --btnTertiaryFontWeight: var(--fontWeightNormal);
    --btnActiveTextColor: var(--textColorLight);
    --homeImage: url("https://cdn.theatertoolkit.com/media/roadhouse/food-and-bev/background.jpg");
    --homeImageOpacity: .35;
    --modalFooterBg: #131516;
    --modalFooterBorder: 2px solid rgba(140, 140, 140, 0.5);
    --confirmSeatsItemSVGColor: var(--secondaryColor);
    --collectionListItemExpandedBg: var(--accentColor);
    --collectionListChildItemBorder: .25em solid var(--accentColor);
    --collectionItemVertBg: var(--lightBgColor);
    --collectionItemImageHeight: 90px;
    --collectionItemDescriptionColor: rgba(232,232,232,.8);
    --viewItemNoImageBottomBorder: 2px solid rgba(232,232,232,.8);
    --modifierHeaderColor: var(--textColorLight);
    --modifierHeaderBorder: var(--borderThicknessThin) solid rgba(232,232,232,.5);
    --modifierGroupLabelColor: var(--textColorLight);
    --viewItemDescriptionColor: var(--textColorLight);
    --modifierCheckBoxBorder: var(--textColorLight);
    --modifierCheckBorder: var(--borderThickness) solid var(--textColorLight);
    --modifierPlusMinusBorder: var(--borderThickness) solid var(--accentColor);
    --modifierCheckBoxSelectedColor: var(--accentColor);
    --plusMinusIconColor: var(--accentColor);
    --plusMinusInputColor: var(--textColorLight);
    --itemSelectSeatBg: var(--medBgColor);
    --itemSelectSeatLabelColor: var(--textColorLight);
    --viewCartGratuityGridBg: var(--lightBgColor);
    --viewCartGratuitySelectedOptionBg: var(--accentColor);
    --viewCartGratuitySelectedOptionColor: var(--textColorLight);
    --viewCartDetailsColor: var(--textColorLight);
    --viewCartSeatNameColor: var(--textColorLight);
    --viewCartSeatNameSVGColor: var(--textColorLight);
    --viewCartItemDetailsColor: var(--textColorLight);
    --viewCartItemDetailsLinkColor: var(--textColorLight);
    --viewCartItemDetailsPlusMinusInputColor: var(--textColorLight);
    --viewCartGratuityTitleColor: var(--textColorLight);
    --viewCartGratuityOptionColor: var(--textColorLight);
    --viewCartGratuitySelectedOptionColor: var(--textColorLight);
    --viewCartTotalItemColor: var(--textColorLight);
    --viewCartTotalColor: var(--textColorLight);
    --viewCartItemDetailsPlusMinusIconBg: rgba(255,255,255,.2);
}
body{
    letter-spacing: .02em;
    font-weight: 400;
}
.spinnerContent__text,
.home__intro h2,
.collectionList__header,
.collectionItem__name,
.viewCart__orderDetailsTitle,
paymentScreen__sectionTitle {
    font-family: var(--headingFontFamily);
    text-transform: uppercase;
}
.clock,
.viewCart__seatName,
.viewCart__totalItem {
    font-family: var(--fontFamilyAccent);
}
.modal__wrp{
    min-height: 100dvh;
}
.home__content .home__add,
.home__content .home__options {
    width: 100%;
}

.btn--primary {
    border-bottom: .35rem solid rgb(208.7064935065,14.4935064935,16.425974026);
}
.modal__footer .btn--secondary {
    background: var(--secondaryColor);
    border-bottom: .35rem solid rgb(208.7064935065,14.4935064935,16.425974026);
}
.viewCart__gratuityTitleWrp {
    flex-direction: column;
}
.viewCart__gratuityTitle {
    display: block;
    margin-bottom: 5px;
}

.seatGrid__colLabel{
    top: 50%;
}

.seatGrid__zoomLevel--2 .seatGrid__rowLabel {
    display: block;
}

.seatGrid__zoomLevel--3 .seatGrid__colLabel,
.seatGrid__zoomLevel--3 .seatGrid__rowLabel,
.seatGrid__zoomLevel--4 .seatGrid__colLabel,
.seatGrid__zoomLevel--4 .seatGrid__rowLabel,
.seatGrid__zoomLevel--5 .seatGrid__colLabel,
.seatGrid__zoomLevel--5 .seatGrid__rowLabel,
.seatGrid__zoomLevel--6 .seatGrid__colLabel,
.seatGrid__zoomLevel--6 .seatGrid__rowLabel {
    display: block;
}

.seatGrid__checkbox {
    border: 2px solid var(--accentColor);
    border-radius: .5em;
    aspect-ratio: 1/1;
}
.seatGrid__icon svg {
    stroke: var(--accentColor);
}
    .seatGrid__icon svg .handicap-icon-cls-1, .seatGrid__icon svg .handicap-icon-st0 {
        fill: var(--accentColor);
    }
.wheelchair .seatGrid__colLabel{
    display: none;
}

.seatGrid__col--selected .seatGrid__colLabel {
    color: var(--textColorDark);
    font-weight: bold;
}
.seatGrid__col--selected svg {
    background: var(--accentColor);
}
.seatGrid__col--selected svg *{
    fill: transparent;
}
.seatGrid__col--selected .seatGrid__icon svg .handicap-icon-st0 {
    fill: var(--textColorDark);
}
.seatGrid__col--selected .seatGrid__checkbox{
    background: var(--accentColor);
}
.LoveSeatLeft,
.seatGrid__col:nth-of-type(2) {
    margin-left: 6px;
    margin-right: 0;
}
.LoveSeatRight,
.seatGrid__col:last-of-type {
    margin-left: 0;
    margin-right: 6px;
}
.LoveSeatLeft .seatGrid__checkbox {
    border-radius: .5em 0 0 .5em;
}
.LoveSeatRight .seatGrid__checkbox {
    border-radius: 0 .5em .5em 0;
}
.seatGrid__zoomIcon {
    color: var(--accentColor);
}

.collectionItem__name{
    font-weight: 400;
}
.collectionList__headerExpanded {
    font-weight: 400;
}
.collectionItem__image img {
    border-radius: var(--collectionItemBorderRadius);
    max-width: 250px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.viewCart__footer{
    border-top: 2px solid var(--accentColor);
}
.loyaltyScreen__body{
    padding-left: 0;
    padding-right: 0;
}
.loyaltyScreen__login {
    padding-left: var(--horizontalPagePadding);
    padding-right: var(--horizontalPagePadding);
}
.loyaltyScreen__footer a {
    color: var(--textColorLight);
}