/* Three-Column RTE Widget - Frontend */
.rte-columns3-block {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin: 20px 0;
}

.rte-columns3-block[data-column-ratio="50-25-25"] {
    grid-template-columns: 50fr 25fr 25fr;
}

.rte-columns3-block[data-column-ratio="25-50-25"] {
    grid-template-columns: 25fr 50fr 25fr;
}

.rte-columns3-block[data-column-ratio="25-25-50"] {
    grid-template-columns: 25fr 25fr 50fr;
}

.rte-columns3-block[data-column-ratio="40-30-30"] {
    grid-template-columns: 40fr 30fr 30fr;
}

.rte-columns3-block[data-column-ratio="60-20-20"] {
    grid-template-columns: 60fr 20fr 20fr;
}

.rte-columns3-block .column-1,
.rte-columns3-block .column-2,
.rte-columns3-block .column-3 {
    width: auto !important;
}

@media (max-width: 768px) {
    .rte-columns3-block {
        grid-template-columns: 1fr !important;
    }
}