/* Banner */

	#slideShowBanner {
		background-color: #fff;
		color: #fff;
		min-height: 40em;
		height: 100vh;
		width: 100vw;
		overflow: hidden;
		position: relative;
	}

		#slideShowBanner input, #slideShowBanner select, #slideShowBanner textarea {
			color: #fff;
		}

		#slideShowBanner a {
			color: #fff;
		}

		#slideShowBanner strong, #slideShowBanner b {
			color: #fff;
		}

		#slideShowBanner h1, #slideShowBanner h2, #slideShowBanner h3, #slideShowBanner h4, #slideShowBanner h5, #slideShowBanner h6 {
			font-weight: 900;
		color: #fff;
		text-shadow: 0 0 1px #000000c0;
		}


		#slideShowBanner blockquote {
			border-left-color: rgba(255, 255, 255, 0.25);
		}

		#slideShowBanner code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.25);
		}

		#slideShowBanner hr {
			border-bottom-color: rgba(255, 255, 255, 0.25);
		}

		#slideShowBanner:after {
			pointer-events: none;
			-moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			transition: opacity 1.5s ease-in-out, visibility 1.5s;
			background: #000511;
			content: '';
			display: block;
			height: 100%;
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			visibility: hidden;
			width: 100%;
			z-index: 2;
		}

		#slideShowBanner .indicators {
			list-style: none;
			margin: auto;
			padding: 0;
			position: absolute;
			bottom: 0em;
			left: 0;
			text-align: center;
			width: 100%;
			z-index: 5;
		}

			#slideShowBanner .indicators li {
				cursor: pointer;
				display: inline-block;
				height: 2em;
				overflow: hidden;
				padding: 0;
				position: relative;
				text-indent: -6em;
				width: 2em;
			}

				#slideShowBanner .indicators li:before {
					background: rgba(255, 255, 255, 0.35);
					border-radius: 100%;
					content: '';
					display: inline-block;
					height: 0.8em;
					left: 50%;
					margin: -0.4em 0 0 -0.4em;
					position: absolute;
					text-indent: 0;
					top: 50%;
					width: 0.8em;
				}

				#slideShowBanner .indicators li.visible:before {
					background: #fff;
				}

		#slideShowBanner > article {
			-moz-transition: opacity 1.5s ease, visibility 1.5s;
			-webkit-transition: opacity 1.5s ease, visibility 1.5s;
			-ms-transition: opacity 1.5s ease, visibility 1.5s;
			transition: opacity 1.5s ease, visibility 1.5s;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			opacity: 0;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 0;
			left: 0;
			text-align: center;
			width: 100%;
			visibility: hidden;
			z-index: 0;
			
		}

			#slideShowBanner > article:before {
				content: '';
				display: inline-block;
				height: 100%;
				vertical-align: middle;
			}


			#slideShowBanner > article .inner {
				background-color: #00000030;
				border-radius: 10px;
				padding: 1rem;

				display: inline-block;
				vertical-align: middle;
				z-index: 1;
				height: auto;
				width: auto;
  				margin: auto;
			}

				#slideShowBanner > article .inner > :last-child {
					margin-bottom: 0;
				}

			#slideShowBanner > article h2 {
				font-weight: 800;
				font-size: 2.75em;
				padding-bottom: 0;
				margin: 0 0 0.5em 0;
			}

				#slideShowBanner > article h2:after {
					display: none;
				}

			#slideShowBanner > article img {
				display: none;
			}

			#slideShowBanner > article.visible {
				opacity: 1;
				visibility: visible;
			}

			#slideShowBanner > article.top {
				z-index: 1;
			}

			#slideShowBanner > article.instant {
				-moz-transition: none !important;
				-webkit-transition: none !important;
				-ms-transition: none !important;
				transition: none !important;
			}

/*
			#slideShowBanner > article input[type="submit"], 
			#slideShowBanner > article input[type="reset"], 
			#slideShowBanner > article input[type="button"], 
			#slideShowBanner > article button, 
			#slideShowBanner > article .button {
    			background-color: #00000018;
				color: white !important;
				font-weight: bold;
			}
*/

		body.is-preload #slideShowBanner:after {
			opacity: 1.0;
			visibility: visible;
		}

		@media screen and (max-width: 1280px) {

			#slideShowBanner {
				min-height: 35em;
				height: 60vh;
			}

				#slideShowBanner > article h2 {
					font-size: 2.25em;
				}

		}

		@media screen and (max-width: 980px) {

			#slideShowBanner {
				min-height: 50em;
				height: 75vh;
			}

				#slideShowBanner > article {
					background-attachment: scroll;
				}

		}

		@media screen and (max-width: 736px) {

			#slideShowBanner {
				min-height: 25em;
			}

				#slideShowBanner > article .inner {
					width: 90%;
				}

				#slideShowBanner > article h2 {
					font-size: 1.75em;
					line-height: 1.25em;
				}

		}

		body.is-mobile #slideShowBanner > article {
			background-attachment: scroll;
		}

