#content {margin-top:0;}
.navbar-light .navbar-nav.ml-auto .nav-link {color: #5e6a71;}
.headerbanner {background-color:#222;background-image:url(/state-local-tribal/accomplishments-report-2023/assets/images/nm-istock-1372658426-hero.jpg);background-position:center center;min-height:450px;background-size:cover;}
h2 {text-align: center;}
.textgold {color:#FECB00;}
a.wht-link:link {color: #FFFFFF; text-decoration: underline;}
a.wht-link:visited {color: #FFFFFF;}
a.wht-link:hover {color: #FFFFFF; text-decoration: underline;}
.blue-blockquote {border-top: 5px solid #005B82; border-bottom: 5px solid #005B82; padding-top: 1em; margin-top: 1em;}
a.wht-link:active {color: #FFFFFF;}
.bluebg {background-color:#005B82;}
.whitebox {background-color: #FFFFFF;}
.reportleadtext {max-width: 700px;}
.reportdivider {border-top: 9px solid #FECB00;height: 1.375em;}
.reportcontent {max-width:900px;}
.tab-pane {background-color: #fff;border-top: none; border-right: 1px solid #e9ecef; border-bottom: 1px solid #e9ecef; border-left: 1px solid #e9ecef;}
.nav-tabs .nav-item {margin-bottom: 1px;}
.greybg {background-color:#F5F5F5;}
.consistent-height .tab-content {display: flex;} 
.consistent-height .tab-content > .tab-pane {display: block;visibility: hidden;margin-right: -100%;width: 100%;} 
.consistent-height .tab-content > .active {visibility: visible;} 
.captionblue {background-color:#005B82; color:#fff; font-size: 0.9375em;line-height:1.4;}
.anim{opacity:0;transform:translateY(50px);transition:all 0.5s ease-in-out;will-change:transform;}
.anim-done{opacity:1 !important;transform:translate(0,0) !important;}
.animline{background-color:#e07700;display:inline-block;height:4px;transform:translateY(50px);transition:all 0.5s ease-in-out;vertical-align:top;width:0;will-change:transform;}
.animline.anim-done{width:100% !important;}
.bgcover{background-position:center center;background-repeat:no-repeat;background-size:cover;min-height:200px;}
ul.collist{line-height:1.35em;}
ul.collist li{padding:0 0.5rem 0.5rem 0;}
a.hoverbold:hover{font-weight:400;}
.parallax{background-attachment:fixed;background-image:url(/esif/annual-report-2021/assets/images/bg-tech.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.parallax h3{color:#fff;font-size:2rem;}
.parallax img{height:auto;width:60px;}
.parallax .container .row > *:first-child{max-width:26%;}
.parallax .container .row > *:last-child{max-width:70%;}
.partners h4{color:#222;font-weight:500;}
.video-link:after,.video-link:before{content:"";left:50%;position:absolute;top:50%;}
.video-link:after{-webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.25));border:30px solid transparent;border-left:50px solid #fff;height:0;margin-left:-16px;margin-top:-28px;width:0;}
.video-link:before{background-color:rgba(0,0,0,0.42);border:10px solid #fff;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,0.18);height:120px;margin-left:-60px;margin-top:-60px;width:120px;}
.anchor {padding-top: 50px;}

.background-video .embed-responsive-16by9::before {padding-top: 41.75%;}

/* custom carousel */
#capabilities .carousel-caption {
	position: initial;
	color: #222;
	text-align: left;
	font-family:'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1em;
}

#capabilities .carousel-control-next, #capabilities .carousel-control-prev {
	position: relative;
	color: #0071b8;
	opacity: 1;
	transition: opacity .15s ease;
	display: inline;
}
#capabilities .carousel-control-next:hover, #capabilities .carousel-control-prev:hover {text-decoration:underline;}
#capabilities .fas {
	font-size: 0.85em;
	line-height: 1;
}
#capabilities .carousel-control-next .fas {margin: 0 0.5em; color: #0071b8;}
#capabilities .carousel-control-prev .fas {margin: 0 0.5em 0 0; color: #0071b8;}
.slideshownav {margin-top: 0;}

.num {font-size: 2.5rem; font-weight: 600; color: #E07700;}

/* Media Queries */
@media (min-width: 576px) {  
	.headerbannertitle h1 {font-size:1.875em;}
}
@media (min-width: 768px) {  
	.headerbanner {background-position:center left;min-height:500px;}
	ul.collist{column-width:17em;}
	.parallax img{width:80px;}
	.parallax .container .row > *:first-child{max-width:35%;}
	.parallax .container .row > *:last-child{max-width:50%;}
	.partners{background-color:#222;background-image:url(/esif/annual-report-2021/assets/images/bg-tech-r.png);background-position:top left;background-size:cover;color:#fff;}
	.partners h3{color:#fff;font-size:3rem;}
	.partners h4{color:#fff;font-size:1.75rem;}
	.partnerscontainer{background-color:rgba(34,34,34,0.8);max-height:30rem;overflow:scroll;}
}
@media (min-width: 992px) { 
	.headerbannertitle {width:53%;}
	ul.collist{column-width:20em;}
	.parallax h3{font-size:2.5rem;}
	.parallax img{width:100px;}
	.parallax .container .row > *:first-child{max-width:37%;}
	.parallax .container .row > *:last-child{max-width:43%;}
}
@media (min-width: 1200px) {  
	{width:45%; height:50%;}
}
@media (min-width: 768px) {  
	.background-video {position: relative;}
	.bgvid-text {
		background: none;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width:100%;
	}
	.bgvid-text h1 {font-weight: 700; font-size: 2.75rem;}
	.bgvid-text p.lead {font-weight: 300; font-size: 1.25rem;}
}

@media (min-width: 992px) { 
	.bgvid-text {width:75%;}
	.bgvid-text h1 {font-weight: 700; font-size: 3.5rem;}
}
@media (min-width: 1200px) { 
	.bgvid-text {width:50%;}
}
/* VIDEO */
.bgvid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	overflow: hidden;
	margin: 0; 
	padding: 0;
}
.bgvid-text {
	background: rgba(0, 0, 0, 1);
	color: #fff;
	line-height: 1.2;
	padding:1em;
	text-align:center;
}
.bgvid-text h1 {color:#fff; font-weight: 700; font-size: 2.15rem;}
.bgvid-text p.lead {color:#fff; font-weight: 300; font-size: 1.15rem;}
.bgvid-text a:link, .bgvid-text a:visited {color:#fff; text-decoration: underline;}
.bgvid-text a:hover, .bgvid-text a:active {color:#fff; text-decoration:none;}
@media (min-width: 768px) {  
	.background-video {position: relative;}
	.bgvid-text {
		background: #212121;
		opacity: 0.8;
		padding: 40px 0px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width:90%;
	}
	.bgvid-text h1 {font-weight: 700; font-size: 2.75rem;}
	.bgvid-text p.lead {font-weight: 300; font-size: 1.25rem;}
}

@media (min-width: 992px) { 
	.bgvid-text {width:75%;}
	.bgvid-text h1 {font-weight: 700; font-size: 3.5rem;}
}
@media (min-width: 1200px) { 
	.bgvid-text {width:50%;}
}
/* BACKGROUNDS */
.bgimg {
	background-attachment: inherit;
	background-position: center bottom; 
	margin:0 -15px;
}
.bgwhite {background-color:#fff;}
.bgcover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
}
#metrics.bgimg {background-image: url('/state-local-tribal/etipp-annual-report-2023/assets/images/metrics-background.jpg');background-repeat: repeat;margin: 0 -30px;}
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,00a4e4+100&0.15+0,0.15+100 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.15) 0%, rgba(0,164,228,0.15) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.15) 0%,rgba(0,164,228,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.15) 0%,rgba(0,164,228,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26ffffff', endColorstr='#2600a4e4',GradientType=0 ); /* IE6-9 */
}
/* 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) {
	.parallax1 {margin-top:0;}
	.anim-l{transform:translate(-50px, 0);}
	.anim-r{transform:translate(50px, 0);}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
/* X-Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
	#metrics.bgimg {background-image: url('/state-local-tribal/etipp-annual-report-2023/assets/images/metrics-background-xl.jpg')}
}
.bgwhite {background-color:#fff;}
.bgcover {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
}
.whitebox {background-color: #fff; margin: auto; line-height:1.2; padding:20px;}