/*Blog*/
.breadcrumbs { font-size: 16px; color: var(--body); }
.breadcrumbs > span, .breadcrumbs a { color: var(--body); }
.breadcrumbs a:hover { color: var(--primary); }

.breadcrumbs .separator {
    margin: 0 4px;
}

.search-form {
    display: flex;
    max-width: 450px;
    margin: 0 auto;
    border-radius: var(--siteradius16);
    background: var(--white);
    overflow: hidden;
}

.search-form label {
    flex: 1 0 auto;
}

.search-form input[type="search"] {
    --fieldsize: 55px;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
}

.search-submit {
    font-size: 20px;
    padding: 0 20px 0 0;
    border: 0;
    outline: none;
    background-color: transparent;
}

.bloglist {
    display: grid;
    gap: 40px;
}

.blogi {
    position: relative;
    border: 0px solid var(--formfieldborder);
    border-radius: var(--siteradius16);
    background-color: var(--white);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.17);
    overflow: hidden;
}

.blogi-body {
    padding: 30px 30px 20px;
}

.blogi-cat {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 4px 12px;
    border-radius: var(--siteradius16);
}

.blogi-cat:hover {
    color: var(--white);
    background-color: var(--primary-a);
}

.blogi-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 20px;
}

.blogi-metai {
    display: flex;
    align-items: center;
    gap: 5px;
}

.blogi-metai {
    color: var(--body);
}

.blogi-metai i {
    color: var(--primary);
}

.blogi-foo {
    border-top: 0px solid var(--formfieldborder);
}

/*Sidebar*/
.kmblogs .row { row-gap: 40px; }

.kmblogs-r {
    display: flex;
    row-gap: 40px;
    flex-direction: column;
}

.kmaside {
    padding: 30px;
    border: solid 1px var(--formfieldborder);
    border-radius: var(--siteradius16);
}

.kmaside-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.kmaside-title {
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 12px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--primary);
}

.kmaside-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.kmaside-list li + li {
    padding-top: 14px;
    border-top: 1px solid var(--formfieldborder);
}

.kmaside-cats a {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--body);
    gap: 15px;
}

.kmaside-list a:hover { color: var(--primary); }

.kmaside-cats a span {
    --badgeSize: 22px;
    width: var(--badgeSize);
    height: var(--badgeSize);
    font-size: 14px;
    line-height: var(--badgeSize);
    border-radius: var(--badgeSize);
    color: var(--white);
    text-align: center;
    background-color: var(--primary);
}

.kmaside-posts a {
    --imgSize: 80px;
    --thisGap: 15px;
    display: flex;
    align-items: flex-start;
    gap: var(--thisGap);
}

.kmaside-posts img {
    --imgHeight: calc(var(--imgSize) - 16px);
    flex: 1 0 var(--imgSize);
    max-width: var(--imgSize);
    height: var(--imgHeight);
    object-fit: cover;
    object-position: center;
    border-radius: var(--siteradius10);
}

.kmaside-posts span {
    flex: 1 0 calc(100% - var(--imgSize) - var(--thisGap));
    max-width: calc(100% - var(--imgSize) - var(--thisGap));
}

/* Pagination */
.pagination .nav-links { display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: center; row-gap: 10px; }
.pagination .page-numbers {
    display: inline-flex;
    font-size: 18px;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 4px;
    color: var(--primary);
    border-radius: 100%;
    background-color: #f5f5f5;
    transition:0.3s all ease-in-out;
}
.pagination .page-numbers:not(span):hover{ opacity:0.8; }
.pagination span.page-numbers { background-color: #f5f5f5; color: var(--body); opacity: 1; }
.pagination span.page-numbers.current { background: var(--primary); color: var(--white); }
.pagination .page-numbers.next, .pagination .page-numbers.prev { font-size: 8px; }
.pagination .page-numbers.prev i { display: inline-block; transform: rotate(90deg) translateY(2px); transform-origin: center center; }
.pagination .page-numbers.next i { display: inline-block; transform: rotate(-90deg) translateY(2px); transform-origin: center center; }

/*Blog Single*/
.page-cont {
    font-size: 16px;
    line-height: 26px;
}

.page-cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.page-cats a {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 10px;
    color: var(--white);
    border-radius: var(--siteradius16);
    background: var(--primary);
}

.page-thumb {
    border-radius: var(--siteradius16);
    overflow: hidden;
}

.page-thumb img {
    vertical-align: top;
}

.page-line {
    height: 1px;
    border: 0;
    background-color: var(--formfieldborder);
}

/*Nav Paging*/
.nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding-top: 20px;
}

.nav-links>div {
    flex: 1 0 50%;
    max-width: 50%;
}

.nav-links .nav-subtitle {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: var(--body);
}

.nav-links .nav-title {
    font-size: 16px;
    line-height: 24px;
}

.nav-next {
    text-align: right;
    margin-left: auto;
}

.nav-links>div+div {
    padding-left: 30px;
}

/*Search Results*/
.section-search .search-form {
    border: 1px solid var(--formfieldborder);
}