/* CSS Document */

.flexgallery {
display: flex; }

.flexgallery .flexgallery-row { 
 display: inline-flex;
    flex-grow: 1;
    flex-basis: 25%;
    flex-direction: row;
    flex-wrap: wrap; }

.flexgallery .flexgallery-row .flexgallery-item {
flex-grow: 0; flex-basis: 23%; margin: 1%; aspect-ratio: 1 / 1; overflow:hidden; }
.ccm-block-gallery .ccm-block-gallery-image {
    padding-top: 0;
    height: 100% !important;    border-radius: 15px;
}
.flexgallery .ccm-block-gallery-image-overlay-color { 
background-color: rgba(0, 0, 0, 0.5);   border-radius: 15px; }

.mfp-img { position: relative; max-height: 90vh !important; max-width: 95% !important; }
.mfp-bottom-bar { padding: 5px 25px !important; }
.mfp-counter { top: 5px !important; right: 25px !important; }
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { right: 4px !important; }

.mfp-gallery .mfp-image-holder .mfp-figure {
background: #000 !important; }
.mfp-figure figure { background: none !important; }
.mfp-figure figure:before { 
position: absolute; top: 0; left: 0; width:100%; height: 100%; 
background: #000; content:''; z-index: 0; }

@media screen and (max-width: 1000px)
{ 
.flexgallery .flexgallery-row { 
    display: inline-flex;
    flex-grow: 1;
    flex-basis: 50%;
    flex-direction: row;
    flex-wrap: wrap;
}
.flexgallery .flexgallery-row .flexgallery-item {
    flex-grow: 1; margin: 1%;
    flex-basis: 48%;
}
}