/* ========================================================
   block-insert
   ======================================================== */


.wp-block-columns .squarebox {
    max-width: 100%;
}


.squarebox {
    padding: 16rem;
    position: relative;
    width: calc(var(--wp--style--global--wide-size) / 3);
    max-width: 100%;
    height: calc(var(--wp--style--global--wide-size) / 3);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.squarebox * {
    color: inherit;
}

.squarebox .content p {
    font-size: 18rem;
}


.squarebox.bg-color-1 {
    background-color: var(--color1);
}

.squarebox.bg-color-2 {
    background-color: var(--color2);
}

.squarebox.bg-color-3 {
    background-color: var(--color3);
}

.squarebox.color-white {
    color: white;
}

.squarebox.color-1 {
    color: var(--color1);
}

.squarebox.color-2 {
    color: var(--color2);
}

.squarebox.color-3 {
    color: var(--color3);
}