/* VIDEO */

#bgvid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;	
	height: auto; 
	margin: 0; 
	padding: 0;
}
.background-video {
	margin: -40px -15px 0  -15px;
}
.bgvid-text {
	color: #fff;
	text-align:center;
	background: rgba(0, 0, 0, 1);
	padding:2em;
}
.bgvid-text h1 {
	font-size: 1.5em;
}
.bgvid-text p.lead {
	font-size: 1.2em;
}

/* PARALLAX */

.parallax {
	margin:0 -15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.parallax .lead {font-size:16px;}
.parallax-content-full {
	margin:3em -15px;
}
.pad-content {
	margin:2em 0;
}
.parallax2 {
	background-image: url("/news/features/2024/images/lighting-the-way-parallax1.jpg");
	height: 650px;
}
.parallax4 {
	background-image: url("/news/features/2024/images/lighting-the-way-parallax2.jpg");
	height: 450px;
}
.parallax6 {
	background-image: url("/news/features/2019/images/inspire-mn-30733162088_9d5ea2bb3c_o-sm.jpg");
	height: 500px;
}
.text-overlay {
	font-size:150%; 
	color:#fff; 
	padding:2em; 
	background: rgba(0, 0, 0, 0.5); 
	width: 60%;
}

.bdr-green-left {border-left: 8px solid #8CC63F;}
.bdr-green-right {border-right: 8px solid #8CC63F;}
.emphasis-green {font-size: 130%; color:#C1EE86; font-weight:bold;}
.bdr-blue-top {border-top: 8px solid #00A4E4;}
.bdr-blue-left {border-left: 8px solid #00A4E4;}
.bdr-blue-bottom {border-bottom: 8px solid #00A4E4;}
.emphasis-blue {font-size: 130%; color:#5DD2FF; font-weight:bold;}
.big-quote::before {color:#fff;}
.quote {
	background-color: #0B5E90;
	padding:3em; 
	color:#fff;
}

/* PHOTO GRID */
.photogrid {padding: 1px;}
.photogrid img {margin-bottom: 2px;}

/* 2 PHOTOS SIDE BY SIDE */
.photo-l {padding-right: 2px;}
.photo-r {padding-left: 2px;}

/* InSPIRE INTERACTIVE MAP */
#container {
    min-height: 550px; 
    min-width: 310px; 
    max-width: 800px; 
    margin: 2em auto; 
}
.loading {
    margin-top: 10em;
    text-align: center;
    color: gray;
}
g.highcharts-legend-item tspan {text-decoration: underline;}
.highcharts-series, .highcharts-series-inactive {opacity: 1}

/* ANIMATION */
.fadein2s {

	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera  12.1 */
	-moz-animation: fadein 2s; /* Firefox  16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera  12.1 */
	animation: fadein 2s;
}
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Firefox
@-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
/* Safari, Chrome and Opera */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Opera  12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* RESPONSIVE STYLES */

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.bgvid-text {
		background: rgba(0, 0, 0, 0.7);
		position: absolute;
		top: 65px;
		width: 100%;
	}
	.bgvid-text h1 {
		font-size: 2.5em;
	}
	.bgvid-text p.lead {
		font-size:1.5em;
	}
	.parallax .lead {font-size:21px;}
	.parallax2 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax1.jpg");
	}
	.parallax4 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax2.jpg");
	}
	.parallax6 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax3.jpg");
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.bgvid-text {
		position: absolute;
		top: 175px;
		width: 100%;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.bgvid-text {
		position: absolute;
		top: 280px;
		width: 70%;
		left: 15%;
	}
	.parallax {
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}
/* X-Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
	.parallax2 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax1.jpg");
		height: 650px;
	}
	.parallax4 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax2.jpg");
		height: 450px;
	}
	.parallax6 {
		background-image: url("/news/features/2024/images/lighting-the-way-parallax3.jpg");
	}
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed 
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }*/
}
}