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

/* Article page specific */
#lightbox-display			{display:none; position:fixed; width:100%; height:100%; background-color: rgb(0,0,0); 
							background-color: rgba(0,0,0,0.3); text-align:center;}
#lightbox-content			{background-color: #fefefe; margin: 50px 13% 0px 13% !important; padding: 14px; width: 74%; border-radius:6px;}
#lightbox-closer-container	{margin: -8px 13% !important; padding:0 0 0 6px; text-align:left;}
#lightbox-closer				{padding:6px; width:74%; font-size:16pt; text-align:left;}
a#lightbox-closer			{text-decoration:none;}
a#lightbox-closer:hover		{text-decoration:none; color:#cc0000 !important;}
#podcast						{max-width: 100% !important; width: 100% !important; margin-bottom:10px; background-color:#e8ebef; 
							padding:12px 12px 6px 6px; border-radius:6px; border:1px solid #d3d8e0; min-height:300px; margin:20px 0 10px 0;}
#podcast img 				{border-radius:3px; width:100%; height:auto; border:0;
    							/* 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%) */}
#podcast h3					{color:#333; font-size:124%; font-weight:300;}
#podcast .desc 				{color:#777; font-size:92%; margin:10px 0 0 0;}
#podcast .line				{border-bottom:1px solid #CCD; margin:-2px 0 12px 0;}
#podcast .blue				{color:#611ea5;}
#podcast .btn-secondary 		{background-color:#AAB; border:1px solid #99A;}
#podcast .btn-secondary:hover {background-color:#99A; border:1px solid #889;}
#podcast .small				{font-size:92%;}
#podcast ul					{margin:0; padding:0; list-style:none;}
#podcast ul	li				{margin:0 0 5px 0; line-height:118%;}
#podcast ul a				{color:#457fd6;}
#podcast ul a:hover			{color:#008aff; text-decoration:none;}

#article .chevron			{float:left; margin:0px 6px 0 0; color:#3399ff; padding-bottom:0px;}
#article 					{font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:0;}
#article .minimum-body-height {min-height:680px;}
#article h1 					{font-size:44pt; line-height:102% !important; margin:20px 0px 20px -3px; letter-spacing:-.03em; font-weight:300;}
#article h2 					{font-size:22pt; color:#000 !important; font-weight:500 !important; margin:10px 0 6px 0 !important;}
#article .byline 			{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:0px; width:70%; min-width:600px; xborder: 1px solid #EEE;}
#article .dateline 			{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:4px;}
#article .social 			{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:4px;}
#article h2.deck 			{font-size:20pt; line-height:120%; margin:-8px 0 18px 0; padding-bottom:12px; 
							font-weight:300; font-weight:300 !important; color:#5e768b !important; letter-spacing:.02em;}
h2.deck 						{font-size:20pt; line-height:120%; }
#byline 						{margin-right:8px; font-size:15pt !important; line-height:135% !important; margin-bottom:3px; float:left; display:inline-block;}
#article .line1				{border-bottom:1px dotted #AAA; margin:10px 0 12px 0;}
#article .col-md-1 			{float:left; width:10%;}
#article .col-md-2 			{float:left; width:20%;}
#article .col-md-4 			{float:left; width:50%;}
#article .col-md-5 			{float:left; width:60%;}
#article p img				{margin-bottom:6px; margin-top:6px;}
#article em					{color:#888;}
#article table#noborders td 	{border-bottom:1px solid #FFF !important;}
#article .table				{width:98%;}
#article .break				{height:0px !important;}
#article .break::after 		{content: ""; display:block; clear:both;}

#article .comp-full			{width:50%; padding:0 16px 0 0; margin-right:20px;}
#article .comp-wide			{width:100%; padding:0 16px 0 0; margin-right:20px;}
#article .comp-left			{width:50%; float:left; padding:0 12px 4px 0; margin-right:12px; margin-left:-2px; border-right:1px dotted #AAA;}
#article .comp-right			{width:47%; float:left; padding:8px 0 0 0; margin:20px 6px 0 0;}
#article .comp-desc 			{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; font-size:100%; line-height:125%; color:#666; font-weight:300;
							/* truncate to 6 lines */ -webkit-line-clamp:6;}
