/* Paragraphs CSS ------------------------------------------------------------------------------*/
#block-i2-theme-content .paragraph .field--name-field-class,
#block-i2-theme-content .paragraph .field--name-field-column-widths,
#block-i2-theme-content .paragraph .field--name-field-state,
#block-i2-theme-content .paragraph .field--name-field-width-content {
    display: none;
}
.paragraph--type--text-two-column>.paragraph__column>.layout--twocol-section {
    column-gap: 50px;
}
.column-25 {
    width: calc(25% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-33 {
    width: calc(33.33% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-50 {
    width: calc(50% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-67 {
    width: calc(66.67% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

.column-75 {
    width: calc(75% - 20px) !important;
    flex: unset !important;
    display: inline-block;
}

@media screen and (min-width: 1200px) {
    .column-25 {
        width: calc(25% - 25px) !important;
    }

    .column-33 {
        width: calc(33.33% - 25px) !important;
    }

    .column-50 {
        width: calc(50% - 25px) !important;
    }

    .column-67 {
        width: calc(66.67% - 25px) !important;
    }

    .column-75 {
        width: calc(75% - 25px) !important;
    }
}
@media screen and (max-width: 1199.98px) {
    .paragraph--type--text-two-column>.paragraph__column>.layout--twocol-section {
        column-gap: 0px;
    }
}

@media only screen and (max-width: 991.98px) {

    .column-25,
    .column-33,
    .column-50,
    .column-67,
    .column-75 {
        width: 100% !important;
        margin: 10px 0;
    }
}