/***Colors Bright Red #E13B23, Dark Red #B5121B***/

/***Home Page***/

.btn-primary { background-color: #D7B98A;border-color: #D7B98A; }
#login-modal .modal-header .fa-window-close, #login-before-event-selection-modal .modal-header .fa-window-close { color: #D7B98A; }
#page-seat .event-row .event-select-btn { background-color: #D7B98A; }
#page-seat .event-grid .event-select-btn { background-color: #D7B98A; }
#spinner-modal .modal-body .spinner-border { border-color: transparent; background: url(https://storage.tapin2.co/images/bg/SD-logo.png) no-repeat center center; background-size: contain; width: 15rem; height: 15rem; }
#page-seat .event-row img { object-fit: contain; }
#page-seat .event-grid .card { height: unset; width: unset; }
#page-seat .event-grid .card-img-top {object-fit: contain;}
#search-event-container { margin-top: 2rem; margin-left: 1rem; background-color: transparent!important;}
#page-seat .event-row img { object-fit: contain; }
.pt-2, .py-2 { padding-top: 0rem!important; }
.border-bottom { border-bottom: 0px solid #FFFFFF!important; }
 
   

/***Menu**/
#header-layout { background-color: #D7B98A;}
#page-menu #header-layout .header-right {color: #fff;}
#page-menu .edit-seat-btn, #page-review .edit-seat-btn, #page-tab .edit-seat-btn {background-color: #D7B98A; border-color: #D7B98A;}
/*#header-layout .logo {width: auto!important;}*/


#header-layout .logo {object-fit: contain;}
#page-menu .event-img, #page-review .event-img, #page-tab .event-img {width: 24rem;}


.modal-product .modal-dialog .modal-body .row-quantity input[type=number] {color: #D7B98A;}
.fa-plus:before {color: #000;}
.fa-minus:before {color: #000;}
#checkout-div .btn {background-color: #D7B98A;}
#page-menu #cart-desktop .quantity-circle, #page-review #tab-container .quantity-circle, #page-tab #tab-container .quantity-circle {background: #D7B98A;}
  #page-menu nav>a {margin-right: -17px;}
#page-menu .subcategory-link {margin-right: -33px;}
#product-modal .col-7.text-nowrap { Width: 100%; min-width: 100%; text-align: center;}
#product-modal .col-5.pl-1 { display: none;}

#page-menu nav > a.active {text-decoration: underline solid #D7B98A 4px;text-underline-offset: 7px;}

#page-menu .nav-link.active {background-color: #fff !important;color: #D7B98A;}

@media (max-width: 768px){ 
#page-menu .event-img, #page-review .event-img, #page-tab .event-img { width: 8rem!important;}
#page-menu #header-layout .header-right {
    color: #fff;
    margin-right: 1rem;
}

@media (max-width: 980px){ 

#page-seat h1 { font-size: 1rem;}
#page-seat .form-control-lg {font-size: .7rem;}
}