/* UtahDERM Fancybox4.0 Overrides */
.fancybox__slide {
  padding: 0;
}

.fancybox__content {
	width: 100% !important;
	height: 100% !important;
	padding: 0;
	background: black;
}

.fancybox__content > .carousel__button.is-close {
	top: 4px;
	right: 8px;
	border: 2px solid;
	width: 24px;
	height: 24px;
	color: #ff0000;
}

.fancybox__content > .carousel__button::before {
	display: inline-block;
	position: absolute;
	width: 100px;
	height: 24px;
	content: "close viewer";
	font-size: 1rem;
	font-weight: 400;
	line-height: normal;
	color: white;
}

@media (max-width: 1199px) {
	.fancybox__content > .carousel__button.is-close {
		position: static;
		margin: 4px 8px 4px auto;
	}

	.fancybox__content > .carousel__button::before {
		right: 32px;
	}
}

@media (min-width: 1200px) {
	.fancybox__content {
		padding: 8px;
	}

	.fancybox__content > .carousel__button.is-close {
		top: 10px;
		right: 33px;
	}

	.fancybox__content > .carousel__button::before {
		right: 22px;
	}
}