/* --- Block Portfolio
-------------------------------------------------------- */

.wp-block-heading-has-columns {
    max-width: 730px;
}

.wp-block-portfolio .wp-block-cover {
    min-height: 200px;
    height: 100%;

    .wp-block-cover__image-background {
        transition: all 0.4s;
    }

    &:hover {
        .wp-block-cover__inner-container {
            opacity: 1;
            visibility: visible;
        }

        .wp-block-cover__image-background {
            opacity: 0.8;
        }
    }

    .wp-block-cover__inner-container {
        position: absolute;
        bottom: 15px;
        left: 15px;
        right: 15px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s;
        background: var(--wp--preset--color--background);
        width: calc(100% - 30px);
        padding: 15px 30px;
        box-sizing: border-box;

        .wp-block-portfolio-title {

            a {
                font-size: var(--wp--preset--font-size--content-heading);
                font-weight: var(--wp--custom--typography--font-weight--normal);
                text-decoration: none;
                line-height: var(--wp--custom--typography--line-height--heading-four);
                display: block;

            }
        }
    }
}

.block-editor-block-list__block.wp-block-portfolio .wp-block-cover .wp-block-cover__inner-container {
    visibility: visible;
    opacity: 1;
}