/*==========================================================*/
                /*--Table of Contents--*/
/*==========================================================*/
/*----------------- Fonts --*/
/*----------------- Root --*/
/*----------------- General --*/
/*----------------- Form - General --*/
/*----------------- Form - Form Nav --*/
/*----------------- Form - Form--*/
/*----------------- Form - Form Buttons --*/
/*----------------- Form - Radio Buttons and Checkboxes --*/
/*----------------- Form - Dropdowns --*/
/*----------------- Form - Footer --*/
/*----------------- Form - Captcha --*/
/*----------------- Form - Success Message --*/
/*----------------- Form - Form Closed --*/
/*----------------- Form - Commerce --*/
/*----------------- Form - Shopping Cart --*/
/*----------------- Form - Banner --*/
/*----------------- Form - Logged In Specific --*/
/*----------------- Form - Single Tab --*/
/*----------------- Form - Multiple Tabs --*/
/*----------------- Zendesk --*/
/*----------------- Login - Custom Holding Slide --*/
/*----------------- Landing Page/Login Page --*/
/*----------------- Notifications Modal --*/
/*==========================================================*/



/*----------------- Fonts --*/
@font-face {
    font-family: IndeedSans-Reg;
    src: url('https://storage.googleapis.com/eventfinity.appspot.com/./materials/7820/original/IndeedSans_Rg-(1).woff2');
}
@font-face {
    font-family: IndeedSans-It;
    src: url('https://storage.googleapis.com/eventfinity.appspot.com/materials/7821/original/IndeedSans_It-%281%29.woff2');
}
@font-face {
    font-family: IndeedSans-Bold;
    src: url('https://storage.googleapis.com/eventfinity.appspot.com/./materials/7822/original/IndeedSans_Bd-(1).woff2');
}
@font-face {
    font-family: IndeedSans-BoldIt;
    src: url('https://storage.googleapis.com/eventfinity.appspot.com/./materials/7823/original/IndeedSans_BdIt-(1).woff2');
}
@font-face {
    font-family: IndeedSans-XBold;
    src: url('https://storage.googleapis.com/eventfinity.appspot.com/./materials/7824/original/IndeedSans_XBd-(1).woff2');
}
  




/*----------------- Root --*/
:root {
    --brand-ink: #00123C;
    --brand-aqua: #66C6D3;
    --brand-mid-aqua: #BCEAEF;
    --brand-blue: #003A9B;
    --brand-magenta: #EA64A9;
    --brand-white: #FFF;
    --error-color: #FF0000;
    --error-popup-bg-color: #F8D7DA;
    --error-popup-text-color: #721C24;
    
    --body-font:  IndeedSans-Reg;
    --header-font: IndeedSans-Bold;

    --checkbox-size: 30px;
    --checkbox-border-size: 2px;
    --base-font-size: 16px;

    --brand-bg: var(--brand-white);
    --form-container-bg: var(--brand-white);
    --banner-color: var(--brand-mid-aqua);
    --text-color: var(--brand-ink);
    --active-tab-header-color: var(--text-color);
    --footer-text-color: var(--text-color);
    --footer-focus-color: var(--brand-blue);
    --link-color: var(--brand-blue);
    --focus-color: var(--brand-blue);
    --holding-slide-bg: var(--brand-mid-aqua);
    --holding-text-color: var(--brand-ink);
    --form-border: 2px solid var(--brand-ink);
    --landing-border: none;

    --side-spacing: 30px;
    --top-bottom-spacing: 30px;
    --section-gap: 50px;
    --field-gap: 30px;
    --card-spacing: 30px;

    --landing-column-spacing: 50px;
    --landing-top-bottom-spacing: 50px;
    --landing-gap: 30px;
}

@media (max-width: 600px) {
    :root {
        --side-spacing: 20px;
        --top-bottom-spacing: 20px;
        --field-gap: 20px;
        --section-gap: 20px;
        --card-spacing: 20px;
        --landing-column-spacing: 20px;
        --landing-top-bottom-spacing: 20px;
        --landing-gap: 20px;
    }
}
  
  



/*----------------- General --*/
html,
body {
    font-size: var(--base-font-size);
}

body {
    padding: 0px !important;
    margin: 0px !important;
    background-color: var(--bg-color);
}

.hidden {
    display: none;
}

div#powered-by-eventfinity-container {
    display: none !important;
}

p, span, a, label, input, select, .form-info {
    font-family: var(--body-font);
}

h1, h2, h3, h4, h5, h6, strong, .active-tab-header {
    font-family: var(--header-font);
    font-weight: normal;
}

.plugin__content {
    padding: 0px !important;
}

.plugin__content > .col-12 {
    padding: 0px !important;
    margin-top: auto;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container-fluid {
    padding: 0px !important;
}

img {
    image-rendering: auto;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}





/*----------------- Form - General --*/
body.registration-form.styledReg {
    background-color: var(--brand-bg) !important;
    background: var(--brand-bg) !important;
}

.styledReg .regForm,
.styledReg .regForm .plugin__content {
    background-color: transparent !important;
    background: transparent !important;
}

.styledReg #registrationForm #content,
.styledReg.baseEvent .regForm .tab-content.tabContent,
.styledReg #registrationForm .tab {
    background-color: var(--form-container-bg) !important;
    background: var(--form-container-bg) !important;
}

.styledReg.baseEvent .regForm .tab-content.tabContent {
    border-radius: 0 !important;
    border: none !important;
    padding: 0;
}

.styledReg a:focus-visible {
    outline: 2px solid var(--focus-color);
}

