.filters {
    background-color: var(--wp--preset--color--grey-50);
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
    form {
        max-width: var(--wp--style--global--wide-size);
        margin: 0 auto;
    }
    .filter-taxonomy {
        label {
            font-size: var(--wp--preset--font-size--small);
            font-weight: 700;
            line-height: 1.5rem;
            color: var(--wp--preset--color--grey-600);
            margin-bottom: var(--wp--preset--spacing--10);
        }
        input, 
        select {
            border: 1px solid var(--wp--preset--color--grey-200);
            background-color: var(--wp--preset--color--white);
            padding-left: var(--wp--preset--spacing--20);
            padding-right: var(--wp--preset--spacing--20);
            height: 56px;
            font-size: var(--wp--preset--font-size--small);
        }
        .select-wrapper {
            position: relative;
            select {
                appearance: none;
                cursor: pointer;
            }
            &::after {
                content:'\f078';
                font-family: "Font Awesome 6 Pro";
                width: .5rem;
                height: 0.875rem;
                position: absolute;
                top: 1.2rem;
                right: 2rem;
                font-size: 0.875rem;
                font-weight: 700;
                pointer-events: none;
            }
        }
        .search-wrapper input {
            width: -webkit-fill-available;
            padding-top: 0;
            padding-bottom: 0;
        }
    }
}
.wp-block-query.alignfull {
    margin: 0 var(--wp--preset--spacing--40);
    @media(min-width: 1296px) {
        max-width: var(--wp--style--global--wide-size);
        margin: 0 auto;
    }
    
}
.columns-4.archive-items {
    display: grid;
    gap: var(--wp--preset--spacing--30);
    @media(min-width: 768px) {
        gap: var(--wp--preset--spacing--50);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media(min-width: 1024px) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .wp-block-cover {
        padding: var(--wp--preset--spacing--30)
    }
    .type-course {
        margin-top: 0;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }
    
}