/* Import your intended font family here */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

* {
    font-family: 'Montserrat', sans-serif !important;
}

:root {
    --color-white: rgb(255, 255, 255);
    --color-primary: rgb(229 35 35);
    --color-secondary: rgb(24 23 25);
    --color-tertiary: rgb(196 0 0);
    --color-black: rgb(24 23 25);
    --color-grey: rgb(243 244 246);
}

/* Element: Header */
#nliven-v2 header:not(.admin-header) {
    background: var(--color-white);
}

/* Element: Admin Form */
#nliven-v2 .admin-form {
    z-index: 100000!important;
}

#nliven-v2 .basket-expire-timer {
    position: relative!important;
    z-index: 10000000!important;
}

/* Element: Buttons */
#nliven-v2 .button,
#nliven-v2 .btn,
#nliven-v2 .btn.btn.btn-large,
#nliven-v2 .admin-form .btn,
#nliven-v2 .admin-form .btn.btn-large {
    text-transform: uppercase !important;
    font-weight: lighter;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 300px !important;
    transition: color .25s, background-color .25s, border-color .2s;
}

#nliven-v2 .button:hover,
#nliven-v2 .btn:hover {
    background: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

#nliven-v2 .btn.btn-secondary {
    border-radius: 0!important;
    border: none!important;
    background: var(--color-secondary);
}

/* Element: Event Alert */
#nliven-v2 .event-alert {
    background: var(--color-grey);
    color: var(--color-black);
}

#nliven-v2 .event-alert .button,
#nliven-v2 .zoom-btns-container .btn {
    background: var(--color-secondary) !important;
    border: 1px solid var(--color-secondary) !important;
}

/* Element: Modal Dialog */
#nliven-v2 .consumer-modal,
#nliven-v2 .custom-modal .admin-form {
    padding: 0 !important;
    background: var(--color-grey) !important;
}

#nliven-v2 .consumer-modal .modal-exit .icon {
    color: var(--color-white) !important;
}

#nliven-v2 .custom-modal .custom-modal-wrapper.consumer-modal .custom-modal-header {
    background: var(--color-primary);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#nliven-v2 .custom-modal .custom-modal-wrapper.consumer-modal .custom-modal-header-title {
    color: var(--color-white) !important;
    text-transform: uppercase;
}

#nliven-v2 .custom-modal-wrapper .event-name {
    color: var(--color-primary) !important;
}

#nliven-v2 .custom-modal-wrapper .event-venue {
    color: var(--color-black);
    font-weight: lighter;
}

#nliven-v2 .et-alert-text .et-alert-title {
    background: var(--color-secondary) !important;
}

#nliven-v2 .et-alert-text .et-alert-body {
    background: var(--color-wwhite);
    color: var(--color-black);
    font-weight: lighter;
}

/* Component: Calendar Selection */
#nliven-v2 event-selector-calendar .event-time-button,
#nliven-v2 event-selector-calendar .day .inner-div {
    transition: color .25s, background-color .25s;
}

#nliven-v2 event-selector-calendar .event-time-button:hover {
    background: var(--color-grey);
}

#nliven-v2 .day.active .inner-div,
#nliven-v2 event-selector-calendar .event-time-button.active {
    background: var(--color-primary) !important;
}

#nliven-v2 event-selector-calendar .event-time-button .calendar-event .icon-16-caret-right {
    color: white;
}

/* Component: Shop/Find Best Seat Tabs */
#nliven-v2 .event-info-header .control {
    border: 1px solid var(--color-tertiary);
    color: var(--color-black);
}

#nliven-v2 .event-info-header .control--selected {
    background: var(--color-tertiary);
    border-color: var(--color-tertiary) !important;
    color: var(--color-white);
}

/* Component: Shop by Seat Map */
#nliven-v2 .footer-cart .zoom-btns-container .zoom-in-btn,
#nliven-v2 .footer-cart .zoom-btns-container .zoom-out-btn,
#nliven-v2 .map-footer .zoom-btns-container .zoom-in-btn,
#nliven-v2 .map-footer .zoom-btns-container .zoom-out-btn {
    padding: 0;
}

/* Component: Find Best Seats */
#nliven-v2 #add-ga-seat,
#nliven-v2 #remove-ga-seat {
    background: transparent !important;
    border: none !important;
    color: var(--color-primary);
}

#nliven-v2 #add-ga-seat:hover,
#nliven-v2 #remove-ga-seat:hover {
    color: var(--color-tertiary) !important;
}

#nliven-v2 .btn-find-seats {
    margin-top: 1rem;
}

/* Component: Buy Tickets Tray */
#nliven-v2 .footer-cart .buy-btn-wrapper {
    background: transparent !important;
}

/* Component: Basket */
#nliven-v2 .form-title {
    background: var(--color-primary) !important;
}

#nliven-v2 .form-title .title-text {
    color: var(--color-white) !important;
}

#nliven-v2 .toggle-items-summary {
    color: var(--color-tertiary) !important;
}

#nliven-v2 .event-tickets__header {
    background: var(--color-secondary) !important;
}

#nliven-v2 .event-tickets__header .row-header {
    color: var(--color-white) !important;
    font-weight: 300 !important;
    text-transform: uppercase;
}

@media only screen and (max-width: 760px) {
    #nliven-v2 .admin-form {
        border: none !important;
    }
}

/* Component: Payment */
#nliven-v2 .admin-form .form-control input[type=radio]+.nliven-radio-button>span {
    background: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}