.styledReg div#myModal,
.styledReg .modal-backdrop,
.styledReg .form-description:empty, 
.styledReg .active-tab-header:empty {
    display: none !important;
}

.styledReg div#myModal.show.errorModal,
.styledReg .modal-backdrop.show.errorModal {
    display: block !important;
}

.styledReg .regForm .plugin__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
}
  
.styledReg.baseEvent .regForm .active-tab-header,
.styledReg.registration-form .form-description,
.styledReg .form-description {
    color: var(--active-tab-header-color) !important;
    padding: 0 !important;
    margin: var(--top-bottom-spacing) var(--side-spacing) 0 var(--side-spacing);
    font-family: var(--header-font);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 2rem !important;
    font-style: normal;
    font-weight: normal;
    line-height: 110%;
}

.styledReg .form__label-input-wrapper.form_field_hidden {
    margin: 0px !important;
}

.styledReg .form-group {
    margin-bottom: var(--field-gap);
}

.styledReg .required-field-popup {
    color: var(--error-color);
}

.styledReg .alert-danger {
    color: var(--error-popup-text-color);
    background-color: var(--error-popup-bg-color);
    border-color: var(--error-popup-bg-color);
    border-radius: 0;
}

.styledReg a.skip-to-content-link.screenreader-text {
    background-color: var(--brand-white);
    color: var(--brand-ink);
    border: 1px solid var(--brand-ink);
}

.styledReg #waitlistModalLabel {
    font-size: 1.3rem;
}


/*Scrollbar*/
body.styledReg {
    overflow-y: auto !important;
    -ms-overflow-style: auto !important;
    scrollbar-width: auto !important;
}

body.styledReg::-webkit-scrollbar {
    display: block !important;
    width: 10px;
}

body.styledReg::-webkit-scrollbar-thumb {
    background-color: var(--brand-ink) !important;
    border-radius: 6px !important;
}

body.styledReg::-webkit-scrollbar-track {
    background: rgb(0 0 0 / 10%) !important;
}





/*----------------- Form - Form Nav --*/
.styledReg .row.form-nav {
    display: none !important;
}
  




/*----------------- Form - Form--*/
.styledReg .container.regForm {
    height: auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.styledReg div#header-content {
    display: flex;
    justify-content: center;
}

.styledReg #registrationForm {
    margin: var(--top-bottom-spacing) var(--side-spacing);
    width: calc(100% - (var(--side-spacing) * 2)) !important;
    align-self: center;
}

.styledReg #registrationForm #content {
    padding: 0px !important;
    border-radius: 0 !important;
}

.styledReg #registrationForm .tab {
    border: none !important;
    margin-top: 0px;
    border-radius: 0 !important;
}

.styledReg #registrationForm .form-control {
    border: 1px solid var(--form-container-bg) !important;
    color: var(--text-color) !important;
    border-radius: unset;
    background: rgba(1, 27, 66, 0.08) !important;
}

.styledReg #registrationForm .form-control.required-alert {
    border: 1px solid var(--error-color) !important;
}

.styledReg #registrationForm .form-control.form__input.form__input--text,
.styledReg #registrationForm .form-control.form__input.form__input--select button {
    display: flex;
    height: 45px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 0 !important;
}

.styledReg #registrationForm .form-control:focus-visible,
.styledReg #registrationForm .form-control:focus {
  outline: 2px solid var(--focus-color) !important;
}

.styledReg #registrationForm .form-control:-webkit-autofill,
.styledReg #registrationForm .form-control:-webkit-autofill:hover,
.styledReg #registrationForm .form-control:-webkit-autofill:focus {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px rgba(233, 231, 231, 1) inset !important; 
    -webkit-text-fill-color: var(--text-color) !important;
    transition: none !important;
}
  
.styledReg #registrationForm .form-content .tab > div {
    border: var(--form-border) !important;
    border-radius: 0 !important;
    padding: var(--top-bottom-spacing) var(--side-spacing);
}

.styledReg .first-last-wrapper.sectionWrapper {
    margin-top: var(--top-bottom-spacing);
}

.styledReg .sectionWrapper {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
}

.styledReg h1.formTitle {
    color: var(--text-color);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin-bottom: calc(var(--field-gap)/2);
}

.styledReg .formTitle,
.styledReg h1.formTitle {
    margin-top: calc( var(--section-gap) - var(--field-gap));
}

.styledReg .formTitle:first-of-type,
.styledReg h1.formTitle:first-of-type {
    margin-top: 0;
}
  
.styledReg .formTitle, 
.styledReg .form-info,
.styledReg .sale-items-wrapper {
    padding: 7.5px;
    width: 100%;
    margin: 0;
}

.styledReg .sale-items-wrapper .form__radio-btn-container.radio label.form__radio-btn-label:last-of-type {
    margin-bottom: 0;
}

.styledReg p.form-info,
.styledReg .form-info {
    padding: 0;
}

