.insta-grid-wrap{
	position:relative;
	margin: var(--cfg-align, 0 auto);
	width: var(--cfg-width);
	padding-top: calc(var(--cfg-width)*var(--cfg-rows)/var(--cfg-cols));
}

.insta-grid-cnt{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.insta-grid-thumb{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	width: calc(100%/var(--cfg-cols) - 2px);
	height: calc(100%/var(--cfg-rows) - 2px);
	
	transition: all .2s ease-in-out;
}

.insta-grid-thumb:hover{
	transform: rotate(-3deg) scale(1.01);
}

/* Slider basic styles */

.insta-slider-wrap{
	position: relative;

	margin: var(--cfg-align, 0 auto);
	width: var(--cfg-width);
}

.insta-slider-cnt{
	position: relative;

	width: 100%;
	height: var(--cfg-height);
	top: 0;
	left: 0;
}

.insta-slider-thumb{
	position: absolute;
	top: 0;
	left: 0;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	width: 100%;
	height: var(--cfg-height);
	
	/*display: none;*/
	transition: opacity .5s ease-in-out;
	opacity: 0;
}

.insta-slider-thumb.active{
	/*display: inline-block;*/
	transition: opacity .5s ease-in-out;
	opacity: 1;
}

.insta-slider-thumb-text{
	position: absolute;
	right: 0;
	bottom: 20px;
	padding: 10px 50px 10px 150px;
	max-width: 70%;
	
	background-image: linear-gradient(to right, rgba(250,250,250,0), rgba(250,250,250,1));
	/*display: none;*/
	
	transition: opacity .5s ease-in-out;
	opacity: 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.insta-slider-thumb-text.active{
	/*display: inline-block;*/
	transition: opacity .5s ease-in-out;
	opacity: 1;
}

.insta-slider-thumb-text:empty, .insta-slider-thumb-text.active:empty{
	opacity: 0;
}

.insta-slider-controls{
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--cfg-height);
	display: none;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.insta-slider-wrap:hover .insta-slider-controls{
	display: flex;
}

.insta-slider-controls button{
	background-color: rgba(111,111,111, 0.5);
	margin: 0 5px 0 5px;
	border: 0px;
	border-radius: 3px;
	padding: 25px 10px;
	color: white;
	font: 16px 'Lato', sans-serif;
	cursor: pointer;
}

.insta-slider-thumb:hover{
	/*transform: rotate(-3deg) scale(1.01);*/
}