/*** Block Examples CPT - Preview Block ***/
.block-examples-block {
    padding-bottom: 300px;
}

.block-examples-block .heading-splitter {
    background-color: #f5f5f5;
    padding: 10px 20px;
    margin-bottom: 15px;
    scroll-margin-top: 200px;
}

.block-examples-block .block-examples-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.block-examples-block .block-examples-grid .block-card {
    width: calc(25% - 15px);
    margin-bottom: 15px;
}

.block-examples-block .block-examples-grid .block-card,
.block-examples-block .block-examples-grid .block-card * {
    text-decoration: none !important;
}

.block-examples-block .block-examples-grid .block-card .image-16by9,
.block-examples-block .block-examples-grid .block-card .image-square {
    border: 1px solid #dddddd;
}

.block-examples-block .block-examples-grid .block-card .image-16by9 img {
    object-fit: contain;
}

.block-examples-block .block-examples-grid .block-card h4,
.block-examples-block .block-examples-grid .block-card h5 {
    color: var(--black);
    margin-top: 15px;
}

.block-examples-block .block-examples-grid .block-card.empty {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 1px;
}


.block-examples-block .library_buttons {
    position: fixed;
    bottom: 0;
    z-index: 50;
    width: 100%;
    left: 0;
    background: rgba(255,255,255,0.75);
    text-align: center;
}

.block-examples-block .library_buttons a.button {
    margin-bottom: 0;
}


@media(max-width: 1199.98px) {
    .block-examples-block .block-examples-grid .block-card {
        width: calc(50% - 15px);
    }
}

@media(max-width: 767.98px) {
    .block-examples-block .block-examples-grid .block-card {
        width: calc(100%);
    }
}