@charset "utf-8";
/* t8 Article Detail CSS Document */

h1 span {font-weight: 300 !important;}

/*===============================
  BEGIN MODULE 2
  ===============================*/

.article-detail-banner-container {max-width:907px;margin:0 auto;margin-bottom:40px;padding: 0px 20px 0px 20px;}
.article-detail-banner-container img {border-radius: 20px;}
.article-img {max-width:695px;margin:0 auto;padding-top:40px;padding-bottom:40px;}
.article-img img {border-radius: 20px;}

.article-detail-module2-main-container {position: relative;height:auto;margin: 0px 0px 60px 0px; }
.article-detail-module2-inner-container {position: relative;height:auto;}
.article-detail-module2-inner-content {width:100%;max-width:695px;margin:0 auto;text-align: left;padding:0px 20px 0px 20px;}
.article-disclaimer-separator {text-align: center;}
p.article-publish-date {font-size:12px!important; font-weight:500!important;line-height:24px!important;text-transform: uppercase;text-align: center;padding-bottom:40px;}
p.article-publish-date.blog {padding-bottom:0; margin-bottom: 0;}
p.article-modified-date {font-size:12px!important; font-weight:500!important;line-height:24px!important;text-transform: uppercase;text-align: center;padding-bottom:40px;}


.article-detail-module2-heading-1 {font-size:34px; font-weight:300;line-height:47px;padding-bottom:10px;}
.article-detail-module2-heading-2 {font-size:18px; font-weight:700;line-height:21px;color:#002D5D;padding-bottom:10px;}
.article-detail-module2-heading-3 {font-size:16px; font-weight:400;line-height:22px;padding-bottom:10px;}
.article-detail-module2-heading-4 {font-size:16px; font-weight:500;line-height:18px;color:#002D5D;}

.article-detail-module2 p {font-size:16px; font-weight:300;line-height:24px;padding-bottom:10px;}
.article-detail-module2 ul {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding-bottom: 10px;
	padding-left:20px;
}
.article-detail-module2 ol {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding-bottom: 10px;
	padding-left: 20px;
}
ol.article-footnotes {
padding-left:0px;}

.article-detail-module2 ol.article-body {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding-left: 2rem;
}
.article-detail-module2 h2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.article-detail-module2 h3 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}
.article-detail-module2 h4 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.article-detail-module2 ol.article-body li {
	padding-bottom: 10px;
}

.article-detail-module2 ol.numberbold > li::marker {
  font-weight: 400;
}

blockquote p {position:relative;height: auto;font-size:21px!important; font-weight:300!important;line-height:26px!important;font-style: italic;padding-left:40px;}
	blockquote p:before {
		content: ' ';
		height: auto;
		min-height: 80px;
		width: 9px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 1;
		margin-right: 20px;
		background-image: -webkit-linear-gradient(bottom, rgba(218, 145, 0,0), rgba(218, 145, 0,1));
		background-image: -o-linear-gradient(bottom, rgba(218, 145, 0,0), rgba(218, 145, 0,1));
		background-image: linear-gradient(to top, rgba(218, 145, 0,0), rgba(218, 145, 0,1));
	}
figcaption {font-size:21px!important; font-weight:500!important;line-height:26px!important;padding-left:40px;}
.article-detail-module2 .article-disclaimer p {font-size:14px; font-weight:300;line-height:22px;}


.article-detail-module2 ol li {
	list-style-type: decimal;
	display: list-item;
}
.article-detail-module2 li {
	padding-bottom: 0px;
}
ol.article-footnotes li {
	list-style: none;
}

.article-detail-module2 ul.content-ul {
	font-weight: 300;
	line-height: 27px;
}

.need-to-know-container {max-width:100%;padding:0px 20px 0px 20px!important;margin-bottom:40px;}
.need-to-know-inner-container {
	max-width:737px;
	margin:0 auto;
	padding:20px 20px 0px 20px;
	border-radius: 10px 10px 0px 0px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,.1));
    background-size: 100% 200px;
    background-repeat: no-repeat;}
.need-to-know-container ul {font-size:14px; font-weight:300;line-height:24px;padding-left: 20px;}
.need-to-know-container li {}

.round-corners {
	border-radius: 15px;
	overflow: hidden;
}

.image-max-width-helper75 {
	max-width: 75% !important;
}

.image-max-width-helper80 {
	max-width: 80% !important;
}

.image-max-width-helper85 {
	max-width: 85% !important;
}

.image-max-width-helper90 {
	max-width: 90% !important;
}

.image-max-width-helper95 {
	max-width: 95% !important;
}

/*===============================
  END MODULE 2
  ===============================*/

/*===============================
BEGIN GRAPH MODAL
===============================*/

img.download-data-chart-icon {
	margin-left: 8px;
	margin-top: -6px;
}
	.graph-modal {
	padding: 20px 20px 20px 20px;
}	

	.graph-modal ul {
		list-style: none;
		padding-left: 10px;
	}

	.graph-modal li {
		list-style: none;
	}

	.graph-modal ul ul {
		padding-bottom: 30px;
		padding-left: 0px;
	}

		.graph-modal ul ul li {
			font-size: 14px;
			line-height: 20px;
		}

	.graph-modal h2 {
		line-height: 16px;
		color: #000;
		font-weight: 500;
		padding-left: 10px;
	}

	.graph-modal .modal-body p {
		padding-left: 10px;
	}

	.graph-modal h3 {
		font-size: 16px;
		line-height: 20px;
		font-weight: 400;
		color: #002D5D;
	}

	.graph-modal hr {
		margin: 10px 0;
		max-width: 300px;
	}
/*===============================
  END GRAPH MODAL
  ===============================*/

.article-detail-module2 ul.article-body :target {
    background: none;
}
.article-detail-module2 ol.article-body :target {
    background: none;
}
.article-footnotes li.footnoteTarget {
	background: yellow;
}

@media (min-width: 320px) {
	
}

@media (min-width: 360px) {

}

@media (min-width: 375px) {
	
}
	
@media (min-width: 450px) {

	
}

@media (min-width: 576px) {
/*===============================
  BEGIN MODULE 2
  ===============================*/		
.article-detail-module2-inner-content {padding:0px 0px 0px 0px;}
.article-detail-banner-container {padding: 0px 20px 0px 20px;margin-bottom:60px;}
.need-to-know-container {padding:0px 0px 0px 0px!important;}
.need-to-know-inner-container {padding:20px 30px 0px 30px;}
	
/*===============================
  END MODULE 2
  ===============================*/

/*===============================
BEGIN GRAPH MODAL
===============================*/

	.graph-modal {
		padding: 20px 20px 20px 20px;
	}

		.graph-modal ul {
			padding-left: 2em;
		}

		.graph-modal ul ul {
			padding-bottom: 20px;
			padding-left: 0px;
		}

			.graph-modal ul ul li {				
				font-size: 16px;
				line-height: 22px;
			}

		.graph-modal h2 {			
			line-height: 20px;		
			padding-left: 30px;
		}

		.graph-modal .modal-body p {
			padding-left: 30px;
		}	

		.graph-modal h3 {
			font-size: 18px;
			line-height: 24px;
		}

		.graph-modal hr {
			margin: 20px 0;
			max-width: 400px;
		}
/*===============================
  END GRAPH MODAL
  ===============================*/
}		

@media (min-width: 768px) {

		
}
	
@media (min-width: 992px) {

}
	
@media (min-width: 1200px) {


}

@media (min-width: 1440px) {


}

