@charset "utf-8";

/* FancyBox Custom */
.fancybox__backdrop { background-color:rgba(255,255,255,1) !important; }
.fancybox__toolbar {
	color:rgba(0,0,0,1) !important;
	display:flex;
	align-items:center;
	text-shadow:none !important;
}
.fancybox__toolbar .logo {
	position:relative;
	width:8vw;
	min-width:145px;
	background-image:url('../img/logo.svg');
	background-size:auto 100%;
	background-position:0 50%;
	background-repeat:no-repeat;
	display:block;
}
.fancybox__toolbar .logo:after {
	content:'';
	padding-bottom:20%;
	display:block;
}
.fancybox__infobar {
	font-size:0.8rem !important;
}
.f-button {
	background-color:rgba(255,255,255,1) !important;
}
.f-button[title="Close"] svg {
	width:2rem !important;
	height:2rem !important;
	stroke:rgba(0,0,0,1) !important;
	filter:none !important;
}
.f-button[title="Next"],
.f-button[title="Previous"] { border-radius:0 !important; }
.f-button[title="Next"] svg,
.f-button[title="Previous"] svg {
	height:auto !important;
	fill:rgba(0,0,0,0.3) !important;
	filter:none !important;
	transition:all 0.25s ease-in-out;
}
.f-button[title="Next"]:hover svg,
.f-button[title="Previous"]:hover svg { fill:rgba(0,0,0,1) !important; }
.fancybox__caption {
	font-size:1rem !important;
	color:rgba(0,0,0,1) !important;
	padding:1.2rem 0 !important;
}
.f-thumbs__slide__button { opacity:0.4 !important; }
.is-classic .is-nav-selected .f-thumbs__slide__button { opacity:1 !important; }
.is-classic .is-nav-selected .f-thumbs__slide__button::after { border:none !important; }

.is-compact .fancybox__footer { background: rgba(255,255,255,1) !important; }
.is-compact .fancybox__footer .fancybox__caption { text-align:center; }

/* Caption */
.fancybox__caption .capSubject {
	font-size:1rem;
	color:#000;
	font-weight:400;
	text-align:center;
	display:block;
}
.fancybox__caption .capConstruction {
	font-size:0.8rem;
	color:#777e87;
	font-weight:400;
	font-style:normal;
	text-align:center;
	display:block;
}
.fancybox__caption .capHashTag {
	margin-top:0.5rem;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.fancybox__caption .capTagLink {
	font-size:0.85rem;
	color:#000;
	margin:0.15rem;
	padding:0.25rem 0.8rem;
	background-color:rgba(0,0,0,0.15);
	border-radius:0.25rem;
	transition:all 0.15s ease-in-out;
	display:block;
}
.fancybox__caption .capTagLink:hover {
	color:#fff;
	background-color:rgba(0,0,0,0.6);
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
	padding:1rem !important;
}
.fancybox__content>.f-button.is-close-btn {
	top:0 !important;
	right:0 !important;
	--f-button-width:40px !important;
	--f-button-height:40px !important;
	padding:0.5rem !important;
	border-radius:0 !important;
}
.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
	width:auto !important;
	height:auto !important;
	aspect-ratio:16 / 9 !important;
}
.fancybox__html5video, .fancybox__iframe {
	background-color:#fff !important;
}
.is-compact .fancybox__content>.f-button.is-close-btn {
	top:-40px !important;
	right:0 !important;
	padding:0.5rem 0 !important;
}

/*
+--------------------------------------------------------------------------------------+
+                    Desktop Device greater than 1201px                      +
+--------------------------------------------------------------------------------------+
*/
@media all and (min-width:1201px) {
	.fancybox__toolbar { padding:1rem 3rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right:3rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { left:3rem !important; }
	.f-button[title="Next"],
	.f-button[title="Previous"] { width:3rem; }
	.f-button[title="Next"] svg,
	.f-button[title="Previous"] svg { width:1.8rem !important; }
	.fancybox__footer { padding:0 3rem !important; }
}

/*
+--------------------------------------------------------------------------------------+
+           Tablet Device Less than 769px or greater than 1201px          +
+--------------------------------------------------------------------------------------+
*/
@media all and (min-width:769px) and (max-width:1200px) {
	.fancybox__toolbar { padding:1rem 1rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right:1rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { left:1rem !important; }
	.f-button[title="Next"],
	.f-button[title="Previous"] { width:2.8rem; }
	.f-button[title="Next"] svg,
	.f-button[title="Previous"] svg { width:1.6rem !important; }
	.fancybox__footer { padding:0 1rem !important; }
}

/*
+----------------------------------------------------------+
+           Mobile Device Less than 768px          +
+----------------------------------------------------------+
*/
@media all and (max-width:768px) {
	.fancybox__toolbar { padding:1rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right:0rem !important; }
	.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev { left:0rem !important; }
	.f-button[title="Next"],
	.f-button[title="Previous"] { width:2.5rem; }
	.f-button[title="Next"] svg,
	.f-button[title="Previous"] svg { width:1.2rem !important; }
	.fancybox__footer { padding:0 !important; }
}