#article .comp-right .title {font-size:96%; padding-bottom:10px; line-height:120%; display:table-cell;}
#article .comp-wide .title 	{font-size:106%; padding-bottom:14px; line-height:120%; display:table-cell;}
.comp-right ul				{list-style-type: none; margin:0 0 0 -34px !important; padding:0 0 0 -30px;}
.comp-wide ul 				{list-style-type: none; margin:0 0 0 -34px !important; padding:0 0 0 -30px;}
.comp-right ul li::before, .comp-wide ul li::before {xcontent:"\f054"; xfont-family:'FontAwesome', Arial; padding:0 0px 10px 0; margin:0 10px 0 -22px !important; xcolor:#007bff;}

#article .comp-logo			{width:80%; margin-bottom:6px;}
#article .comp-logo img		{width:100%; height:auto;}
#article .comp-logo a			{cursor:pointer;}
#article .btn-tag			{float:left; background-color:#EEE; border:1px solid #DEDEDE; border-radius:4px; padding:3px 8px 2px 6px; margin:0 6px 4px 0;
							font-size:70%; color:#888;}
#article #right-column .btn-tag:hover {background-color:#AAA; color:#333;}
#article .fa-tags			{font-size:86%;}
#article #right-column .btn-sm {background-color:#EEE; border:1px solid #AAA; color:#888; padding:3px 10px 3px 8px !important;}
#article #right-column .btn-sm:hover {background-color:#AAA; color:#333;}
#article .btn-sm a			{color:#FFF !important;}

.add-read-more.show-less-content .second-section, .add-read-more.show-less-content .read-less {display:none;}
.add-read-more.show-more-content .read-more {display:none;}
.add-read-more .read-more, .add-read-more .read-less {margin-left:0px; color:#007bff; cursor:pointer; padding:6px 0 10px 0;}
.gray						{color:#666; font-size:100%; font-weight:300; line-height:130%;}

.add-read-more{display:table-cell;max-width: 600px;width: 100%;margin: 0 auto;}

#article .related-box		{padding:8px 16px 8px 16px; background-color:#e8ebef; border-radius:4px; border:1px solid #d3d8e0; margin:10px 0 24px 0; width:100%;}
#article .related-box hr	{margin:0 0 6px 0; padding:4px 0 0 0; background-color:transparent; border:none; border-bottom:1px solid #d3d8e0;}
#article .related-box h2	{color:#333; font-size:18pt; line-height:120%; padding:0; margin:0 0 -10px 0;}
#article .related-box h3	{color:#333; font-size:16pt; line-height:120%; padding:0; margin:0; padding:0px 8px 8px 0;}
#article .related-box h4	{color:#333; font-size:16pt; line-height:120%; padding:0; margin:0; padding:0px 8px 8px 0;}

#article .related-image		{width:26%; max-width:300px; float:left; margin:2px 18px 14px 0px;
							-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);}
#article .related-image:hover {transform: scale(1.03); transition-timing-function: ease; transition: 0.2s;}
#article .related-image img	{width:100%; height:auto;}

#article .related-image	-wide {width:100%; margin:2px 18px 6px 0px; padding: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);}
#article .related-image-wide:hover {transform: scale(1.01); transition-timing-function: ease; transition: 0.2s;}
#article .related-image-wide img {width:100%; height:auto; margin:0 0px 18px 0px;}

#article .related-line		{border-top:1px dotted #AAA; padding:12px 0 0 0; width:100%; margin:0; height:13px;}
#article .related-title		{font-size:104%; line-height:120%; letter-spacing:-.02em; margin:-2px 0 8px 0;}
#article .related-description {color:#666; font-size:86%; line-height:130%; padding:0 3% 0 0;}
#article .related-button	{margin:12px 0 10px 0; padding:6px 20px 6px 16px !important;}
#article .related-button i	{font-style: normal;}

#article .image-container 	{max-width:100% !important;width:100% !important; margin-bottom:10px; background-color:#e8ebef; padding:12px 12px 10px 12px; border-radius:6px; border:1px solid #d3d8e0;}
#article .image-container img {border-radius:3px; width:100%; height:auto; border:0;
    /* 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%) */}
#article .image-desc 		{color:#777; font-size:92%; margin:10px 0 0 0;}


