#evento .page-title span {
    color : var(--accent);
}

#evento .page-title {
    margin-bottom : 1rem;
    grid-column: innergrid;
}

#evento-wrapper {
    align-items   : start;
    align-content : start;
    gap           : 0 3rem;
}

.event-featured-picture,
.event-description,
.event-credits,
.event-tickets,
.event-accessibility {
    grid-column: innergrid;
}

.event-description {
    font          : var(--sans-m);
    margin-top    : 1rem;
    margin-bottom : 3rem;
}

.event-description ul,
.event-credits ul,
.event-tickets ul,
.event-accessibility ul {
    list-style            : none;
    display               : grid;
    grid-template-columns : repeat(3,1fr);
    gap                   : 0.5rem;
}

/* Price Tables */

.event-prices-tables {
    display               : grid;
    grid-template-columns : repeat(1,1fr);
    gap                   : var(--gap-v) 3rem;
    margin-bottom         : 2rem;
}

@media (width > 700px) and (width < 1100px) {
    .event-prices-tables {
        grid-template-columns : repeat(3,1fr);
    }
}

@media (width > 1300px) {
    .event-prices-tables {
        grid-template-columns : repeat(3,1fr);
    }
}

.event-prices-table:only-child {
    grid-column : 1 / -1;
}

.event-prices-table-title {
    font : var(--sans-sl);
}

.event-prices-table-entry {
    border-bottom   : 1px solid var(--dark);
    padding         : 0.25rem 0;
    display         : flex;
    justify-content : space-between;
}

.event-prices-table-entry:hover {
    background : var(--accent-light);
}

/* Text editing inside the prices tab is slightly different */

.event-tickets .event-tickets-text h2 {
    font          : var(--sans);
    margin-bottom : 0;
}

.event-tickets .event-tickets-text h2:not(:first-child) {
    margin-top : 2rem;
}

/* Sidebar */

.sidebar-evento-show {
    margin-bottom  : 1rem;
    display        : flex;
    flex-direction : column;
}

.sidebar-event-date::first-letter {
    text-transform: uppercase;
}

.sidebar-evento-related {
    color : var(--accent);
}

.sidebar-event-subtitle {
    font           : var(--sans-s);
    text-transform : uppercase;

}

/* Mobile Adjustments */

@media (width < 1100px) {
        
    #evento-wrapper {
        grid-template-areas : "title" "picture" "sidebar";
    }
    #evento .page-title {
        grid-area : title;
    }
    .event-featured-picture {
        grid-area : picture;
    }
    .event-description,
    .event-credits,
    .event-tickets,
    .event-accessibility {
        grid-column: unset;
    }

    .evento-buy-button {
        position : fixed;
        bottom   : 0;
        right    : 0;
        left     : 0;
        background: var(--dark);
        color : var(--light);
        border : 1px solid var(--dark);
    }

}