$left: left !default;
$right: right !default;

$isRTL: false;




@import "_org-colors";
@import "_variables";
@import "_breakpoints";
@import "_mixins";


















$caption-color: #8AB4DA !default;



// $lead-caption-font: "Jost", Arial, Verdana;
$lead-caption-font: $title-font !default;


@import "slideshow/responsive-slider";
@import "slideshow/responsive-slider-arrows";
@import "slideshow/responsive-slider-apple-dots";
@import "slideshow/responsive-slider-zooming";
@import "slideshow/scn-slideshows-bs";
@import "slideshow/barebones";
@import "slideshow/preview";

@import "slideshow/templates/over-bar-logo";
@import "slideshow/templates/over-bar-logo-button";
@import "slideshow/templates/over-bar-logo-medium";
@import "slideshow/templates/over-bar-logo-smaller";



// new styles


#header .slide-holder slide {
    height: 0;
    padding-bottom: 66.860465%;
}

.org-domain .slide-wrapper slide .lead {
	color: lighten($caption-color, 10%);
}
.slide-wrapper slide span.lead.lead-campaign-caps,
.slideshow-wrapper slide span.lead.lead-campaign-caps {
	display: block;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 0.25em;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ffffff;
}

.image-item-custom .floater-texter,
.text-item {
	color: white;
	letter-spacing: 0.4px;
}

slide .image-item-custom .button a {
	color: white;
}


.slideshow-wrapper .slide-controls {
	@include vendor-prefix("display", "flex");
	@include vendor-prefix("align-items", "center");
	@include vendor-prefix("justify-content", "space-between");
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	pointer-events: none;
}

.slide-arrow-holder.right-arrow {
	width: 45px !important;
	height: 80px;
	top: 0;
    [dir="rtl"] & {
        @include vendor-prefix("transform", "rotate(180deg)");
    }
    &:focus,
    &:active {
        @include vendor-prefix("transform", "scale(0.9)");
        [dir="rtl"] & {
            @include vendor-prefix("transform", "scale(0.9) rotate(180deg)");
        }
    }
}

.slide-left-arrow2 arrow {
	right: auto;
	left: auto;
}

.slide-right-arrow2 arrow {
	right: auto;
	left: auto;
}

.slider-first-slide {
	.slide-controls {
		@include vendor-prefix("justify-content", "flex-end");
	}
}

slide img {
	max-width: initial !important;
}


.zoomedIn {
	.slide-controls {
		position: fixed;
	}

	.scrolling-dots {
		position: fixed;
		bottom: 10px;
		top: auto;
	}
}

.slideshow-zoomed slide .image-holder img {
	@include vendor-prefix("transform", "translateZ(0)");
	image-rendering: pixelated;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

}

// slide-id-slide-20
.floater-texter {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}


.caption-overlay-button__open {
	@include vendor-prefix("transition", "all 0.25s ease-out");
	@include vendor-prefix("display", "flex");
	@include vendor-prefix("align-items", "center");
	@include vendor-prefix("justify-content", "center");
	width: 30px;
	height: 30px;

	cursor: pointer;
	position: absolute;
	#{$left}: 1rem;
	bottom: 2.8rem;
	color: white;
	z-index: 1000;
	font-size: 1.1rem;

	&:hover {
		@include vendor-prefix("transform", "scale(1.05)");
	}

	.icon-cancel-circle {
		display: none;
	}
}

.caption-overlay-button__open--visible {
	.icon-information-outline {
		display: none;
	}

	.icon-cancel-circle {
		display: block;
	}
}


.path-scientology-today-events-nordland-grand-opening.slideshow-zoomed-in .slide-id-slide-20 .text-item.overlay-item--bar {
	z-index: 10;
}

/*
TODO: override in woodwing
*/

slide.template-c1-7r .text-item-0 {
	left: CSSPercentX(20);
	width: CSSPercentX(560);
}


:lang(el) .path-scientology-today-events-new-years-2024 .slide-holder .overlay-item--bar .lead.lead-titleLine {
	font-size: 1.3em;
  }
:lang(ru) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-37.template-e0l-7 .text-item-0,
:lang(de) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-37.template-e0l-7 .text-item-0,
:lang(el) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-37.template-e0l-7 .text-item-0 {
	top: 10px;
	width: 26.05%;
	line-height: 1.3em;
}
:lang(it) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-44.template-e0l-a .text-item-0,
:lang(el) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-44.template-e0l-a .text-item-0 {
	font-size: 21px;
}
:lang(ru) .path-scientology-today-events-new-years-2024 .slide-holder .slide-id-slide-44.template-e0l-a .text-item-0 {
	font-size: 23px;
}