.kf-blog-archive {

    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;

    /* padding-top: 80px; */
}

.kf-blog-archive__search .searchandfilter ul {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 20px 40px;
}

.kf-blog-archive__search .searchandfilter .sf-field-search {
    flex: 1 1 70%;
}

.kf-blog-archive__search .searchandfilter .sf-field-taxonomy-blog_categories {
    flex: 1 1 30%;
}

.kf-blog-archive__search .searchandfilter .sf-input-text,
.kf-blog-archive__search .searchandfilter .sf-input-select {
    width: 100%;
    padding: 20px 10px;
    padding-left: 30px;
    border-radius: 50vw;

    border: 1px solid rgba(26, 24, 37, 0.1);

    background-color: #FFFFFF1A;
    box-shadow: 0px 24px 26px 0px #0A0B5A14;

	box-shadow:
            
            0px 24px 26px 0px #0A0B5A14,
            inset 7px 7px 33px 0px #E2E2E833;

	transition: background-color 400ms cubic-bezier(1, 0.0, 0.4, 1), box-shadow 400ms cubic-bezier(1, 0.0, 0.4, 1);

    appearance: none;
}


.kf-blog-archive__search .searchandfilter .sf-input-text:hover,
.kf-blog-archive__search .searchandfilter .sf-input-text:focus,
.kf-blog-archive__search .searchandfilter .sf-input-select:hover,
.kf-blog-archive__search .searchandfilter .sf-input-select:focus {
    --c-light: #efefefc2;
    --c-dark: #d7d4d4b8;
    background-color: #ffffff35;
}

.kf-blog-archive__search .searchandfilter .sf-input-text:focus,
.kf-blog-archive__search .searchandfilter .sf-input-select:focus {
    outline: 1px solid #ffffffbf;
}


.kf-blog-archive__search .searchandfilter .sf-field-search {
    position: relative;
}

.kf-blog-archive__search .searchandfilter .sf-field-search::after{
    content: url('data:image/svg+xml,<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="54" height="54" rx="27" fill="%231A1A1A"/><path d="M25.4955 18C21.3647 18 18 21.3647 18 25.4955C18 29.6262 21.3647 32.9909 25.4955 32.9909C27.2918 32.9909 28.9414 32.3531 30.2343 31.2942L34.7096 35.7695C34.7787 35.8415 34.8614 35.8989 34.953 35.9385C35.0445 35.978 35.143 35.9989 35.2427 36C35.3425 36.001 35.4414 35.9821 35.5337 35.9444C35.626 35.9067 35.7099 35.851 35.7804 35.7804C35.851 35.7099 35.9067 35.626 35.9444 35.5337C35.9821 35.4414 36.001 35.3425 36 35.2427C35.9989 35.143 35.978 35.0445 35.9385 34.953C35.8989 34.8614 35.8415 34.7787 35.7695 34.7096L31.2942 30.2343C32.3531 28.9414 32.9909 27.2918 32.9909 25.4955C32.9909 21.3647 29.6262 18 25.4955 18ZM25.4955 19.4991C28.8161 19.4991 31.4919 22.1749 31.4919 25.4955C31.4919 28.8161 28.8161 31.4919 25.4955 31.4919C22.1749 31.4919 19.4991 28.8161 19.4991 25.4955C19.4991 22.1749 22.1749 19.4991 25.4955 19.4991Z" fill="white"/></svg>');
    position: absolute;
    top: calc(50% + 3px);
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;

    transition: opacity 220ms ease;
}

.kf-blog-archive__search .searchandfilter .sf-field-search:hover::after{
    opacity: .8;
}

.kf-blog-archive__search .searchandfilter .sf-field-search input {
    padding-right: 80px;
}

.kf-blog-archive__search .searchandfilter .sf-field-taxonomy-blog_categories {
    position: relative;
}

.kf-blog-archive__search .searchandfilter .sf-field-taxonomy-blog_categories::after{
    content: url('data:image/svg+xml,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.62939 6L11.2586 0H0.000229359L5.62939 6Z" fill="%231A1825"/></svg>');
    position: absolute;
    top: calc(50%);
    right: 30px;
    transform: translateY(-50%);
    pointer-events: none;

    transition: opacity 220ms ease;
}

.kf-blog-archive__search .searchandfilter .sf-field-taxonomy-blog_categories:hover::after{
    opacity: .8;
}

.kf-blog-archive__search .searchandfilter .sf-field-taxonomy-blog_categories select {
    padding-right: 60px;
}

.kf-blog-archive__search .searchandfilter .sf-input-text,
.kf-blog-archive__search .searchandfilter .sf-input-text::placeholder,
.kf-blog-archive__search .searchandfilter .sf-input-select {
    font-family: 'degular-variable', sans-serif;
    color: #1A1825D3;

    font-weight: 400;
    font-size: 16px;
    line-height: 150%;

}

.kf-blog-archive__content {
    margin-top: 80px;
    margin-bottom: 40px;
}

.kf-blog-archive__overline {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
}

.kf-blog-archive__title {
    font-size: var(--wp--preset--font-size--x-60);
    line-height: 100%;
}

