/* COLORS: CHARCOAL #424243; BEIGE #EEE7DB; ORANGE #F15B3B; TURQUOISE #34B5BE; BLUE #487E96; */
@font-face { font-family: josefin; src: url('https://storage.tapin2.co/fonts/josefinsans-variablefont_wght.ttf'); }

#spinner-modal .modal-body .spinner-border { border-color: #F15B3B; border-right-color: #FFF; }

body.preorder.seat { background: url(https://storage.tapin2.co/images/bg/BG-c-c.jpg) center top!important; background-size: cover!important; height: auto; width: 100%; }
#page-seat .bg-white { background-color: transparent!important; }
#page-seat .preorder-logo-events { max-height: 30vh; }
#page-seat h3.subheader { display: none!important; }
#page-seat .login.row a { font-size: 0; }
#page-seat .login.row a::after { content: "Order History"; text-indent: 0; display: block; font-size: 1rem; }

#login-modal { font-family: josefin; }
#login-modal .modal-header .fa-window-close { color: #F15B3B; }
#login-modal .btn-primary { background-color: #F15B3B; border-color: #F15B3B; }

#page-seat { font-family: josefin; }
#page-seat .btn-primary { background-color: #F15B3B; border-color: #F15B3B; }
#page-seat .event-row .event-select-btn { background-color: #424243; }
#page-seat .event-grid .event-select-btn { background-color: #424243; }
#page-seat .seat-div .event-change-btn { background-color: #424243; border-color: #424243; }

#page-menu { font-family: josefin; }
#page-menu #event-details p { font-size: 1.5rem; }
#page-menu { background-color: #EEE7DB; font-family: josefin; }
#page-menu #body-container { background-color: #EEE7DB; font-family: josefin; height: 100vh; }
#page-menu #category-bar { background-color: #EEE7DB; font-family: josefin; }
#page-menu .nav-link.active { background-color: #EEE7DB; font-family: josefin; }
#page-menu .btn-pr { background-color: #FFF; font-family: josefin; }
#page-menu #header-layout .header-right { color: #F15B3B; }
#page-menu nav>a.active { text-decoration: underline solid #34B5BE 4px; }
#page-menu #cart-desktop .quantity-circle { background-color: #F15B3B; }
button.btn.btn-secondary.btn-block.btn-lg.btn-cancel.my-auto.mx-auto { background-color: #424243!important; font-family: josefin; }
button.btn.btn-primary.btn-block.btn-lg.qc.tapin2-blue.d-block.my-auto.mx-auto { background-color: #F15B3B!important; font-family: josefin; }
button.btn.btn-primary.btn-block.btn-lg.qc.my-auto.mx-auto { font-family: josefin; background-color: #0F7E88!important; }

#header-layout #cart-item-count { background-color: #34B5BE; }
.fa-plus:before { color: #424243; }
.fa-minus:before { color: #424243; }
#product-modal .title { font-family: josefin; }
.row-modifier-groups .row-modifiers .modifier.selected { background-color: #34B5BE; }
.modal-product .modal-dialog .modal-body .row-quantity input[type=number] { color: #424243; }
.modal-footer .btn-primary { background-color: #F15B3B; border-color: #F15B3B; font-family: josefin; }
#cart-desktop table.table-order-items { font-family: josefin; }
#discount-modal .btn { font-family: josefin; background-color: #0F7E88; }

#page-review { font-family: josefin; }
#page-review #tab-container { font-family: josefin; }
#tab-container table { font-family: josefin; }
#page-review .tip-container .btn.active { background-color: #424243; }
#page-review #tab-container .quantity-circle { background-color: #F15B3B; }
#page-review button.btn.btn-primary.btn-block.btn-lg.btn-submit-order { background-color: #F15B3B!important; }
#page-review button.btn.col-12.btn-primary.btn-block.btn-lg { font-size: 0; }
#page-review button.btn.col-12.btn-primary.btn-block.btn-lg::after { content: "Need a Music Center Dining Account?"; text-indent: 0; display: block; font-size: 1rem; }
#page-review button.btn.col-12.btn-primary.btn-block.btn-lg { background-color: #424243!important; }
#terms-modal .btn-accept { background-color: #F15B3B; border-color: #F15B3B; }


#page-confirm { font-family: josefin; }
#page-confirm .btn-primary { background-color: #F15B3B; border-color: #F15B3B; }
#page-confirm { background: url(https://storage.tapin2.co/images/bg/BG-c-c.jpg) center top!important; background-size: cover!important; height: 100vh; width: 100%; }