/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

body.spf-open {
	overflow: hidden;
}

#spf-fancybox {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1104;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0s linear .3s;
}

#wpadminbar ~ #spf-fancybox {
	z-index: 991104;
}

#spf-fancybox[aria-hidden="false"] {
	opacity: 1;
	pointer-events: all;
	transition: none;
}

#spf-fancybox:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--spf_background_color);
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"]:before {
	opacity: var(--spf_background_opacity);
}

#spf-fancybox__inner {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

#spf-fancybox__fullscreen {
	position: fixed;
	left: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	z-index: 4;
	display: var(--spf_show_fullscreen);
	background-color: var(--spf_icons_color);
	mask-image: var(--spf_icon_fullscreen);
	mask-repeat: no-repeat;
	mask-size: 70% auto;
	mask-position: center center;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"] #spf-fancybox__fullscreen {
	opacity: 1;
}

#spf-fancybox__close {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
}

#spf-fancybox__close:before {
	content: '';
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	display: var(--spf_bg_close);
}

#spf-fancybox__close:after {
	content: '';
	display: block;
	position: fixed;
	right: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
	z-index: 5;
	display: var(--spf_show_close);
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"] #spf-fancybox__close:after {
	opacity: 1;
}

#spf-fancybox.icons-style--basic #spf-fancybox__close:after {
	background-color: var(--spf_icons_color);
	mask-image: var(--spf_icon_close);
	mask-repeat: no-repeat;
	mask-size: 70% auto;
	mask-position: center center;
}

#spf-fancybox__inner__content {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	pointer-events: none;
	white-space: nowrap;
	overflow: auto;
	scrollbar-width: none;
	width: 100%;
	height: 100%;
	scroll-snap-type: x mandatory;
	transform: scale(.4);
	opacity: 0;
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"] #spf-fancybox__inner__content {
	opacity: 1;
	transform: scale(1);
}

#spf-fancybox__inner__content.spf-fancybox__inner__content--no-snap {
	scroll-snap-type: none;
}

.spf-fancybox__inner__content__picture {
	display: inline-block;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	scroll-snap-align: center;
	scroll-snap-stop: always;
	position: relative;
}

.spf-fancybox__inner__content__picture:before,
body.spf-fancybox--mobile .spf-fancybox__inner__content__img:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	border: 4px solid #FFFFFF;
	border-top-color: transparent;
	border-radius: 200%;
	-webkit-animation: spf_loading .7s infinite linear;
	-moz-animation: spf_loading .7s infinite linear;
	-o-animation: spf_loading .7s infinite linear;
	animation: spf_loading .7s infinite linear;
}

@-webkit-keyframes spf_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-moz-keyframes spf_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@-o-keyframes spf_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes spf_loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.spf-fancybox__inner__content__picture.spf-fancybox__inner__content__picture--loaded:before {
	display: none;
}

.spf-fancybox__inner__content__img {
	position: relative;
	z-index: 3;
	pointer-events: all;
	border-style: solid;
	border-width: var(--spf_border_width);
	border-color: var(--spf_border_color);
	line-height: 0;
	opacity: 0;
}

.spf-fancybox__inner__content__img img {
	max-width: calc(100vw - var(--spf_padding) - var(--spf_padding) - var(--spf_border_width) - var(--spf_border_width));
	max-height: calc(100vh - var(--spf_padding) - var(--spf_padding) - var(--spf_border_width) - var(--spf_border_width));
}

.spf-fancybox__inner__content__img.spf-fancybox__inner__content__img--animate-transform {
	transition: transform .6s ease-in-out, opacity .6s ease-in-out;
}

.spf-fancybox__inner__content__img.spf-fancybox__inner__content__img--animate-transform-fast {
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}

.spf-fancybox__inner__content__picture.spf-fancybox__inner__content__picture--loaded .spf-fancybox__inner__content__img {
	opacity: 1;
}

#spf-fancybox__inner__left,
#spf-fancybox__inner__right {
	display: none;
}

#spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left,
#spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50%;
	left: 0px;
	margin-top: -25px;
	z-index: 4;
	display: var(--spf_show_arrows);
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"].spf-fancybox--gallery #spf-fancybox__inner__left,
#spf-fancybox[aria-hidden="false"].spf-fancybox--gallery #spf-fancybox__inner__right {
	opacity: 1;
}

#spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right {
	left: auto;
	right: 0px;
}

#spf-fancybox.icons-style--basic #spf-fancybox__inner__left {
	background-color: var(--spf_icons_color);
	mask-image: var(--spf_icon_left);
	mask-repeat: no-repeat;
	mask-size: 70% auto;
	mask-position: center center;
}

#spf-fancybox.icons-style--basic #spf-fancybox__inner__right {
	background-color: var(--spf_icons_color);
	mask-image: var(--spf_icon_left);
	mask-repeat: no-repeat;
	mask-size: 70% auto;
	mask-position: center center;
	transform: rotate(180deg);
}

#spf-fancybox.icons-style--basic:not(.spf-fancybox--cyclic) #spf-fancybox__inner__left.spf-fancybox__inner__left--first,
#spf-fancybox.icons-style--basic:not(.spf-fancybox--cyclic) #spf-fancybox__inner__right.spf-fancybox__inner__right--last {
	opacity: 0.3;
	cursor: default;
}

#spf-fancybox__inner__number {
	display: none;
}

#spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__number {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: auto;
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	display: var(--spf_show_number);
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

#spf-fancybox[aria-hidden="false"].spf-fancybox--gallery #spf-fancybox__inner__number {
	opacity: 1;
}

/* Fullscreen */
#spf-fancybox:fullscreen:before {
	opacity: 1;
}

/* Mobile */

body.spf-fancybox--mobile #spf-fancybox {
	padding: 0;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--prevent-scroll #spf-fancybox__inner__content {
	overflow: hidden;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--hammer-scroll-left .spf-fancybox__inner__content__picture {
	touch-action: pan-left !important;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--hammer-scroll-right .spf-fancybox__inner__content__picture {
	touch-action: pan-right !important;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--hammer-scroll .spf-fancybox__inner__content__picture {
	touch-action: pan-x !important;
}

body.spf-fancybox--mobile #spf-fancybox:before {
	display: none;
}

body.spf-fancybox--mobile #spf-fancybox__inner {
	flex-basis: 100%;
	height: 100%;
	border: none;
}

body.spf-fancybox--mobile #spf-fancybox__inner:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 120px;
	max-height: 20svh;
	z-index: 2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #000000 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0% #000000), color-stop(100%, transparent));
	background: -webkit-linear-gradient(top, #000000 0%, transparent 100%);
	background: -o-linear-gradient(top, #000000 0%, transparent 100%);
	background: -ms-linear-gradient(top, #000000 0%, transparent 100%);
	background: linear-gradient(to bottom, #000000 0%, transparent 100%);
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: center top;
	opacity: 1;
	pointer-events: none;
	transition: opacity .3s ease-in-out;
}

body.spf-fancybox--mobile #spf-fancybox__close,
body.spf-fancybox--mobile #spf-fancybox__inner__number {
	opacity: 1;
	transition: opacity .3s ease-in-out;
	z-index: 3;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--clean-screen #spf-fancybox__inner:before,
body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--clean-screen #spf-fancybox__close,
body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--clean-screen #spf-fancybox__inner__number {
	opacity: 0;
	pointer-events: none;
}

body.spf-fancybox--mobile #spf-fancybox__fullscreen,
body.spf-fancybox--mobile #spf-fancybox__close:before {
	display: none;
}

body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__left,
body.spf-fancybox--mobile #spf-fancybox.spf-fancybox--gallery #spf-fancybox__inner__right {
	display: none;
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__picture:not(.spf-fancybox__inner__content__picture--loaded) {
	background-color: var(--spf_background_color);
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__img {
	flex: 0 1 auto;
	width: auto;
	height: auto;
	border: none;
	height: 100%;
	width: 100%;
	padding-bottom: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--spf_background_color);
	opacity: 1;
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__img:before {
	top: calc(50% - 5vw);
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__picture.spf-fancybox__inner__content__picture--loaded .spf-fancybox__inner__content__img:before {
	display: none;
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
	position: relative;
	z-index: 3;
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__picture.spf-fancybox__inner__content__picture--loaded .spf-fancybox__inner__content__img img {
	opacity: 1;
}

body.spf-fancybox--mobile .spf-fancybox__inner__content__img.spf-fancybox__inner__content__img--zoom {
	max-width: none;
	max-height: none;
}