.hero-section {
    display: block;
    overflow: hidden;
    position: relative;

    .hero-wrapper {
        padding-bottom: var(--wp--custom--spacing--section-block-bottom);

        .section-heading {
            margin: 0;
        }
    }

    .wp-block-columns:not(.typo-cols) {
        gap: 2.1rem;
    }

    .wp-block-cover__image-background {
        position: relative;
        @include transition(1s ease-in-out);
        opacity: 1;
        width: 100%;
    }
}

.hero-section .hero-overlay-img {
    display: none;
}

.hero-section.alignfull {
    padding-bottom: 0;
}

.typo-section.alignfull {
    position: relative;

    &:before {
        background-color: var(--wp--preset--color--border-color);
        content: "";
        height: 1px;
        left: 0;
        opacity: 0.3;
        position: absolute;
        top: 0;
        width: 100%;
    }


    .typo-cols {

        position: relative;

        .wp-block-column {
            align-items: center;
            @include flex;
            flex: 1 0 auto !important;
            justify-content: center;
            padding-left: 40px;
            padding-right: 40px;
            text-align: center;
            position: relative;

            .wp-block-heading {
                text-transform: uppercase;

            }

            &:after {
                content: "";
                background: url(./assets/images/divider.png) no-repeat;
                background-size: contain;
                height: 20px;
                width: 20px;
                display: block;
                position: absolute;
                right: -30px;
            }
        }
    }
}

.hero-content .wp-block-group.section-heading .wp-block-group:first-child {
    flex-basis: auto;
}

.typo-cols.wp-block-columns {
    white-space: nowrap;
    flex-wrap: nowrap !important;
}