.styledReg .form-info, 
.styledReg label.form__label,
.styledReg span.label-text {
    color: var(--text-color);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.styledReg .form-info, 
.styledReg label.form__label,
.styledReg span.label-text,
.styledReg #registrationForm .form-control,
.styledReg .filter-option-inner-inner,
.styledReg ul.dropdown-menu.inner li,
.styledReg .form-contact.sectionWrapper {
    font-size: 0.875rem !important;
}

.styledReg .form-info {
    color: var(--text-color);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    margin-bottom: var(--field-gap);
}

.styledReg .form-info a, 
.styledReg .form-info p a {
    color: var(--link-color) !important;
    text-decoration: underline !important;
}

.styledReg .optin-wrapper .form-info {
    margin-bottom: unset !important;
}
  
.styledReg label.form__label.policy_confirm a {
    text-decoration: underline !important;
    color: var(--link-color) !important;
}

.styledReg .optin-wrapper * {
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.styledReg p.emergency_notif, 
.styledReg .optin-wrapper p {
    color: var(--text-color) !important;
    line-height: 1.3;
}

.styledReg p.emergency_notif a,
.styledReg .optin-wrapper p a {
    color: var(--link-color) !important;
    text-decoration: underline !important;
}

.styledReg p.agreeCopy a {
    color: var(--link-color) !important;
    text-decoration: underline !important;
}

.styledReg .pos_items label span {
    text-align: right;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.styledReg label.form__label.pos_items {
    margin-bottom: 5px;
}

.styledReg .pos_items .label-text {
    display: none;
}

.styledReg .form_field_pos_items {
    padding-left: unset !important;
}

.styledReg .conditional-wrapper.row > .col-xs-12 {
    padding: 0px;
}

.styledReg .form__label-input-wrapper.form-group.conditional {
    margin-bottom: 0;
}

.styledReg .form-contact.sectionWrapper {
    text-align: center;
    justify-content: center;
    color: var(--text-color);
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    word-break: break-all;
}

.styledReg .form-contact.sectionWrapper a {
    text-decoration: underline !important;
    color: var(--link-color);
}

.styledReg .form-contact a {
    color: var(--link-color) !important;
    text-decoration: underline !important;
    margin-left: 5px;
}

.styledReg .form__label-input-wrapper.accurate_info_confirm.form_field_checkbox {
    margin-top: 0;
}

.styledReg #registrationForm .form_field_checkbox {
    margin-bottom: var(--field-gap);
}

@media (min-width: 769px) {
    .styledReg .formTitle,
    .styledReg h1.formTitle,
    .styledReg .form-info,
    .styledReg .sale-items-wrapper {
        padding: 0 7.5px;
    }
}

@media (max-width: 768px) {
    .styledReg div[class*="form-group col-" ] {
        padding: 0px !important;
    }
}





/*----------------- Form - Form Buttons --*/
.styledReg #registrationForm .form__buttons-container {
    padding: 0;
    margin: calc(var(--section-gap) - var(--top-bottom-spacing)) 0 var(--section-gap) 0;
}

.styledReg .form__buttons-container {
    justify-content: center !important;
}

.styledReg #registrationForm .form__btn, 
.styledReg #registrationForm .custom-file-upload, 
.styledReg button.btn.btn-secondary {
    width: 109px;
    font-size: 1.25rem !important;
    display: flex;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px !important;
    background-color: var(--brand-aqua);
    border-color: var(--brand-aqua);
    color: var(--brand-ink);
    height: auto !important;
    font-weight: normal !important;
    font-family: var(--header-font) !important;
}

.styledReg #registrationForm button#main_submit_btn.form__btn {
    width: auto;
}

.styledReg #registrationForm .form__btn:hover, 
.styledReg #registrationForm .custom-file-upload:hover, 
.styledReg button.btn.btn-secondary:hover {
    border-color: var(--brand-aqua) !important;
}

.styledReg button:focus:not(:focus-visible),
.styledReg #registrationForm .form__btn:focus:not(:focus-visible), 
.styledReg #registrationForm .custom-file-upload:focus:not(:focus-visible), 
.styledReg button.btn.btn-secondary:focus:not(:focus-visible) {
    outline: 0 !important;
    box-shadow: none !important;
}

.styledReg .form__btn, 
.styledReg .form__btn:focus, 
.styledReg .form__btn:active {
    border-color: var(--brand-aqua) !important;
}

.styledReg button:focus-visible,
.styledReg #registrationForm .form__btn:focus-visible, 
.styledReg #registrationForm .custom-file-upload:focus-visible, 
.styledReg button.btn.btn-secondary:focus-visible {
    outline: 2px solid var(--focus-color) !important;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.styledReg #registrationForm .form__btn.go-to-prev {
    background-color: transparent !important;
    border: 1px solid var(--brand-blue) !important;
    color: var(--brand-blue) !important;
}





/*----------------- Form - Radio Buttons and Checkboxes --*/
.styledReg .form__radio-btn-container * {
    font-size: 0.75rem;
    cursor: pointer;
}

.styledReg #registrationForm input[type="radio"]:checked::before, 
.styledReg #registrationForm input[type="checkbox"]:checked::before {
    background-color: var(--brand-ink) !important;
}

.styledReg #registrationForm input[type="radio"], 
.styledReg #registrationForm input[type="checkbox"] {
    border: 2px solid var(--brand-ink) !important;
    background-color: var(--form-container-bg);
}

.styledReg #registrationForm input[type="radio"].required-alert, 
.styledReg #registrationForm input[type="checkbox"].required-alert {
    border: 2px solid var(--error-color) !important;
}
  
.styledReg #registrationForm input[type="radio"]::before, 
.styledReg #registrationForm input[type="checkbox"]::before {
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    position: absolute;
    top: calc(-1* var(--checkbox-border-size));
    left: calc(-1* var(--checkbox-border-size));
}

.styledReg #registrationForm input[type="radio"]:focus,
.styledReg #registrationForm input[type="checkbox"]:focus {
  outline: none;
  box-shadow: none;
}

.styledReg #registrationForm input[type="radio"]:focus-visible,
.styledReg #registrationForm input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(3, 24, 126, 0.5);
}

.styledReg #registrationForm input[type="radio"], 
.styledReg #registrationForm input[type="checkbox"], 
.styledReg .attendee-cancel-registration-card input[type="radio"] {
    width: var(--checkbox-size);
    height: var(--checkbox-size);
    border: var(--checkbox-border-size) solid var(--brand-ink);
}
  
