/* 
 *
 * EDITOR CLASSES
 * These classes are to be used within the Gutenberg Editor.
 *
 */



 /* 
 * Typography
 */

.text-shadow-natural {
    text-shadow: var(--wp--preset--shadow--natural);
}
.word-break {
    word-break: break-word;
}

 /* 
 * Lay-out
 */

/* Flex */
.display-flex_align-center {
    display: flex;
    align-items: center;
}

/* Position relative */
.position-relative {
    position: relative;
}

/* min-height */
.min-height-50vh {
    min-height: 50vh;
}

/* No gap */
.no-gap,
.no-gap.wp-block-query > .wp-block-post-template.is-flex-container {
    gap: 0 !important;
}
.no-gap.wp-block-query > .wp-block-post-template.is-flex-container.columns-2 > li {
    width: 50% !important;
}

/* Hide on tablet */
.hide-on-tablet {
    display: none;
}

/* Floating block */
.floating-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform var(--wp--custom--transitions--duration);
    transform: scale(1);
    z-index: 8;
    background-color: #fafafa;
    border-radius: 50px;
}
.floating-block * {
    z-index: 9;
    position: relative;
}

@media (min-width: 1200px) {
    /* Floating block */
    .floating-block::before {
        box-shadow: var(--wp--preset--shadow--natural);
        transform: scale(1.1);
    }
    .floating-block:hover::before {
        transform: scale(1.15);
    }
}

@media (min-width: 1920px) {
    /* Hide on tablet */
    .hide-on-tablet {
        display: block;
    }
}