/* =============================================================
INSTAGRAM FEED STYLES
============================================================= */
.instafeed-wrapper {
	display: flex;
	flex-wrap:wrap;
	max-height: 700px; 	/* restrict feed area height */
	overflow-x: hidden; /* ie */
	overflow-y: auto;
}

.instafeed-wrapper a {
	display:block;
	padding-top:100%;
	position: relative;
}
.instafeed-wrapper img {
	height: 100%;
	width:100%;
	object-fit:cover;
	position:absolute;
	top:0;
}

.instafeed-wrapper a:focus {
	outline:none;
}

.instafeed-wrapper a:hover .instafeed-caption,
.instafeed-wrapper a:focus .instafeed-caption {
	opacity: 1;
}

.instafeed-item {
	flex: 1 1 250px; /* set base item size */
	font-size: 1rem;
	line-height: 1.3;
}

.instafeed-caption {
	align-items: center;
	background-color: rgba(0,0,0, .8);
	color: #fff;
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	opacity: 0;
	padding: .75rem;
	position: absolute;
	text-align: center;
	top: 0;
	transition: opacity 0.3s, visibility 0.3s;
}

/* limit caption height */
.instafeed-caption span {
	max-height: 100%;
	overflow: hidden;
}

/* create overflow caption text shade */
.instafeed-caption:after {
	content:"";
	position:absolute;
	height: 40%;
	width:100%;
	bottom:0;
	background: linear-gradient(to bottom, transparent 0%, black 100%);
}


/* =============================================================
END INSTAGRAM FEED STYLES
============================================================= */