.filterwrap{
    border: 0;

    .wp-block-column{
        border: 0;

        display: flex;
        align-items: center;
        gap: 1em;

        button{
            background-color: transparent;
            border-radius: 5em;
            border-color: currentColor;
            border-width: var(--wp--custom--border-width);
            border-style: var(--wp--custom--border-style);
            color: inherit;
            text-align: left;
            font-family: var(--wp--preset--font-family--main);
            padding-top: 1em;
            padding-right: 1em;
            padding-bottom: 1em;
            padding-left: 1em;
            font-size: clamp(1rem, 7vw, 1.5rem);
            transition: var(--maintrans);
            position: relative;

                &::after {
                    content: '✓';
                    position: absolute;
                    right: 0;
                    transition: var(--maintrans);
                    opacity: 0;
                }

                &:hover {
                    padding-right: 3em;
                    cursor: pointer;
                    
                    &::after {
                        opacity: 1;
                        right: 1.25em;
                    }
                }

                &[data-active="true"]{
                    padding-right: 3em;

                     &::after {
                        opacity: 1;
                        right: 1.25em;
                    }
                }
        }
    }
}

#eventwrap{

    flex-wrap: wrap !important;

    .event-item{
        padding: 0 0 var(--wp--preset--spacing--mainpadding) 0;
        text-decoration: none;
        transition: var(--maintrans);
        min-width: 33.33%;

       

        &:first-of-type{
            border-left: 0;
             border-right: 0;
        }

        &:last-of-type{
            border-right: 0;
        }

        figure{
            aspect-ratio: 4 / 3;
            max-width: unset;
            height: auto;
            width: 100%;
            background-color: oklch(from var(--background-color) 15% c h);

            filter: grayscale(1);

            img{
                aspect-ratio: 4 / 3;
                max-width: unset;
                height: auto;
                width: 100%;
                object-fit: cover;
            }
        }

        span,
        p,
        h2{
            padding-left: var(--wp--preset--spacing--mainpadding);
            padding-right: var(--wp--preset--spacing--mainpadding);
        }

        .btn{
            margin-top: 1rem;
            margin-left: var(--wp--preset--spacing--mainpadding);
            
            padding-right: 1em;
            padding-left: 1em;
            display: inline-block;
        }

        h2{
            margin-top: .25em;
        }

        &:hover{
            figure{
                filter: grayscale(0);
            }

            .btn{
                padding-right: 3em;

                 &::after {
                        opacity: 1;
                        right: 1.25em;
                    }
            }
        }
    }


}

.event-item-column {
    border-top: 0;

    &:nth-of-type(3n){
        flex-direction: row-reverse;

        .event-item-single{

            border-left: var(--wp--custom--main-border);
             &:not(:first-of-type){
                border-left: 0px;
            }
        }
    }

    .event-item-single{
        box-sizing: border-box;
        min-width: 50%;
        border: 0;

        &:not(:first-of-type){
            border-left: var(--wp--custom--main-border);
        }
        

        figure{
            width: 100%;
            height: auto;
            margin-bottom: 0;
            position: sticky;
            top: var(--header-height);

            img{
                object-fit: contain;
                width: 100%;
                height: auto;
                max-width: auto;
            }
        }

        h2{
                margin-top: .25em;
            }


        .btn{
            margin-top: 1rem;
            display: inline-block;
        }
    }

}



@media screen and (max-width: 990px){
    .filterwrap{
        .wp-block-column{
            display: block;

            h2{
                display: block;
            }
            
            button{
                font-size: 1rem;
                margin-right: .5rem;
            }
        }
    }
}