/* ==========================================================================
   Full Screen Sections shortcode style - begin
   ========================================================================== */

html.fp-enabled,
.fp-enabled body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	
	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
	height: 100%;
	position: relative;
	
	/* Touch detection for Windows 8 */
	-ms-touch-action: none;
	
	/* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

.fp-auto-height.eltdf-fss-item,
.fp-auto-height .eltdf-fss-slide,
.fp-auto-height .fp-tableCell {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.eltdf-fss-item,
.fp-responsive .fp-auto-height-responsive .eltdf-fss-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important;
}

#fp-nav {
	position: fixed;
	top: 50%;
	right: 40px;
	margin: -32px 0 0;
	z-index: 1001;
	
	@include ipad-landscape {
		right: 30px;
	}
	
	ul {
		margin: 0;
		padding: 0;
		
		li {
			position: relative;
			display: block;
			margin: 10px 0;
			padding: 0;
			
			a {
				position: relative;
				width: 12px;
				height: 12px;
				display: block;
				background-color: rgba(#505050, .3);
				border-radius: 100%;
				z-index: 1;
				@include eltdfTransition(background-color .2s ease-in-out);
				
				&.active,
				&:hover {
					background-color: rgba(#505050, .7);
				}
				
				.eltdf-light-header & {
					
					span {
						background-color: rgba(#fff, .3);
					}
					
					&.active,
					&:hover {
						
						span {
							background-color: #fff;
						}
					}
				}
				
				.eltdf-dark-header & {
					
					span {
						background-color: rgba(#000, .3);
					}
					
					&.active,
					&:hover {
						
						span {
							background-color: #000;
						}
					}
				}
				
				span {
					position: relative;
					height: 100%;
					width: 100%;
					display: block;
				}
			}
		}
	}
}

.eltdf-full-screen-sections {
	@include eltdfRelativeHolderLayout();
	
	.eltdf-fss-wrapper {
		visibility: hidden;
	}
	
	.eltdf-fss-item {
		@include eltdfTableLayout();
		margin: 0;
		padding: 0;
		background-position: center;
		background-size: cover;
		box-sizing: border-box;
		@include eltdfTransitionTransform(.3s ease-in-out);
		
		&.active {
			transform: scale(0.92);
			
			&.fp-completely {
				transform: scale(1);
			}
		}
		
		&.fp-completely {
			
			&:not(.active) {
				transform: scale(0.92);
			}
		}
		
		.fp-scroller {
			
			> .vc_column_container {
				padding: 0;
				margin: 0;
				
				> .vc_column-inner {
					padding: 0;
					margin: 0;
				}
			}
		}
		
		&.eltdf-fss-item-va-top {
			
			.eltdf-fss-item-inner {
				vertical-align: top;
			}
		}
		
		&.eltdf-fss-item-va-bottom {
			
			.eltdf-fss-item-inner {
				vertical-align: bottom;
			}
		}
		
		&.eltdf-fss-item-ha-left {
			
			.eltdf-fss-item-inner {
				text-align: left;
			}
		}
		
		&.eltdf-fss-item-ha-center {
			
			.eltdf-fss-item-inner {
				text-align: center;
			}
		}
		
		&.eltdf-fss-item-ha-right {
			
			.eltdf-fss-item-inner {
				text-align: right;
			}
		}
		
		&.eltdf-fss-item-has-link {
			
			.eltdf-fss-item-inner {
				
				a {
					position: relative;
					z-index: 2;
				}
			}
		}
		
		.eltdf-fss-item-inner {
			@include eltdfTableCellLayout();
			padding: 5%;
			box-sizing: border-box;
			
			a {
				position: relative;
				z-index: 2;
			}
		}
		
		.eltdf-fss-item-link {
			@include eltdfAbsoluteHolderLayout();
			z-index: 1;
		}
	}
	
	.eltdf-fss-nav-holder {
		position: fixed;
		bottom: 48px;
		left: 57px;
		display: block;
		width: 55px;
		text-align: center;
		visibility: hidden;
		z-index: 1001;
		
		a {
			display: block;
			font-size: 55px;
			line-height: 0.9;
			color: $default-heading-color;
			height: auto;
			opacity: 1;
			@include eltdfTransition(color .2s ease-out, opacity .25s ease-out);
			
			&:hover {
				color: rgba($default-heading-color, .7);
			}
			
			.eltdf-light-header & {
				color: #fff;
				
				&:hover {
					color: rgba(#fff, .7);
				}
			}
			
			.eltdf-dark-header & {
				color: #000;
				
				&:hover {
					color: rgba(#000, .7);
				}
			}
			
			span {
				display: block;
				line-height: inherit;
				
				&:before {
					display: block;
					line-height: inherit;
				}
			}
		}
		
		@include ipad-landscape {
			bottom: 28px;
			left: 37px;
		}
	}
}
/* ==========================================================================
   Full Screen Sections shortcode style - end
   ========================================================================== */