:root {
    --bs-body-bg: #0E0E0E;
}

.btn {
    border-color: transparent;
}

.vip-container-wrapper {
    /*background-image: url('/img/fia/fia_bg.png');  */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    width: 100%;
    /* height: 1120px; */
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;

    /*    background-color: #14045B; */
    background-color: var(--bs-body-bg);
}

.navbar {
    padding-top: 0;
}

.adss img {
    width: 100%;
}

.--vip-item:not(:last-of-type) {
    border-top: 1px solid #515A5A;
}

.--vip-item .modal-content {
    background-color: #fff;
}

.--vip-item .modal-content .--item-name {
    position: relative;
}

.--vip-item .modal-content .--item-name:not(:first-of-type)::before {
    content: ' ';
    width: 100%;
    top: -2px;
    border-top: 1px solid #515A5A;
    position: absolute;
    left: 0;
    right: 0;
}

.--vip-item .card.ticket {
    border: 1px solid #515A5A;
}



.vip-container-wrapper .navbar .navbar-toggler {
    background-color: #63989A;
    color: #FFFFFF;
}

.vip-footer-wrapper {
    background: #63989A 0% 0% no-repeat padding-box; 
    opacity: 1;
    font: normal normal 500 18px/22px Montserrat;
    color: #FFFFFF;
    padding: 20px 0;
    margin-top: 5rem;
}

.vip-footer-wrapper .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.btn-real-white {
    background: #63989A 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal 800 14px/24px Montserrat;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
}

.btn-real-white-normal {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal normal 14px/24px Montserrat;
    text-transform: uppercase;
    color: #000000;
    border: 1px solid #515A5A;
}

.btn-red-upgrade {
    background: #63989A 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal bold 18px/22px Montserrat;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
    
}

.pages_home_page .btn-red-upgrade {
    padding: 1rem;
}

.btn-red-upgrade-normal {
    background: #63989A 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal normal 13px/24px Montserrat;
    text-transform: uppercase;
    color: #FFFFFF;
}

.btn-red-upgrade {
    background-color: #63989A;
}

.modal .btn-red-upgrade {
    background-color: #000;
}

.btn-gray-back {
    background: #515A5A 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    font: normal normal 800 14px/24px Montserrat;
    text-transform: uppercase;
    color: #FFFFFF;
}

.btn-gray-lighter {
    background: #A5A5A5 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal 800 14px/24px Montserrat;
    text-transform: uppercase;
    color: #000000;
}

.btn-black-selected {
    background: #0E0E0E 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font: normal normal 800 14px/24px Montserrat;
    text-transform: uppercase;
    color: #FFFFFF;
}

.btn-real-white:hover,
.btn-real-white-normal:hover {
    background: #515A5A 0% 0% no-repeat padding-box;
}

.btn-red-upgrade:hover,
.btn-red-upgrade-normal:hover {
    background: #515A5A 0% 0% no-repeat padding-box;
}

.btn-gray-back:hover,
.btn-gray-lighter:hover {
    background: #515A5A 0% 0% no-repeat padding-box;
}


.font-weight-black {
    font: normal normal 900 30px/37px Montserrat;
}

.vip-footer-wrapper a {
    text-decoration: none;
    color: #FFFFFF;
}

.vip-footer-wrapper a:hover {
    text-decoration: none;
    color: #D3C5C7;
    opacity: 0.8;
}

.input-group.quantity-input .form-control {
    background-color: #FFFFFF;
    color: #000000;
    font-weight: 800;
    font-size: 14px;
    border-right: #515A5A;
    border-left: #515A5A;
}

.cart_checkout_page .form-control {
    background-color: #FFFFFF;
    color: #000000;
}

.card.ticket {
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 1rem;
}

.card.ticket hr {
    background-color: #515A5A;
}

.card.ticket .card-header {
    border-bottom-color: #515A5A;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 15px;
    color: #000000;
}

.size-selector .btn:focus {
    box-shadow: none;
}

.single-event-date {
    font: normal normal 600 28px/34px Montserrat;
    color: #D3C5C7;
}

/*ticket policy*/
.--ticket-policy  {
    background-color: #FFFFFF;
    color: #000000;
}

.--ticket-policy h5 {
    font: normal normal 900 34px/42px Montserrat;
}

.--ticket-policy p {
    font: normal normal 500 16px/19px Montserrat;
}

.vip-container-wrapper  .shows {
    margin-bottom: 48px;
}

.vip-container-wrapper h2{
 margin-bottom: 28px;
 padding-bottom: 28px;
 border-bottom: 1px solid #515A5A;
 color: #FFFFFF;
 font: normal normal 900 50px/61px Montserrat;
}

.vip-container-wrapper .navbar .navbar-collapse ul li a {
    font: normal normal 700 16px/24px Montserrat;
    color: #FFFFFF;
    background-color: #63989A;
    border-radius: 20px;
    padding: 13px 40px;

}

#navbarSupportedContent a.btn {
    padding: 13px 40px;
    font: normal normal 800 20px/24px Montserrat;
}

.vip-container-wrapper .navbar .navbar-collapse ul li a:hover,
.vip-container-wrapper .navbar .navbar-collapse ul li a:focus {
    color: #FFFFFF;
    background: #515A5A 0% 0% no-repeat padding-box;
    margin: -1px;
}

