/**UNIVERSAL LAYOUT CSS**/
@media (max-width: 768px) {
#page-home { background: #000 url(https://storage.tapin2.co/images/bg/aramark-bkgd-c.png) no-repeat center bottom; background-size: cover; }
#page-home { height: 100vh; }
#suite-logo {max-width: 70vw!important;}


.modal-product .modal-dialog .modal-body img { display: none;}
#spinner-modal .modal-body .spinner-border { border-color: #8C1D40; border-right-color: #FFC627;}
#suite-logo {margin-top: 9rem;}
#canned-message-modal .canned-message-div.active {
    background-color: #8C1D40;
}
  .row.no-gutters.p-1 { flex-direction: row-reverse; }
  .col-7.pr-3 { max-width: 30%; padding-right: 0px!important; }
  .info.col-5 { min-width: 70%; }
  #page-menu .product-container { padding: .125rem; border: 1px solid #ccc; }
  #page-menu .product-container .btn-quick-add { line-height: .75rem; margin-right: 4px; border-radius: .25rem; }
  #page-menu .btn-pr { min-height: unset; }
  .list-product { border-radius: 0.5rem; }
  .list-product img { border-radius: 8px; min-height: 80px; padding: 0.25rem 0; }
  .list-product .price { font-size: 1rem; font-weight: normal; }
  #page-menu #products h4 { text-align: left!important; font-size: 1.25rem!important; text-transform: uppercase; font-weight: bold; margin-top: 2rem; }
  #page-menu #left-section { background-color: #f2f2f2; padding: 0; }
  #page-menu #left-section #products-container { padding: 0 .375rem; }
  #page-menu #left-section #category-bar { background-color: #fff!important; }
  #page-menu nav ul li a { font-size: 1.25rem; color: #b8b8b8; background-color: #ffffff; border: 0px; border-radius: 0px!important; }
  #page-menu nav ul li a.active { color: #2b2b2b; background-color: #FFF; border-bottom: solid 2px #000; border-radius: 0px!important; }
#left-section { color: #000; }
}

/*** Colors - Red #8C1D40; Pewter #34302B; Orange #FF7900; ***/
/* Logo (badge) -https://tapin2.blob.core.windows.net/images/v1408/logo/hondalogo.png ***/
@font-face { font-family: dinmed; src: url('https://storage.tapin2.co/fonts/din-medium-regular.ttf'); }
@font-face { font-family: light; src: url('https://storage.tapin2.co/fonts/dinnextltpro-light.ttf'); }

body.suite.pin, body.suite.tab-pin, body.suite.tab-detail {
    background-color: #fff!important;
}


#timeout-modal>.modal-dialog>.modal-content button { font-size: 1.25rem; padding: 0.5rem; }
#timeout-modal>.modal-dialog>.modal-content h1 { font-size: 1.5rem; }

