/***Colors: Red #BA0C2F, Dark Grey #56574E, light grey #838271 ***/

@font-face { font-family: opensans; src: url(https://storage.tapin2.co/fonts/opensans_condensed-light.ttf); }
@font-face { font-family: myFont; src: url('https://tapin2.blob.core.windows.net/fonts/opensans-semibold.ttf'); }

/***Landing Page**/

img.mb-3.mx-auto { margin-top:-6rem; margin-bottom: -6rem!important; width: 65%; }


#preorder-get-started-btn { background-color: #BA0C2F;}
.btn-primary {background-color: #BA0C2F; border-color: #BA0C2F; }
#login-modal .modal-header .fa-window-close, #login-before-event-selection-modal .modal-header .fa-window-close { color: #BA0C2F; }
.login .active, #page-order-account .order-link {color: #BA0C2F;}
#page-seat .event-row .event-select-btn { background-color: #BA0C2F; }
#page-seat .event-grid .event-select-btn { background-color: #BA0C2F; }
#page-seat .list-grid-toggle div.select { color: #BA0C2F;}
#page-seat h1 { font-family: myFont; }
#page-seat h3 { font-family: myFont; }

#spinner-modal .modal-body .spinner-border { border-color: #c32033; border-right-color: #fff; width: 10rem; height: 10rem; border-width: 30px; }

/***Menu***/
#header-layout { background-color: #000; border-bottom: 6px solid #BA0C2F;}
#header-layout .logo {width: 18rem; height: 8rem; object-fit: contain; }
#page-menu #header-layout .header-right { color: #fff; }
#page-menu .edit-seat-btn, #page-review .edit-seat-btn { background-color: #BA0C2F;border-color: #BA0C2F; }
#page-menu nav > a.active { text-decoration: underline solid #BA0C2F 4px;text-underline-offset: 7px;}
#page-menu .nav-link.active {background-color: #fff !important; color: #BA0C2F;}
.modal-product .modal-dialog .modal-body .row-quantity input[type=number] {color: #838271; }
.fa-plus:before {color: #BA0C2F;}
.fa-minus:before {color: #BA0C2F;}
.row-product-groups .row-products > .selected .modifier.selected, .row-modifier-groups .row-modifiers .modifier.selected { background-color: #BA0C2F;color: #fff;}
#page-menu nav > a { color: #9E9E9E;}

/**Cart**/
#page-menu #cart-desktop .quantity-circle, #page-review #tab-container .quantity-circle { background: #000;}
#checkout-div .btn { background-color: #BA0C2F; }

/**Review**/
#page-review #header-layout a, #page-review #header-layout a:hover { color: #838271; }
#page-review #review-order-btns a.change-order-btn, #page-review #review-order-btns a.edit-order-btn { background-color: #BA0C2F;}
#page-review .tip-container .btn.active, #page-review .gratuity-container .btn.active {background-color: #BA0C2F;}
#terms-modal .btn-accept {background-color: #BA0C2F; border-color: #BA0C2F;}