/*-----------------------------------------------------------*/
/* Styles for Layout Instagram Components
/*-----------------------------------------------------------*/

/*Instagram Gallery Slider*/

.instagram-content	{
	position:relative;
}

.instagram-slider-layout.flexslider {
	background:#333;
	border-radius:0;
	border:none;
	box-shadow:none;
	padding-bottom:0;
	margin-bottom:0;
}

.instagram-slider-mobile-layout.flexslider {
	background:none;
	border-radius:0;
	border:none;
	box-shadow:none;
}

.instagram-slider-layout.flexslider .slide	{
	opacity:1;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
	cursor:pointer;
}

.instagram-slider-layout.flexslider:hover .slide	{
	opacity:0.8;
}

.instagram-slider-layout.flexslider:hover .slide:hover	{
	opacity:1;
}

.instagram-slider-layout.flexslider .instagram-slide img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ad-layout-instagram .instagram-slide	{
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
}
.ad-layout-instagram .instagram-slide img	{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	max-width:none;
	min-width:0;
	object-fit:cover;
}

@media (max-width: 767px) {
	.instagram-slider-mobile-layout.flexslider .slides img	{
		height:auto;
	}
}