.event-marker a, .event-legend {
    background-color: #63989A;
}


.column-divider-horizontal {
    border-left: 1px solid #515A5A;
    min-height: 500px;
    padding-left: 5%;
}

#dropdown-container {
    background-color: #515A5A;
    color: #FFFFFF;
    padding: 15px 5px;
}

#dropdown-container a {
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
}

#navbarSupportedContent {
    margin: 28px 0 0;
    text-align: left;
}

.adss {
    margin-bottom: 32px;
    background-color: #515A5A;
    padding: 20px;
    border-radius: 10px;
}


a.btn-external-ticket-link {
    background-color: #FFF;
    color: #000;
    padding: 1rem;
    border-radius: 5px;
    font: normal normal bold 18px/22px Montserrat;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.card.--details .card-header {
    border-bottom: none;
}

.card.--details .card-header span {
    background-color: #fff;
    color: #000;
    padding: 3px 20px;
}

.card.--details .card-header span:first-of-type {
    margin-right: 1rem;
}

.card.--details .card-header span.--sold-out {
    color: #fff;
}

.get-notified-package {
    background-color: #7C7C7C;
    font: normal normal bold 18px/22px Montserrat;
    color: #FFFFFF;
}

.apply-coupon-btn, #continue-to-customer-information-button, .complete-purchase {
    background: #63989A 0% 0% no-repeat padding-box;
    font: normal normal bold 16px/19px Montserrat;
}

@media (max-width: 375px) {
    .vip-container-wrapper .navbar-brand img {
        width: 107px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 414px) {
    .btn-real-white {
        width: 100%;
    }

    .btn-red-upgrade {
        width: 100%;
    }

    .btn-gray-back{
        width: 100%;
    }

    .vip-container-wrapper .navbar-brand img {
        width: 107px;
    }

    .display-0 {
        font: normal normal 900 40px/45px Montserrat;
    }

    .vip-container-wrapper {
        background-size: 167%;
    }
}

@media (max-width: 768px) {

    .vip-container-wrapper {
        background: transparent ;
     }

     .navbar-expand-md .navbar-brand img{
        
     }

     .btn-red-upgrade, .shows .col-6 {
        width: 100%;;
    }

    .adss .col-md-6 {
        margin-bottom: 14px;
    }

     .navbar-expand-md .navbar-brand  {
       
     }

    .vip-container-wrapper .navbar .navbar-collapse ul li:not(:last-of-type) {
        margin-bottom: 0.5rem;
    }
    .vip-container-wrapper .navbar .navbar-collapse ul li {
        width: 100%;
    }

    .column-divider-horizontal {
        border-left: none;
        min-height: auto;
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .--vip-item .justify-content-between > .col-md-6 {
        width: 32%;
    }

    .--vip-item .justify-content-between > .col-12 {
        width: 62%;
    }

    .--vip-item .col-7 span {
        text-transform: uppercase;
    }

    .--vip-item .justify-content-between .col-7 {
        width: 100%;
        margin-bottom: 15px;
    }


}


@media (max-width: 767px) {
    .vip-container-wrapper .navbar-brand img {
        width: auto;
        height: 37px;
        margin: 0 auto;
        display: inline-block;
    }

    .justify-content-center-xs {
        justify-content: center!important;
    }

    .vip-container-wrapper .fnavbar-brand {
        display: inline-block;
        margin:  15px 0;
    }

    .vip-container-wrapper {
        background-color: #0E0E0E;
    }

    .navbar {
        background-color: #0E0E0E;
        padding: 15px;
    }

    .navbar-collapse hr {
        display: none;
    }

    .vip-container-wrapper .navbar .navbar-collapse ul li a,
    #navbarSupportedContent a.btn  {
        background-color: #63989A;
        color: #FFFFFF;
        width: 100%;
    }

    #navbarSupportedContent {
        padding-bottom: 25px;
    }

    #navbarSupportedContent {
        margin: 0;
    }

    .vip-container-wrapper > .container {
        width: 100%;
        padding: 0;
    }

    .vip-footer-wrapper .container {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .vip-footer-wrapper .container > *:first-child {
        text-align: center;
    }

    .vip-footer-wrapper .container > *:last-child {
        text-align: center;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .btn-real-white {
        width: auto;
    }

    .btn-gray-back{
        width: auto;
    }

    .vip-container-wrapper .navbar-brand img {
        width: 100%;
        margin: 0 auto;
    }

    .vip-container-wrapper {
        background-size: 100%;
    }

    .vip-container-wrapper .navbar .navbar-collapse ul {
        /*display: flex;*/
        display:none;
        list-style-type: none;
        padding: 0;
        justify-content: flex-start;
        width: 70%;
    }

    .fiafooter {
        float: left;
        width: 90%;
    }
}

@media (min-width: 1200px) {

    .vip-container-wrapper .container,
    .vip-footer-wrapper .container {
        max-width: 960px;
    }
}

@media (min-width: 1400px) {

    .vip-container-wrapper .container,
    .vip-footer-wrapper .container {
        max-width: 960px;
    }
}