{% scope_css %}
{# Desktop Styling #}
.baseModuleStyle {
    position: relative; z-index: 1;
    {% if module.style.spacing.change_spacing %} {% endif %}
    {% if module.style.background_property.bg_type == 'bgImage' %}
    ;
    {% elif module.style.background_property.bg_type == 'bgColor' %}
    background-color:rgba(,);
    {% elif module.style.background_property.bg_type == 'gradient' %}
    background:; 
    {% endif %}
} 
{#  Overlay Styling #}
{% if module.style.background_property.bg_type == 'bgImage'  %}
.baseModuleOverlay { z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba( , ); }
{% endif %}
{# End Overlay Styling #}
.baseModuleParent { position: relative; z-index: 5; }

{# End Desktop Styling #}

{# Tablet Styling #}
@media(max-width:991px){
    .baseModuleStyle { {% if module.style.spacing.change_spacing %} {% endif %} }
}
{# End Tablet Styling #}

{# Mobile Styling #}
@media(max-width:767px){
    .baseModuleStyle { {% if module.style.spacing.change_spacing %} {% endif %} }
}
{# End Mobile Styling #}
{% end_scope_css %}


.date-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.date-btn { padding: 10px 18px; border: 1px solid #ccc; background: #fff; cursor: pointer; border-radius: 6px; }
.date-btn.active { background: #466b5d; color: #fff; border-color: #466b5d; }
.fullday-slots.hidden { display: none; }
.signup-inner { background: rgba(245, 248, 250, 1.0); border-radius: 32px; }
.signup-inner .signup-header { justify-content: space-between; border-bottom: 1px solid rgba(34, 34, 34, 0.1); }
.signup-inner .signup-date svg { width: 16px; display: block; }
.signup-inner .signup-date span { color: #141827; font-family: var(--secondary_font); }
.signup-inner .signup-close { border: 1px solid #000000; border-radius: 50%; width: 35px; height: 35px; cursor: pointer; }
.signup-inner .signup-close svg { width: 14px; display: block; }
.signup-inner .slot-inner>li:last-child { margin-bottom: 0; }
.signup-inner .slot-link span { line-height: 24px; }
.signup-inner .slot-link > a:last-of-type span { margin-bottom: 0; }
.signup-inner .slot-link a { font-weight: 700; display: block; text-decoration: underline; cursor: pointer; }
.signup-inner .slot-title { color: #141827; font-weight: 600; }
.signup-inner .slot { border-radius: 24px; width: calc(100% / 3 - 20px); }
.signup-inner .slot-link { color: #141827; display: inline-flex; flex-direction: column; }
.signup-inner ul.slot-inner { display: table; width: 100%; }
.signup-inner ul.slot-inner > li { display: table; width: 100%; }
.signup-inner ul.slot-inner > li > span.slot-title { width: 20%; white-space: nowrap; }
.signup-inner ul.slot-inner > li > span { display: table-cell; vertical-align: top; width: 80%; }
.signup-inner .slot-inner>li:last-child .slot-link span { display: block; }
.popup-form.fancybox-content { padding: 60px 30px 30px; max-width: 700px; width: 100%; margin: 0 auto; border-radius: 32px; background-color: #efefef; }
.popup-form.fancybox-content button.fancybox-close-small { width: 35px; height: 35px; color: #000000; border: 1px solid #000000; border-radius: 50%; right: 30px; top: 30px; padding: 0; }
.popup-form.fancybox-content button.fancybox-close-small svg path { width: 13px; }
.popup-form.fancybox-content button.fancybox-close-small svg { opacity: 1; }

/* .popup-form.fancybox-content .form-header > *{width:calc(100% /2 - 5px);} */
.popup-form.fancybox-content .description i { font-weight: 700; color: #141827; }
.popup-form.fancybox-content .description { font-family: var(--primary_font); }
.popup-form.fancybox-content .form-wrapper form fieldset { max-width: 100%; }
.popup-form.fancybox-content .social-wrapper { border-top: 1px solid var(--secondary_color); }
.popup-form.fancybox-content .social-icons { margin-left: auto; }
.popup-form.fancybox-content .social-title { text-transform: none; }
.popup-form.fancybox-content .social-icons a { width: 22px; height: 22px; display: block; }
.signup-inner ul.slot-inner > li > span.slot-link { padding-left: 20px; }
.popup-form.fancybox-content .social-icons a svg { width: 100%; height: 100%; display: block; fill: var(--quinary_color); }
.popup-form.fancybox-content .social-icons a:hover svg { fill: var(--secondary_color); }
.signup-inner .slot-item a { font-weight: 500; text-decoration: underline; }
.popup-event-meta { margin-top: 10px; }
input[name="0-1/selected_event"],
input[name="0-1/selected_slot_id"],
input[name="0-1/event_name"],
input[name="0-1/event_time"],
input[name="0-1/event_date"] { display: none; }
[data-hsfc-id=Renderer] .hsfc-PostSubmit .hsfc-RichText p { color: var(quinary_color); text-align: center; }
.description > * { color: var(--primary_color) !important; background: transparent !important; }
.description ul { padding-left: 25px; list-style: disc; }
.description ul + p,
.description ul + ul { margin-top: 16px; }
.popup-event-date,
.popup-event-time { line-height: 1.4; font-family: Work Sans, sans-serif; }
.column-count { column-count: 2; }
@media(max-width:991px) {
    .signup-inner .slot { width: calc(100% / 2 - 15px); }
    .popup-form.fancybox-content { max-width: 600px; padding: 70px 30px; }
}
@media (max-width:767px) {
    .signup-inner .slot { width: 100%; }
    .popup-form.fancybox-content { padding: 70px 20px 40px; max-width: 80vw; }
    .popup-form.fancybox-content h2 { font-size: 22px; }
    [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content { padding: 0 !important; }
}
