/* SlidersPack Lite slider. Skins (.spl-skin-*) approximate each original library's controls and captions. */

/* ---------------------------------------------------------------- Base */
.spl-s { position: relative; margin-bottom: 1em; --spl-dot: #b5b5b5; --spl-dot-on: #000; --spl-arrow-color: #000; --spl-arrow-size: 32px; --spl-arrow-off: 10px; }
.spl-s *, .spl-s *::before, .spl-s *::after { box-sizing: border-box; }
.spl-s:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.spl-s__viewport { position: relative; overflow: hidden; touch-action: pan-y; }
.spl-mode-vertical .spl-s__viewport { touch-action: pan-x; }
.spl-s__track { position: relative; display: flex; align-items: stretch; will-change: transform; }
.spl-s__slide { position: relative; flex: 0 0 100%; min-width: 0; text-align: center; }
.spl-s.is-adaptive .spl-s__track { align-items: flex-start; }
.spl-s.is-dragging { cursor: grabbing; user-select: none; }
.spl-s.is-dragging a { pointer-events: none; }
.spl-s img { max-width: 100%; height: auto; border-radius: 0; vertical-align: bottom; }
.spl-s .wp-spaios-slider-image { display: inline-block; }
.spl-s__slide > a.wp-spaios-img-link { display: block; }

/* Until the script runs (or if it can't), show just the first slide. */
.spl-s:not(.is-ready) .spl-s__slide:not(:first-child) { display: none; }
.spl-s.is-broken .spl-s__slide { display: block !important; }

/* Vertical */
.spl-mode-vertical .spl-s__track { flex-direction: column; }
.spl-mode-vertical .spl-s__slide { flex: 0 0 auto; width: 100%; }

/* Coverflow (3D) */
.spl-mode-coverflow .spl-s__viewport { perspective: 1200px; }
.spl-mode-coverflow .spl-s__track { transform-style: preserve-3d; }

/* Fade and effects: slides stacked in one grid cell. */
.spl-mode-fade .spl-s__track, .spl-mode-effect .spl-s__track { display: grid; }
.spl-mode-fade .spl-s__slide, .spl-mode-effect .spl-s__slide {
	grid-area: 1 / 1; width: 100%; opacity: 0; visibility: hidden; transform: var(--spl-in, none);
	transition: none; z-index: 0;
}
.spl-mode-fade .spl-s__slide.is-active, .spl-mode-effect .spl-s__slide.is-active {
	opacity: 1; visibility: visible; transform: none; z-index: 2;
	transition: opacity var(--spl-speed, .5s) ease, transform var(--spl-speed, .5s) ease;
}
.spl-mode-fade .spl-s__slide.is-leaving, .spl-mode-effect .spl-s__slide.is-leaving {
	opacity: 0; visibility: visible; transform: var(--spl-out, none); z-index: 1;
	transition: opacity var(--spl-speed, .5s) ease, transform var(--spl-speed, .5s) ease;
}
.spl-effect-scale  { --spl-in: scale(.85); --spl-out: scale(1.15); }
.spl-effect-rotate { --spl-in: rotate(-12deg) scale(.85); --spl-out: rotate(12deg) scale(.85); }
.spl-effect-fold .spl-s__viewport { perspective: 1200px; }
.spl-effect-fold   { --spl-in: rotateY(90deg); --spl-out: rotateY(-90deg); }
.spl-effect-fold .spl-s__slide { transform-origin: left center; }
.spl-effect-fold .spl-s__slide.is-leaving { transform-origin: right center; }

/* Ticker */
.spl-mode-ticker .spl-s__slide { flex: 0 0 auto; }

/* Scattered polaroids */
.spl-mode-stack .spl-s__viewport { height: 580px; background: #ddd; }
.spl-mode-stack .spl-s__track { position: absolute; inset: 0; display: block; }
.spl-mode-stack .spl-s__slide { position: absolute; top: 0; left: 0; width: 240px; padding: 20px 20px 10px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; }
.spl-mode-stack .spl-s__slide.is-active { cursor: default; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.spl-mode-stack .spl-s__slide img { width: 200px; height: 200px; object-fit: cover; }
.spl-mode-stack .spl-s__caption { margin-top: 10px; padding: 0; background: none; color: #333; font-size: 15px; line-height: 1.3; }
.spl-mode-stack .spl-s__dots { position: absolute; left: 0; right: 0; bottom: 12px; margin: 0; z-index: 101; }
@media (max-width: 640px) {
	.spl-mode-stack .spl-s__viewport { height: 420px; }
	.spl-mode-stack .spl-s__slide { width: 180px; padding: 12px 12px 8px; }
	.spl-mode-stack .spl-s__slide img { width: 156px; height: 156px; }
}

/* ---------------------------------------------------------------- Controls */
.spl-s__arrow {
	position: absolute; top: 50%; z-index: 120; display: flex; align-items: center; justify-content: center;
	width: var(--spl-arrow-size); height: var(--spl-arrow-size); margin: 0; padding: 0; border: 0; border-radius: 0;
	background: transparent no-repeat center / contain; color: var(--spl-arrow-color); cursor: pointer;
	transform: translateY(-50%); transition: opacity .2s; line-height: 1; box-shadow: none;
}
.spl-s__arrow svg { display: block; width: 100%; height: 100%; }
.spl-s__arrow:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.spl-s__arrow[disabled] { opacity: .3; cursor: default; }
.spl-s__arrow[hidden] { display: none; }
.spl-s__prev { left: var(--spl-arrow-off); }
.spl-s__next { right: var(--spl-arrow-off); }
[dir="rtl"] .spl-s__prev { left: auto; right: var(--spl-arrow-off); }
[dir="rtl"] .spl-s__next { right: auto; left: var(--spl-arrow-off); }
[dir="rtl"] .spl-s__arrow svg { transform: scaleX(-1); }

.spl-s__dots { margin-top: 10px; text-align: center; line-height: 0; }
.spl-s__dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; border: 0; border-radius: 50%; background: var(--spl-dot); cursor: pointer; vertical-align: middle; box-shadow: none; }
.spl-s__dot.is-active { background: var(--spl-dot-on); }
.spl-s__dot:focus-visible { outline: 2px solid var(--spl-dot-on); outline-offset: 2px; }

/* ---------------------------------------------------------------- Captions and post content */
.spl-s__caption { background: #737373; color: #fff; padding: 10px 15px; font-size: 15px; text-align: center; text-shadow: none; }
.spl-s__caption a { color: inherit; text-decoration: underline; }
.spl-s__caption a:hover, .spl-s__caption a:focus { text-decoration: none; }
.wp-spaios-content-wrp { padding: 15px; text-align: center; line-height: normal; }
.spl-s .wp-spaios-cat { text-decoration: underline; }
.spl-s .wp-spaios-title { margin-top: 15px; font-size: 22px; }
.spl-s .wp-spaios-content { margin-top: 15px; }
.spl-s .wp-spaios-readmore-btn { display: inline-block; margin-top: 15px; padding: 5px 20px; background: #000; color: #fff; font-size: 15px; }

/* ---------------------------------------------------------------- Skins */

/* bxSlider: dark round arrows, caption laid over the image, dots below. */
.spl-skin-bxslider .spl-s__arrow { --spl-arrow-size: 32px; padding: 7px; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; }
.spl-skin-bxslider .spl-s__caption { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(80,80,80,.75); font-size: .85em; }
.spl-skin-bxslider { --spl-dot: #666; --spl-dot-on: #000; }

/* FlexSlider: arrows slide in on hover, grey caption bar, dots below. */
.spl-skin-flexslider .spl-s__arrow { --spl-arrow-size: 40px; color: rgba(0,0,0,.8); opacity: 0; }
.spl-skin-flexslider .spl-s__prev { left: -10px; }
.spl-skin-flexslider .spl-s__next { right: -10px; }
.spl-skin-flexslider:hover .spl-s__prev, .spl-skin-flexslider .spl-s__prev:focus-visible { left: 10px; opacity: .8; }
.spl-skin-flexslider:hover .spl-s__next, .spl-skin-flexslider .spl-s__next:focus-visible { right: 10px; opacity: .8; }
.spl-skin-flexslider { --spl-dot: rgba(0,0,0,.5); --spl-dot-on: rgba(0,0,0,.9); }

/* Owl Carousel: text buttons and dots below the carousel. */
.spl-skin-owl-slider .spl-s__arrow { position: static; display: inline-block; width: auto; height: auto; margin: 10px 5px 0; padding: 4px 8px; border-radius: 3px; background: #d6d6d6; color: #000; font-size: 14px; transform: none; }
.spl-skin-owl-slider .spl-s__arrow svg { display: none; }
.spl-skin-owl-slider .spl-s__arrow::after { content: attr(data-text); }
.spl-skin-owl-slider { text-align: center; --spl-dot: #d6d6d6; --spl-dot-on: #869791; }
.spl-skin-owl-slider .spl-s__viewport { text-align: initial; }

/* Nivo: image arrows on hover, light caption, image bullets. */
.spl-skin-nivo-slider .spl-s__arrow { width: 30px; height: 30px; background-image: url(../images/arrows.png); background-size: auto; opacity: 0; }
.spl-skin-nivo-slider .spl-s__arrow svg { display: none; }
.spl-skin-nivo-slider .spl-s__prev { left: 15px; background-position: 0 0; }
.spl-skin-nivo-slider .spl-s__next { right: 15px; background-position: -30px 0; }
.spl-skin-nivo-slider:hover .spl-s__arrow, .spl-skin-nivo-slider .spl-s__arrow:focus-visible { opacity: 1; }
.spl-skin-nivo-slider .spl-s__dot { width: 22px; height: 22px; margin: 0 2px; border-radius: 0; background: url(../images/bullets.png) no-repeat 0 0; }
.spl-skin-nivo-slider .spl-s__dot.is-active { background-position: 0 -22px; }
.spl-skin-nivo-slider .spl-s__caption { background: rgba(221,221,221,.87); color: #000; }
.spl-skin-nivo-slider.spl-s .wp-spaios-content-wrp { background: #fff; border: 10px solid #ddd; padding: 10px; }

/* Swiper and 3D: black chevrons near the edges, small dots. */
.spl-skin-swiperslider, .spl-skin-3dslider { --spl-arrow-size: 30px; --spl-arrow-off: 5px; --spl-dot: #b5b5b5; --spl-dot-on: #000; }
.spl-skin-swiperslider .spl-s__dot, .spl-skin-3dslider .spl-s__dot { width: 9px; height: 9px; margin: 0 4px; }
.spl-skin-swiperslider .spl-s__slide img, .spl-skin-3dslider .spl-s__slide img { width: 100%; object-fit: cover; }
.spl-skin-swiperslider .wp-spaios-content-wrp, .spl-skin-3dslider .wp-spaios-content-wrp { background: #f1f1f1; }

/* Wallop and Unslider: dark square buttons with white arrows. */
.spl-skin-wallop-slider .spl-s__arrow, .spl-skin-un-slider .spl-s__arrow { width: 30px; height: 60px; --spl-arrow-off: 0px; padding: 15px 4px; background: rgba(0,0,0,.6); color: #fff; }
.spl-skin-wallop-slider .spl-s__dot, .spl-skin-un-slider .spl-s__dot { background: transparent; border: 1px solid #000; }
.spl-skin-wallop-slider .spl-s__dot.is-active, .spl-skin-un-slider .spl-s__dot.is-active { background: #000; }
.spl-skin-wallop-slider .wp-spaios-content-wrp { background: #fff; }
.spl-skin-un-slider .spl-s__caption { position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; padding: 15px; }

/* ---------------------------------------------------------------- Banner slides (Slick engine) */
.spl-box { width: 100%; max-width: var(--spl-maxw, none); margin-left: auto; margin-right: auto; background: var(--spl-bg, transparent); --spl-arrow-color: #fffc; --spl-arrow-size: 32px; --spl-arrow-off: 15px; --spl-dot: #fff; --spl-dot-on: #000; }
.spl-box .spl-s__slide { text-align: initial; }
.spl-box .spl-slide { position: relative; overflow: hidden; }
.spl-size-ratio .spl-slide { aspect-ratio: var(--spl-ratio); min-height: var(--spl-minh, 0); }
.spl-size-fixed .spl-slide { height: var(--spl-h); }
.spl-size-responsive .spl-slide { height: var(--spl-rh); }
@supports not (aspect-ratio: 1 / 1) {
	.spl-size-ratio .spl-slide { height: var(--spl-rh); }
}
.spl-slide-bg { position: absolute; inset: 0; background-image: var(--bg-d); background-size: var(--spl-fill, cover); background-position: center; background-repeat: no-repeat; }
.spl-slide-video { position: absolute; inset: 0; background: #000; }
.spl-slide-video iframe, .spl-slide-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: contain; }
.spl-slide-link { position: absolute; inset: 0; z-index: 2; }

.spl-box .spl-s__arrow svg { filter: drop-shadow(0 0 2px rgba(0,0,0,.4)); }
.spl-arrows-hover .spl-s__arrow { opacity: 0; }
.spl-arrows-hover:hover .spl-s__arrow, .spl-arrows-hover .spl-s__arrow:focus-visible { opacity: 1; }
.spl-arrows-rss1 .spl-s__arrow svg, .spl-arrows-rss2 .spl-s__arrow svg, .spl-arrows-rss3 .spl-s__arrow svg, .spl-arrows-rss4 .spl-s__arrow svg { display: none; }
.spl-arrows-rss1 .spl-s__prev { background-image: url(../images/rss-arrow-left.png); width: 41px; height: 42px; }
.spl-arrows-rss1 .spl-s__next { background-image: url(../images/rss-arrow-right.png); width: 41px; height: 42px; }
.spl-arrows-rss2 .spl-s__prev { background-image: url(../images/rss-arrow-left-sm.png); width: 27px; height: 44px; }
.spl-arrows-rss2 .spl-s__next { background-image: url(../images/rss-arrow-right-sm.png); width: 27px; height: 44px; }
.spl-arrows-rss3 .spl-s__prev { background-image: url(../images/rss-arrow-left-3.png); width: 28px; height: 22px; }
.spl-arrows-rss3 .spl-s__next { background-image: url(../images/rss-arrow-right-3.png); width: 28px; height: 22px; }
.spl-arrows-rss4 .spl-s__prev { background-image: url(../images/rss-arrow-left-4.png); width: 20px; height: 20px; }
.spl-arrows-rss4 .spl-s__next { background-image: url(../images/rss-arrow-right-4.png); width: 20px; height: 20px; }
.spl-box .spl-s__dots { position: absolute; left: 0; right: 0; bottom: 10px; z-index: 5; margin: 0; }
.spl-box .spl-s__dot { box-shadow: 0 0 2px rgba(0,0,0,.4); }

.spl-caption { position: absolute; inset: 0; z-index: 3; display: flex; padding: 50px 0; pointer-events: none; }
.spl-caption-box { pointer-events: auto; max-width: min(var(--spl-cap-maxw, 500px), 100%); padding: 20px; color: var(--spl-cap-color, #fff); background: var(--spl-cap-bg, transparent); }
.spl-caption-title { font-size: 1.6em; font-weight: 600; line-height: 1.2; margin: 0 0 .4em; }
.spl-caption-text { line-height: 1.5; }
.spl-caption-text p { margin: 0 0 .6em; }
.spl-caption-text a, .spl-caption-title a { color: inherit; }
.spl-caption-button a { display: inline-block; margin-top: .6em; padding: .5em 1.2em; border: 1px solid currentColor; color: inherit; text-decoration: none; }
.spl-caption-button a:hover, .spl-caption-button a:focus { background: rgba(255,255,255,.15); }
.spl-cap-topleft .spl-caption      { align-items: flex-start; justify-content: flex-start; }
.spl-cap-topcenter .spl-caption    { align-items: flex-start; justify-content: center; text-align: center; }
.spl-cap-topright .spl-caption     { align-items: flex-start; justify-content: flex-end; }
.spl-cap-centerleft .spl-caption   { align-items: center; justify-content: flex-start; }
.spl-cap-centercenter .spl-caption { align-items: center; justify-content: center; text-align: center; }
.spl-cap-centerright .spl-caption  { align-items: center; justify-content: flex-end; }
.spl-cap-bottomleft .spl-caption   { align-items: flex-end; justify-content: flex-start; }
.spl-cap-bottomcenter .spl-caption { align-items: flex-end; justify-content: center; text-align: center; }
.spl-cap-bottomright .spl-caption  { align-items: flex-end; justify-content: flex-end; }

@media (max-width: 767px) {
	.spl-caption { padding: 15px 0; }
	.spl-caption-box { padding: 15px; }
	.spl-caption-title { font-size: 1.25em; }
}

@media (prefers-reduced-motion: reduce) {
	.spl-s *, .spl-s *::before, .spl-s *::after { transition-duration: 0s !important; }
}