$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/slide-templates";
@import "slideshow/slide-templates-new";
@import "slideshow/www.scientology.org";
@import "slideshow/ideal-orgs-tour-slideshows";
@import "slideshow/custom-slides";
@import "slideshow/preview";

// new styles

.org-domain .slide-wrapper slide .lead {
	color: lighten($caption-color, 10%);
}

.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;
}

.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;
	}
}