.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);
}