/* -----------------------------------------
	Magnific Related Styles
----------------------------------------- */
.mfp-bg {
	background-color: $black;
}

.mfp-preloader {
	color: $white;

	a {
		color: $white;

		&:hover {
			color: $white;
		}
	}
}

.mfp-container {
	&:not(.mfp-s-error) {
		.mfp-preloader {
			@include spinner;
			background-color: transparent;
			text-indent: -999em;
			margin: 0 auto;
		}
	}
}

button {
	&.mfp-close,
	&.mfp-arrow {
		border: 0;
		opacity: 1;

		&:hover {
			background: none;
			border: 0;
		}
	}
}

.mfp-close-btn-in {
	.mfp-close {
		color: $white;
	}
}

.mfp-image-holder,
.mfp-iframe-holder {
	.mfp-close {
		color: $white;
	}
}

.mfp-arrow {
	line-height: .3;

	&::before,
	&::after {
		border: 0;
	}

	&::after {
		@include font-awesome(\f105);
		font-size: 70px;
		color: $white;
	}
}

.mfp-arrow-right {
	&::after,
	.mpf-a {
		content: "\f105";
	}
}

.mfp-arrow-left {
	&::after,
	.mpf-a {
		content: "\f104";
	}
}