.styledReg .form__radio-btn-container.radio label {
    display: flex;
    align-items: center;
    gap: 8.5px;
}

.styledReg label.form__radio-btn-label  {
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.styledReg label.form__radio-btn-label > * {
    align-self: center;
    display: block;
}

.styledReg .form__radio-btn-container span.label-text {
    align-self: center;
    display: block;
}





/*----------------- Form - Dropdowns --*/
.styledReg .dropdown-item,
.styledReg .dropdown-menu {
    color: var(--text-color) !important;
}

.styledReg .dropdown-item:hover,
.styledReg .dropdown-item:focus,
.styledReg .dropdown-item.active, 
.styledReg .dropdown-item:active,
.styledReg .dropdown-item:focus-within,
.styledReg .dropdown-item:focus-visible,
.styledReg .dropdown-item:target {
    background-color: var(--brand-blue) !important;
    color: var(--brand-white) !important;
}

.styledReg button.btn.dropdown-toggle.btn-light {
    color: var(--text-color) !important;
    background-color: transparent;
    height: calc(1.5em + 0.75rem + 2px);
}

.styledReg .form-control .btn.dropdown-toggle:active, 
.styledReg button.btn.dropdown-toggle.bs-placeholder.btn-light:active, 
.styledReg button.btn.dropdown-toggle.bs-placeholder.btn-light:focus, 
.styledReg .form-control:active, 
.styledReg .form-control:focus {
    outline: none !important;
    background-color: transparent !important;
    border: 0px !important;
}

.styledReg #registrationForm .form-control .btn.dropdown-toggle:focus,
.styledReg #registrationForm .form-control .btn.dropdown-toggle:focus-within,
.styledReg #registrationForm .form-control .btn.dropdown-toggle:focus-visible {
    outline: 2px solid var(--focus-color) !important;
    border-radius: 0 !important;
}

/*Fixes Dropdowns*/
.styledReg .dropdown-menu.show {
    display: block;
}

.styledReg .dropdown.bootstrap-select.form__input.form__input--select.form-control.show > .dropdown-menu.show {
    transform: translate3d(0px, 34px, 0px) !important;
}


  


/*----------------- Form - Footer --*/
.styledReg .footer p {
    margin: 0px !important;
    color: var(--footer-text-color);
    display: flex;
    justify-content: center;
}

.styledReg .footer a {
    color: var(--footer-text-color) !important;
    display: flex;
    gap: 5px;
}

.styledReg p.footerLinks {
    gap: 5px;
    line-height: 1.2;
}

/*
.styledReg p.footerLinks a:not(:last-child):after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background-color: var(--brand-aqua);
}
*/

.styledReg .footer {
    padding: 10px var(--side-spacing);
}

.styledReg p.footerInfo {
    margin-bottom: 5px !important;
    gap: 5px;
}

.styledReg p.footerLinks a {
    text-decoration: underline;
}

.styledReg .indeed-tos a {
    color: var(--footer-text-color);
    text-decoration: underline;
    display: inline-block;
}

.styledReg p.footerLinks a:focus-visible,
.styledReg .indeed-tos a:focus-visible {
    outline: 2px solid var(--footer-focus-color);
}

.styledReg .reg-form-footer {
    color: var(--footer-text-color);
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    padding: 0;
    margin: var(--section-gap) var(--side-spacing) var(--top-bottom-spacing) var(--side-spacing);
}

.styledReg .reg-form-footer,
.styledReg .reg-form-footer .indeed-copyright,
.styledReg .indeed-tos {
    display: block;
}

@media (max-width: 480px) {
    .styledReg p.footerLinks a {
        font-size: 0.6875rem;
    }
}





/*----------------- Form - Captcha --*/
.styledReg div#captchaModal {
    background-color: #00000080;
}

.styledReg .modal-header .close {
    padding: 0px !important;
    margin: 0px !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.styledReg button.close span {
    color: var(--brand-ink) !important;
    opacity: 1 !important;
    line-height: 1 !important;
}

.styledReg div#g-recaptcha {
    justify-content: center;
    align-items: center;
    display: flex;
}

.styledReg .modal-footer button {
    border-radius: 5px !important;
}

.styledReg .float-right button.btn.btn-primary {
    background-color: var(--brand-ink) !important;
    border-radius: 5px !important;
    color: white !important;
    font-family: var(--header-font);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    min-width: unset;
    padding-top: 5px !important;
    font-size: 0.875rem !important;
}





/*----------------- Form - Success Message --*/
body.registration-form.submitted.styledReg .form-description {
    display: none;
}

