.tribe-events-pg-template{
    --transition: none;
    @media not (prefers-reduced-motion) {
        --transition: var(--wp--custom--transition--button-block);
    }
    .tribe-events-ajax-loading{
        display: none;
    }
    .tribe-events-single{
        header{
            padding-top:0;
            margin-bottom:var(--wp--preset--spacing--60);
            margin-top:0;
            position: relative;
            h1{
                margin-top:0;
                margin-bottom:var(--wp--preset--spacing--20);
            }
            .presenting-text{
                margin-top:0;
                margin-bottom: 0;
                font-weight: 700;
                font-size: clamp( var(--wp--preset--font-size--normal), 2vw, var(--wp--preset--font-size--medium) );
                color: var(--wp--preset--color--quantum-cobalt);
            }
        }
        .tribe_events{
            display: flex;
            column-gap:var(--wp--preset--spacing--70);
            @media (min-width:1140px) {
                margin-block-start:1.5rem;
            }
            @media (max-width:799px) {
                flex-direction: column;
                .mag-event-info,
                .tribe-events-single-event-description{
                    flex-basis: 100% !important;
                }
            }
            .mag-event-info{
                flex-basis: 25%;
                flex-shrink:0;
                display: flex;
                flex-direction: column;
                gap: var(--wp--preset--spacing--20);
                @media (min-width:800px){
                    flex-grow: 0;
                }
                .event-details{
                    font-size: clamp( var(--wp--preset--font-size--normal), 2vw, var(--wp--preset--font-size--medium) );
                    margin: 0;
                    line-height: 1.2;
                    display: flex;
					flex-direction: row;
					gap:var(--wp--preset--spacing--20);
					margin-bottom: 0.45em;
                    p{
                        margin:0;
                    }
                    .date{
                        font-weight: 700;
                    }
                    img{
						width:1em;
						height:1em;
						margin-top:.1em;
					}
                    &:last-of-type{
                        margin-bottom: var(--wp--preset--spacing--40);
                    }
                }
                .tribe-events-status-single-notice{
                    background-color: var(--wp--preset--color--wondrous-sky);
                    color: var(--wp--preset--color--black);
                    display: inline-flex;
                    font-size: var(--wp--preset--font-size--small);
                    font-weight: 700;
                    margin-bottom: 0;
                    margin-top: 0;
                    padding: 0.25rem 0.5rem;
                    align-self: start;
                }
                .tribe-events-status-single__description{
                    font-size: var(--wp--preset--font-size--small);
                    padding:0;
                }
            }
            
            .ticket-button,
            .waitlist-button{
                border-bottom: var(--wp--custom--border--width) solid var(--wp--preset--color--quantum-cobalt);
                color: var(--wp--preset--color--black);
                font-size: var(--wp--preset--font-size--medium);
                margin-bottom:var(--wp--preset--spacing--50);
                font-weight: 700;
                padding: 0 0 2px;
                text-decoration: none;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: .75rem;
                width: fit-content;
                transition: var(--transition);
                &::after{
                    content: url("/wp-content/themes/mag-2026/assets/images/arrow-right-black.svg");
                    height: 1.25rem;
                    width: 1rem;
                    display: inline-block;
                    padding-bottom:.3em;
                }
                &:hover{
                    gap: 1.25rem;
                    background-color: transparent;
                }
                &:focus{
                    outline-color: var(--wp--preset--color--black);
                }
                &:first-child{
                    margin-bottom:var(--wp--preset--spacing--50);
                }
            }
            .tribe-events-single-event-description{
                flex-basis: 45em;
                @media (min-width:800px){
                    flex-grow: 0;
                }
                @media (max-width:799px){
                    margin-block-start:1.5rem;
                }
                h2{
                    padding-top:var(--wp--preset--spacing--40);
                }
                hr{
                    background-color: var(--wp--preset--color--black);
                    margin-top: var(--wp--preset--spacing--70);
                    margin-bottom: var(--wp--preset--spacing--40);
                    color: var(--wp--preset--color--black);
                }
                p,
                ol,
                ul,
                h2,
                h3{
                    max-width: 35rem;
                }
                p:first-child{
                    margin-top:0;
                }
                p:has(img){
                    max-width: 100%;
                }
                hr{
                    height: var(--wp--custom--border--width);
                    border: none;
                    color: var(--wp--preset--color--meridian-silver);
                    background-color: var(--wp--preset--color--meridian-silver);
                    margin-top: var(--wp--preset--spacing--70);
                    margin-bottom: var(--wp--preset--spacing--40);
                }
                .post-featured-image{
                    margin-bottom: var(--wp--preset--spacing--60);
                    display: block;
                    height: auto;
                    width: 100%;
                    max-width: 100%;
                    aspect-ratio: 16/9;
                    object-fit: cover;
                    object-position: 35% center;
                    clip-path: polygon(0 0, 100% 0, 100% calc( 100% - var(--wp--custom--spacing--padding) ), calc( 100% - var(--wp--custom--spacing--padding) ) 100%, 0 100%);
                    &:has( ~ .ticket-button, ~ .waitlist-button ){
                        margin-bottom: var(--wp--preset--spacing--50);
                    }
                }
                figure{
                    figcaption{
                        font-size: var(--wp--preset--font-size--small);
                        color: var(--wp--preset--color--charcoal-gray);
                        strong{
                            color: var(--wp--preset--color--black);
                            font-size:var(--wp--preset--font-size--normal);
                        }
                    }
                }
                p:has(img.alignright),
                div.alignright{
                    @media (max-width:1023px) {
                        display: flex;
                        justify-content: start;
                    }
                    @media (min-width:1024px) {
                        float:right;
                        margin: 0;
                        padding: 0 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
                    }
                }
                p:has(img.aligncenter),
                div.aligncenter{
                    max-width: none;
                    display:flex;
                    justify-content:center;
                }
                p:has(img.alignleft),
                div.alignleft{
                    @media (max-width:1023px) {
                        display: flex;
                        justify-content: start;
                    }
                    @media (min-width:1024px) {
                        float:left;
                        margin: 0;
                        padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) 0;
                    }
                }
                &::after{
                    clear: both;
                    content: "";
                    display: block;
                }
            }
        }
        .under-post-content{
            margin-top:var(--wp--preset--spacing--70);       
        }
        .tribe-events-c-subscribe-dropdown__container{
            justify-content: start;
            margin: var(--wp--preset--spacing--50) 0;
            .tribe-events-c-subscribe-dropdown{
                margin: 0;
                position: relative;
                .tribe-events-c-subscribe-dropdown__button{
                    cursor: pointer;
                    padding:0;
                    width: max-content;
                    .tribe-events-c-subscribe-dropdown__button-text{
                        background-color: var(--wp--preset--color--quantum-cobalt);
                        border: var(--wp--custom--border--width) solid var(--wp--preset--color--quantum-cobalt);
                        color: var(--wp--preset--color--white);
                        font-size: var(--wp--preset--font-size--small);
                        font-weight: 700;
                        font-family: var(--wp--preset--font-family--body);
                        padding: 11px 20px;
                        border-radius: var(--wp--custom--border--radius);
                        transition: var(--transition);
                        display: flex;
                        flex-direction: row;
                        gap:var(--wp--preset--spacing--20);
                        align-items: center;
                        svg{
                            fill: white;
                        }
                        &:hover{
                            background-color: var(--wp--preset--color--white);
                            color: var(--wp--preset--color--quantum-cobalt);
                            svg{
                                fill: var(--wp--preset--color--quantum-cobalt);
                            }
                        }
                        &:focus{
                            border-color: var(--wp--preset--color--black);
                            outline: none;
                        }
                    }
                }
                .tribe-events-c-subscribe-dropdown__content{
                    background-color: var(--wp--preset--color--white);
                    border: var(--wp--custom--border--width) solid var(--wp--preset--color--black);
                    padding: var(--wp--preset--spacing--20);
                    position: absolute;
                    top: 2rem;
                    z-index: 1;
                    .tribe-events-c-subscribe-dropdown__list{
                        display: flex;
                        flex-direction: column;
                        gap: var(--wp--preset--spacing--20);
                        padding: 0;
                        transform: none;
                        .tribe-events-c-subscribe-dropdown__list-item{
                            padding: 0;
                            .tribe-events-c-subscribe-dropdown__list-item-link{
                                padding: 0;
                                width: fit-content;
                                font-size: var(--wp--preset--font-size--normal);
                            }
                        }
                    }
                }
            }
        }
    }
}