/*--- Mosaic Gallery CSS ---*/
.MosaicGallery *{
	box-sizing: border-box;
}
.MosaicGallery{
  margin:0 auto !important;
  width: 100% !important;  
  max-width:693px;
}

/* clearfix */
.MosaicGallery:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */
.MosaicGallery-sizer,
.MosaicGallery-item {
	width:25%;
}
.MosaicGallery-item {
	float: left;
	box-sizing: border-box;
	height: 100px;
	margin-bottom: 1px !important;
	max-width: 100% !important; 
	overflow:hidden;
	border:2px solid transparent !important;
}
.MosaicGallery-item:hover {
    cursor:pointer;
    border:2px solid #007e7a !important;
}
.MosaicGallery-item img{
	max-width: none !important;
    height: auto !important;
    /*max-width: 175px !important;
    max-height:280px;
    min-width: 175px;
    min-height: 280px;*/
    background:url("/SiteCollectionDocuments/MosaicGalleryConfigFiles/mosaicGallery-bg.png") 0 0 repeat !important;
    /*-webkit-transform: translate(-40%, -5%);
        -ms-transform: translate(-40%, -5%);
            transform: translate(-40%, -5%);*/
}

.MosaicGallery-item--height2 { height: 160px; }
.MosaicGallery-item--height3 { height: 220px; }
.MosaicGallery-item--height4 { height: 280px; }

.MosaicGallery-item--lightBox {
	width: 100%;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    background:url("/SiteCollectionDocuments/MosaicGalleryConfigFiles/mosaicGallery-bg.png") 0 0 repeat !important;
    z-index: 7001;
    text-align: center;
    border-top: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important;
    border-bottom: none !important;
}
.MosaicGallery-item--lightBox:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.MosaicGallery-item--lightBox:hover{
	border-top: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important;
    border-bottom:none !important;
}
.MosaicGallery-item--lightBox img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100% !important;
    max-height: 100%;
    transform: none;
    z-index: 9999999;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
   	   -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
    		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}
.MosaicGallery-item--lightBox img{
	opacity: 0;
}
.MosaicGallery-item-animation img {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;	
}



.MosaicGallery-item.heightMenor img {height: 96px !important;max-width: none !important;width: auto;}
.MosaicGallery-item.heightMenor.MosaicGallery-item--height2 img{height: 156px !important;max-width: none !important;width: auto;}
.MosaicGallery-item.heightMenor.MosaicGallery-item--height3 img{height: 216px !important;max-width: none !important;width: auto;}
.MosaicGallery-item.heightMenor.MosaicGallery-item--height4 img {height: 276px !important;max-width: none !important;width: auto;}
.MosaicGallery-item.widthMenor img {min-height: 96px !important;width: 169px !important;}
.MosaicGallery-item.widthMenor.MosaicGallery-item--height2 img{min-height: 156px !important;width: 169px !important;}
.MosaicGallery-item.widthMenor.MosaicGallery-item--height3 img{min-height: 216px !important;width: 169px !important;}
.MosaicGallery-item.widthMenor.MosaicGallery-item--height4 img {min-height: 276px !important;width: 169px !important;}

.MosaicGallery-item.widthMenor.MosaicGallery-item--lightBox img,
.MosaicGallery-item.heightMenor.MosaicGallery-item--lightBox img {height:auto !important;max-height:100%;width: auto !important;max-width:100% !important;margin:0 0 0 -5px !important;}



@media screen and (max-width: 575px) {
	.MosaicGallery-item{ height: 70px; }
	.MosaicGallery-item--height2 { height: 130px; }
	.MosaicGallery-item--height3 { height: 190px; }
	.MosaicGallery-item--height4 { height: 240px; }
	
	
	.MosaicGallery-item.heightMenor img {height: 66px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height2 img{height: 126px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height3 img{height: 186px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height4 img {height: 236px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.widthMenor img {min-height: 66px !important;width: 130px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height2 img{min-height: 126px !important;width: 130px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height3 img{min-height: 186px !important;width: 130px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height4 img {min-height: 236px !important;width: 130px !important;}
	
.MosaicGallery-item.widthMenor.MosaicGallery-item--lightBox img,
.MosaicGallery-item.heightMenor.MosaicGallery-item--lightBox img {height:auto !important;max-height:100%;width: auto !important;max-width:100% !important;margin:0 0 0 -5px !important;}
}
@media screen and (max-width: 450px) {
	.MosaicGallery-item{ height: 60px; }
	.MosaicGallery-item--height2 { height: 110px; }
	.MosaicGallery-item--height3 { height: 150px; }
	.MosaicGallery-item--height4 { height: 200px; }


	.MosaicGallery-item.heightMenor img {height: 56px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height2 img{height: 106px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height3 img{height: 146px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.heightMenor.MosaicGallery-item--height4 img {height: 196px !important;max-width: none !important;width: auto;}
	.MosaicGallery-item.widthMenor img {min-height: 56px !important;width: 99px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height2 img{min-height: 106px !important;width: 99px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height3 img{min-height: 146px !important;width: 99px !important;}
	.MosaicGallery-item.widthMenor.MosaicGallery-item--height4 img {min-height: 196px !important;width: 99px !important;}

.MosaicGallery-item.widthMenor.MosaicGallery-item--lightBox img,
.MosaicGallery-item.heightMenor.MosaicGallery-item--lightBox img {height:auto !important;max-height:100%;width: auto !important;max-width:100% !important;margin:0 0 0 -5px !important;}
}