/* Technetium PHP Framework version 2.9
   Author: Tony Leung
   E-mail: info@technetium.info
   
   This stylesheet contains style overrides of plugins.
 */

@charset "utf-8";

/* bootstrap > components > badges */
.badge {
	padding:0.45em 0.75em;
	border-radius:0.95em;
	font-weight:normal;
	line-height:1;
	text-align:center;
}

/* bootstrap > components > buttons */
.btn:focus {
	box-shadow:none;
}

/* jquery image comparer */
.image-comparer {
	overflow:visible;
}
.image-comparer .handle {
	width:3px;
}
.image-comparer .handle:before {
	width:0.8rem;
	height:0.8rem;
	top:0;
	transform:translateX(-50%);
}
.image-comparer .handle-drag {
	width:3.3rem;
	height:3.3rem;
	position:absolute;
	bottom:0;
	left:50%;
	border-radius:50%;
	background:inherit;
	color:var(--bs-white);
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translateX(-50%);
}
.image-comparer .handle-drag:before,
.image-comparer .handle-drag:after {
	margin:0 0.15em;
	font-family:fisherieshall-icons;
	font-size:2rem;
}
.image-comparer .handle-drag:before {
	content:'\e904';
}
.image-comparer .handle-drag:after {
	content:'\e905';
}

/* photoswipe */
.pswp__icn {
	display:none;
}
.pswp__button--arrow:before,
.pswp__button--close:before {
	font-family:fisherieshall-icons;
	color:var(--bs-white);
	line-height:1;
	display:inline-block;
}
.pswp__button--arrow {
	width:4rem;
	height:7rem;
}
.pswp__button--arrow--next {
	right:calc(8% + 0.5rem);
}
.pswp__button--arrow--next:before {
	content:'\e908';
	font-size:7rem;
}
.pswp__button--arrow--prev {
	left:calc(8% + 0.5rem);
}
.pswp__button--arrow--prev:before {
	content:'\e907';
	font-size:7rem;
}
.pswp__button--close:before {
	content:'\e903';
	font-size:2rem;
}
.pswp__counter {
	display:none;
}
.pswp__img {
	cursor:default;
}
.pswp__page-indicator {
	position:absolute;
	bottom:10%;
	left:8%;
	right:8%;
	display:flex;
	justify-content:center;
}
.pswp__page-indicator-dot {
	width:8px;
	height:8px;
	border-radius:50%;
	margin:0 8px;
	background:var(--bs-white);
	opacity:0.3;
	transition-property:opacity;
}
.pswp__page-indicator-dot.active {
	opacity:1;
}
.pswp__top-bar {
	width:auto;
	height:calc(2rem + 60px);
	padding:1rem;
	top:5%;
	left:8%;
	right:8%;
}

/* swiper */
:root {
	--swiper-theme-color:var(--bs-primary);
}
.swiper-slide .img-holder {
	height:0;
}
.swiper-slide .img-holder > img {
	max-width:100%;
}
.swiper-container-vertical .swiper-slide {
	height:auto;
	padding:0 20%;
	z-index:0;
	filter:blur(20px);
	transition-property:z-index, filter, transform;
	transition-duration:0.4s;
}
.swiper-container-vertical .swiper-slide-active,
.swiper-container-vertical .swiper-slide-duplicate-active {
	z-index:9;
	filter:none;
	transform:scale(1.666667);
}
.swiper-container-vertical .swiper-button-next,
.swiper-container-vertical .swiper-button-prev {
	width:7rem;
	height:2.2rem;
	top:auto;
	left:50%;
	right:auto;
	margin-top:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	transform:translateX(-50%);
}
.swiper-container-vertical .swiper-button-next:after,
.swiper-container-vertical .swiper-button-prev:after {
	font-family:fisherieshall-icons;
}
.swiper-container-vertical .swiper-button-next {
	bottom:4rem;
}
.swiper-container-vertical .swiper-button-next:after {
	content:'\e901';
}
.swiper-container-vertical .swiper-button-prev {
	top:4rem;
}
.swiper-container-vertical .swiper-button-prev:after {
	content:'\e902';
}