/*Colors: Dark Blue: #283543; Blue: #0031A7; Light Blue: #6EADF3;*/

@font-face { font-family: Gotham; src: url('https://tapin2.blob.core.windows.net/fonts/gotham-book.ttf'); }
@font-face { font-family: MontEB; src: url('https://storage.tapin2.co/fonts/montserrat-extrabold.ttf'); }

#spinner-modal .modal-body .spinner-border { border-color: #0031A7; border-right-color: #FFF;}
#event-details p {color: #fff;}
#search-event-container {background-color: #ffffff00;}

body.preorder.seat { background: url(https://storage.tapin2.co/images/bg/aramark-bkgd-c.png) center top!important; background-size: cover!important; height: auto; width: 100%; }
#page-seat .list-grid-toggle {display: none!important;}

.footer { background: url(https://storage.tapin2.co/images/bg/aramark-bkgd-c.png) center center!important; background-size: cover!important; }
#page-seat h3 { color: #fff; }
#page-seat .link { color: #FEC559; }
#page-seat .list-grid-toggle { color: #fff; }
#page-seat .list-grid-toggle div.select { color: #FEC559; } 
#page-seat #event-header .fa-calendar-days { color: #0031A7; }
#page-seat #event-header .input-group .btn-primary { background-color: #283543; border: 0; }
#page-seat .event-grid .card { height: unset; width: unset; }

.navbar-toggler {margin-right: -29px;}

#event-details p {color: #fff;}
#search-event-container {background-color: #ffffff00;}

body.seat .body-content { padding-top: 0px; }

#page-review #search-event-container {background-color: #ffffff00;}


@media (max-width: 768px) {
#top-header .d-flex.justify-content-between.align-items-center { background: url(https://storage.tapin2.co/images/bg/header-images-900.png) no-repeat center center; background-size: contain; min-height: 7rem; }
#page-seat #main-body .row { padding-left: 0!important; padding-right: 0!important; }
}

@media (min-width: 768px) {
#top-header .d-flex.justify-content-between.align-items-center { background: url(https://storage.tapin2.co/images/bg/header-images-1080.png) no-repeat center bottom; background-size: contain; min-height: 7rem; }
}

@media (min-width: 1080px) {
#top-header .d-flex.justify-content-between.align-items-center { background: url(https://storage.tapin2.co/images/bg/header-images-1450-c.png) no-repeat center bottom; background-size: contain; min-height: 7rem; }
}

@media (min-width: 1400px) {
#top-header .d-flex.justify-content-between.align-items-center { background: url(https://storage.tapin2.co/images/bg/header-images-1920-c.png) no-repeat center bottom; background-size: contain; min-height: 7rem; }
}


/*.login a { display: none; }*/
.navbar-toggler {background-color: #FFF;}
.login a { color: #07080C; }
#main-body { overflow: unset!important; }
#main-body button, #main-body a { height: 100%; display: flex; justify-content: center; align-items: center; }
#main-body .col-12.col-md-4 { margin-bottom: 1rem; }
#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.5rem!important; content: 'Continue as guest';}

@media (min-width: 768px) {
#page-seat #preorder-logo-container #preorder-logo { max-height: 40vh; }
#page-seat .col-md-4 { flex: 0 0 25%; max-width: 25%; }
}

body.preorder.seat { font-family: Gotham; }
#page-seat p { font-size: 1rem; }
#page-seat .bg-white { background-color: transparent!important; }
#page-seat .border-bottom { border: transparent!important; }
#page-seat footer h3 { color: #fff; font-family: Montserrat; font-weight: bold; font-style: italic; }
#page-seat #main-body .btn-primary { background-color: #283543; border-color: #283543; font-family: montserrat; font-weight: bold; }
#page-seat footer a { color: #6EADF3; font-family: Montserrat; font-weight: bold; text-decoration: underline; text-underline-offset: 6px; letter-spacing: 1px; }
#page-seat footer #contact { color: #fff; margin-top: .75rem; }
#page-seat h1 {font-family: Gotham;color: #fff;width: 53%;background-color: transparent;border-radius: 9px;margin-left: 27rem;}


.fa-window-close:before { color: #283543; }

#page-seat .event-row { color: #fff; }
#page-seat .event-row .event-select-btn { background-color: #0031A7!important; color: #FFF; font-family: Gotham; }
#page-seat .event-grid .event-select-btn { background-color: #0031A7; color: #FFF; font-family: Gotham; }
#page-seat .event-grid .card-title { color: #283543; }
#page-seat .event-grid .card-text { color: #283543; }

#page-seat #top-header .row.justify-content-center { display: none; }

#preorder-get-started-btn { background-color: #283543; border-color: #283543; }
button.btn.btn-primary.preorder-home-btn { background-color: #BA9863; border-color: #BA9863; color: #FFF; font-family: Gotham; }
#page-seat .seat-div .event-change-btn { background-color: #0031A7; border-color: #0031A7; color: #FFF; font-family: Gotham; }

#login-before-event-selection-modal .modal-header .fa-window-close { color: #0031A7; }
#login-modal .modal-header .fa-window-close { color: #0031A7; }
#login-modal .btn-primary { background-color: #0031A7; border-color: #0031A7; color: #FFF; font-family: Gotham; }



.product-container.c17589.col-md-6 { flex: 0 0 100%; max-width: 100%; min-height: 10rem; }
.product-container.c17589.col-md-6 .btn-pr .product-image img { height: 149px; width: 400px; }
.product-container.c17589.col-md-6 .btn-pr { height: 150px; }

#page-menu {
    background: url(https://storage.tapin2.co/images/bg/aramark-bkgd-c.png);
    background-size: cover;
    background-attachment: fixed;
    height: auto;
    width: 100%;
}
#page-menu nav>a {color: #b1b1b1;}
#page-menu .nav-link.active {color: #000;}
#header-layout .logo {width: 10rem;}
#header-layout {background-color: #0e1013;}
#page-menu #header-layout .header-right {color: #FFF;}
#page-menu nav>a {margin-right: -2rem;}

#page-menu .subcategory-link { margin-right: -51px;}

#page-menu { font-family: Gotham; }
#header-menu #menu-cart { color: #0031A7; }
#page-menu .edit-seat-btn { background-color: #0031A7; border-color: #0031A7; color: #FFF; font-family: Gotham; }
#page-menu nav > a.active { text-decoration: underline solid #0031A7 4px; }
.modal-product .modal-dialog .modal-body .row-quantity input[type=number] { color: #C8102E; }
.fa-minus:before { color: #C8102E; }
.fa-plus:before { color: #C8102E; }
.modal-footer .btn-primary { background-color: #0031A7; border-color: #0031A7; color: #FFF; font-family: Gotham; }
#page-menu #cart-desktop .quantity-circle { background-color: #C8102E; }
.btns.btns-checkout .btn { background-color: #BA9863; color: #FFF; font-family: Gotham; }
#page-menu .btn.btn-secondary.btn-note { background-color: #6EADF3; border-color: #6EADF3; font-family: Gotham; }
#page-menu .btn.btn-secondary.btn-note, #page-menu #cart-desktop #special-instruction-btn { background-color: #6EADF3; border-color: #6EADF3; font-family: Gotham; }
.product.selected { background-color: #0031A7; }

.modal-dialog-scrollable .modal-body { font-family: Gotham; }
#product-modal .title, #product-modal .price { font-family: Gotham; }
.row-product-groups .row-products > .selected .modifier.selected, .row-modifier-groups .row-modifiers .modifier.selected { background-color: #0031A7; }

#page-review .tip-container .btn.active, #page-review .gratuity-container .btn.active { background-color: #0031A7; }
.custom-control-input:checked~.custom-control-label::before { background-color: #0031A7; }
#checkout-div button { background-color: #0031A7!important; }
.btns.btns-checkout .btn { border-color: #0031A7; }
 #header-layout .header-right .login {display: none;}



@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: #0031A7; border-color: #0031A7; color: #6EADF3; font-family: Gotham; }
#terms-modal .btn-accept { background-color: #0031A7; color: #6EADF3; }

#page-confirm.page {
    background: url(https://storage.tapin2.co/images/bg/armk.png) center top no-repeat;
    background-color: #353737;
    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;}