.posts-archive-header{
    @apply mt-sm md:mt-12.5 xl:mt-25;
    .columns{
        @apply items-baseline;
    }
    .breadcrumbs{
        @apply mt-0 ml-0 px-0 mb-base md:mb-lg;
    }
}

.posts-archive-description{
    p{
        @apply text-size-md mb-0;
    }
    a{
        @apply underline;
    }
}

.posts-archive-navigation{
    @apply mb-base lg:mb-0;
    ul{
        @apply flex;
        li{
            a{
                @apply text-size-lg text-grey-300;
                span{
                    @apply inline-block ml-2.5 mr-1 text-size-sm align-top;
                }
            }
            &.is-active{
                a{
                    @apply text-black;
                }
            }
            &:not(:last-child){
                @apply mr-2;
                &::after{
                    content: ',';
                    @apply text-black text-size-lg;
                }
            }
        }
    }
}