/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-animatikon-motionfx {
    // border: 1px solid #f00;
    position: relative;
    visibility: hidden;
    width: 100%;

    .animatikon-motionfx-layout-wrapper {
        // border: 1px solid #ff0;
        width: 100%;

        // horizontal alignment of inner blocks (.alignleft/center/right).
        &:not(.is-flex-layout) {
            position: relative;
            display: block; // block zamiast flex - zgodnie z edytorem

            // Clearfix - zapobiega wypadaniu floatów poza kontener
            &::after {
                content: '';
                display: table;
                clear: both;
            }

            // Przestrzenne wyrównanie bloków (image itp.) - zgodnie z edytorem
            > .alignleft {
                clear: none;
                float: left;
                width: auto;
            }
            > .aligncenter {
                clear: none;
                float: none;
                display: flex;
                justify-content: center;
                width: auto;
            }
            > .alignright {
                clear: none;
                float: right;
                width: auto;
            }

            // Wyrównanie tekstu - standardowe klasy WP, działa dla wszystkich bloków
            > .has-text-align-left  { text-align: left; }
            > .has-text-align-center { text-align: center; }
            > .has-text-align-right { text-align: right; }
        }
    }

}