.styledReg.submitted .submittedMsg {
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.styledReg.submitted .submittedMsg,
.styledReg.submitted .submittedMsg .submittedMsgUpper,
.styledReg.submitted .submittedMsg .submittedMsgLower {
    color: var(--text-color);
    font-size: 0.875rem;
}

.styledReg.submitted .submittedMsg .submittedMsgUpper p,
.styledReg.submitted .submittedMsg .submittedMsgLower p {
    margin: 0;
    color: var(--text-color);
}

.styledReg.submitted .submittedMsg .submittedMsgUpper p a,
.styledReg.submitted .submittedMsg .submittedMsgLower p a,
.styledReg.submitted .submittedMsg .submittedMsgUpper a,
.styledReg.submitted .submittedMsg .submittedMsgLower a {
    color: var(--link-color);
    text-decoration: underline;
    word-wrap: break-word;
}

.styledReg.submitted h2.submitHeader {
    font-size: 1rem;
    margin: 0 0 10px 0;
    line-height: normal;
}

.styledReg.submitted .regForm .tabContent.submit-success-content,
.logged-in.styledReg.submitted .tab-content.tabContent {
    gap: 0;
}

.styledReg.submitted .tab-content.tabContent.submit-success-content.textColor,
.logged-in.styledReg.submitted .tab-content.tabContent {
    color: var(--text-color) !important;
    font-size: 0.875rem;
    padding: 50px;
    border-radius: 0;
    text-align: center;
    background-color: var(--form-container-bg);
    border: var(--form-border) !important;
}

.styledReg.submitted .tab-content.tabContent.submit-success-content.textColor strong,
.logged-in.styledReg.submitted .tab-content.tabContent strong {
    color: var(--text-color) !important;
}

.styledReg.submitted .submit-success-content .calendarLink,
.styledReg.logged-in.submitted .submittedMsg .calendarLink {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.styledReg.submitted .submit-success-content .calendarLink,
.styledReg.logged-in.submitted .submittedMsg .calendarLink {
    margin-top: 20px;
}

.styledReg.submitted .submit-success-content .calendarLink a,
.styledReg.logged-in.submitted .submittedMsg .calendarLink a {
    background-color: var(--brand-aqua);
    color: var(--brand-ink);
    display: flex;
    width: 147px;
    min-height: 44px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: var(--header-font);
    leading-trim: both;
    text-edge: cap;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    text-decoration: none !important;
    border-radius: 100px;
}

@media (max-width: 600px) {
    .styledReg.submitted .tab-content.tabContent.submit-success-content.textColor,
    .logged-in.styledReg.submitted .tab-content.tabContent {
        padding: 30px;
    }

    .styledReg.submitted .submittedMsg {
        gap: 50px;
    }

    .styledReg.submitted .submit-success-content .calendarLink {
        gap: 10px;
    }
}





/*----------------- Form - Form Closed --*/
.styledReg div#closed-message-wrapper div#content,
.logged-in.styledReg .closedContainer {
    padding: var(--top-bottom-spacing) var(--side-spacing);
    text-align: center;
    background-color: var(--form-container-bg);
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
    border: var(--form-border);
}

.styledReg div#closed-message-wrapper div#content * {
    background-color: transparent;
    color: var(--text-color);
}

.styledReg div#closed-message-wrapper div#content p {
    margin: 0;
    padding: 0;
}

.styledReg div#closed-message-wrapper div#content p a {
    color: var(--link-color) !important;
    word-wrap: break-word;
    text-decoration: underline;
}
   
.styledReg .regForm #closed-message-wrapper,
.logged-in.styledReg div#closed-form-message {
    margin: var(--top-bottom-spacing) var(--side-spacing);
    padding: 0;
    width: calc(100% - (var(--side-spacing) * 2));
}





/*----------------- Form - Commerce --*/
.styledReg #ecommerce-receipt input.form-control:focus {
    background-color: #fff;
    border: 1px solid #ced4da !important;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) !important;
}


  


/*----------------- Form - Shopping Cart --*/
.styledReg .col-6.offset-6.apply-coupons:before {
    content: 'Please enter the code you were given for a complimentary ticket.';
    line-height: 1.2;
    padding-bottom: 10px !important;
    display: block;
    font-size: 0.875rem !important;
}

.styledReg ul.order-summary-list * {
    margin-right: unset !important;
    padding-left: unset !important;
    padding-right: unset !important;
    margin-left: unset !important;
}

.styledReg .shopping-cart-item .row, 
.styledReg .shopping-cart-item-descript {
    padding-bottom: unset !important;
    margin-bottom: unset !important;
}

.styledReg li.container-fluid.line-item.checkout-subtotal * {
    margin-bottom: unset !important;
}

.styledReg li.container-fluid.total.checkout-total {
    padding-top: unset !important;
}

.styledReg li.container-fluid.shopping-cart-item {
    margin-left: 15px !important;
    width: calc(100% - 15px);
}

.styledReg #coupons {
    padding-left: unset;
    padding-right: unset;
    padding-top: unset;
    font-family: var(--body-font) !important;
}

.styledReg #coupons button,
.styledReg #coupons input {
    font-family: var(--body-font) !important;
}

.styledReg #coupons button {
    background-color: var(--brand-blue);
    border-color: var(--brand-blue);
}

.styledReg li.container-fluid.total.checkout-total {
    padding-top: 10px !important;
}

.styledReg li.container-fluid.line-item.checkout-subtotal {
    padding-bottom: 10px !important;
}

.styledReg .form_field_pos_checkout p.discountCodeMsg,
.styledReg .form_field_pos_checkout p.discountCodeMsg strong,
.styledReg .form_field_pos_checkout h4.shopping-cart-item-name,
.styledReg .form_field_pos_checkout p.shopping-cart-item-descript,
.styledReg .form_field_pos_checkout ul.order-summary-list h4.text-right,
.styledReg .form_field_pos_checkout h4.sub-total-label,
.styledReg .form_field_pos_checkout h4.total-label {
    font-size: 0.875rem !important;
}

.styledReg .coupon-value button,
.styledReg .coupon-value button i {
    color: var(--text-color);
    box-shadow: none !important;
}

.styledReg .customPaymentFailedContainer {
    color: var(--error-color);
    margin-bottom: var(--field-gap);
}

.styledReg .customPaymentFailedContainer,
.styledReg .customPaymentFailedContainer p,
.styledReg .customPaymentFailedContainer div {
    color: var(--error-color);
}

.styledReg .customPaymentFailedContainer > * {
    margin: 0;
    padding: 0;
}

@media (max-width: 600px) {        
    .styledReg #coupons .apply-coupons  {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }   
}





