/* CDL Instagram Gallery module styles */

.instagram_gallery { }
.instagram_gallery .f-clear { clear:both; }
.instagram_gallery .page-title .description { }
.instagram_gallery .photoset-thumb-wrapper { margin-top:10px; }
.instagram_gallery .thumbnail { margin-bottom:10px; float:left; margin-right:2%; }
.instagram_gallery .thumbnail.rowfull { width:100%; margin-right:0; }
.instagram_gallery .thumbnail.rowhalf { width:48%; margin-right:2%; }
.instagram_gallery .thumbnail.rowthird { width:31%; margin-right:3%; }
.instagram_gallery .thumbnail.rowquarter { width:22%; margin-right:4%; }
.instagram_gallery .thumbnail.last { margin-right:0; }
.instagram_gallery .clearboth { clear:both; }
.instagram_gallery .thumbnail table td.img { padding-right:10px; }
.instagram_gallery .thumbnail table td.img .img_wrapper { }
.instagram_gallery .thumbnail table td.img .img_wrapper:hover { }
.instagram_gallery .thumbnail table td.info h4 { }
.instagram_gallery .thumbnail table td.info .description { }

.instagram_gallery .photo-thumb-wrapper { margin-top:5px; }
.instagram_gallery .photo_thumb { float:left; margin:0 0px 0 0; width:12.5% }
.instagram_gallery .photo_thumb.last_thumb { }
.instagram_gallery .photo_thumb .img_wrapper { display:table-cell; vertical-align:middle; }
.instagram_gallery .photo_thumb .img_wrapper:hover {  }
.instagram_gallery .photo_thumb:hover .photo_hover{
	opacity:1;
}
.instagram_gallery .photo_thumb img{
width:100%;	
}
.instagram_gallery .photo_hover{
 width: 12.5%;
    position: absolute;
    pointer-events:none;
	opacity:0;
}
.instagram_gallery .photo_hover img{
	width: 100%;

}
.instagram-more{
	display:none;
	
}

#instagram_galley_ajax { }
#instagram_galley_ajax .photo_thumb {float: left; margin: 0 5px 0 0; }
#instagram_galley_ajax .img img { max-width: 100%; }
#instagram_minigallery_ajax { }
#instagram_minigallery_ajax .photo_thumb {float: left; margin: 0 5px 0 0; }
#instagram_minigallery_ajax .img img { max-width: 100%; }
#loading-mask { 
	display:block; width:120px; min-height:30px; padding:25px 40px 20px 40px; margin:0 auto; background:#fff; 
	text-align:center; font-size:1.2em; color:#999;

}

@media (max-width: 800px) {
  .instagram_gallery .photo_hover{width:25%}
  .instagram_gallery .photo_thumb {width:25%}
  
}