/* #Scroll Slider
   ========================================================================== */
.edgtf-scroll-slider{
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	opacity: 0;
	margin: 0 -12px;

	.edgtf-scs-inner{
		width: 300%;
		will-change: transform;
		-webkit-transition: -webkit-transform 1s cubic-bezier(0.49, 0.24, 0.22, 0.88);
		transition: transform 1s cubic-bezier(0.49, 0.24, 0.22, 0.88);

		&.edgtf-right-edge {
			~.edgtf-scs-navigation .edgtf-scs-nav-right {
				@include edgtfTransform(translateY(-50%) translateX(100%));
			}
		}

		&.edgtf-left-edge {
			~.edgtf-scs-navigation .edgtf-scs-nav-left {
				@include edgtfTransform(translateY(-50%) translateX(-100%));
			}
		}
	}

	.edgtf-scs-item{
		float: left;
		padding: 0 12px;
		box-sizing: border-box;

		.edgtf-scs-item-inner{
			display: inline-block;
			position: relative;

			> a {
				display: block;
				position: relative;

				&.edgtf-no-click {
					z-index:-1;
				}

				&:after {
					content:'';
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					z-index: 100;
					background-color: rgba(255,255,255,.05);
					opacity: 0;
					@include edgtfTransition(opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1));
				}

				&:hover {
					&:after {
						opacity: 1;
					}
				}
			}
		}

		img{
			vertical-align: middle;
		}
	}

	.edgtf-scs-navigation .edgtf-scs-nav{
		position: absolute;
		top: 50%;
		display: inline-block;
		cursor: pointer;
		width: 45px;
		height: 45px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #fff;
		@include edgtfTransition(all 0.2s);
		@include edgtfTransform(translateY(-50%));

		&.edgtf-scs-nav-left{
			left: 12px;
			background-image: url('img/arrow-left.png');
		}

		&.edgtf-scs-nav-right{
			right: 12px;
			background-image: url('img/arrow-right.png');
		}
	}

	&.edgtf-fullscreen {
		.edgtf-scs-fs-image {
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.edgtf-scs-item,
		.edgtf-scs-item-inner {
			height: 100%;
		}
	}

	&.edgtf-show-title {
		.edgtf-scs-title {
			display: none;
		}

		@at-root {
			.edgtf-scs-follow-info-holder {
				position: fixed;
				top: 50%;
				left: 50%;
				width: auto;
				height: auto;
				opacity: 0;
				z-index: 9999;
				pointer-events: none;
				@include edgtfTransition(opacity 100ms cubic-bezier(0.39, 0.575, 0.565, 1));
				
				&.edgtf-is-active {
					opacity: 1;
				}
				
				.edgtf-scs-follow-info-inner {
					position: relative;
					disscsay: inline-block;
					vertical-align: middle;
					background-color: $first-main-color;
					padding: 12px 24px;
					margin: 20px 0 0;
				}

				.edgtf-scs-follow-info-title {
					position: relative;
					color: #fff;
					white-space: nowrap;
					z-index: 8;
				}
			}
		}
	}
}