/*----------------- Form - Banner --*/
.styledReg .regForm #domain_logo,
.styledReg.logged-in div#domain_logo {
    display: flex;
    padding: 50px 30px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center;
    gap: 40px !important;
    align-self: stretch;
    background-color: var(--banner-color);
    height: 268px;
    opacity: 1;
}

.styledReg div#domain_logo .regForm__logo,
.styledReg.logged-in div#domain_logo .regForm__logo {
    height: auto;
    width: 100%;
    max-width: unset;
    image-rendering: auto;
}

.styledReg .regForm__logo-container,
.styledReg.logged-in div#domain_logo .regForm__logo-container {
    padding: 0;
    width: 100%;
    max-width: 600px;
    align-self: center;
    height: auto;
    flex: 0 0 auto;
}

.styledReg .regForm__logo-container img, 
.styledReg.logged-in div#domain_logo .regForm__logo-container img {
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .styledReg .regForm #domain_logo,
    .styledReg.logged-in div#domain_logo {
        height: auto;
        min-height: unset;
        padding: 30px !important;
    }
    
    .styledReg .regForm__logo-container, 
    .styledReg.logged-in div#domain_logo .regForm__logo-container {
        width: 100%;
    }
}





/*----------------- Logged In Form --*/
body.logged-in.styledReg {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.logged-in.styledReg .row.plugin-header__wrapper,
.logged-in.styledReg .eventForm .reg-form-footer,
.logged-out .reg-form-footer,
.logged-out footer,
.logged-in.styledReg.formOnly .global-chat-alert-container,
.logged-in.styledReg .eventForm > div.col-12 {
    display: none !important;
}

.logged-in.styledReg footer#footer-content {
    display: block !important;
    margin-top: auto !important;
}

body#attendeeWeb.logged-in.styledReg {
    background-color: var(--brand-bg) !important;
}

.logged-in.styledReg .col-12 {
    padding-right: 0;
    padding-left: 0;
}

.logged-in.styledReg #registrationForm {
    align-self: flex-start;
}

.logged-in.styledReg .tab-content.tabContent {
    padding: 0;
}

.logged-in.styledReg .plugin__content {
    width: 100%;
    display: flex;
    justify-content: center;
}

.logged-in.styledReg main {
    flex: 1;
}

.logged-in.styledReg .main-content__container {
    height: 100%;
}

.logged-in.styledReg .eventForm {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.logged-in.styledReg .eventForm .plugin__content {
    flex: 1;
}

.logged-in.styledReg .eventForm > .col-12 {
    margin-top: auto;
}

.logged-in.styledReg .container.footer__content {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    display: block;
}

.logged-in.styledReg #footer-content.footer {
    padding: 0 !important;
}





/*----------------- Form - Logged In Specific --*/
.noNav.logged-in nav#nav-top-navigation,
.noNav.logged-in #notifications {
    display: none !important;
}

.noNav.logged-in main {
    margin-top: 0 !important;
}

.logged-out header {
    display: none !important;
}





/*----------------- Form - Single Tab --*/
.styledReg.singleTab input.invalid:required, 
.styledReg.singleTab textarea.invalid :required, 
.styledReg.singleTab select.invalid:required,
.styledReg.singleTab #registrationForm .form-control.invalid:required,
.styledReg.singleTab #registrationForm .form-control.form__input.form__input--select select[required] ~ button.bs-invalid  {
    border: 1px solid var(--error-color) !important;
}

.styledReg.singleTab #registrationForm input[type="radio"].invalid:required, 
.styledReg.singleTab #registrationForm input[type="checkbox"].invalid:required {
    border: 2px solid var(--error-color) !important;
}

.styledReg.singleTab .form__label-input-wrapper:has(textarea.invalid:required),
.styledReg.singleTab .form__label-input-wrapper:has(select.invalid:required),
.styledReg.singleTab .form__label-input-wrapper:has(.form-control.invalid:required),
.styledReg.singleTab .form__label-input-wrapper:has(.form-control.form__input.form__input--select select[required] ~ button.bs-invalid) {
    position: relative;
}

.styledReg.singleTab .form__label-input-wrapper:has(input.invalid:required)::after,
.styledReg.singleTab .form__label-input-wrapper:has(textarea.invalid:required)::after,
.styledReg.singleTab .form__label-input-wrapper:has(select.invalid:required)::after,
.styledReg.singleTab .form__label-input-wrapper:has(.form-control.invalid:required)::after,
.styledReg.singleTab .form__label-input-wrapper:has(.form-control.form__input.form__input--select select[required] ~ button.bs-invalid)::after {
    content: "* This field is required";
    display: flex;
    color: var(--error-color);
    font-size: 12px;
    margin-top: 4px;
    width: 100%;
    padding-top: 4px;
}

.styledReg.singleTab .form__label-input-wrapper.form_field_checkbox:has(input.invalid:required)::after {
    order: 3;
    width: 100%;
}







/*----------------- Form - Multiple Tabs --*/





/*----------------- Zendesk --*/
body.holding button#zendeskBtn {
    display: none !important;
}

button#zendeskBtn {
    width: 136px;
    height: 50px;
    padding: 0px;
    margin: 10px 20px;
    position: fixed;
    bottom: 0px;
    overflow: visible;
    opacity: 1;
    z-index: 999998;
    right: 0;
    border-radius: 50px;
    color: var(--brand-ink);
    border: 1px solid var(--brand-ink);
    background-color: var(--brand-white);
}

button#zendeskBtn:focus { 
    outline: 0 !important;
    box-shadow: none !important;
}

button#zendeskBtn:focus-visible {
    outline: 2px solid var(--focus-color) !important;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

