/* 
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;}
#event_p-lineup .--entry {transition: opacity 500ms ease-in-out 200ms;}
#event_p-lineup .--entry.--hide {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
}

#event_p-lineup--more {
    margin-top: 1em;
    opacity: var(--alpha);
    transition: opacity 200ms ease-in-out;
}
#event_p-lineup--more.--hide {opacity: 0;}
@media (hover: hover) {
    #event_p-lineup--more:hover {opacity: 1 !important;}
}

/* 
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;}
}