.wraptocenter				{display:table-cell; text-align:center; vertical-align:middle; width:100%; height:auto; background-color:#999; overflow:hidden;}
.wraptocenter img			{vertical-align:middle; width:100%; height:auto;}

.middle-column				{float:right; min-height:200px; width:50%; max-width:620px; border:1px dotted #FFF; margin:20px 0 20px 18px; 
							color:#666; background-color:#FFF; clear:both;}
.middle-column .img-responsive img {width:100% !important; height:auto; border-radius:4px;}
.middle-column .img-logo img {width:100% !important; height:auto;}
.left-column				{border:1px solid #EEE;}

.badge-notify				{background:#F00;position:relative;top: -7px;left: -18px;color:#FFF;opacity:1;border-radius:8px;}
.badge-icon a				{margin-right:-14px;}
.badge-icon	.btn			{color:#9CF !important; padding:6px 14px 4px 12px;}
.badge-icon .btn:hover		{color:#FFF !important;}

#article .image-caption 	{font-size:92%; line-height:130%; color:#666; border-top:none; margin:10px 0 10px 0; padding:8px 0 0 0;}
#article .image-credit 		{font-size:10px; line-height:100%; color:#999; margin:6px 0 -4px 0; padding:0 2px 4px 0; text-align:right;}
#article #offsite-link 		{padding:8px 20px; font-size:110%; xwidth:40% !important; min-width:280px; margin-top:10px; margin-bottom:20px;}
#article #offsite-link i	{font-style:normal !important;}
#article #offsite-link a	{color:#DDD !important;}
#article #offsite-link a:hover {color:#FFF !important;}

#article .slideshow-container {width:100%; margin:0 0 0 -4px; background-color:#EEE; padding:6px 6% 20px 7%; border-radius:6px;}
#article .slideshow-container h2 {font-size:130%;}
#article .slideshow 		{width:100%; margin:4px -30px 20px 0px; font-size:100%;}
#article .slideshow figure	{width:25%; float:left; margin:4px 0 20px 0; padding:0 20px 0 0;}
#article .slideshow figure h2 {font-size:80%;}
#article .slideshow figure .slideshow-desc {font-size:80%; color:#999 !important; width:100%;  min-height:20px; 
							text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#article .slideshow figure .video {overflow:hidden; xheight:100px; max-height:178px; xdisplay:flex; object-fit:cover; border:1px solid #DDD; border-bottom:1px solid #999;}
#article .slideshow figure .video img {width:100%; margin:0; xposition:relative; xtop:50%; xtransform:translateY(-50%);}
#article .video img			{}
.photo-small				{margin:-4% 0 -4% 0;}
.xphoto-small				{margin:-4% 0 -4% 0;}
#article .slideshow figure:hover {transform: scale(1.05); transition-timing-function: ease; transition: 0.2s;}
#article .btn-slideshow 	{width:50%; margin:4px 10px 12px 10px; font-size:110%; float:center; padding:4px;}
#article .btn-slideshow a 	{color:#EEE !important;}
#article .btn-slideshow a:hover {color:#FFF !important;}
#article .slideshow h2		{margin-top:-4px !important;}
#article .break				{height:0px !important;}
#article .break::after 		{content: "";display: block;clear: both;}
#article hr					{height:12px; margin:9px 0 9px 0; padding:0; size:2px;}

#article #download .image 	{width:80% !important; xmax-height:400px; margin:12px 24px 24px 24px; float:left; xoverflow: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);}
#article #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#article #download .image:hover {transform: scale(1.01); transition-timing-function: ease; transition: 0.2s;}

#article .sociallinks		{font-size:120%; display:table; float:right; margin:0 5% 10px 0;}
#article .link				{float:left; margin:4px 8px 0 0;}
#article .link a, #article .link a:visited {color:#73a7cf;}
#article .link a:hover		{color:#cc3333}

.wp-image img 				{max-width:420px !important; width:100%; padding-top:0px; margin-right:30px; margin-bottom:20px; font-size:10pt; line-height:12pt;
							box-shadow: 0 6px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); float:left;}
.wp-logo					{font-size:80%; color:#999; }
.wp-sponsor					{border-bottom:1px dotted #AAA; margin-top:12px;}
.wp-logo img 				{max-width:260px !important; width:100%; padding-top:0px; margin:0px -20px 16px -2px; 
							font-size:10pt; line-height:12pt; color:#999; display:block;}
.wp-btn						{float:left; color:#999;}
.btn						{padding:7px 20px 7px 20px;}
.wp-btn .btn::before 		{font-family: "FontAwesome"; font-weight: 900; content: "\f019";}
.wp-line					{border-bottom:1px dotted #AAA; margin:4px 0 6px 0;}
.story-line					{border-bottom:1px dotted #AAA; margin:4px 0 8px 0;}
.story-padright				{min-width:400px; width:96%; font-size:90%;}
.story-col-40				{width:44%; min-width:260px; float:left; padding-right:6px;}
.bio-photo					{float:left; margin:6px 16px 8px 0; width:120px; height:auto; max-height:140px;}
.bio-photo	img				{width:100%; height:auto; display:block;}
.eoa						{line-height:135% !important;}
.eoa a						{font-size:115% !important;}

.eoa						{margin:30px 0 10px 0; line-height:125%; color:#666; font-size:90%;}
.eoa h3						{font-size:14pt !important; font-weight:300 !important;}
.eoa .eoa-tags				{line-height:150% !important; padding-right:60px;}
.eoa .eoa-padright			{padding-right:60px;}
.eoa .eoa-photo				{float:left; margin:6px 16px 8px 0; width:80px; height:auto; max-height:80px;}
.eoa .eoa-photo	img			{width:100%; height:auto; display:block;}
.eoa p						{padding:0; margin:0 0 6px 0 !important; padding-right:60px;}
.eoa .eoa-line				{border-top:1px dotted #999; margin-bottom:8px;}
.line						{margin:8px 0 4px 0; border-top:1px dotted #999; width:100%;}


/*************** podcast styles ******************/
audio 					{width:48%; min-width: 600px; xbox-shadow: 3px 3px 8px rgba(0,0, 0, 0.4); border-radius:2px; xmargin:-10px 0 20px 30px;
						transform: scale(1.05); xbackground-color:#EEEEEE; position:fixed; bottom:26px; z-index:10000; height:48px;}
.audio-closer a			{z-index:10000; margin:0 0 6px -18px; position:fixed; bottom:68px; text-decoration:none; font-size:160%; color:#666;}
.audio-closer a:hover	{color:#900; border-radius:2px;}
#mp3div					{margin-left:12px;}
.mp3-photo-credit		{font-size:9px; height:14px; color:#666; padding:0px 2px; margin:-6px 0 4px -2px;
						transform:rotate(270deg); transform-origin:left; float:left;}
.mp3-photo				{max-height: 204px; background-color:#b1ceea; overflow:hidden; margin-left:8px;}
.pc-col-2, .pc-col-3	{min-height:290px !important;}
.channel-news-resources {margin-bottom:-12px;}
@media only screen and 	(min-width:1201px) {
.mp3-photo				{max-height: 210px;}
}
@media only screen and 	(min-width:601px) and (max-width:1200px) {
.mp3-photo				{max-height: 230px;}
}
@media only screen and 	(min-width:480px) and (max-width:600px) {
audio 					{width:480px; height:42px;}
#mp3div					{margin-left:10px;}
}
@media only screen and 	(max-width:479px) {
audio 					{width:320px; height:42px;}
#mp3div					{margin-left:10px;}
}

/*************** story styles ******************/
#storybody span[style]{ line-height: inherit !important; font-size: inherit !important;}
/*span[style]{ line-height: inherit !important; font-size: inherit !important;}
span[itemprop="articleBody"] [style]{ line-height: inherit !important; font-size: inherit !important;}*/

#storybody .dropcap 		{color: #903 !important; float:left; font-size:100pt !important; line-height: 78px !important; padding:0 4px 0 0; 
							margin:-4px 0 24px -2px; font-family: Georgia, "Times New Roman", Times, serif !important;}

#storybody h2 .dropcap, #storybody h3 .dropcap, {color: #903 !important; float:left; font-size:106pt !important; line-height: 72px !important; padding:0 4px 0 0; 
							margin:0px; font-family: Georgia, "Times New Roman", Times, serif !important;}

#storybody .dropcap-small 	{color:#903 !important;float: left;font-size:48pt !important;line-height:48px !important;padding:0 4px 0 0;margin:0 0 8px -2px;
							font-family: Georgia, "Times New Roman", Times, serif !important;}

#storybody .smalldropcap 	{color: #0066cc !important; float:left; font-size:60pt !important; line-height: 60px !important; padding:0 4px 0 0; 
							margin:6px 4px 0 -2px; font-family:Roboto, Helvetica, Arial, sans-serif !important;}
                            
#storybody .smallcaps 		{font-variant-caps: small-caps; font-size:120% !important;}

#storybody {font-family:Roboto, Helvetica, Arial, sans-serif; font-size:15pt; line-height:145%; padding:0 20px 20px 0; color:#333; min-height:400px;}
#storybody .webcast-info {border-bottom:1px dotted #900; margin-bottom:24px;}
#storybody .webcast-head {color:#900 !important; font-size:80% !important;}
#storybody .webcast-info br {position:relative;display:block;font-size: 8px;line-height: 12px;height: 8px;background: #fff;  color: #fff;content: ".";width: 5px;}
#storybody .articleDateline {font-family:Georgia, "Times New Roman", Times, serif; font-size:16pt; line-height: 18pt; color:#666; margin:16px 0px 6px 0px;}
#storybody b {color:#333; font-weight:bold; }
#storybodysnippet a>b, .storybodysnippet a>b:visited, .storybodysnippet b>a, .storybodysnippet b>a:visited  {color:#06C;}
#storybodysnippet td {line-height:120%;}
#storybody .posted { font-family:Arial,Helvetica,sans-serif; font-size:8pt; line-height:11pt; margin-left:2px; margin-bottom:2px; font-weight:normal; color: #666;}
#storybody p {padding: 2px 0 0 0; margin:0px 0px 20px 0px;}
td.storyLeft {padding-right: 12px;}
#storybody blockquote p {margin: 10px 0px 10px 0px; padding: 18px 36px 6px 12px;}
#storybody blockquote { xfont-family: Arial, Helvetica, sans-serif; /*font-size: 10pt;*/ font-style: normal; line-height: normal; color: #6492C6; border-left:2px solid #eee; margin: 0px 0px 10px 2px; padding-top: -10px; padding-right: 6px; padding-bottom: 8px; padding-left: 6px;}
#storybody blockquote ul {font-size:116%; line-height:100%;}
#storybody blockquote ol {font-size:116%; line-height:100%;}

#storybody font {xfont-size: 12pt !important; xline-height:16pt !important;}
#storybody .wlWriterEditableSmartContent {display:none !important;}
#storybody table {border-collapse:collapse; font-size:72%; line-height:118%; border:1px solid #EEE; border-radius:6px; moz-box-shadow:3px 3px 12px #DDD; -webkit-box-shadow:3px 3px 12px #DDD; box-shadow:3px 3px 12px #DDD; margin-bottom:20px;}
#storybody table tr {border:1px solid #FFF;}
#storybody table th, #storybody table td {border-bottom: 1px solid #DDD !important; vertical-align: top;}
#storybody table tr:nth-child(even) {background-color: #f6f6f6;}
#storybody table tr:hover {background-color:#EEE;}
#storybody table.table-width {max-width:1000px;}
#storybody table .small {line-height:110% !important; font-size:66% !important; color:#888;}
#storybody table td {padding:9px 4px 10px 6px;}
#storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: x12pt !important; xline-height:16pt !important; color:#333 !important;}
#storybody .small-gray {font-size: 11pt !important; line-height:14pt !important; color:#666 !important;}

#storybody i {font-style:italic;}
#storybody #storyside {float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;}
#storybody h1 {color: #900; font-size:1.4em; line-height:110%; letter-spacing:-0.05em; margin: 10px 0 10px 0; text-transform: uppercase;}
#storybody h2 {font-size:24pt; color:#000; margin:24px 0px 12px 0px; letter-spacing:0px; font-weight:400;}
#storybody h3 {font-size:21pt; color:#666; margin:24px 0px 12px 0px; letter-spacing:0px; font-weight:400;}
#storybody h4 {font-size:16pt; color:#666; font-weight:300 !important; margin:-4px 0 18px 0;}
#storybody h6 { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody h6 i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody strong {/*font: bold 13pt Arial,sans-serif; */ color:#000000; margin:0px; }
#storybody .photosmleft	{float:left; padding-top:4px; xpadding-right:12px; max-width:35%; width:auto; display:inline-block; width:180px; margin:6px 16px 6px 0; }
#storybody .photosmright {float:right; padding-top:4px; xpadding-left:12px; max-width:35%; width:auto; display:inline-block; width:180px; margin:6px 0 6px 16px; border-radius:4px;}
#storybody .photosmleft img, #storybody .photosmright img {border-radius:4px;}
#storybody .photosmleft .caption, #storybody .photosmright .caption {width:inherit; font-size:10pt; line-height:14pt; color:#777; margin:6px 0 6px 0; padding:0px;}

#storybody .photoright {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoleft {float:left; margin-right: 12px; padding-top:4px;}
#storybody .photoR {float:right; margin-left: 12px; padding-top:4px;}
#storybody .photoL {float:left; margin-right: 12px; padding-top:4px;}
#storybody .sidebar {float:left; width:240px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebarL {float:left; width:240px; margin-right:12px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarL li {font-size:10pt; line-height:12pt;}
#storybody .sidebarR {float:right; width:240px; margin-left: 12px; margin-right: 20px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR img {max-width:240px; padding-top:4px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebarR li {font-size:10pt; line-height:12pt;}

#storybody .aboutbox			{padding:14px 16px 20px 16px; background-color:#e8ebef; border-radius:4px; border:1px solid #d3d8e0; margin:10px 0 22px 0;}
#storybody .aboutbox p 		{font-size:13.25pt; line-height:17pt;}
#storybody .aboutbox hr		{margin:0 0 3px 0; padding:3px 0 3px 0; background-color:transparent; border:none; border-bottom:1px solid #d3d8e0; width:100%; 
							height:1px; clear:left;}
#storybody .aboutbox h2		{color:#333; font-size:20pt; line-height:120%; padding:0; margin:0 0 -10px 0;}
#storybody .aboutbox h3		{color:#333; font-size:18pt; line-height:120%; padding:0; margin:0 0 -10px 0;}
#storybody .aboutbox h4		{color:#333; font-size:16pt; line-height:120%; padding:0; margin:0; padding:0px 8px 8px 0;}
#storybody .aboutbox h5		{color:#333; font-size:16pt; line-height:120%; padding:0; margin:0; padding:0px 8px 8px 0;}
#storybody .aboutbox .photoL	{margin:0 18px 0px 0 !important; clear:left;}

/*
#storybody .aboutbox {padding:10px 20px 24px 20px; background-color:#f4f5f5; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; display:table; margin:4px 18px 10px 2px; width:100%;}
#storybody .aboutbox h2, #storybody .aboutbox h3 {margin:0; padding:0px 8px 8px 0;}
#storybody .aboutbox h4, #storybody .aboutbox h5 {margin:0; padding:4px 8px 8px 0;}

#storybody .aboutbox hr {height:1px !important; padding:0 !important; border-top:1px dotted #84b0ce !important; clear:left; size:none; 
						margin:14px 4px 10px 0 !important; size:1px !important; color:#84b0ce; background-color:#EEE !important;}
*/

#storybody table {margin-bottom:12px; clear:left;}
#storybody img {height: auto;max-width: 100%;}
#storybody .quote { font-family:Arial, Helvetica, sans-serif; width:170px; float:left; margin:6px 14px 8px 0px; border-top:8px solid #C99; padding:8px 8px 4px 0px; font-size:11pt; color:#903; font-weight:bold; line-height:120%;}
#storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:170px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; font-size:11pt; color:#903; font-weight:normal; line-height:130%; text-align:right; }
#storybody ul {margin: 0px 0px 20px 4px; padding-left:16px; color:#444 !important;}
#storybody ol {margin: 0px 0px 20px 8px; padding-left:20px; color:#444 !important;}
#storybody ul li {list-style-image:url(/images/site/bullet_gray.gif); margin-left:10px; margin-bottom:8px; padding-right:30px; padding-left:4px; color:#444; xfont-size: 90%; line-height:130%; /*margin-top:-6px;*/}
#storybody ul ul {margin: 0px 0px 8px 20px;color:#666;}
#storybody ul ul li {color:#000; text-size:11pt important!; line-height:11pt;}
#storybody ol li {list-style-image:none;}
#storybody ol ol {margin: 0px 0px 8px 20px; color:#666;}
#storybody ol ol li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody li {list-style-image:url(/images/site/bullet_gray.gif);margin-left:8px;margin-bottom:8px;padding-right:30px; font-size:100%; line-height:138%; /*margin-top:-6px;*/}
#storybody ul ul li {list-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:96%; line-height:114%; /*margin-top:-6px;*/}
#storybody ul ul ul li {list-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; font-size:90%; line-height:108%; /*margin-top:-6px;*/}

#storybody .photoR .sidebarR {float:left; margin-left: 0px; padding-top:0px;}
#storybody img {height:auto;}
#storybody .photoleft {float:left; margin: 0 16px 8px 0; max-width:48%; padding:0 8px 0 0;}
#storybody .photoright {float:right; margin:0 0 8px 16px; max-width:48%; padding:0 0 0 8px;}
#storybody .caption {width:99%; padding:4px 0 8px 0; font-size:92%; color:#666; font-weight:300;}

#storybody .photofull {margin:18px 0 24px 0; }
#storybody .photofull img {width:99% !important; height:auto;}
#storybody .photofull .caption {width:99%; border-top:1px dotted #999; padding:10px 0 8px 0;}

#storybody .phototwothirds {margin:18px 0 24px 0; }
#storybody .phototwothirds img {width:66% !important; height:auto; }
#storybody .phototwothirds .caption {width:66%; border-top:1px dotted #999; padding:10px 0 8px 0; }

#storybody .photoleft img, #storybody .photoright img, #storybody .photofull img, #storybody .phototwothirds img {width:100%; margin: 4px 0 8px 0; display:block !important; max-width:100% !important; height:auto !important;}
#storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption, #storybody .phototwothirds .caption {font-size:86%; line-height:120%; color:#666;}
#storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p, #storybody .phototwothirds .caption p {font-size:86%; line-height:120%; color:#666;}

#storybody .calloutleft {float:left; width:30%; min-width:170px; margin:5px 14px 8px 0; padding:10px 2px 4px 0; border-top:6px solid #c70f0f; border-bottom:1px solid #FFF; font-size:21pt; font-weight:300; line-height:140%; color:#ae0a0a; letter-spacing: -.02em;}
#storybody .calloutright {float:right; width:30%; min-width:180px; margin:5px 0 8px 14px; padding:10px 0 4px 2px; border-top:6px solid #c70f0f; border-bottom:1px solid #FFF; font-size:21pt; font-weight:300; line-height:140%; color:#ae0a0a; letter-spacing: -.02em;}
#storybody .calloutattrib {font-size:15pt; font-weight:300; line-height:120%; font-style:italic; text-align:right; margin-top:10px;}

#storybody .sidebar 	{float:left; width:300px; margin-right: 12px; padding-top:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:280px; padding-top:4px; margin-bottom:4px; font-size:11pt; line-height:12pt;}
#storybody .sidebar-left {float:left; width:272px; margin:0 34px 0 0; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-left img {max-width:260px; padding-top:2px; margin-right:16px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right {float:right; width:272px; margin-left: 12px; margin:0 10px 0 24px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right img {max-width:260px; padding-top:2px; margin-left:16px; margin-bottom:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right h3, #storybody .sidebar-right h4, #storybody .sidebar-full h3, #storybody .sidebar-full h4, #storybody .sidebar-left h3, #storybody .sidebar-left h4  {font-size:14pt !important; line-height:15pt; margin:6px 0 10px 2px; display:block !important; visibility:visible !important;}
#storybody .sidebar-right p, #storybody .sidebar-left p, #storybody .sidebar-full p {
	line-height:130% !important; color:#666 !important; margin-bottom:10px; padding:0;}
#storybody .sidebar-right li, #storybody .sidebar-left li, #storybody .sidebar-full li {font-size:10pt; line-height:12pt; margin-left:0; padding-left:0;}
#storybody .sidebar-right ul, #storybody .sidebar-left ul, #storybody .sidebar-full ul {margin-left:0; padding-left:20px;}
#storybody .sidebar-right, #storybody .sidebar-left {box-shadow:1px 2px 5px rgba(0,0,0,0.2), 1px 2px 5px rgba(0,0,0,0.2);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1); padding:10px 0px 6px 8px; margin-bottom:12px;}
#storybody .sidebar-right:hover, #storybody .sidebar-left:hover {box-shadow: 0 6px 12px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
#storybody .sidebar-left li {padding-right:10px;line-height:128%;}

.sideleft {background-color:#f5f6f6; float:left; width:30%; min-width:180px; padding:10px; margin:2px 18px 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px;}
.sideright {background-color:#f5f6f6; float:right; width:35%; min-width:180px; padding:10px; margin:2px 0 15px 18px; box-shadow:2px 2px 2px #c1c1c1;font-size:90%;}
.sidefull {background-color:#f5f6f6; padding:16px 12px 10px 16px; margin:20px 0 25px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;}
.well {background-color:#eaedee; border:1px solid #DEDEDE; padding:14px 10px 8px 16px; margin:22px 0 22px 0; font-size:13.5pt; display:table; line-height:140%; border-radius:8px; width:100%;}
.sidefull h2, .well h2, .sidefull h3, .well h3, .well h4 {font-size:160% !important; margin:6px 0px 8px 0px !important; padding-top:0px !important; color:#000 !important;}
.sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:28px; padding-bottom:10px; margin-top:8px; margin-bottom:10px !important; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif; color:#000 !important;}
.sideleft p, .sideright p, .sidefull p {font-size:14pt; line-height:18pt;}
.sideleft img, .sideright img, .sidefull img, .aboutbox img {max-width:100% !important; display:block !important; height:auto !important; margin-bottom:0px;}
.sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0 0 0 6px; margin:0px;}
.sideright ul li, .sideleft ul li, .sidefull ul li, .aboutbox ul li {margin-bottom:14px; list-style-type:disc; padding-left:0px; line-height:18px; font-size:14px;}
.sideright ol, .sideleft ol, .sidefull ol, .aboutbox ol {padding:0px 0 0 6px; margin:0px;}
.sideright ol li, .sideleft ol li, .sidefull ol li, .aboutbox ol li {margin-bottom:14px; list-style-type:decimal; padding-left:0px; line-height:18px; font-size:14px;}
.twocol {clear:left;}
.twocolleft {width:49%; float:left; padding:0 15px 15px 0; line-height:20px;}
.twocolright {width:50%; float:left; padding:0 0 15px 0; line-height:20px;}
#subHed {font-size:13pt; line-height:120%;}
#storybody.hr 				{display:none; color:#84b0ce !important; clear:left; size:2px; margin:2px 0 12px 0; padding:0;
							size:2px; height: 2px; /* Set the hr color */color: #84b0ce; /* old IE */ background-color: #84b0ce; /* Modern Browsers */} 
#storybody .video-container {max-width: 880px;margin-bottom: 18px;}
.video-container a 			{color:#ffe981;}
.video-container a:hover	{color:#ff5858;}

#storybody .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%) */}
#storybody .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px; border:1px solid #DDD;
    /*width:75%; min-width:680px; min-height:500px;*/}
#right-column .video-container {max-width: 100% !important;width: 100% !important; margin-bottom:10px; background-color:#e8ebef; 
	padding:12px 12px; border-radius:6px; border:1px solid #d3d8e0;}
#right-column .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%) */}
#right-column .video-desc {color:#777; font-size:92%; margin:10px 0 0 0;}
#right-column .video-desc h2 {color:#777; font-size:125%; margin:6px 0 4px 0;}
#right-column .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none; border-radius:3px;}


/* 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;}

/* Wide image at top of article */
.wide-image-container	{margin:8px 2px 4px 0; max-height:580px; overflow:hidden; border-radius:5px;}
.wide-image				{}
.wide-image img			{width:100% !important; height:auto; /*margin-top:-5%;*/ vertical-align:middle;}


/* Related News in Right Column */
#related				{color:#666; font-weight:300; line-height:120%; 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 4px 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%;}

#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%;}
#related #download .image {width:20% !important; max-height:250px; margin:0 12px 0 0; float:left; overflow:hidden; display:flex; 
						align-items:center; justify-content:center; min-width:100px !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);}
#related #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#related #download .image:hover {transform: scale(1.04); transition-timing-function: ease; transition: 0.3s;}

.row, .container {min-height:0px;}

/* Download form styles */

#form					{border:1px solid #DDD; background-color:#EEE; padding:16px 12px; margin:-40px 0 20px 0;}
#form .resource-img		{width:100px; margin:0 18px 10px 18px; height:auto; float:left; overflow:hidden; display:flex; align-items:center; justify-content:center;
						border:1px solid #CCC; box-shadow:1px 2px 5px rgba(0,0,0,0.2), 1px 2px 5px rgba(0,0,0,0.2); transition: all 0.3s cubic-bezier(.25,.8,.25,1); }
#form .resource-img img	{width:100% !important; margin:0; object-position:50% 50%;}
#form .resource-line	{margin:0 4px 10px 4px; border-top:1px dotted #AAA;}
#form .resource-text	{font-weight:500; font-size:100%; margin:2px 0 8px 0; line-height:110% !important; width:80%; min-width:180px;}
#form .resource-title	{font-weight:500; font-size:100%; margin:2px 0 8px 0; padding-right:20px;}
#form .resource-summary	{font-weight:500; font-size:76%; margin:2px 0 4px 0; padding-right:20px; color:#777;}
#form .row .form-group	{margin-bottom: .5rem;}
#form .g-recaptcha		{display:none; visibility:hidden;}
.anchor {content: "";display: block;height:0px;margin:40px 0 0 0;}
#world:before {
    content: '';
    display: block; 
    position: relative; 
    width: 0; 
    height: 2em; 
    margin-top: -2em;
}

/* Extra utilities */
.flex-equal > * {-ms-flex: 1;flex: 1;}
.overflow-hidden { overflow: hidden; }

/* Article modal */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); 
}
.modal-target {width: 300px;border-radius: 5px;cursor: pointer;transition: 0.3s;}
.modal-target:hover {opacity: 0.7;}

/* Modal Content (image) */
.modal-content {margin: auto;display: block;width: 80%;opacity: 1 !important;max-width: 1200px;}

/* Caption of Modal Image */
.modal-caption {margin: auto;display: block;width: 80%;max-width: 1200px;text-align: center;color: white;font-weight: 400;font-size: 1em;margin-top: 18px;}

/* Add Animation */
.modal-content, .modal-caption {  -webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-atransform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}

/* The Close Button */
.modal-close {position: absolute;top: 100px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight:400;transition: 0.3s;z-index:10001}
.modal-close:hover, .modal-close:focus {color: #bbb;text-decoration: none;cursor: pointer;}

/*
#myImg 			{border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg:hover 	{opacity: 0.7;}
#myImg2 		{border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg2:hover 	{opacity: 0.7;}
#myImg3 		{border-radius: 5px;cursor: pointer;transition: 0.3s;}
#myImg3:hover 	{opacity: 0.7;}
.modal			{display: none; position: fixed; z-index: 10000;padding-top: 120px; left: 0;top: 0;width: 100%;height: 100%;
				overflow: auto;background-color: rgb(22,22,22);background-color: rgba(22,22,22,0.85);}
.modal2			{display: none; position: fixed; z-index: 10000;padding-top: 120px; left: 0;top: 0;width: 100%;height: 100%;
				overflow: auto;background-color: rgb(22,22,22);background-color: rgba(22,22,22,0.85);}
.modal3			{display: none; position: fixed; z-index: 10000;padding-top: 120px; left: 0;top: 0;width: 100%;height: 100%;
				overflow: auto;background-color: rgb(22,22,22);background-color: rgba(22,22,22,0.85);}
.modal-content	{margin: auto;display: block;width: 90%;max-width: 800px;}
#caption, #caption2, #caption3 {margin: auto;display: block;width: 90%;max-width: 800px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}
.modal-content, #caption, #caption2, #caption3 {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}
@keyframes zoom	{from {transform:scale(0)} to {transform:scale(1)}}
.closer 		{position: absolute;top: 60px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight:400;transition: 0.3s; z-index:10001;}
.closer:hover, .closer:focus {color: #bbb;text-decoration: none;cursor: pointer;}
.closer2 		{position: absolute;top: 60px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight:400;transition: 0.3s; z-index:10001;}
.closer2:hover, .closer2:focus {color: #bbb;text-decoration: none;cursor: pointer;}
.closer3		{position: absolute;top: 60px;right: 35px;color: #f1f1f1;font-size: 40px;font-weight:400;transition: 0.3s; z-index:10001;}
.closer3:hover, .closer3:focus {color: #bbb;text-decoration: none;cursor: pointer;}
@media only screen and (max-width: 800px){
.modal-content					{width: 100%;}
}
*/


/* Media Queries */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:0px;}
#storybody							{font-size:94%;}
#storybody .photoleft, #storybody .photoright {width:52%;}
#storybody .photoleft 				{margin: 0 10px 8px 0;}
#storybody .photoright 				{margin: 0 0 8px 10px;}
#storybody .phototwothirds img, #storybody .phototwothirds .caption {width:100% !important; }
#storybody h2, #storybody h3 		{font-size:18pt; color:#000; margin:20px 0px 8px 0px;}
h2.deck 							{font-size:14pt !important; line-height:120%; }
#article h1 						{font-size:28pt !important; line-height:120%; letter-spacing:.0em;}
.middle-column						{float:none; min-height:100px; width:100%; min-width:200px; xborder:1px solid #EEE; margin:12px 0 20px 0px; color:#666;}
#storybody .calloutleft 			{font-size:16pt;}
#storybody .calloutright 			{font-size:16pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#article .slideshow-container 		{padding:6px 2% 20px 3%;}
#article .slideshow-container h2 	{font-size:100%;}
#article #download .image 			{width:100% !important; margin:0 18px 24px 0; float:left; display:block;}
#article .slideshow figure h2 		{font-size:60%;}
#article .slideshow figure			{margin:4px 0 10px 0; padding:0 10px 0 0;}
#article .slideshow figure .video	{background-color:#FFF; height:80px; max-height:80px}
#article .btn-slideshow 			{width:50%; margin:4px 6px 12px 6px; font-size:80%; float:center; padding:2px 2px 1px 2px;}
#article .sociallinks				{display:table; float:left; clear:both;}
#article .byline					{min-width: 300px; clear:both;}
.wraptocenter img					{max-height:116px; height:88px; margin-bottom:-6px;}
#lightbox-content					{margin: 40px 2% 0px 2% !important; padding: 12px; width: 96%; border-radius:4px;}
#lightbox-closer-container			{margin: -4px 2% 0px 2% !important;}
#article .comp-left					{width:100%; margin-right:10px: padding-bottom:30px; border-right:none;}
#article .comp-right				{width:100%; margin-right:10px: padding-bottom:30px; margin-left:-4px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:0px;}
#storybody							{font-size:96%;}
#storybody .photoleft, #storybody .photoright {width:52%;}
#storybody .photoleft 				{margin: 0 10px 8px 0;}
#storybody .photoright 				{margin: 0 0 8px 10px;}
#storybody .phototwothirds img, #storybody .phototwothirds .caption {width:100% !important; }
#storybody h2, #storybody h3 		{font-size:20pt; color:#000; margin:20px 0px 8px 0px;}
.wp-image img 						{max-width:200px !important;}
h2.deck 							{font-size:14pt !important; line-height:120%; }
#article h1 						{font-size:32pt !important; line-height:120%; letter-spacing:-.01em;}
.middle-column						{float:none; min-height:100px; width:100%; min-width:200px; xborder:1px solid #EEE; margin:12px 0 20px 0px; color:#666;}
#storybody .calloutleft 			{font-size:16pt;}
#storybody .calloutright 			{font-size:16pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#article #download .image 			{width:100% !important; margin:0 18px 24px 0; float:left; display:block;}
#article .slideshow-container 		{padding:6px 4% 20px 5%;}
#article .slideshow-container h2 	{font-size:110%;}
#article .slideshow figure h2 		{font-size:70%;}
#article .slideshow figure			{margin:4px 0 12px 0; padding:0 12px 0 0; min-height:120px}
#article .slideshow figure .video	{background-color:#FFF; height:90px; max-height:90px; xborder:1px solid #F00;}
#article .btn-slideshow 			{width:50%; margin:4px 6px 12px 6px; font-size:90%; float:center; padding:2px 2px 1px 2px;}
#article .sociallinks				{display:table; float:left; clear:both;}
#article .byline					{min-width: 300px; clear:both;}
.wraptocenter img					{max-height:116px; height:88px; margin-bottom:-6px;}
#lightbox-content					{margin: 40px 2% 0px 2% !important; padding: 12px; width: 96%; border-radius:5px;}
#lightbox-closer-container			{margin: -4px 2% 0px 2% !important;}
#article .comp-left					{width:100%; margin-right:10px: padding-bottom:30px; border-right:none;}
#article .comp-right				{width:100%; margin-right:10px: padding-bottom:30px; margin-left:-4px;}
}

/* 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;}
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:20px;}
#storybody .photoleft, #storybody .photoright {width:50%;}
#storybody .photoleft 				{margin: 0 10px 8px 0;}
#storybody .photoright 				{margin: 0 0 8px 10px;}
#storybody .phototwothirds img, #storybody .phototwothirds .caption {width:100% !important; }
#storybody h1 						{color: #900; font-size:1.4em; line-height:110%; letter-spacing:-0.05em; margin: 10px 0 10px 0; text-transform: uppercase;}
#storybody h2 						{font-size:20pt; color:#000; margin:24px 0px 12px 0px; letter-spacing:0px; font-weight:400;}
#storybody h3 						{font-size:18pt; color:#000; margin:24px 0px 12px 0px; letter-spacing:0px; font-weight:400;}
#storybody h4 						{font-size:16pt; color:#333; font-weight:300 !important;}
.wp-image img						{max-width:290px !important;}
h2.deck 							{font-size:16pt !important; line-height:120%; }
#article h1 						{font-size:38pt !important; line-height:120%; letter-spacing:-.02em;}
#storybody .calloutleft 			{font-size:18pt;}
#storybody .calloutright 			{font-size:18pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#article .slideshow figure .video	{background-color:#FFF; height:120px; max-height:120px; xborder:1px solid #F00;}
.wraptocenter						{width:220px; height:136px; overflow:hidden; background-color:#FFF; }
.wraptocenter img					{max-height:120px; height:120px; margin-bottom:-4px;}
#lightbox-content					{margin: 40px 5% 0px 5% !important; padding: 12px; width: 90%; border-radius:6px;}
#lightbox-closer-container			{margin: -6px 5% 0px 5% !important;}
#article .comp-left					{width:100%; margin-right:10px: padding-bottom:30px; border-right:none;}
#article .comp-right				{width:100%; margin-right:10px: padding-bottom:30px; margin-left:-4px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
.eoa .eoa-tags, .eoa .eoa-padright	{padding-right:40px;}
.wp-image img 						{max-width:350px !important;}
h2.deck 							{font-size:18pt !important; line-height:120%; }
#article h1 						{font-size:40pt !important; line-height:120%; letter-spacing:-.02em;}
#article .slideshow figure .video {background-color:#FFF; height:150px; max-height:150px; xborder:1px solid #F00;}
.wraptocenter						{width:256px; height:146px; overflow:hidden; background-color:#FFF; }
.wraptocenter img					{max-height:136px; margin-bottom:-10px;}
#lightbox-content					{margin: 40px 7% 0px 7% !important; padding: 12px; width: 86%; border-radius:6px;}
#lightbox-closer-container			{margin: -8px 7% 0px 7% !important;}
}

/* Alt Large devices (desktops, 1200px to 1700px) */
@media (min-width: 1200px) and (max-width: 1699.9px) {
#article .slideshow figure .video 	{max-height:142px !important;}
#article .slideshow figure .video img {min-height:176px;}
.wraptocenter img					{max-height:160px; margin-bottom:-10px;}
h2.deck 							{font-size:18pt !important; line-height:120%; }
#article h1 						{font-size:44pt !important; line-height:120%; letter-spacing:-.02em;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#article .slideshow figure .video img {min-height:176px;}
.wraptocenter						{width:312px; height:184px; overflow:hidden; background-color:#FFF; }
.wraptocenter img					{max-height:200px; margin-bottom:-4;}
}