/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/image-boxes-dynamic/style.css ***!
  \***************************************************************************************************************************************************************************************/
.p7-image-boxes-dynamic,
.wp-block-p7-image-boxes-dynamic {
    width: 100%;
    max-width: 100% !important;
}

.p7-image-boxes-dynamic .grid {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.p7-image-boxes-dynamic .item {
    position: relative;
    cursor: pointer;
    max-height: 500px;
    overflow: hidden;
}

.p7-image-boxes-dynamic.columns-2 .item {
    flex: 0 0 calc(50% - 15px);
}

.p7-image-boxes-dynamic.columns-3 .item {
    flex: 0 0 calc(33.333% - 15px);
}

.p7-image-boxes-dynamic.columns-4 .item {
    flex: 0 0 calc(25% - 15px);
}

.p7-image-boxes-dynamic.columns-5 .item {
    flex: 0 0 calc(20% - 15px);
}

@media (max-width: 1200px) {
    .p7-image-boxes-dynamic .item {
        flex: 0 0 calc(33.333% - 15px) !important;
    }
}

@media (max-width: 900px) {
    .p7-image-boxes-dynamic .item {
        flex: 0 0 calc(50% - 15px) !important;
    }
}

@media (max-width: 600px) {
    .p7-image-boxes-dynamic .item {
        flex: 0 0 100% !important;
    }
}

/* overlay */

.p7-image-boxes-dynamic .item::after {
    content: "";
    position: absolute;
    inset: 0;
    transition: all 0.4s ease 0.2s;
    background: linear-gradient(180deg, rgba(0, 45, 71, 0) 0%, rgba(0, 45, 71, 0.7) 100%);
}

.p7-image-boxes-dynamic .item img {
    width: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.p7-image-boxes-dynamic .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.p7-image-boxes-dynamic .item .caption h3 {
    text-align: center;
    font-size: 20px;
    font-family: var(--wp--preset--font-family--gotham);
}

/*# sourceMappingURL=style-index.css.map*/