.elementor-29717 .elementor-element.elementor-element-c556230{--display:flex;}.elementor-29717 .elementor-element.elementor-element-c65621c{--spacer-size:50px;}.elementor-29717 .elementor-element.elementor-element-37f5fce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-29717 .elementor-element.elementor-element-2f3703c{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-29717 .elementor-element.elementor-element-ffe9c92{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-29717 .elementor-element.elementor-element-6eadfd9{--spacer-size:80px;}@media(max-width:1024px){.elementor-29717 .elementor-element.elementor-element-37f5fce{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29717 .elementor-element.elementor-element-2f3703c{width:100%;max-width:100%;}.elementor-29717 .elementor-element.elementor-element-ffe9c92{width:100%;max-width:100%;padding:0px 30px 0px 30px;}}@media(max-width:767px){.elementor-29717 .elementor-element.elementor-element-c65621c{--spacer-size:10px;}.elementor-29717 .elementor-element.elementor-element-2f3703c{width:100%;max-width:100%;}.elementor-29717 .elementor-element.elementor-element-ffe9c92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 20px 0px 20px;}.elementor-29717 .elementor-element.elementor-element-6eadfd9{--spacer-size:60px;}}/* Start custom CSS for container, class: .elementor-element-37f5fce *//* =========================================================
   LIVE VIDEO + BETTER MESSAGES
========================================================= */

:root {
    --live-video-height: 56.25vw;
    --live-keyboard-height: 0px;
    --live-reply-height: 64px;
    --live-viewport-height: 100dvh;
    --normal-chat-height: 500px;
    --normal-chat-bottom-gap: 40px;
}

/* =========================================================
   GENERAL
========================================================= */

.live-event-app,
.live-event-app *,
.live-event-app *::before,
.live-event-app *::after {
    box-sizing: border-box;
}

.live-event-app {
    width: 100%;
}

.live-event-video,
.live-event-chat {
    min-width: 0;
    min-height: 0;
}

.live-event-video iframe {
    display: block;
    border: 0;
}

.live-event-chat .bm-editor-content {
    font-size: 16px !important;
}

.live-event-chat .bp-messages-mobile-tap {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 1025px) {
    .live-event-app {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        width: 100%;
        overflow: hidden;
    }

    /* Video column */

    .live-event-video {
        position: relative !important;

        width: 60% !important;
        flex: 0 0 60% !important;
        align-self: stretch !important;

        min-height: 350px;

        margin: 0 !important;
        padding: 0 !important;
    }

    .live-event-video > div {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 350px;

        margin: 0 !important;
        padding: 0 !important;
    }

    .live-event-video iframe {
        position: absolute !important;
        inset: 0;

        width: 100% !important;
        height: 100% !important;
    }

    /* Chat column */

    .live-event-chat {
        position: relative !important;

        display: flex !important;

        width: 40% !important;
        flex: 0 0 40% !important;
        align-self: stretch !important;

        min-height: 350px;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .live-event-chat > .elementor-shortcode {
        display: flex !important;
        flex: 1 1 auto;

        width: 100%;
        min-height: 0;

        overflow: hidden;
    }

    .live-event-chat .bp-messages-chat-wrap {
        display: flex !important;
        flex: 1 1 auto;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .live-event-chat .bp-messages-wrap,
    .live-event-chat .bp-messages-threads-wrapper {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;

        overflow: hidden !important;
    }

    .live-event-chat .bp-messages-column {
        display: flex !important;
        flex-direction: column !important;

        width: 100%;
        height: 100%;
        min-height: 0;

        overflow: hidden !important;
    }

    .live-event-chat .chat-header {
        flex: 0 0 auto !important;
    }

    .live-event-chat .bpbm-chat-content,
    .live-event-chat .bpbm-chat-main,
    .live-event-chat .bpbm-chat-main-primary {
        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .live-event-chat .bm-messages-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .live-event-chat .bm-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .live-event-chat [data-overlayscrollbars-viewport] {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;
    }

    .live-event-chat .bm-reply {
        position: relative !important;
        inset: auto !important;

        flex: 0 0 auto !important;

        width: 100% !important;
        z-index: 20;
    }

    .live-mode-exit {
        display: none !important;
    }
}

/* =========================================================
   MOBILE AND TABLET
========================================================= */

@media (max-width: 1024px) {

    /* =====================================================
       FIXED LIVE MODE
    ===================================================== */

    /* Default and exited mode: website scrolls normally */
    html,
    body {
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: auto;
    }

    /* Lock page scrolling only during fixed Live Mode */
    html.live-mode-fixed,
    html.live-mode-fixed body {
        width: 100%;
        height: 100%;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    html.live-mode-fixed .live-event-app {
        position: fixed !important;
        inset: 0;

        z-index: 9950;

        display: block !important;

        width: 100% !important;
        height: var(--live-viewport-height) !important;
        min-height: var(--live-viewport-height) !important;
        max-height: var(--live-viewport-height) !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        background: #fff;
    }

    /* Fixed video */

    html.live-mode-fixed .live-event-video {
        position: fixed !important;

        top: 0;
        right: 0;
        left: 0;

        z-index: 9990;

        display: block !important;

        width: 100% !important;
        height: var(--live-video-height) !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #000;
        overflow: hidden;
    }

    html.live-mode-fixed .live-event-video > div {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    html.live-mode-fixed .live-event-video iframe {
        position: absolute !important;
        inset: 0;

        width: 100% !important;
        height: 100% !important;
    }

    /* Fixed chat */

    html.live-mode-fixed .live-event-chat {
        position: fixed !important;

        top: var(--live-video-height);
        right: 0;
        bottom: 0;
        left: 0;

        z-index: 9980;

        display: flex !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        background: #fff;
    }

    html.live-mode-fixed
    .live-event-chat > .elementor-shortcode {
        display: flex !important;
        flex: 1 1 auto;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;
    }

    html.live-mode-fixed
    .live-event-chat .bp-messages-chat-wrap {
        display: flex !important;
        flex: 1 1 auto;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat .bp-messages-wrap,
    html.live-mode-fixed
    .live-event-chat .bp-messages-threads-wrapper {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat .bp-messages-column {
        display: flex !important;
        flex-direction: column !important;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat .chat-header {
        position: relative;
        z-index: 10;

        flex: 0 0 auto !important;
    }

    html.live-mode-fixed
    .live-event-chat .bpbm-chat-content,
    html.live-mode-fixed
    .live-event-chat .bpbm-chat-main,
    html.live-mode-fixed
    .live-event-chat .bpbm-chat-main-primary {
        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat .bm-before-message-list {
        flex: 0 0 auto;
    }

    /* Messages scroll */

    html.live-mode-fixed
    .live-event-chat .bm-messages-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        padding-bottom: var(--live-reply-height) !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat .bm-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-fixed
    .live-event-chat
    [data-overlayscrollbars-viewport] {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    /* Fixed composer above keyboard */

    html.live-mode-fixed
    .live-event-chat .bm-reply {
        position: fixed !important;

        right: 0;
        /* The visual viewport already ends above the open keyboard. */
        bottom: -16px !important;
        left: 0;

        z-index: 10000;

        display: flex !important;
        align-items: center;
        gap: 6px;

        width: 100% !important;
        min-height: var(--live-reply-height);

        margin: 0 !important;

        padding:
            8px
            10px
            max(6px, env(safe-area-inset-bottom)) !important;

        visibility: visible !important;

        background: #fff;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    }

    /*
     * Keyboard open:
     * remove unnecessary safe-area spacing below composer.
     */
    html.live-chat-active:not(.live-mode-exited)
    .live-event-chat .bm-reply {
        padding-bottom: 6px !important;
    }

    /*
     * Keyboard closed:
     * retain safe-area support for the iPhone home indicator.
     */
    html:not(.live-chat-active):not(.live-mode-exited)
    .live-event-chat .bm-reply {
        padding-bottom:
            max(6px, env(safe-area-inset-bottom)) !important;
    }

    html:not(.live-mode-exited)
    .live-event-chat .bm-editor {
        display: flex !important;
        align-items: center;

        flex: 1 1 auto !important;

        min-width: 0;
        min-height: 44px;

        margin: 0 !important;
        padding: 0 !important;
    }

    html:not(.live-mode-exited)
    .live-event-chat .bm-editor-content {
        display: block;

        width: 100%;
        min-width: 0;
        min-height: 44px;
        max-height: 100px;

        margin: 0 !important;
        padding: 10px 12px;

        overflow-x: hidden;
        overflow-y: auto;

        font-size: 16px !important;
        line-height: 1.4;

        word-break: break-word;
        -webkit-overflow-scrolling: touch;
    }

    html:not(.live-mode-exited)
    .live-event-chat .bm-editor-content:empty::before {
        content: attr(placeholder);
        opacity: 0.55;
        pointer-events: none;
    }

    html:not(.live-mode-exited)
    .live-event-chat .bm-emojies,
    html:not(.live-mode-exited)
    .live-event-chat .bm-send-message {
        position: relative;
        z-index: 10001;

        display: flex !important;
        align-items: center;
        justify-content: center;

        flex: 0 0 44px !important;

        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;

        margin: 0 0 25px 0 !important;
        padding: 0 !important;

        cursor: pointer;
        touch-action: manipulation;
    }

    html:not(.live-mode-exited)
    .live-event-chat .bm-emojies svg,
    html:not(.live-mode-exited)
    .live-event-chat .bm-send-message svg {
        width: 22px;
        height: 22px;

        pointer-events: none;
    }

    /* =====================================================
       EXIT BUTTON INSIDE LIVE APP
    ===================================================== */

    .live-event-app .live-mode-exit {
        position: absolute !important;

        top: 48%;
        right: 0;

        transform: translateY(-50%);

        z-index: 12000;

        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 3px;

        width: 30px;
        min-height: 55px;

        margin: 0;
        padding: 8px 4px;

        border: 0;
        border-radius: 14px 0 0 14px;

        background: rgba(0, 0, 0, 0.76);
        color: #fff;

        font-family: inherit;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;

        cursor: pointer;
        touch-action: manipulation;

        box-shadow: -4px 3px 14px rgba(0, 0, 0, 0.28);

        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .live-mode-exit .live-exit-icon {
        display: block;

        font-family: Arial, sans-serif;
        font-size: 27px;
        font-weight: 300;
        line-height: 1;
    }

    .live-mode-exit .live-exit-label {
        display: block;

        writing-mode: vertical-rl;
        transform: rotate(180deg);

        letter-spacing: 0.5px;
    }

    .live-mode-exit:focus-visible {
        outline: 3px solid #fff;
        outline-offset: 3px;
    }

    html.live-mode-exited .live-mode-exit {
        display: none !important;
    }

    /* =====================================================
       NORMAL PAGE AFTER EXIT
    ===================================================== */

    html.live-mode-exited,
    html.live-mode-exited body {
        width: auto;
        height: auto !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: auto;
    }

    html.live-mode-exited .live-event-app {
        position: relative !important;
        inset: auto !important;

        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 0 var(--normal-chat-bottom-gap) !important;
        padding: 0 !important;

        overflow: visible !important;

        touch-action: pan-y !important;
        overscroll-behavior: auto !important;

        z-index: auto;
        transform: none !important;
        translate: none !important;
    }

    html.live-mode-exited .live-event-video {
        position: relative !important;
        inset: auto !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: auto;

        background: #000;
        overflow: hidden;

        transform: none !important;
        translate: none !important;
    }

    html.live-mode-exited .live-event-video > div {
        position: relative !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 56.25% 0 0 !important;
    }

    html.live-mode-exited .live-event-video iframe {
        position: absolute !important;
        inset: 0;

        width: 100% !important;
        height: 100% !important;
    }

    html.live-mode-exited .live-event-chat {
        position: relative !important;
        inset: auto !important;

        display: flex !important;

        width: 100% !important;
        height: var(--normal-chat-height) !important;
        min-height: var(--normal-chat-height) !important;
        max-height: var(--normal-chat-height) !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: auto;

        overflow: hidden !important;
        background: #fff;

        transform: none !important;
        translate: none !important;
    }

    html.live-mode-exited
    .live-event-chat > .elementor-shortcode {
        display: flex !important;
        flex: 1 1 auto;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;
    }

    html.live-mode-exited
    .live-event-chat .bp-messages-chat-wrap,
    html.live-mode-exited
    .live-event-chat .bp-messages-wrap,
    html.live-mode-exited
    .live-event-chat .bp-messages-threads-wrapper {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-exited
    .live-event-chat .bp-messages-column {
        display: flex !important;
        flex-direction: column !important;

        width: 100%;
        height: 100%;
        min-height: 0;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-exited
    .live-event-chat .chat-header {
        flex: 0 0 auto !important;
    }

    html.live-mode-exited
    .live-event-chat .bpbm-chat-content,
    html.live-mode-exited
    .live-event-chat .bpbm-chat-main,
    html.live-mode-exited
    .live-event-chat .bpbm-chat-main-primary {
        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-exited
    .live-event-chat .bm-messages-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: auto !important;
        min-height: 0 !important;

        padding-bottom: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-exited
    .live-event-chat .bm-list {
        display: flex !important;
        flex: 1 1 auto !important;

        width: 100%;
        height: 100% !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    html.live-mode-exited
    .live-event-chat
    [data-overlayscrollbars-viewport] {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;

        overflow-x: hidden !important;
        overflow-y: hidden !important;

        overscroll-behavior: auto !important;
        touch-action: pan-y !important;
    }

    html.live-mode-exited
    .live-event-chat .bm-reply {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        flex: 0 0 auto !important;

        width: 100% !important;
        min-height: 64px;

        margin: 0 !important;

        padding:
            8px
            10px
            max(6px, env(safe-area-inset-bottom)) !important;

        z-index: auto;

        transform: none !important;
        translate: none !important;
    }

    /*
     * Ensure following Elementor content/footer starts
     * after the normal chat section.
     */
    html.live-mode-exited .live-event-app + * {
        position: relative;
        clear: both;
    }
}/* End custom CSS */