.ekd-backend-ctype-contactbox {
    overflow: hidden;
    .box {
        border: 2px solid #333;
        box-shadow: 5px 5px 10px #333;
        margin: 0 10px 10px 0;
        width: calc(100% - 10px);
        float: left;
        > div {
            float: left;
            &.text-wrapper {
                padding: 2rem;
                width: 100%;
            }
        }
        .image-wrapper {
            position: relative;
            .title {
                position: absolute;
                display: inline-block;
                text-align: center;
                background-color: #333;
                color: #fff;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 1rem;
            }


        }

    }

    &.ekd-backend-elementbgcolor {
        &-1 .text-wrapper {

            background-color: var(--ekd-backend-layout-1-bg);
            color: var(--ekd-backend-layout-1-fg);

            a {
                color: var(--ekd-backend-layout-1-fg);
            }
        }

        &-2 .text-wrapper {
            background-color: var(--ekd-backend-layout-2-bg);
            color: var(--ekd-backend-layout-2-fg);

            a {
                color: var(--ekd-backend-layout-2-fg);
            }
        }

        &-3 .text-wrapper {
            background-color: var(--ekd-backend-layout-3-bg);
            color: var(--ekd-backend-layout-3-fg);

            a {
                color: var(--ekd-backend-layout-3-fg);
            }
        }

        &-4 .text-wrapper {
            background-color: var(--ekd-backend-layout-4-bg);
            color: var(--ekd-backend-layout-4-fg);

            a {
                color: var(--ekd-backend-layout-4-fg);
            }
        }
    }
}

h1,h2,h3,h4,h5,h6 {
  svg {
    width: 20px;
  }
}