/*
 * Styles everyone will see for the parallax effects.
 */

/* matching the standard width:*/
.plBanner .entry {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.plBanner .entry >* {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/*TODO move specifics 65css:*/

body.sf-editing-post .sfPageNext,
body.sf-editing-post .sfPagePrev {
	display:none;
}

.SFPLOverlay {
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	/*z-index: -1; otherwise can go over the comments. */
}

/** CSS fade in when scrolling down parallax frontpage: **/
.plFrontPage >* {
	opacity:1;
	transition: linear opacity 1s;
}
.PLFade >* {
	opacity:0.2;
	transition: linear opacity 1s;
}

#floatingBarsLG, .plHome #floatingBarsLG {
	display:none;
	/* margin-top,left for centering: */
	margin: -25px auto auto -20px !important;
	position: absolute; left:50%; top:50%;
}

/*
 * Video Parallax
 */
#plHomeVid {
	width:100%;
	/*move down like homepage*/
	position:relative;
	top:82px;
	z-index:2;
}
.SFPLOverlay.SFVideo {
	overflow:hidden;
}
.SFPLOverlay.SFVideo >* {
	width:100%;
}
body.iOS    .SFPLOverlay.SFVideo >*,
body.Android .SFPLOverlay.SFVideo >* {
	/* TODO other mobiles test? */
	display:none;
}
body.Android .plFrontPage {
	/* Fix bug in Android-Browser glitchy */
	background-attachment:scroll !important;
}

.SFPLOverlay.SFVideo.heightFill >* {
	height:100%;
	width:auto;
	max-width:none;
}
/* should be on admin-css but admin stuff not included in preview-sfbannerpage within sidekick */
body.single-sfbannerpage #footer {
	display:none;
}