body.suite { background-color: #000!important; }
label { font-family: light; }
.btn-primary {background-color: #8C1D40; color: #fff; font-family: dinmed; }
.btn.btn-primary.fixed-bottom { font-size: 1.25rem; }
h2.text-center.mb-5  { display: none; }
form.tapin2-blue {background-color: #A7A8AA!important;}
.modal-dialog { margin: 1rem; }
.plus-minus { color: #000; }

#tos-privacy {background-color: #ffffff00;}

#page-home { background-color: #fff; font-family: dinmed; }
  #logo { min-height: 160px; background: url(-https://storage.tapin2.co/images/bg/arizona_state_sun_devils_logo_wordmark_20113694.png-) no-repeat center center; background-size: contain; }
  #page-home #seat-container select { margin-top: 4rem; border-right: 0; border-left: 0; border-radius: 0; margin-bottom: -3rem; }
  #page-home .text-center { color: #63727A; }
  #page-home button { border: 0!important; border-radius: .375rem!important; }
    #page-home button span { font-size: 1.25rem!important; }
    #page-home #start-tab { background-color: #8C1D40!important; color: #fff; font-family: dinmed; margin-top: 3rem; }
      #page-home #start-tab span {font-size: 2rem; font-family: dinmed!important;}
    #page-home #existing-tab { background-color: #000!important; important; color: #fff; }
    #page-home button > .btn-title { font-size: 1.5rem; font-family: dinmed, sans-serif!important;}
    #page-home button.btn-lg { padding: .5rem 1rem; }
  #page-home #bottom-container { padding: 0 5vw; }
#page-home span#seat-title { color: #fff; }
#page-home button { background-color: #8C1D40!important; border: 1px solid #fff; border-radius: .375!important; }


#home-login-modal { background-color: #fff; color: #000; }
  #home-login-modal .login-content { color: #000; }
  #home-login-modal button { background: unset!important; }
  #home-login-modal .btn-primary { background-color: #000!important; }
  #home-login-modal .modal-header { background: url(https://storage.tapin2.co/images/bg/arizona_state_sun_devils_logo_wordmark_20113694.png) no-repeat center center; background-size: 23%; }
    #home-login-modal .modal-header .fa-window-close { color: #000; }
  #home-login-modal .row { margin: 0; }
  #home-login-modal .row .row { margin: 0 0 20px 0; }
  #home-login-modal .btn-assistance { background-color: #8C1D40!important; }
#home-login-modal .login-content, #page-pin #tab-index { background-color: #fff; border: 2px #fff solid; margin: 1rem 0; border-radius: 1rem; color: #000!important; }
.btn-link:hover { color: #8C1D40; text-decoration: underline; }

#back-bar { background: #fff url(https://storage.tapin2.co/images/bg/arizona_state_sun_devils_logo_wordmark_20113694.png) no-repeat center center; background-size: 33%; }
#back-bar a, #back-bar a:hover { color: #000; }

#page-menu { }
  #page-menu #cart { display: none; }
  #page-menu .product-container .btn-quick-add { background-color: transparent; color: transparent; display: none; }
/* #page-menu h4.tag-header { margin-top: -2rem!important; }*/
  #page-menu #tag-bar .nav .nav-item>.subcategory-link.active { background-color: #fff; color: #000; }
  #page-menu .btn.btn-primary.fixed-bottom { background-color: #8C1D40; border-radius: .375rem; font-size: 1rem; font-weight: normal; width: 94%; margin: 8px 3%; background-color: #8C1D40 !important; color: #fff; }
#page-menu #tag-bar .nav .nav-item>a { color: #b8b8b8; background-color: #fff;}

.modal-product .modal-dialog .modal-body .row-modifier-groups .row-modifiers .modifier.selected { color: #fff; background-color: #8C1D40; }



#product-modal .row { margin-left: .5rem!important; margin-right: .5rem!important; }
#product-modal .row-info { padding-bottom: 1rem; }
#product-modal .row-info, #product-modal .row-description { border-bottom: 1px solid #aaa; }
#product-modal .title, #product-modal .price { font-size: 1.125rem; }
#product-modal .row-quantity input[type=text] { font-size: 1.5rem; width: 1rem; } 
#product-modal .row-quantity button { font-size: 1.25rem; }
#product-modal .btn-primary { text-transform: none; font-weight: normal; font-size: 1rem; }
#product-modal span.total { font-weight: bold; font-size: 1rem; }
.modal-footer .btn-primary {
background-color: #8C1D40;
}
.fa {
color: #000!important;
}
.modal-product .modal-dialog .modal-body .row-quantity input[type=text] {
display: inline-block;
height: 2.5rem;
width: 4rem;
font-size: 2.5rem;
line-height: 2.5rem;
color: #000;
font-weight: bold;
}



#upsell-modal .upsell-description { font-size: 1.25rem; }
#upsell-modal .btn { font-size: 1.25rem; padding: 0.5rem; }
#upsell-modal .upsell-title,#upsell-modal .upsell-price { font-size: 1.25rem; font-weight: normal!important; }
#upsell-modal .row.justify-content-around.my-5 { margin: 1rem!important; }

#page-pin { font-family: light; }
  #page-pin, #page-pin .pseudo-table { background-color: #fff; color: #000; }
  #page-pin .pseudo-table { border: 1px solid #ddd; }
    #page-pin .thead { border-bottom: 1px solid #ddd; text-transform: uppercase; font-weight: bold; font-size: 0.75rem; }
    #page-pin .tfoot { font-size: 1rem; }
      #page-pin .tfoot .row:nth-child(1) { padding-top: 2rem; }
  #page-pin .suite-info-label { line-height: 1.5rem; margin-top: 2rem; }
  #page-pin #user-info-container label { font-family: 'Proxima Nova'; font-weight: bold; font-size: .875rem; text-transform: uppercase; margin-bottom: 0; }
  #page-pin #user-info-container small { font-size: .75rem; }
  #page-pin #submit-button { font-size: 1rem; font-weight: normal; width: 94%; margin: 8px 3%; border-radius: 4px; }

#page-payment { font-family: light; }
#page-payment #split-section-1 { background-color: #fff; color: #000; }
#page-payment #split-section-1 .p-5 { padding: 1rem 2rem!important; }
#page-payment #loyalty-payment-methods .col-12 { display: flex; justify-content: center; }
#page-payment #loyaltyPayment label { font-size: 1.25rem; font-weight: bold; }

button#view-tab, button[name=request-assistance] {
color: #fff;
background-color: #8C1D40;

}

.page-split #split-section-1 .form-control { background-color: #fff; font-size: 1.25rem; width: 80vw; }
.page-split #split-section-1 form { padding: 0; }
.page-split #split-section-1 .instructions { font-weight: bold; }
.page-split .btn.btn-primary {
    padding: .5rem 1.0rem;
    font-size: 1.25rem;
    background-color: #8C1D40;
    color: #fff;
}
#page-payment .btn-secondary { display: none !important; }
#page-payment iframe#hpc--card-frame { border: 1px solid #aaa; margin-top: 1rem; background: #f2f2f2; }
#page-payment p.text-center.mt-5.authorized-text { line-height: 1.5rem; font-size: 1rem; margin-top: 1rem!important; }
#page-payment .line-through-words { display: none; }

#page-payment #tos-privacy {
    background-color: #fff;
}

#page-tab-detail { font-family: light; color: #000; }
  #page-tab-detail #back-bar { height: 56px; }
  #page-tab-detail .summary-container { padding: 0 1rem!important; }
  #page-tab-detail h1 { font-size: 1.25rem; margin-top: .5rem!important; }
  #page-tab-detail h3 { font-weight: bold; }
  #page-tab-detail #request-assistance { background-color: #8C1D40; line-height: unset; }
    #page-tab-detail #request-assistance[disabled] { background-color: #8C1D40!important; }
  #page-tab-detail .row.fixed-bottom { margin: 0!important; }
  #page-tab-detail #add-another-order { background-color: #000!important; color: #fff; }
  #page-tab-detail a[href*="/Receipt/Index/"] { margin-bottom: 1rem; }
#page-tab-detail .btn-primary, #page-capture .btn {
background-color: #8C1D40;
border: 0;
}
#page-tab-detail .fixed-bottom>.btn.btn-primary {
border: 0;
border-radius: 0;
font-size: 1.25rem;
font-weight: bold;
line-height: 2;
}

#page-tab-detail #request-assistance { background-color: #8C1D40 !important;}

button>.btn-title {
display: block;
font-family: dinmed;
font-size: 1.75rem;
font-weight: bold;
}

.btn:hover {
color: #fff;
}

.mt-1, .my-1 {
margin-top: 0rem!important;
}


 #close-order-modal .btn-primary { background-color: #A7A8AA; color: #fff; }
 #close-order-modal .close-tab-card-on-file-btn { background-color: #D8C1D40; color: #fff; }
 #close-order-modal .modal-header { border-bottom: 0; padding: 0.5rem 1rem; }
 #close-order-modal .modal-body { padding: 0 1rem 1rem 1rem; }

#page-capture #split-section-1 { background-color: #fff; color: #000; font-family: dinmed; }
  #page-capture #split-section-1 form .form-group label { color: #000; }
#page-capture #tip-container input { color: #000; }
#page-capture #tip-container input[name="tipCustom"] { width: unset; } 

#page-capture .btn {background-color: #8C1D40; color: #fff; }
  #page-capture .btn.active {background-color: #000; color: #fff; border-color: #A7A8AA;}
#page-capture button[name="submit-tip"] { width: 94%; margin: 8px 3%; border-radius: .5rem!important; font-size: 1rem!important; font-weight: normal!important; }
#page-capture .btn-clear.btn-tip { border: 0; background-color: #D1D3D4!important; padding: 2px 12px!important; }
#page-capture .btn-clear.btn-signature { border: 0; background-color: #D1D3D4 !important; padding: 2px 12px !important; }
#page-capture #canvas-container canvas { height: 10rem; }
#page-capture .text-muted { color: #D64309!important; text-shadow: 1px 1px 1px #000; }

body.suite.receipt { background: #fff url(https://storage.tapin2.co/images/bg/arizona_state_sun_devils_logo_wordmark_20113694.png) no-repeat center 4px!important; min-height: 100vh; position: absolute; background-size: 20rem !important; margin-top: 5rem; }
#page-receipt { background-color: #fff; color: #000; }
#page-receipt .btn-primary { color: #fff; background-color: #8C1D40; border: 0; font-family: dinmed; font-size: 1rem; }
#page-receipt .btn-secondary { border: 0; font-family: dinmed; color: #fff; background-color: #090300; font-size: 1rem; }
#page-receipt h3 { font-family: 'light'; }
#page-receipt .row.align-items-center.justify-content-between.mb-4.mt-5.no-gutters { margin-top: 5rem!important; }


#page-home button#start-tab { display: none;}
#add-on-to-preorder {display: none!important;}
#add-to-tab, #resume-tab {display: none!important;}