#zendeskBtn span {
    font-family: var(--header-font);
    font-size: 14px;
    color: var(--brand-ink);
    font-weight: normal !important;
}

#zendeskBtn i {
    font-size: 17px;
    font-weight: 500;
    color: var(--brand-ink);
}

@media (max-width: 930px) {
    button#zendeskBtn {
        width: 50px !important;
    }

    button#zendeskBtn i {
        font-size: 25px;
    }

    button#zendeskBtn span {
        display: none;
    }
}





/*----------------- Login - Custom Holding Slide --*/
.logged-out #outer_holding,
.logged-out #holding_wrapper {
    background-color: var(--holding-slide-bg);
}

.logged-out div#holdingContent {
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    gap: 50px;
}

.logged-out .holdingLogoContainer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.logged-out .holdingLogoContainer img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.logged-out .holdingTextContainer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.logged-out .holdingTextContainer > * {
    margin: 0;
    padding: 0;
}

.logged-out .holdingTextContainer h1 {
    color: var(--holding-text-color);
    line-height: 127%;
    font-family: var(--header-font);
    font-size: 1.5rem;
}

.logged-out .holdingTextContainer p {
    color: var(--holding-text-color);
    font-size: 1.5rem;
    line-height: 127%;
}

.logged-out .holdingTextContainer h1 a,
.logged-out .holdingTextContainer p a,
.logged-out .holdingTextContainer a {
    color: var(--link-color);
    text-decoration: underline;
    font-size: 1.5rem;
}





/*----------------- Landing Page/Login Page --*/
body.logged-out {
    background-color: var(--brand-bg);
}

.landingPage,
.logged-out .main-content__container {
    width: 100%;
    min-height: 100vh;
    height: auto;
    display: flex;
}

.skip-to-content-link {
    position: fixed;
    top: -100px;
    left: -100px;
    padding: 1em;
    z-index: 1000000000000000000;
}

a.skip-to-content-link.screenreader-text {
    background-color: var(--brand-white);
    color: var(--brand-ink);
    border: 1px solid var(--brand-ink);
}

section.leftCol {
    flex: 0 0 50%;
    background-color: var(--banner-color);
    /*
    background-image: url("https://storage.googleapis.com/eventfinity.appspot.com/./materials/12774/original/image-(52).png");
    background-position: center;
    background-size: cover;
    */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--landing-top-bottom-spacing) var(--landing-column-spacing);
}

body.logged-out.login section.leftCol,
body.logged-out.passwordreset section.leftCol,
body.logged-out.otprequest section.leftCol,
body.logged-out.otp section.leftCol {
    height: 100%;
}

.landingLogoContainer {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.landingLogoContainer img {
    width: 100%;
    object-fit: contain;
}

section.rightCol,
div#login-card-container,
div#reset-password-container,
div#one-time-password-container {
    flex: 0 0 50%;
    padding: var(--landing-top-bottom-spacing) var(--landing-column-spacing);
    background-color: transparent; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.landingInfo-Wrapper,
#login-card, 
#reset-password-card, 
#one-time-password-card {
    border: var(--landing-border);
    border-radius: 0;
    padding: var(--card-spacing);
    width: 100%;
    max-width: 600px;
    background-color: var(--form-container-bg) !important;
    box-shadow: none !important;
}

div#login-card-container,
div#reset-password-container,
div#one-time-password-container {
    flex: 0 0 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    width: 100%;
    padding: var(--landing-top-bottom-spacing) var(--landing-column-spacing) !important;
}

div#login-card-container > .row.justify-content-md-center,
div#reset-password-container > .row.justify-content-md-center,
div#one-time-password-container > .row.justify-content-md-center {
    margin: 0px !important;
    width: 100% !important;
    max-width: unset !important;
}

.landingInfo-Wrapper h1,
#login-card .login-card-title, 
#reset-password-card .reset-password-card-title {
    font-size: 2rem !important;
    color: var(--text-color);
    font-family: var(--header-font);
    font-weight: normal;
}

.landingInfo-Wrapper h1,
#login-card .login-card-title, 
#reset-password-card .reset-password-card-title,
.landingInfo-Wrapper > p,
#login-card .login-card-subtitle, 
#reset-password-card .reset-password-card-subtitle {
    margin: 0;
    margin-bottom: var(--landing-gap);
    text-align: left;
}

div#mainContent p,
div#mainContent .fieldWrapper label,
div#mainContent .fieldWrapper input,
#login-card .login-card-subtitle, 
#reset-password-card .reset-password-card-subtitle {
    font-size: 0.875rem;
}

#login-card .login-card-subtitle, 
#reset-password-card .reset-password-card-subtitle {
    color: var(--text-color);
    text-align: left;
    padding: 0;
    font-weight: normal;
}

.fieldWrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 var(--landing-gap) 0;
}

.fieldWrapper input,
.login-card__input, 
.reset-password-card__input {
    flex: 0 0 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--form-container-bg) !important;
    color: var(--text-color) !important;
    background: rgba(1, 27, 66, 0.08) !important;
    display: flex;
    height: 45px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.fieldWrapper input:focus,
.fieldWrapper input:focus-visible,
.login-card__input:focus, 
.login-card__input:focus-visible,
.reset-password-card__input:focus, 
.reset-password-card__input:focus-visible {
    outline: 2px solid var(--focus-color) !important;
}

input.regCode::placeholder,
.login-card__input::placeholder, 
.reset-password-card__input::placeholder {
    text-transform: none !important;
    font-size: 0.875rem;
}

.fieldWrapper label {
    font-size: 0.875rem;
    margin: 0px !important;
    color: var(--text-color);
}

