/* ###############
##### Basic ######
############### */
@media all {
    [class*=ce-type-grid]:not(
    .ce-type-grid-accordion
    ) {
        margin-top: 0
    }

    @layer bootstrap {
        /* Sets width to 100% for every 2-col-element */
        [class*="ce-type-grid"] [class^="col"] [class^="col"][class*="6"] {
            width: 100%;
        }
        
        [class*="ce-type-grid"] [class^="col"] .flex-lg-row {
            flex-direction: column-reverse!important;
        }
    }
    
    [class*="ce-type-grid"] .row {
        --bs-gutter-y: var(--page-gap);
    }
    
    [class*="ce-type-grid"] .ce-element:not(:last-child) {
        margin-bottom: var(--page-gap);
    }
    
    .ce-type-grid-accordion .ce-element:not(:last-child) {
        margin-bottom: 0;
    }

    [class*=ce-type-grid].ce-layout-box>.ce-layout-box-outer>.ce-layout-box-inner>.ce-element:last-child {
        margin-bottom: 0
    }

    .ce-grid-equal-height-children>[class^=col],
    .ce-grid-equal-height-children>[class^=col]>[class*=ce-layout],
    .ce-grid-equal-height-children>[class^=col]>[class*=ce-layout]>[class*=container] {
        display: grid
    }

    .ce-grid-equal-height-children>[class^=col]>[class*=ce-layout]>[class*=ce-layout] {
        width: 100%
    }
    
    .ce-type-grid-50-50 .ce-textimage {
        flex-direction: column;
    }

}