@font-face { font-family: agrandir; src: url(https://storage.tapin2.co/fonts/agrandir-regular.ttf); }
@font-face { font-family: berthold; src: url(https://storage.tapin2.co/fonts/block-berthold-condensed-regular.ttf); }
@font-face { font-family: rubik; src: url(https://storage.tapin2.co/fonts/rubikbubbles-regular.ttf); }

/*Hides login and signup links on the homepage*/
/*#page-seat .link { display: none; }*/
#page-seat h3 { display: none; }

/*Rearange Landing Page Buttons*/
#main-body .row .col-12.col-md-4:nth-child(1) { order: 2; }
#main-body .row .col-12.col-md-4:nth-child(2) { order: 1; }
#main-body .row .col-12.col-md-4:nth-child(3) { order: 3; }
#main-body .row a { font-size: 0; }
#main-body .row a:after { font-size: 1.25rem!important; content: 'Explore Menu';}


body { font-family: Arial, agrandir, "Proxima Nova", roboto, Helvetica; }
.login a { color: #F38A24; }

/***Landing Page**/
body.preorder.seat { background: url(https://storage.tapin2.co/images/bg/FINAL-A-.STOPhb072222G-25--1-.jpg) center center no-repeat; background-color: #85c0ed
; background-attachment: fixed; background-size: cover; }
.navbar-toggler {background-color: #EB008C;}

#top-header { background-color: transparent!important; }
.footer { background-color: transparent!important; }

#preorder-get-started-btn { background-color: #EB008C;}
#page-seat .btn-primary {background-color: #EB008C; color: #fff;border-color: #F38A24;}
.btn-primary {background-color: #EB008C; border-color: #002e6d; }
#login-modal .modal-header .fa-window-close, #login-before-event-selection-modal .modal-header .fa-window-close { color: #F38A24; }
.login .active, #page-order-account .order-link { color: #F38A24; }
#page-seat .event-row .event-select-btn { background-color: #EB008C; }
#page-seat .event-grid .event-select-btn { background-color: #EB008C; }
#page-seat .list-grid-toggle div.select { color: #fff; }
#page-seat h3 { font-family: Arial, agrandir; color: #F38A24; }
#spinner-modal .modal-body .spinner-border { border-color: #EB008C; border-right-color: #F38A24; width: 8rem; height: 8rem; border-width: 7px; }

#page-seat h1 { font-family: Arial, berthold; color: #fff; }
#page-seat h3 { color: #fff; }
#page-seat .link { color: #F38A24; }
#page-seat #top-header .mt-md-5, .my-md-5 { margin-top: 0rem!important; }
#page-seat #select-event-list { color: #fff; }
#page-menu a { font-family: Arial; }
#page-menu nav>a { font-family: Arial; }
#page-menu .mobile-category-header { font-family: Arial; }
.btn-pr>.info>.title { font-family: Arial; }
#page-menu .edit-seat-btn, #page-review .edit-seat-btn { color: #fff; border-color: transparent!important; }

#page-menu .btn.btn-secondary.btn-note, #page-menu #cart-desktop #special-instruction-btn, #page-review #tab-container #special-instruction-btn, #page-review .change-order-btn, #page-review .edit-order-btn, #page-review .delete-order-btn, #page-review .btn.btn-secondary.btn-note { background-color: #F38A24; color: #fff; border-color: transparent!important; }

/*#page-seat h3 { color: #212E86; width: 100%; background-color: #F38A24; border-radius: 12px; margin-right: 14rem;}*/

.border-bottom {border-bottom: 1px solid #dee2e600 !important;}


/***Menu***/

#page-menu nav > a.active {text-decoration: underline solid #E0394A 4px;text-underline-offset: 7px;}

#page-menu .nav-link.active {background-color: #FFD0C4!important;color: #E0393E;}

#header-layout .logo { width: 12rem; height: 7rem; object-fit: contain; }
#header-layout { background-color: #FFD0C4; border-bottom: 12px solid #212E86; }
#page-menu #header-layout .header-right { color: #212E86; }
#page-menu .edit-seat-btn, #page-review .edit-seat-btn { background-color: #F38A24; border-color: #212E86; }

.modal-dialog-scrollable .modal-body { font-family: Arial; }
.modal-product .modal-dialog .modal-body .row-quantity input[type=number] { color: #000; }
.fa-plus:before { color: #212E86; }
.fa-minus:before { color: #212E86; }
.row-product-groups .row-products > .selected .modifier.selected, .row-modifier-groups .row-modifiers .modifier.selected { background-color: #212E86; color: #fff; }
#page-menu nav > a { color: #9E9E9E; }
#page-menu { background-color: #FFD0C4; }
#page-menu #search-event-container { background-color: #FFD0C4; }
#page-menu #category-bar { background-color: #FFD0C4; }
.btn-pr { background-color: #fff; }
#body-container, #delivery-pickup { background-color: #FFD0C4; }
#page-menu #subcategory-bar { background-color: #FFD0C4; }
#page-menu .subcategory-link { margin-right: -3rem; }


/**Cart**/
#page-menu #cart-desktop .quantity-circle, #page-review #tab-container .quantity-circle { background: #212E86;}
#checkout-div .btn { background-color: #212E86; }

/**Review**/
#page-review #header-layout a, #page-review #header-layout a:hover { color: #FFD0C4; }
#page-review #review-order-btns a.change-order-btn, #page-review #review-order-btns a.edit-order-btn { background-color: #212E86;}
#page-review .tip-container .btn.active, #page-review .gratuity-container .btn.active {background-color: #212E86;}
#terms-modal .btn-accept {background-color: #212E86; border-color: #212E86;}

@media (max-width: 992px) { 
#page-confirm img.client-logo.mb-5 {max-width: 13rem; margin-top: 2rem; }
}

#page-confirm img.client-logo.mb-5 { max-width: 35rem; margin-top: 2rem; }
#page-confirm a.btn.btn-primary.btn-lg { background-color: #EB008C; border-color: #0031A7; color: #fff; font-family: Arial; }
#terms-modal .btn-accept { background-color: #212E86; color: #fff; }

#page-confirm.page {
    background: url(https://storage.tapin2.co/images/bg/FINAL-A-.STOPhb072222G-25--1-.jpg) center top no-repeat;
    background-color: #EB008C;
    background-size: cover;
    height: 101vh;
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: -3rem;
}

#page-confirm.page .display-4 {color: #fff;}
#page-confirm.page p {color: #fff;}


//**#spinner-modal .modal-body .spinner-border { border-color: transparent; background: url(https://storage.tapin2.co/images/bg/81er6--0tWL.jpg) no-repeat center center; background-size: contain; width: 20rem; height: 20rem; }**/