.landingInfo-Wrapper p {
    margin: 0 0 var(--landing-gap) 0;
    color: var(--text-color);
}

div#login-card-container .login-card__centered,
div#reset-password-container .reset-password-card__centered,
div#one-time-password-container .col-md-12.col-lg-10.col-xl-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
}


.logged-out .login-card .login-card__logo, 
.logged-out .reset-password-card .reset-password-card__logo, 
.logged-out .one-time-password-card .one-time-password-card__logo {
    display: none !important;
}

.login-card-form.login-card__form,
.reset-password-card-form.reset-password-card__form {
    margin: 0;
    gap: 10px;
}

.reset-password-card__form-button_wrapper {
    margin: 10px 0 0 0;
}

.card-title.login-card__title,
.card-title.reset-password-card__title {
    margin-bottom: 0;
}

.col-12.one-time-password-card__button-group {
    gap: 10px;
    flex-wrap: wrap;
}

a,
.virtualLink,
.one-time-password-request-link.login-card__link a.card-link,
#login-card .forgot-password-link a,
a.one-time-password_back-to-login {
    color: var(--link-color);
    text-decoration: underline;
}

.virtualLink:focus-visible,
.one-time-password-request-link.login-card__link a.card-link:focus-visible,
#login-card .forgot-password-link a:focus-visible,
a.one-time-password_back-to-login:focus-visible {
    outline: 2px solid var(--focus-color);
}

.buttonWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

button.regButton,
.baseEvent .col-12.oa-login-submit-button button.btn.btn-primary,
.baseEvent button.btn.btn-primary.reset-password-card__button,
button.btn.btn-primary.one-time-password-card__button {
    font-size: 1.25rem !important;
    display: flex;
    padding: 6px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px !important;
    background-color: var(--brand-aqua);
    border: 1px solid var(--brand-aqua);
    color: var(--brand-ink);
    height: auto !important;
    font-weight: normal !important;
    font-family: var(--header-font) !important;
}


button.regButton span,
button.regButton i,
.baseEvent .col-12.oa-login-submit-button button.btn.btn-primary,
.baseEvent button.btn.btn-primary.reset-password-card__button,
button.btn.btn-primary.one-time-password-card__button {
    font-size: 1.25rem !important;
    color: var(--brand-ink);
}

button.regButton span,
.baseEvent .col-12.oa-login-submit-button button.btn.btn-primary,
.baseEvent button.btn.btn-primary.reset-password-card__button,
button.btn.btn-primary.one-time-password-card__button {
    font-weight: normal !important;
    font-family: var(--header-font) !important;
}

button.regButton:focus,
.col-12.oa-login-submit-button button:focus,
.baseEvent button.btn.btn-primary.reset-password-card__button:focus,
button.btn.btn-primary.one-time-password-card__button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

button.regButton:focus-visible,
.col-12.oa-login-submit-button button:focus-visible,
.baseEvent button.btn.btn-primary.reset-password-card__button:focus-visible,
button.btn.btn-primary.one-time-password-card__button:focus-visible {
    outline: 2px solid var(--focus-color) !important;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.fieldWrapper.invalid:after {
    content: 'That code is not valid.';
    color: var(--error-color);
    font-size: 12px;
}

.fieldWrapper.invalid input {
    border: 1px solid var(--error-color) !important;
}

#togglePassword:focus-visible {
    outline: 2px solid var(--focus-color) !important;
    opacity: 1 !important;
}

/*
@media (max-width: 930px) and (min-width: 520px) {
    section.leftCol {
        height: 347.33px;
        flex: 0 0 347.33px;
        background-image: url("https://storage.googleapis.com/eventfinity.appspot.com/./materials/8076/original/in_person_landing_mobile_no_logov2.png");
        background-position: right bottom;
        position: relative;
    }
}
*/


@media (max-width: 930px) {
    .landingPage,
    .logged-out .main-content__container {
        flex-direction: column;
        justify-content: flex-start;
    }

    section.rightCol,
    div#login-card-container,
    div#reset-password-container,
    div#one-time-password-container {
        align-items: center;
        flex: 0 0 auto !important;
        height: auto;
        width: 100%;
        max-width: 100%;
    }

    section.leftCol {
        /*
        background-image: url("https://storage.googleapis.com/eventfinity.appspot.com/./materials/12794/original/Header_mobile_landing.png");
        aspect-ratio: 600 / 402;
        */
        width: 100%;
        height: auto;
        flex: 0 0 auto;
        padding: 50px;
    }

    body.logged-out.login section.leftCol,
    body.logged-out.passwordreset section.leftCol,
    body.logged-out.otprequest section.leftCol,
    body.logged-out.otp section.leftCol {
        height: auto;
    }

    .landingLogoContainer {
        max-width: 300px;
    }

    .landingInfo-Wrapper {
        width: 100%;
        max-width: 600px;
    }
}


/*-- Spinner --*/
@keyframes landingSpin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

body#attendeeWebStatic.spinner .buttonWrapper .regButton {
    opacity: .5;
    pointer-events: none;
}

#attendeeWebStatic button.regButton i {
    animation-name: landingSpin;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    transform: .3s;
    display:none;
}

body#attendeeWebStatic.spinner button.regButton i {
    display: block;
}

body#attendeeWebStatic.spinner button.regButton span {
    display: none;
}





/*----------------- Notifications Modal --*/
#notification-prompt-modal h5,
#notification-prompt-modal h2 {
    margin-bottom: 0;
    line-height: 1.5;
    font-family: var(--header-font);
    font-weight: normal !important;
    font-size: var(--base-header-5) !important;
}