/* UNIVERSAL TEXT COLOR OVERRIDE */
* {
    color: #000000 !important;
}

/* MAIN HEADER TEXT */
h1, h2, h3, .header, .section-title, .event-name, .event-title {
    color: #000000 !important;
    font-weight: bold;
}

#page-seat h1 {font-size: 1.5rem;}
#page-seat h3 {font-size: 1rem;}

/* EVENT INFO & DATE TEXT */
.event-info, .event-date, .event-title {
    color: #000000 !important;
    font-size: 1.1em;
    font-weight: 600;
}

#preorder-logo {max-width: 30vw!important;}

/* CATEGORY NAVIGATION TABS */
.category-tab, .subnav-tab, .category-header, .menu-section {
    color: #000000 !important;
    background-color: transparent !important;
    font-weight: bold;
    border: none;
}
.fa-chevron-right:before, .fa-chevron-left:before {color: #FFFFFF!important;}

/* ACTIVE TAB STYLING */
.category-tab.active, .subnav-tab.active {
    color: #FFFFFF !important;
    background-color: #CF0209 !important;
}

/* PRODUCT CARD TITLES */
.product__name, .menu-item__title {
    color: #000000 !important;
    font-weight: 700;
}

/* DESCRIPTIONS */
.product__description, .menu-item__description {
    color: #444444 !important;
}

/* PRICES */
.product__price, .total{
    color: #FFFFFF!important;
    font-weight: 600;
}
#product-modal .col-7.text-nowrap { Width: 100%; min-width: 100%; text-align: center;}
#product-modal .col-5.pl-1 { display: none;}

.fa-plus:before, .fa-minus:before {color: #FFFFFF!important;}

/* UNIVERSAL BUTTON OVERRIDES */
button, .btn, .button, .select-button, input[type="submit"], input[type="button"], a.button, a.btn {
    background-color: #CF0209 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    transition: background-color 0.3s ease;
}

/* HOVER STATE */
button:hover, .btn:hover, .button:hover, .select-button:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, a.btn:hover {
    background-color: #000000 !important;
    color: #FFF;}

.col-5.col-lg-6.my-auto.text-left {padding-left: 70px!important;}

.product.selected {background: #CF0209!important;}
.quantity-button { padding: 0 !important;}

#page-seat .event-grid .card { height: 370px; }