/* @group Private Events
------------------------------------ */

/* Header & Text
----------- */
.private-events-header {
    position: relative;
    padding: 9.5rem 0 82.5rem;
    background-color: var(--black);
}
.private-events-header::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.90);
}
.private-events-header .bg-image {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: var(--z-index-lowest);
    margin: 0;
}
.private-events-header .bg-image::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: calc(var(--z-index-lowest) + 1);
}
.private-events-header .bg-image.top {
    top: 0;
    height: 58.5rem;
}
.private-events-header .bg-image.top::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 10%, #E6E6E6 65%), linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
    background-blend-mode: normal, hard-light, normal;
    mix-blend-mode: normal, hard-light, normal;
}
.private-events-header .bg-image.bottom {
    bottom: 0;
    height: 100rem;
}
.private-events-header .bg-image.bottom::before {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 10%, #E6E6E6 75%), linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.private-events-header :is(.content-col, .form-col) {
    z-index: calc(var(--z-index-lowest) + 2);
}
.private-events-header .txt-box {
    position: relative;
    text-align: center;
    padding: 18rem 0 0;
    margin: 0 0 8rem;
}
.private-events-header .txt-box .bttn {
    position: absolute;
    top: 7rem;
    left: 0;
    font-size: 1.5rem;
    padding: 1.2rem 2rem 1rem;
    color: var(--_color);
    --_color: var(--blue);
    --_bg-color: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(27.5px);
}
.private-events-header .txt-box .title-lg {
    line-height: 1.25em;
    margin: 0 0 9.4rem;
}
.private-events-header .txt-box .title-lg strong {
    display: block;
}
.private-events-header .txt-box p {
    font-weight: 500;
}
.private-events-header :is(.txt-box .subtitle, .form-box h2) {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1em;   
    letter-spacing: .01em;
}
.private-events-header .txt-box .subtitle {
    margin: 2rem 0 0;
}

/* Form
----------- */
.private-events-header .form-box h2 {
    font-style: normal;
    text-transform: uppercase;
    font-family: var(--termina-font);
    margin: 0 0 2rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] {
    width: 100%;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody :is(label) {
    font-weight: 500;
    margin: 0 0 .5rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody :is(input, textarea, select) {
    height: unset;
    padding: 0 0 1.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.01em;
    font-family: var(--termina-font);
    border: none;
    border-bottom: 1px solid var(--black);
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr {
    display: flex;
    flex-wrap: wrap;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td {
    margin: 0 0 3.5rem;
    padding: 0 1.2rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td .referral_source_other {
    margin-top: 1rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td input:not([type="submit"]) {
    width: 100%!important;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td textarea {
    resize: none;
    height: 5rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td input.hasDatepicker {
    max-width: 21.5rem;
    border: 1px solid var(--black);
    background-size: 2rem auto;
    border-radius: 3rem;
    background-image: url('../../img/layout/form/icon-calendar.svg');
    background-position: 1.5rem center;
    padding: 1.3rem 2rem 1.3rem 5.5rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td input.timeselect_input {
    max-width: 17rem;
    border: 1px solid var(--black);
    border-radius: 3rem;
    background-image: url('../../img/layout/form/icon-clock.svg');
    background-size: 2rem auto;
    background-position: 1.5rem center;
    padding: 1.3rem 2rem 1.3rem 5.5rem;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr td select {
    max-width: 30rem;
    border: 1px solid var(--black);
    border-radius: 3rem;
    background: no-repeat url('../../img/layout/form/icon-dropdown.svg') 90% center;
    background-size: 2rem auto;
    padding: 1.2rem 7rem 1.2rem 2rem;
    text-transform: uppercase;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody input[type="submit"] {
    display: inline-block;
    width: auto;
    border: 1px solid var(--black);
    border-radius: 3rem;
    padding: 1.2rem 2rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    letter-spacing: .03em;
    font-weight: 500;
    line-height: normal;
    float: right;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody .row_submit {
    justify-content: flex-end;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody .row_submit a {
    font-size: 1.3rem!important;
    display: block;
    float: unset;
    margin: 1rem 0 0;
    width: 100%;
    text-align: right;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody .row_event_date td {
    position: relative;
    max-width: fit-content;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody .row_event_date .ui-datepicker {
    top: 0!important;
    left: 100%!important;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody #submit_spinner {
    margin: 1.5rem 1rem 0 0;
    float: right;
}
.private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody input.error {
    background-color: transparent;
}
.private-events-header .form-box .ui-widget {
    font-family: var(--termina-font);
}
.private-events-header .form-box .ui-datepicker {
    width: 30rem;
}
.private-events-header .form-box .ui-datepicker .ui-datepicker-header {
    background: none var(--white);
    border: unset;
}
.private-events-header .form-box .ui-datepicker .ui-datepicker-title select {
    max-width: 10rem!important;
    padding: 1rem !important;
    font-size: 1.2rem !important;
    background-size: 1rem auto!important;
    margin: 0 .5rem;
}
.private-events-header .form-box :is(.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next) {
    top: 1rem;
}
.private-events-header .form-box :is(.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default) {
    background: var(--white);
}
.private-events-header .form-box :is(.ui-state-highlight, .ui-widget-content .ui-state-highlight) {
    border-color: var(--black);
}
.private-events-header .form-box .ui-datepicker td {
    width: auto!important;
}
.private-events-header .form-box .ui-datepicker :is(th, td) :is(span, a) {
    font-size: 1.3rem;
}
.private-events-header .form-box .ui-datepicker-buttonpane button {
    border-radius: 3rem;
    padding: .5rem 1rem;
    font-family: var(--termina-font);
    color: var(--black);
}
@media only screen
and (min-width : 961px) {
    /* Site Nav
    ----------- */
    .page-template-private-events.scrolled .site-nav {
        background: rgba(255, 255, 255, 0.15);
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(10px);
    }
    /* Header & Text
    ----------- */
    .private-events-header {
        padding: 10rem 0 75.5rem;
    }
    .private-events-header .row {
        position: relative;
    }
    .private-events-header .content-col {
        position: static;
    }
    .private-events-header .txt-box {
        padding: 12rem 0 0;
        position: static;
    }
    .private-events-header .txt-box .bttn {
        top: 6rem;
        left: 2.6vh;
    }
    .private-events-header .txt-box .bttn:hover {
        --_color: var(--black);
        background: var(--white);
    }
    /* Form
    ----------- */
    .private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr:not(.row_contact_header) td {
        width: 50%;
    }
    .private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr:not(.row_contact_header) td:has(input.lead_event_description, textarea) {
        width: 100%;
    }
    .private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody > tr:not(.row_contact_header) td:has(input.hasDatepicker, input.timeselect_input) {
        width: auto;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    /* Site Nav
    ----------- */
    .page-template-private-events[data-fixed-menu="hide"] .site-nav {
        background: rgba(255, 255, 255, 0.15);
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
        backdrop-filter: blur(10px);
    }
    /* Form
    ----------- */
    .private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody tr:not(.row_contact_header) td {
        width: 100%;
    }
    .private-events-header .form-box #tripleseat_embed_form [data-cy="tripleseat_embed_form_table"] > tbody .row_event_date .ui-datepicker {
        left: 20%!important;
    }
}

/* @end */