@media screen and (min-width:1024px) {

    .modal.lightbox {
        left: unset !important;
    }

    [data-component-slider] [data-ui-dac="controls"] {
        padding: 0 0.5rem 0 0.5rem;
    }

    [data-component-slider] [data-ui-dac="controls"] [data-ui-dac="progress"].bar {
        width: 12rem;
    }

    .rows .row [data-ui-dac="lane"]{
        margin-bottom: 2.25rem;
    }

    .rows .row .entry {
        aspect-ratio: 1/0.7;;
    }

    .rows .row .entry.more div div:last-child { transition: opacity 0.2s ease-out; white-space: nowrap; }
    .rows .row .entry.more:not(:hover) div div:last-child { opacity: 0; }

    /*
    .rows .row .entry .details { left: 1.25rem; bottom: 1.25rem; right: 1.25rem; }

    .rows .row .entry .details .overview { }

    .rows .row .entry .details .overview .title { font-size: 1.25rem; line-height: 100%; margin-bottom: 0.5rem; }

    .rows .row .entry .details .overview .venue { font-size: 1rem; }

    .rows .row .entry .details .date .month { font-size: 1rem; line-height: 1.75rem; font-weight: 800; }

    .rows .row .entry .details .date .day { font-size: 2rem; font-weight: 800; }

    .rows .row .entry .details .date { right: 0; bottom:0; }
    
     */

    .card.entry .details { top:1.25rem; left: 1.25rem; bottom: 1.25rem; right: 1.25rem; }

    .card.entry .details .overview { }

    .card.entry .details .overview .title { font-size: 1.25rem; line-height: 100%; margin-bottom: 0.5rem; }

    .card.entry .details .overview .venue { font-size: 1rem; }

    .card.entry .details .date { right: 0; bottom:0; }

    .card.entry .details .date .month { font-size: 1rem; line-height: 1.75rem; }

    .card.entry .details .date .day { font-size: 2rem; }
}