.page-archive-event.event-grid {
    .item .illus-wrapper::after {
        content: unset;
    }

    .categories {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .category {
        text-transform: uppercase;
        padding: 0.3rem;
        background-color: var(--color-background);
        border: 1px solid var(--color-primary);
        color: var(--color-primary);
        font-size: 0.8rem;
        font-weight: 500;
        width: fit-content;
    }

    .grid .month-list:nth-of-type(odd) .item:hover {
        background-color: var(--color-primary);
    }

    .grid .month-list:nth-of-type(even) .item:hover {
        background-color: var(--color-secondary);
    }

    .item .desc .title {
        font-size: 1.75rem;
    }

    .grid .month-list:nth-of-type(even) .item:hover .desc .location,
    .grid .month-list:nth-of-type(odd) .item:hover .desc .location,
    .grid .month-list:nth-of-type(even) .item:hover .desc .title,
    .grid .month-list:nth-of-type(odd) .item:hover .desc .title,
    .grid .month-list:nth-of-type(even) .item:hover .desc .date,
    .grid .month-list:nth-of-type(odd) .item:hover .desc .date {
        color: var(--color-background);
        transition: all .3s all;
    }

    .grid .month-list:nth-of-type(even) .item:hover .desc .location svg,
    .grid .month-list:nth-of-type(odd) .item:hover .desc .location svg {
        fill: var(--color-background);
    }

    .grid .month-list:nth-of-type(even) .item:hover .desc .category,
    .grid .month-list:nth-of-type(odd) .item:hover .desc .category {
        color: var(--color-primary);
        transition: all .3s ease;
    }

    .grid .month-list:nth-of-type(odd) .item:hover .date-grid {
        background-color: var(--color-secondary);
        transition: all .3s ease;
    }

    .grid .month-list:nth-of-type(even) .item:hover .date-grid {
        background-color: var(--color-primary);
        transition: all .3s ease;
    }
}