/* 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: 4%;
}
.instagram_gallery .thumbnail.rowquarter {
	width:22%;
	margin-right:4%;
	padding: 0;
}
.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 5px 0 0; }
.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_galley_ajax { }
#instagram_galley_ajax .photo_thumb {float: left; margin: 0 5px 0 0; }
#instagram_galley_ajax .img {     max-width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    /*height: 255px;*/
     }
#instagram_galley_ajax .img a { 
	width: 100%; 
	height: 100%;
	display: inline-block;
}
#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; min-height:30px; padding-top: 4px; margin:0 auto; background:#fff; 
	text-align:center; font-size:1.2em; color:#999;
	border:1px solid #d2d2d2;
	-moz-box-shadow:0px 0px 4px #ddd; -webkit-box-shadow:0px 0px 4px #ddd; box-shadow:0px 0px 4px #ddd;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.instagram_gallery .img {
    height: 270px;
    background-repeat: no-repeat;
    background-size: cover;
}
h3.title-widget {
    display: none;
}
button#more-button {
    border: none;
}

/*MOBILE*/

@media (max-width: 767px){
    .instagram_gallery .thumbnail.rowquarter {
        width: 100%;
    }
    .instagram_gallery .img {
        width: 270px;
        margin: auto;
    }

    #instagram_galley_ajax .img {
        min-height: 50vh;
    }
}