/* 
HERO
*/
#event_p-hero .--media {opacity: .75;}

#event_p-hero--container {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 5;
}

#event_p-hero--container .--title,
#event_p-hero--container .--details {max-width: 56rem;}

#event_p-hero--container .--details {
    margin-top: var(--size-ss);
    opacity: .5;
}

#event-page .--tickets {
    background: var(--c-blue);
    border: 1px solid var(--c-blue);
}

#event_p-hero .--tickets {margin-top: var(--size-ss);}



/* 
DETAILS
*/
#event_p-main {margin-top: var(--size-d);}

#event_p-main > *,
#event_p-info > * {grid-column: 1/-1;}

#event_p-details .--entry {
    border-top: 1px solid white;
    padding-top: var(--size-xs);
    margin-bottom: var(--size-xs);
}




/* 
LINEUP
*/
#event_p-lineup {
    margin-top: var(--size-d);
    padding-top: var(--size-xs);
    border-top: 1px solid white;
}

#event_p-lineup li {margin-bottom: .25em;}


/* 
FEED
*/
#event_p-feed {margin-top: var(--size-l);}




@media only screen and (min-width: 768px) {
    #event_p-details {
        grid-column: 1/2;
        grid-row: 1;
    }

    #event_p-buttons {
        grid-column: 1/2;
        grid-row: 2;
    }

    #event_p-lineup {
        grid-column: 2/-1;
        grid-row: 1/3;
        margin-top: 0 !important;
    }
}

@media only screen and (min-width: 1096px) {
    #event_p-hero {
        min-height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
    }
    
    #event_p-main {column-gap: 3rem;}
    #event_p-main > * {grid-column: span 1;}

    #event_p-info {
        position: sticky;
        top: 5.25rem;
        align-self: flex-start;
    }

    #event_p-feed {margin-top: 0 !important;}
}