events.sass

.block-agenda
    &--grid .events
        &:not(.unique)
            @include grid(2, md)
        &.unique .event
            flex-direction: row
            grid-gap: $grid-gutter
            .media
                width: col(4, 8)
            &-content
                flex: 1
                .more
                    @include icon("arrow-right", after)
                    margin-top: $spacing1
                    &::after
                        margin-left: half($spacing0)
            @include media-breakpoint-up(desktop)
                &-dates
                    font-size: $h3-size-desktop
                    line-height: $h3-line-height
                    font-weight: $h3-weight
                    margin-bottom: $spacing2
                &-content h2
                    font-size: $h2-size-desktop
                    line-height: $h2-line-height
                    font-weight: $h2-weight
            @include media-breakpoint-down(desktop)
                grid-gap: $grid-gutter-sm
                .media:empty
                    display: none
        .event
            display: flex
            flex-direction: column
            position: relative
            @include media-breakpoint-down(desktop)
                + .event 
                    margin-top: $spacing1
            .media
                order: -1
                img
                    aspect-ratio: 1
                    object-fit: cover
                    margin-bottom: half($spacing0)
            &-dates 
                @extend .meta
                margin-top: $spacing0
                @include media-breakpoint-down(md)
                    font-size: $h4-size
                    line-height: $h4-line-height
                    font-weight: $h4-weight
                    text-align: right
            &-content 
                a 
                    @include stretched-link
                h2
                    @extend .h3
            &-description
                margin-top: $spacing0

.block-agenda--grid 
    @include in-page-with-sidebar
        .events.unique .event .media:empty
            display: none
    @include in-page-without-sidebar
        .events:not(.unique)
            @include grid(3, desktop)
            .unique
        .events.unique .event-content
            position: relative