.cs-instagram__items {
	.sidebar-1-3 .sidebar &,
	.footer-area:not(.footer-area--fullwidth) & {
		margin: -10px;
	}
}

.cs-instagram__item {

	.sidebar-1-3 .sidebar &,
	.footer-area:not(.footer-area--fullwidth) & {
		max-width: 45%;
		flex: 0 0 45%;
		padding: 0;
		margin: 10px;
		transition: .3s;
		@media (min-width: 480px) {
			max-width: calc(25% - 20px);
			flex: 0 0 calc(25% - 20px);
		}

		@media (min-width: 768px) {
			max-width: 29%;
			flex: 0 0 29%;
		}
		@media (min-width: 1200px) {
			max-width: calc(25% - 20px);
			flex: 0 0 calc(25% - 20px);
		}

	}
	.cs-instagram__cover {
		opacity: 0;

		&:before {
			content: "\f06e";
			@include font-awesome-icon;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) scale(0);
			display: inline-block;
			z-index: 2;
			transition: .3s;
			color: white;
			opacity: 0;
			margin: 0;
			font-size: 16px;
			width: 16px;
			height: 16px;
		}
	}

	.cs-instagram__cover,
	.cs-instagram__img {
		border-radius: 0;
	}

	.cs-instagram__link {
		border: 3px solid transparent;
		transition: .3s;
	}

	&:hover {
		.cs-instagram__cover {
			opacity: 1;

			&:before {
				opacity: 1;
				transform: translate(-50%, -50%) scale(1);
			}
		}
	}

}

.cs-instagram--widget {
	.full-width-header-area &,
	.after-content-full-width-area & {
		padding: 0 10px;
	}
}