.it-columns__items {
--columns-gap: clamp(3rem, calc(3rem + (1vw - 6.4px) * 7.75), 6.875rem);
display: flex;
flex-wrap: wrap;
gap: var(--columns-gap);
padding-top: var(--it-spacing-content);
}
.it-columns__items:first-child {
padding-top: 0;
}
.it-columns__items .editor {
flex: 1 0 0;
display: flex;
flex-direction: column;
width: 100%;
min-width: 100%;
max-width: 100%;
}
@media (min-width: 1024px) {
.it-columns__items .editor {
min-width: calc((100% - (var(--max-columns, 2) - 1) * var(--columns-gap)) / var(--max-columns, 2));
}
}
.it-columns__items .editor h5 {
font-size: clamp(1rem, calc(1rem + (1vw - 6.4px) * 0.75), 1.375rem);
}
.it-columns__items .editor .it-button-group {
margin-top: auto;
padding-top: 1.5rem;
}
.it-columns--2 .it-columns__items .editor + .editor {
position: relative;
}
.it-columns--2 .it-columns__items .editor + .editor:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: calc(-0.5 * var(--columns-gap));
height: 1px;
background-color: #c3deec;
}
@media (min-width: 1024px) {
.it-columns--2 .it-columns__items .editor + .editor:before {
left: calc(-0.5 * var(--columns-gap));
right: auto;
top: 0;
bottom: 0;
width: 1px;
height: auto;
}
}
.it-columns--1 > [class*=it-container] {
max-width: var(--it-narrow-size);
}.it-posts.has-bg-dark a {
color: var(--it-color-white);
}
.it-posts__description {
margin: var(--it-spacing-default-half) auto 0;
max-width: 42.5rem;
font-size: clamp(1.125rem, calc(1.125rem + (1vw - 6.4px) * 0.5), 1.375rem);
text-align: center;
}
.it-posts__buttons {
margin-top: var(--it-spacing-content);
display: flex;
justify-content: center;
}
@media (min-width: 1024px) {
.it-posts__buttons {
margin-top: 2.5rem;
}
}
.it-posts .swiper-pagination {
display: none;
}
.it-posts__wrapper {
margin-top: var(--it-spacing-content);
}
.it-posts__wrapper .swiper-slide {
height: auto;
}
@media (min-width: 1024px) {
.it-posts__wrapper {
overflow: visible;
}
.it-posts__wrapper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--it-spacing-columns);
transform: none !important;
}
.it-posts__wrapper .swiper-slide {
width: auto !important;
margin: 0 !important;
}
}