/* 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: 1; flex-basis: 23%; margin: 1%; }

.flexgallery .ccm-block-gallery-image-overlay-color { 
background-color: rgba(148, 117, 80,0.45); }

.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,
.mfp-figure figure:before {
background:  rgba(148, 117, 80,1) !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%;
}
}