/*NEW Colors: Black #212121; White #FFF; Red #DA291D;*/
/*NEW LOGO: https://storage.tapin2.co/images/bg/cdnlogo.com_rogers-place-logo.png*/

/***REMOVE TO ADD PRODUCT IMAGES BACK***/
#page-menu .tab-content .col-5 { flex: 0 0 100%; max-width: 100%; }
#page-menu .list-product li.item .img img { display: none;}
#page-menu .list-product li.item .price { color: #000;; font-weight: normal; display: block; margin-top: -1.5rem; text-align: right; font-size: 1.25rem; }
#page-menu .list-product li.item .btn-quick-add { display: none;  }
#page-menu .p-2 { padding: .75rem!important; }
#page-menu .list-product li .row .img div { height: unset!important;}
.modal-product .modal-dialog .modal-body img { display: none; }


/*.login #navbarDropdown { display: none; }
.dropdown-item:nth-child(1) { display: none; }*/

.fa.fa-chevron-left { color: white; }
.bg-dark { background-color: #9D2235!important; }
.dropdown-item { color: #000!important; }

/***HOME***/
#page-home { background: #212121 url() no-repeat center center; color: #FFF; background-size: contain }
  #page-home h1 { visibility: hidden; }
  #page-home #logo { background: url(https://storage.tapin2.co/images/bg/cdnlogo.com_rogers-place-logo.png) no-repeat center top; min-height: 20vh; background-size: 90%; margin-top: 3rem; }
  #page-home label { color: #FFF; }
  #page-home .btn-primary { background-color: #DA291D!important; color: #fff; border: 2px solid #FFF; }
  #page-home .btn-secondary { background-color: #DA291D!important; color: #fff; border: 2px solid #FFF; }
  #page-home #tos-privacy { color: #fff; }
  #page-home #tos-privacy a { color: #fff!important; }
  #page-home #seat-form select { border: 2px solid #FFF; border-radius: 6px; }
  .login a, .login-header a { color: #FFF; }
.fa-window-close { color: #FFF; }
.btn.btn-primary { background-color: #FFF; color: #212121; }
.bg-dark { background-color: #FFF!important; }

/***MENU***/
body[data-target="#category-bar"] { background-color: #fff; }
  #page-menu .tab-content { background: #212121; }
  #page-menu .tab-content h4 { color: #fff; }
#page-menu #header { background-color: #212121!important; }
  #page-menu #header h4 { color: #ffffff; }
  #page-menu #header { background: url(https://storage.tapin2.co/images/bg/cdnlogo.com_rogers-place-logo.png) no-repeat center center; background-size: 50%; }
  #page-menu #header ul > li > a { color: #ffffff; }
#page-menu .list-product li.item {background-color: #DA291D; border: 2px solid #FFF; border-radius:4px;}
  #page-menu .list-product li.item span { color: #fff; }
  #page-menu .list-product li.item .price { color: #fff; }
  #page-menu .list-product li.item .btn-quick-add { background-color: #FFF; }
#page-menu ul.nav-category {background-color: #212121; text-transform: capitalize; }
  #page-menu #category-bar ul li a {color: #fff; background-color: #212121; border: 0px;border-radius: 0px!important; font-size: 18px }
  #page-menu #category-bar ul li a.active {color: #212121; background-color: #FFF; border-bottom: solid 2px #CFAE70;border-radius: 0px!important; }
#page-menu .notification { color: #ffffff!important; background-color: #212121!important; opacity: 1!important; }
a.back { color: #212121; }

/***PRODUCT MODAL***/
#product-modal .btn-primary { background-color: #DA291D; color: #fff; border: 2px solid #FFF} 
.modal-product .modal-body .row-modifiers .modifier.selected { background-color: #212121!important; }
.modal-product .modal-dialog .modal-body .row-quantity input[type=text] { color: #212121; }
.modal-product .modal-dialog .modal-body .row-quantity button { color: #DA291D; }

/***FOOTER BUTTON THROUGHOUT***/
.fixed-bottom .btn-primary { background-color: #DA291D!important; color: #FFF; border: 2px solid #FFF!important; }

/***REVIEW CART***/
#header { background: #212121 url(https://storage.tapin2.co/images/bg/cdnlogo.com_rogers-place-logo.png) no-repeat center center; background-size: 50%; }
#page-review #seat-info { background-color: #DA291D;  }
#page-review .btn-group > .btn { background-color: #DA291D; }
#tip-container .btn.active { background-color: #FFF; color: #212121; border: 2px solid #212121;}
#page-review .login-link { display: none; }
#page-review #tos-privacy { color: #212121!important; }

/***PREPAYMENT (collect name & phone)***/
#page-pre-payment { background-color: #212121; color: #fff; }

/***PAYMENT (iframes must be styled in gateway settings)***/
#page-payment { background-color: #fff; color: #212121; }
  #page-payment #tos-privacy a { color: #212121; } 
  #page-payment #tip-container .btn { background-color: #fff; color: #212121; border: 2px solid #212121; }
  #page-payment #tip-container .btn.active { background-color: #212121; color: #fff; }
  #page-payment #tip-container button.add-tip { background-color: #212121; color: #fff!important; }

/***ORDER CONFIRMATION***/
#order-confirm { background-color: #fff; color: #212121; min-height: 100vh; }
  #order-confirm h1 { color: transparent; background: url(https://storage.tapin2.co/images/bg/cdnlogo.com_rogers-place-logo.png) no-repeat center center; min-height: 20vh; background-size: 90%; margin-top: 1rem; }
  #order-confirm .table { color: #212121; }
  #order-confirm button.btn.btn-primary.mx-3.font-weight-bold { background-color: #DA291D; border: #212121; color: #FFF;}
  #order-confirm a.btn.btn-primary.mx-3.font-weight-bold { background-color: #212121; border: #212121; color: #FFF;}
  #order-confirm button.btn.btn-primary.w-50.my-3.font-weight-bold { background-color: #212121; border: #212121; color: #FFF;}

.wallet-payment-button { background-color: #DA291D; color: #fff; }
.payment-methods ul > li.selected { background-color: rgba(34, 83, 122, 0.5);}

/***EVENT OFF ERROR PAGE***/
#page-idle { background: #236192 url() no-repeat center center; background-size: cover;  }
#page-idle .fixed-bottom .btn-primary { background-color: #6F263D; }

#spinner-modal .d-flex.justify-content-center { background: url() no-repeat center; background-size: 20%; }
#spinner-modal .modal-body .spinner-border { border-color: #FFF; border-right-color: #212121; width: 12rem; height: 12rem; border-width: 7px; }