.kf-blog-archive__title.kf-blog-archive__title {
    margin: .5em 0 .25em;
}

.kf-blog-archive__subtitle {
    font-size: 18px;
    font-size: var(--wp--preset--font-size--x-18);
}
.kf-blog-archive__results .post_list {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-row-gap: 35px;
    grid-column-gap: 35px;
    width: 100%;
    
    grid-template-columns: 1fr 1fr 1fr;
}

.kf-blog-archive__results .item_image {
    height: 200px;
    flex-shrink: 0;
}
.kf-blog-archive__results .content_column {
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    border: 1px solid #19191926
}
.kf-blog-archive__results .post_item .blog,
.kf-blog-archive__results .post_item .blog .content_column {
    height: 100%;

    display: flex;
    flex-direction: column;
}

.kf-blog-archive__results .item_content {
    padding: 25px 30px;
    display: grid;
    grid-template-areas: "terms date" "title title" "excerpt excerpt" "readmore readmore";
    height: 100%;
    grid-template-rows: auto auto 1fr auto;
}

.kf-blog-archive__results .post_terms h6 {
    grid-area: terms;

    margin: 0 0 .25em 0;

    font-weight: 600;
    font-size: 12px;
    line-height: 167%;
    letter-spacing: 8%;
    text-transform: uppercase;
    
    color: #4C4C5B;
    opacity: .85;
}

.kf-blog-archive__results .button-icon-wrapper {
    grid-area: date;
}

.kf-blog-archive__results .post_date {
    margin: 0 0 .25em 0;
    opacity: .85;
    text-align: right;
    color: #747481;

    font-weight: 500;
    font-size: 12px;
    line-height: 167%;

}


.kf-blog-archive__results .item_content h4 {
    grid-area: title;

    margin: .3em 0 .25em 0;
    font-size: clamp(18px, 13.64px + 1.36vw, 30px);
    line-height: 100%;
    font-weight: 400;
}

.kf-blog-archive__results .content_column .read-more {
    grid-area: readmore;
    display: block !important;

    margin-top: .5em;

    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #5F61FF;

}

.kf-blog-archive__results .content_column .read-more::after {
    content: url('data:image/svg+xml,<svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4.76837e-07L0 7L6 3.50146L0 4.76837e-07Z" fill="%235F61FF"/></svg>');
    margin-left: .4em;

    display: inline-block;

    transition: transform 220ms ease;
}

.kf-blog-archive__results .post_item > a:hover .content_column .read-more::after {
    transform: translateX(3px);
}

.kf-blog-archive__results .content_column .excerpt {
    grid-area: excerpt;
    display: block !important;

    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
}

.kf-blog-archive__results .content_column .excerpt-content {
    display: -webkit-box;

    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

    font-weight: 400;
    font-size: 14px;
    line-height: 150%;

}



.kf-blog-archive__results .pagination {
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
}

.kf-blog-archive__results .pagination .wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: visible;

    font-weight: 500;
    font-size: 16px;
    line-height: 100%;

}

.kf-blog-archive__results .pagination .wp-pagenavi .page,
.kf-blog-archive__results .pagination .wp-pagenavi .current {
    border: 1px solid #19191926;
    border-radius: 50vw;
    /* padding: 18px 24px; */
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;

    transition: border-color 220ms ease, background-color 220ms ease, color 220ms ease;
}


.kf-blog-archive__results .pagination .wp-pagenavi .page:hover,
.kf-blog-archive__results .pagination .wp-pagenavi .current {
    border-color: #1A1A1AD9;
    background-color: #1A1A1AD9;
    color: #FFFFFF;
}

.kf-blog-archive__results .pagination .wp-pagenavi .previouspostslink,
.kf-blog-archive__results .pagination .wp-pagenavi .nextpostslink {
    display: inline-block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: -9999px;
    border-radius: 50vw;
    background: #191919 url('data:image/svg+xml,<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 15L8 8L1 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center no-repeat;

    transition: background-color 220ms ease;
}

.kf-blog-archive__results .pagination .wp-pagenavi .previouspostslink {
    transform: rotate(180deg);
}


.kf-blog-archive__results .pagination .wp-pagenavi .previouspostslink:hover,
.kf-blog-archive__results .pagination .wp-pagenavi .nextpostslink:hover {
    background-color: #1A1A1AD9;
}

@media (max-width: 900px) {
    .kf-blog-archive__results .post_list {
        grid-template-columns: 1fr 1fr;
    }

    .kf-blog-archive__search .searchandfilter ul {
        flex-direction: column;
    }
}

@media (max-width: 550px) {
    .kf-blog-archive__results .post_list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .kf-blog-archive__results .item_content {
        padding: 20px;
    }

    .kf-blog-archive__results .pagination .wp-pagenavi .previouspostslink, 
    .kf-blog-archive__results .pagination .wp-pagenavi .nextpostslink,
    .kf-blog-archive__results .pagination .wp-pagenavi .page, 
    .kf-blog-archive__results .pagination .wp-pagenavi .current {
        width: 32px;
        height: 32px;
    }
}