@charset "UTF-8";
/* CSS Document */

/* Topic page specific */
#topic h1 				{font-size:42pt; line-height:106% !important; margin:20px 0 12px 0; letter-spacing:-.03em; padding-right:0;
						font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; }
#topic h2 				{font-size:20pt; color:#888;}
#topic 					{min-height:80px; margin-right:-10px;}
#topic .image-credit 	{font-size:10px; line-height:100%; color:#999; margin:6px 0 -8px 0; padding:0 2px 0 0; text-align:right;}
#topic ol				{padding-left:20px;}
#topic ol li 			{padding-left:6px;}
#topic .topic-col		{float:left; width:33%; margin-left:-10px;}
#topic .topic-col ul	{margin:0; padding:0;}
#topic .topic-col li	{margin:0; padding:0; list-style:none;background-image:none;background-repeat:none;background-position:0; }
#topic .topic-col ul ul {margin:0; padding:0 0 0 12px; list-style:none;background-image:none;background-repeat:none;background-position:0; }
#topic .smaller			{font-size:9pt;}

/* Dummy devices (replace them with your own or something else entirely!) */
.product-device 		{position: absolute;right: 10%;bottom: -30%;width: 300px;height: 540px;
						background-color: #333;border-radius: 21px;-webkit-transform: rotate(30deg);transform: rotate(30deg);}
.product-device::before {position: absolute;top: 10%;right: 10px;bottom: 10%;left: 10px;content: "";
						background-color: rgba(255, 255, 255, .1);border-radius: 5px;}
.product-device-2 		{top: -25%;right: auto;bottom: 0;left: 5%;background-color: #e5e5e5;}


/* Sponsor Styles */
.sponsor-box				{padding:5px 0 5px 0;}
.sponsor-smallgray		{color:#888; font-size:75%; letter-spacing:.02em;}
.sponsor-sponsorlogo		{max-width:500px; min-width:250px; width:100%; padding:20px 40px 20px 50px;}
.sponsor-large-video		{text-align:center; background-color:#DDD; padding:10px 10px 10px 10px; margin: 18px 0 0 0;}
.sponsor-large-video .video-container {max-width:100% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
.sponsor-large-video .video {position: relative; padding-top: 0px; height: 0; overflow: hidden; 
						padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */}
.sponsor-large-video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}
.sponsor-line			{margin:6px 0 6px 0; border-top:3px solid #c37676;}
.sponsor-grayline		{margin:12px 0 8px 0; border-top:1px solid #EEE;}
.sponsor-large-heading	{font-size:480% !important;}
.sponsor-download		{width:34%; min-width:120px; height:auto; float:left; margin:0 16px 30px 0;
						-webkit-box-shadow: 2px 3px 3px 1px rgba(160,160,160,0.6); box-shadow: 2px 3px 3px 1px rgba(160,160,160,0.6);}
.sponsor-download:hover	{transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}


/* Topic Sponsor Logo Display */
#sponsor				{float:right; width:48%; margin:0 0 10px 0; min-width:300px; text-align:center;}
#sponsor .overline		{font-size:74%; line-height:110%; color:#999; width:100%; text-align:center; border-bottom:1px dotted #CCC; padding:0 10px 4px 10px; margin:0 0 10px 0;}
#sponsor .logo			{width:100%; text-align:center; }
#sponsor .logo img		{xwidth:100%; height:auto; }

/* Topic Content Display */
#content				{color:#666; font-weight:300; line-height:125%; xwidth:100%;}
#content h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#content .image			{width:40%; max-width:360px; max-height:240px; margin:0 18px 0 0; float:left; overflow:hidden; 
						display:flex; align-items:center; justify-content:center;}
#content .image img 	{width:110% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#content .head			{font-weight:500; font-size:125%; margin:2px 0 4px 0; padding-right:20px;}
#content .text			{margin:0 0 2px 0; font-size:112%; line-height:130%; padding-right:20px;}
.topic-line				{border-top:1px dotted #999; margin:12px 24px 24px 0;}

#sm-cover-image			{margin:0; border:1px solid #DDD; width:25%; float:left;
						width:30%; max-height:300px; margin:0 18px 0 0; display:flex; align-items:center; justify-content:center;}
						-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#sm-cover-image img 	{width:100% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#topic #content #download .image {width:20% !important; max-height:400px; margin:0 18px 0 0; float:left; overflow:hidden; display:flex; 
						align-items:center; justify-content:center; min-width:120px !important;
						-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
#topic #content #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#topic #content #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}


.news-mid-column		{float:right; width:30%; min-width:300px; border-left:1px dotted #CCC; padding:0 0px 20px 20px; background-color:#FFF; margin-left:20px;}
.news-mid-column h3		{font-size:100%; font-weight:300; margin:0 0 10px 0; border-bottom:1px solid #EEE; padding-bottom:6px;}
.news-image				{overflow:hidden; border:1px solid #EEE;}
.news-line				{border-bottom:1px dotted #CCC; margin:10px 0 10px 0;}
.news-image	img			{width:100%; height:auto;}
.news-image	img:hover 	{transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}
/*.news-height			{min-height:330px; xborder:1px solid #F00;}*/
.news-head				{font-size:110%; text-align:left; margin:10px 0 4px 0; white-space:wrap; overflow:hidden; text-overflow:ellipsis; line-height:118%;}
.news-head-lrg			{font-size:125%; text-align:left; margin:10px 0 4px 0; white-space:wrap; overflow:hidden; text-overflow:ellipsis; line-height:118%;}
.news-head-sml			{font-size:86%; text-align:left; margin:0 0 4px 0; line-height:118%;}
.news-desc				{text-align:left; margin:0 0 10px 0; font-size:80%; line-height:120%; color:#666;}
.news-desc-lrg			{font-size:100% !important; text-align:left; margin:0 0 10px 0; line-height:130%; color:#666;}
.news-related			{text-align:left; margin:0 0 10px 0; font-size:80%; line-height:120%;}
.news-download			{overflow:hidden; border:1px solid #EEE; width:150px; height:auto; float:left; margin:0 20px 12px 0;
						-webkit-box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6); box-shadow: 2px 5px 8px 2px rgba(160,160,160,0.6);}
.news-download img		{width:100%; height:auto;}
.news-download:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}
.carousel-inner 		{margin:0 -4px 0 -4px; min-height:340px;}
.carousel-inner .col-md-3, .carousel-inner .col-md-6 {padding: 0 6px 0 6px;}
ol.carousel-indicators 	{position:absolute; bottom:-30px; left:0; right:0; width:auto; margin:25px 20px 30px -20px; }
ol.carousel-indicators li,
ol.carousel-indicators li.active {float:left; width:6%; height:10px; border-radius:0; border:0; background:#EEE;}
ol.carousel-indicators li.active {background:#DDD;}


/* Glossary Specific */
#definition					{width:100%;}
#definition .top			{margin-bottom:-20px; position:absolute;}
#definition .bottom			{margin-top:-20px; position:absolute;}
#definition	.def-left		{border-top:16px #333 solid; float:left; width:52px;}
#definition	.def-right		{border-top:16px #333 solid; float:right; width:52px;}
#definition	.def-middle		{border-left:14px #333 solid; width:100%; border-right:14px #333 solid; min-height:120px; font-size:24pt; line-height:130%;
							font-family:'Merriweather', Georgia, "Times New Roman", Times, serif; padding:24px 30px 8px 40px;}
.alpha-label				{float:left; font-size:48pt; width:0px; color:#BBB; line-height:90%; margin:0; padding:0;
							font-family:'Merriweather', Georgia, "Times New Roman", Times, serif;}
.alpha-lists				{xfloat:left; font-size:100%; width:90%; padding:1px 10px 2px 68px; margin:0 0 0 0;}
.alpha-lists .head a		{color:#000 !important;}
.alpha-lists .head a:hover	{color:#FC7300 !important;}
.alpha-lists .head			{font-size:135%; margin:0 0 4px 0;}
.alpha-lists .more			{margin:4px 0 20px 0;}
.alpha-lists a:hover 		{color:#C33; text-decoration:none;}
.alpha-line					{border-top:1px dotted #CCC; margin:6px 0 10px 0;}
.alpha-a					{float:left; padding:0 4px 0 0; font-size:84%;}
.alpha-a a, .alpha-a a:visited {color:#999;}
.alpha-a a:hover			{color:#C00;}
.alpha-container .line		{border-top:1px dotted #CCC; margin:6px 0 10px 0;}


/* Related News in Right Column */
#related				{color:#666; font-weight:300; line-height:125%; width:100%;}
#related h3				{font-size:16pt; padding-bottom:4px; margin-bottom:13px; border-bottom:1px dotted #AAA;}
#related .rel-image		{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#related .rel-image img	{width:125% !important; margin:0 0 0 -10px; object-position:50% 50%;}
#related .rel-head		{font-weight:500; font-size:115%; margin:2px 0 4px 0; padding-right:20px;}
#related .rel-text		{margin:0 0 2px 0; font-size:92%; line-height:120%; padding-right:20px;}

#related .rel-logo		{width:160px; margin:0 10px 0 0; height:96px; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;}
#related .rel-logo img	{width:90% !important; margin:0 0 0 -10px; object-position:50% 50%;}


/* Extra utilities */
.flex-equal > * 		{-ms-flex: 1;flex: 1;}
.overflow-hidden 		{ overflow: hidden; }
.eoa-padright 			{padding-right:40px !important;}


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#content .image			{width:30%; height:120px;}
#topic 					{margin-right:0px;}
#topic .topic-col		{width:100%; margin-left:0px;}
#sponsor				{float:right; width:40%;}
#sponsor .logo img		{width:100%; height:auto; }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
#content .image			{width:30%; height:150px;}
#topic 					{margin-right:0px;}
#topic .topic-col		{float:left; width:48%; margin-left:-4px;}
#sponsor				{float:right; width:40%;}
#sponsor .logo img		{width:100%; height:auto; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.flex-md-equal > * {-ms-flex: 1;flex: 1;  }
.bd-placeholder-img-lg {font-size: 3.5rem;}
#content .image			{width:36%; height:170px;}
#topic .topic-col		{float:left; width:48%; margin-left:-6px;}
#sponsor				{float:right; width:40%;}
#sponsor .logo img		{width:100%; height:auto; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#content .image			{width:36%; height:170px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#content .image			{width:40% !important; xheight:170px;}
}


@media (min-width: 1000px) {
    .left-column {width:58% !important; max-width:558 !important}
    .right-column {margin-left:36px; width:42% !important; max-width:42% !important}
}