.category-template {
    margin-left: auto;
    margin-right: auto;
    max-width: 1224px !important;
}

    .category-template__insert {
    padding-top: 24px;
    padding-bottom: 24px;
}

    @media (min-width: 920px) {

    .category-template__insert {
        padding-top: 51px;
        padding-bottom: 24px;
    }
        }

    .category-template__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

    @media (min-width: 920px) {

    .category-template__heading {
        padding-top: 51px;
        padding-bottom: 24px;
    }
        }

    .category-template__breadcrumbs {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    line-height: 24px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
}

    .category-template__title {
    margin-top: 16px;
    max-width: 682px;
    text-align: center;
    font-family: rift, sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0.96px;
        font-weight: 600;
}

    .category-template__description {
    margin-top: 8px;
    max-width: 682px;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
}

    .category-template__cards {
    margin-bottom: 56px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top-width: 3px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-top-color: rgb(62 62 67 / var(--tw-border-opacity));
    padding-top: 24px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
        row-gap: 40px;
}

    @media (min-width: 920px) {

    .category-template__cards {
        margin-bottom: 34px;
        justify-content: flex-start;
        padding-top: 40px;
            -moz-column-gap: 49px;
                 column-gap: 49px;
    }
        }

    .category-template__cards:has(.custom-archive__header) {
    padding-top: 0px;
}

    .category-template__cards .custom-archive__header {
    flex-basis: 100%;
}

    .category-template__card {
    position: relative;
    max-width: 100%;
}

    @media (max-width: 519px) {
                 .category-template__card:not(:first-of-type):before{
                     content: '';
                     display: block;
                     width: 60%;
                     margin:0 auto;
                     border-top:solid 1px #818589;
                     position: absolute;
                     top:-23px;
                     left:20%;
                 }
         }

    @media (min-width: 520px) {

    .category-template__card {
            max-width: calc(50% - 17px)
    }
        }

    @media (min-width: 920px) {

    .category-template__card {
            max-width: calc(25% - 37px)
    }
        }

    .category-template__card-image {
    height: 100%;
    max-height: 193px;
    min-height: 193px;
    width: 100%;
    overflow: hidden;
}

    .category-template__card-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition-property: 0.25s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

    .category-template__card-data {
    margin-top: 16px;
}

    .category-template__card-data .title {
    font-family: rift, sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.58px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
                font-weight: 600;
}

    .category-template__card-data .description {
    position: relative;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
}

    .category-template__card-data .article-date-override__block {
    display: flex;
    justify-content: center;
}

    @media (hover: hover) and (pointer: fine) {
                        .category-template__card-data .article-date-override__block .featured-post__title a:hover {
                            text-decoration: underline;
                        }
                    }

    .category-template__card-data .article-date-override__wrapper .label, .category-template__card-data .article-date-override__wrapper .date {
    font-family: PT Serif, sans-serif;
    font-style: italic;
    font-size: var(--wp--preset--font-size--font-14-px);
                        white-space: nowrap;
}

    .category-template__card > a {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
}

    .category-template__card > a > span {
    display: none;
}

    .category-template__card > a:hover {
    text-decoration-line: none !important;
}

    .category-template__card > a:hover + .category-template__card-image img {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

    .category-template__card > a:hover + .category-template__card-image + .category-template__card-data .title {
    text-decoration-line: underline;
}

    .category-template__pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
}

    .category-template__pagination .page-numbers {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 3.2px;
    --tw-text-opacity: 1;
    color: rgb(62 62 67 / var(--tw-text-opacity));
}

    .category-template__pagination .page-numbers.current {
    --tw-text-opacity: 1;
    color: rgb(225 87 77 / var(--tw-text-opacity));
    text-decoration-line: underline;
}

    .category-template__pagination .prev, .category-template__pagination .next {
    font-size: 14px;
    line-height: 24px;
    --tw-text-opacity: 1;
    color: rgb(225 87 77 / var(--tw-text-opacity));
}