/**
 * Container Block Styles
 */

 section.container-block {
    min-height: unset;
}

.container-block {
    padding-top: var(--mobile-padding-top);
    padding-bottom: var(--mobile-padding-bottom);
    padding-left: var(--mobile-padding-left);
    padding-right: var(--mobile-padding-right);
    justify-content: var(--mobile-vertical-alignment);
    align-items: var(--mobile-horizontal-alignment);
    overflow: unset;
    display: flex;
    flex-direction: column;
    position: relative;
}

.container-block.stretch.full-screen {
    height: 100%;
}

/* Mobile height styles */
@media only screen and (max-width: 767px) {
    .container-block.stretch-mobile.mobile-full-screen { height: 100%; }
    .container-block.mobile-full-screen { min-height: 100vh; }
    .container-block.mobile-full-height { height: 100%; }
    .container-block.mobile-custom-height { height: var(--mobile-custom-height); }

    .container-block.stretch-mobile .container-block-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .container-block.hidden-on-mobile {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .container-block {
        padding-top: var(--padding-top);
        padding-bottom: var(--padding-bottom);
        padding-left: var(--padding-left);
        padding-right: var(--padding-right);
        justify-content: var(--vertical-alignment);
        align-items: var(--horizontal-alignment);
    }

    .container-block.full-screen { min-height: 100vh; }
    .container-block.full-height { height: 100%; }
    .container-block.custom-height { height: var(--custom-height) !important; }

    .container-block.stretch .container-block-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .container-block.hidden-on-desktop {
        display: none !important;
    }
}