body.single-tribe_events {
    margin-top: 0px;
    .tribe-events-notices {
        position: absolute;
        z-index: 5;
        padding-bottom: 0px;
        margin-bottom: 0px;
        overflow: visible;
        border-bottom: none;
        > ul {
            position: relative;
            margin-left: -50vw;
            margin-left: calc(-50vw + var(--scroll-bar-w) / 2);
            left: 50%;
            width: 100vw;
            width: calc(100vw - var(--scroll-bar-w));
            padding: 20px 5vw;
            background: var(--nectar-accent-color);
            color: #fff;
            li {
                list-style: none;
            }
        }
    }
    .tribe-events-single.wpb {
        margin-top: 0px;
        >.tribe_events {
            overflow: visible;
            /* ═════ Text Settings ═════ */
            .wpb_text_column h1 ,
            .geek-tribe-attribute > h1,
            .wpb_text_column h2  {
                font-family: graphik-bold;
                text-transform: uppercase;
                font-size: 50px;
                line-height: 52px;
            }
            .dark .wpb_text_column h1,
            .dark .geek-tribe-attribute > h1,
            .dark .wpb_text_column h2 {
                color: var(--nectar-accent-color);
            }
            .wpb_text_column {
                margin-bottom: 0px;
                h3,
                &.h3-style p {
                    font-size: 30px;
                    line-height: 30px;
                    font-family: graphik-bold;
                }
                p {
                    padding-bottom: 0;
                }
                &.big-text p {
                    font-size: 25px;
                    line-height: 37px;
                }
                &.medium-weight p {
                    font-family: 'graphik-medium';
                    font-weight: 400;
                }
                &.bold-weight p {
                    font-family: 'graphik-bold';
                    font-weight: 700; 
                }
                &.uppercase p {
                    text-transform: uppercase;
                }
            }
            .dark .wpb_text_column h3,
            .dark .wpb_text_column.h3-style p {
                color: #000;
            }
            /* ═════ Toggles ═════ */
            .toggle {
                border-bottom: none;
                >.toggle-title {
                    margin-top: 10px;
                }
                &.open>.toggle-title a,
                .toggle-title a {
                    border: 2px solid #EF4B54;
                    padding: 10px 20px;
                    text-transform: none;
                }
                >.toggle-title i {
                    width: 22px;
                    height: 20px;
                    margin-top: -10px;
                    right: 20px;
                    border: none;
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z' style='fill: %235A1FAC'/%3E%3C/svg%3E");
                    background-size: contain;
                    background-repeat: no-repeat;
                }
                >.toggle-title i:before,
                >.toggle-title i:after {
                    content: unset;
                }
            }
            .big-toggle div[data-style*=minimal] .toggle {
                border-top: 5px solid #EF4B54;
                border-bottom: 5px solid #EF4B54;
            }
            .big-toggle div[data-style*=minimal] .toggle.open>.toggle-title a,
            .big-toggle div[data-style*=minimal] .toggle>.toggle-title a {
                padding: 50px 5%;
                color: var(--nectar-accent-color);
                border: none;
            }
            .big-toggle div[data-style*=minimal] .toggle>.toggle-title i {
                right: 5%;
            }
            /* ═════ Geek Tribe Attributes ═════ */
            .geek-tribe-attribute {
                margin-bottom: 0px;
                /* ═════ Organiser Attributes ═════ */
                /* └⎯⎯ Organiser Name */
                &.attribute__organiser-name {
                    font-family: graphik-bold;
                    text-transform: uppercase;
                    font-size: 50px;
                    line-height: 52px;
                }
                /* └⎯⎯ Organiser Image */
                &.attribute__organiser-image {
                    height: 100%;
                    width: 100%;
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                /* ═════ Event Attributes ═════ */
                /* └⎯⎯ Event Timetable */
                &.attribute__event-timetable {
                    .timetable {
                        width: 100%;
                        .row {
                            display: grid;
                            grid-template-columns: repeat(5, 1fr) 1.5fr 1.5fr;
                            align-items: center;
                            padding-bottom: 0px;
                            &:nth-child(odd) {
                                background: #f15e4e33;
                            }
                            > p,
                            > div {
                                padding: 20px 10px;
                                text-align: center;
                                color: #000;
                                font-size: 20px;
                                line-height: 20px;
                                margin-bottom: 0px;
                                span {
                                    display: none;
                                    visibility: hidden;
                                }
                            }
                            &::before,
                            &::after {
                                content: unset;
                            }
                        }
                    }
                    .calendar-button {
                        position: relative;
                        .calendar-options__toggle {
                            border: none;
                            background: #fff;
                            color: var(--nectar-accent-color);
                            border: 4px solid var(--nectar-extra-color-1);
                            font-family: 'graphik-semibold';
                            font-size: 20px;
                            text-transform: uppercase;
                            padding: 12px 24px;
                            cursor: pointer;
                        }
                        .calendar-options__dropdown {
                            position: absolute;
                            top: 78px;
                            left: 50%;
                            transform: translateX(-50%);
                            background: #fff;
                            border: 4px solid var(--nectar-extra-color-1);
                            width: fit-content;
                            padding: 10px;
                            opacity: 0;
                            visibility: hidden;
                            transition: all 0.3s;
                            z-index: 5;
                            &.open {
                                opacity: 1;
                                visibility: visible;
                            }
                            ul {
                                margin: 0px;
                                li {
                                    list-style: none;
                                    margin-bottom: 10px;
                                    text-align: left;
                                }
                                li:last-child {
                                    margin-bottom: 0px;
                                }
                            }
                        }
                    }
                    .signup-button a {
                        background: var(--nectar-accent-color);
                        font-family: 'graphik-semibold';
                        font-size: 20px;
                        text-transform: uppercase;
                        padding: 12px 24px;
                        cursor: pointer;
                        text-decoration: none;
                        color: #fff;
                        border-bottom: 0px;
                        &:hover {
                            text-decoration: none;
                            border-bottom: 0px;
                        }
                    }
                }
                /* ═════ Venue Attributes ═════ */
                /* └⎯⎯ Venue Name */
                &.attribute__venue-name {
                    font-size: 30px;
                    line-height: 30px;
                    font-family: graphik-bold;
                    color: #000;
                    margin-bottom: 30px;
                }
                /* └⎯⎯ Venue Address */
                &.attribute__venue-full-address {
                    position: relative;
                    padding-left: 35px;
                    &::before {
                        content: '';
                        display: block;
                        height: 25px;
                        width: 20px;
                        position: absolute;
                        top: 5px;
                        left: 0;
                        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.094' height='24.404' viewBox='0 0 20.094 24.404'%3E%3Cg id='location_solid' transform='translate(-4.8)'%3E%3Cpath id='Path_705' data-name='Path 705' d='M16.351,23.811c2.8-2.575,8.544-8.561,8.544-14.392C24.894,4.217,20.4,0,14.847,0S4.8,4.217,4.8,9.419c0,5.831,5.741,11.817,8.544,14.392A2.2,2.2,0,0,0,16.351,23.811Zm-1.5-10a3.768,3.768,0,1,0-3.768-3.768A3.768,3.768,0,0,0,14.847,13.815Z' transform='translate(0)' fill='%23f15e4e' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E%0A");
                        background-size: contain;
                        background-repeat: no-repeat;
                    }
                    > span {
                        display: block;
                    }
                }
                /* └⎯⎯ Venue Accessibility Features */
                &.attribute__venue-accessibility-features ul {
                    column-count: 3;
                    column-gap: 30px;
                    row-gap: 20px;
                    margin: 0px;
                    li {
                        color: var(--nectar-accent-color);
                        font-size: 20px;
                        line-height: 24px;
                        text-align: center;
                        padding: 12px 24px;
                        border: 4px solid var(--nectar-extra-color-1);
                        list-style: none;
                    }
                }
                /* └⎯⎯ Venue Map Button */
                &.attribute__venue-map-button {
                    background: var(--nectar-accent-color);
                    padding: 12px 24px;
                    width: fit-content;
                    > a {
                        text-decoration: none;
                        border-bottom: none;
                        font-family: 'graphik-semibold';
                        font-size: 20px;
                        text-transform: uppercase;
                        color: #fff;
                    }
                }
                /* └⎯⎯ Calendar Button */
                &.attribute__calendar-button {
                    position: relative;
                    .calendar-options__toggle {
                        border: none;
                        background: #fff;
                        color: var(--nectar-accent-color);
                        font-family: 'graphik-semibold';
                        font-size: 20px;
                        text-transform: uppercase;
                        padding: 12px 24px;
                        cursor: pointer;
                    }
                    .calendar-options__dropdown {
                        position: absolute;
                        top: 54px;
                        background: #fff;
                        border: 4px solid var(--nectar-extra-color-1);
                        width: 100%;
                        padding: 10px;
                        opacity: 0;
                        visibility: hidden;
                        transition: all 0.3s;
                        &.open {
                            opacity: 1;
                            visibility: visible;
                        }
                        ul {
                            margin: 0px;
                            li {
                                list-style: none;
                                margin-bottom: 10px;
                            }
                            li:last-child {
                                margin-bottom: 0px;
                            }
                        }
                    }
                }
                /* └⎯⎯ Other Classes */
                &.h3-style {
                    font-size: 30px;
                    line-height: 30px;
                    font-family: graphik-bold;
                }
            }
            /* ═════ Misc ═════ */
            .wpb_column.map-container > .vc_column-inner,
            .wpb_column.image-container > .vc_column-inner {
                height: 100%;
                > .wpb_wrapper,
                > .wpb_wrapper > div {
                    height: 100%;
                    .img-with-aniamtion-wrap,
                    .img-with-aniamtion-wrap .inner,
                    .img-with-aniamtion-wrap .hover-wrap,
                    .img-with-aniamtion-wrap .hover-wrap-inner {
                        height: 100%;
                        img.img-with-animation {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    }
}

/* ═════ Responsive Settings ═════ */
@media screen and (max-width: 999px) {
    body.single-tribe_events {
        .tribe-events-notices > ul {
            padding: 12px 25px;
        }
        & .tribe-events-single.wpb > .tribe_events {
            /* └⎯⎯ Text Styles */
            .wpb_text_column h3,
            .wpb_text_column.h3-style p,
            .wpb_text_column.big-text p {
                font-size: 20px;
                line-height: 30px;
            }
            /* └⎯⎯ Buttons */
            .buttons > .vc_column-inner > .wpb_wrapper {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .nectar-button {
                margin-bottom: 0px;
                width: fit-content;
            }
            /* └⎯⎯ Geek Tribe Attributes */
            .geek-tribe-attribute {
                margin-bottom: 0px!important;
                /* ═════ Event Attributes ═════ */
                &.attribute__event-timetable > .timetable > .row {
                    grid-template-columns: 1fr;
                    padding: 30px 25px;
                    > p {
                        text-align: left;
                        padding: 0px;
                        margin-bottom: 10px;
                        span {
                            display: inline-block;
                            visibility: visible;
                        }
                    }
                    > div {
                        text-align: left;
                        padding: 0px;
                        margin-top: 20px;
                    }
                    .calendar-button {
                        .calendar-options__toggle {
                            font-size: 16px;
                        }
                        .calendar-options__dropdown {
                            top: 44px;
                            left: 0;
                            transform: none;
                            width: 100%;
                            padding: 10px 20px;
                        }
                    }
                }
                /* ═════ Calendar Attributes ═════ */
                &.attribute__calendar-button {
                    width: fit-content;
                }
                &.attribute__calendar-button {
                    z-index: 2;
                    .calendar-options__toggle {
                        font-size: 16px;
                    }
                }
                /* ═════ Venue Attributes ═════ */
                &.attribute__venue-name {
                    font-size: 20px;
                    line-height: 25px;
                    margin-bottom: 30px!important;
                }
                &.attribute__venue-full-address {
                    padding-left: 25px;
                    &::before {
                        height: 20px;
                        width: 16px;
                    }
                }
                &.attribute__venue-map-button > a {
                    font-size: 16px;
                }
                &.attribute__venue-accessibility-features ul {
                    column-count: 2;
                    column-gap: 10px;
                    row-gap: 10px;
                    li {
                        font-size: 16px;
                        line-height: 20px;
                        padding: 8px 16px;
                    }
                }
                /* └⎯⎯ Other Classes */
                &.h3-style {
                    font-size: 20px;
                    line-height: 30px;
                }
            }
            /* └⎯⎯ Misc */
            & .wpb_column.map-container > .vc_column-inner {
                height: 300px;
                > .wpb_wrapper, > .wpb_wrapper > div {
                    height: 300px;
                }
            }
            #linked-pages {
                .h3-style p {
                    font-size: 40px;
                    line-height: 44px;
                }
            }
        }
    }
}