/* CSS Document */

.flexgallery {
display: flex; }

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

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

.mfp-img { position: relative; max-height: 90vh !important; max-width: 100% !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-image-holder .mfp-content,
.mfp-bottom-bar { max-width: 90%!important; }

.mfp-gallery .mfp-image-holder .mfp-figure {
background: none !important; }
.mfp-figure figure { background: none !important; }
.mfp-figure figure:before { 
position: absolute; top: 0; left: 0; width:100%; height: 100%; 
background: none; 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%;
}
}