/* Guide page specific */

#guide 						{font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right:0;}
#guide .minimum-body-height {min-height:920px;}
#guide h1 					{font-size:44pt; line-height:102% !important; margin:20px 0px 20px -3px; letter-spacing:-.03em; font-weight:300; color:#212529;}
#guide h2 					{font-size:22pt; color:#000 !important; font-weight:500 !important; margin:10px 0 6px 0 !important;}
#guide .byline 				{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:0px; width:70%; min-width:600px; xborder: 1px solid #EEE;}
#guide .dateline 			{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:4px;}
#guide .social 				{float:left; margin-right:8px; font-size:15pt; line-height:135%; margin-bottom:4px;}
#guide 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;}
#guide .line1				{border-bottom:1px dotted #AAA; margin:10px 0 12px 0;}
#guide .col-md-1 			{float:left; width:10%;}
#guide .col-md-2 			{float:left; width:20%;}
#guide .col-md-4 			{float:left; width:50%;}
#guide .col-md-5 			{float:left; width:60%;}
#guide p img					{margin-bottom:6px; margin-top:6px;}

iframe#guide					{max-width:700px; border:none;}

#guide .image				{width:30%; max-width:220px; max-height:220px; margin:0 18px 0 0; float:left; overflow:hidden; 
							display:flex; align-items:center; justify-content:center;}
#guide .image img 			{width:100% !important; margin:0 0 0 -10px; object-position:50% 50%;}

#guide .promobox				{font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#999; border-radius:4px; 
							border:1px solid #DDD; background-color:#EEE; padding:8px 6px 10px 10px; min-height:210px;}
#guide .promobox h3			{color:#666; font-weight:400; font-size:120%; margin-bottom:6px;}

.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:100px; width:36%; max-width:620px; border:1px dotted #FFF; margin:20px 0 20px 18px; color:#666; background-color:#FFF; margin-bottom:1200px;}
.middle-column h4			{font-size:125%;}
.middle-column-news			{display:block; min-height:1px;}
.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;}
.btn-success 				{color:#FFF !important;}

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

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

#guide .sociallinks			{font-size:120%; display:table; float:right;}
#guide .link				{float:left; margin:4px 8px 0 0;}
#guide .link a, #guide .link a:visited {color:#7dc28a;}
#guide .link a:hover		{color:#cc3333}

#guide #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);}
#guide #download .image img {width:100% !important; margin:0; object-position:50% 50%;}
#guide #download .image:hover {transform: scale(1.01); transition-timing-function: ease; transition: 0.2s;}

.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; max-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:8px 24px 8px 24px;}
.wp-btn .btn::before 		{font-family: "Font Awesome 5 Free"; 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:80%;}
.story-col-40				{width:38%; 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;}


/*************** 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:#093 !important;float: left;font-size:128pt !important;line-height:124px !important;padding:0 4px 0 0;margin:-24px 0 10px -3px;
							font-family: Georgia, "Times New Roman", Times, serif !important;}
#storybody .dropcap-small 	{color:#093 !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 .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 0 0; color:#333; min-height:800px;}
#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 {font-size: 12pt !important; line-height:16pt !important;}
#storybody .wlWriterEditableSmartContent {display:none !important;}

#storybody table {border-collapse:collapse; border:0; font-size:75%; 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:8px;}
#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 table .trgreen {background-color: #D0E4D4 !important; padding:6px 5px 4px 6px !important;}

#storybody table#gold {background-color: #fff3cb !important; border-collapse:collapse; border:0; font-size:75%; 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:8px;}
#storybody table#gold tr {border:1px solid #FFF;}
#storybody table#gold th, #storybody table#gold td {border-bottom: 1px solid #DDD !important; vertical-align: top;}
#storybody table#gold tr:nth-child(even) {background-color: #f3db98;}
#storybody table#gold tr:hover {background-color:#f3d78a;}
#storybody table.table-width {max-width:1000px;}
#storybody table#gold .small {line-height:110% !important; font-size:66% !important; color:#888;}
#storybody table#gold td {padding:9px 4px 10px 6px;}

#storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;}
#storybody .small-gray {font-size: 11pt !important; line-height:16pt !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:#333; margin:24px 0px 12px 0px; letter-spacing:0px; font-weight:400;}
#storybody h4 				{font-size:16pt; color:#666; font-weight:300 !important; margin:8px 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;}
#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:10px 14px 12px 16px; background-color:#f4f5f5; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; display:table; margin:32px 16px 34px 0; width:100%; color:#565760;}
#storybody .aboutbox h2, #storybody .aboutbox h3,  #storybody .aboutbox h4 {font-size-adjust:120%; margin:2px 0 16px 0; padding:4px 8px 12px 0; color:#000000;}
#storybody .aboutbox hr {margin-bottom:16px;}
#storybody table {margin-bottom:12px; clear:left;}
#storybody img {height: auto;max-width: 100%;}
#storybody .quote { width:25%; min-width:250px; float:left; margin:6px 14px 8px 0px; border-top:2px solid #903; padding:8px 8px 4px 0px; color:#903; line-height:140%;}
#storybody .quote i {margin:6px 6px 0px 0px; clear:left; display:inline-block; width:25%; min-width:250px; padding:4px 0px 0px 0px; border-top:1px dotted #C99; color:#903; font-weight:normal; line-height:140%; 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(../gif/bullet_gray.gif);margin-left:10px;margin-bottom:8px;padding-right:30px; padding-left:6px; 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(../gif/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(../bullet_gray3.html);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(../gif/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; width:48%; padding:0 8px 0 0;}
#storybody .photoright {float:right; margin:0 0 8px 16px; 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:35%; 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:35%; 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:280px; margin-right:18px; 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:280px; margin-left: 12px; margin-right: 6px; 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-bottom:8px; margin-top:0px; display:block !important; visibility:visible !important; padding-bottom:10px;}
#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:24px;}
#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 4px 6px 10px; 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);}

.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:14px;}
.sidefull {background-color:#f5f6f6; padding:16px 12px 10px 16px; margin:20px 0 25px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:90%; display:table;}
.well {background-color:#f5f6f6; 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:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif; color:#000 !important;}
.sideleft p, .sideright p, .sidefull p, .aboutbox 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:8px;}
.sideright ul, .sideleft ul, .sidefull ul, .aboutbox ul {padding:0px 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 .aboutbox hr, #storybody hr {color:#2cba45 !important; clear:left; size:2px; border: none; margin:2px 0 14px 0; padding:0;
						size:2px; height: 2px; /* Set the hr color */color: #2cba45; /* old IE */ background-color: #2cba45; /* 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: none;
    /*width:75%; min-width:680px; min-height:500px;*/}
#right-col .video-container {max-width: 100% !important;width: 100% !important;margin-bottom: 10px;}
#right-col .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-col .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}


/* 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 8px 4px 0;}
.wide-image				{}
.wide-image img			{width:100% !important; height:auto;}


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


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;}
.row:after,
.clearfix:after {
      clear: both;}
.row,
.clearfix {
      zoom: 1;}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
      clear: both;
      display: block;
      overflow: hidden;
      width: 0;
      height: 0;
}
body {}


/* 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%; }
#guide h1 							{font-size:28pt !important; line-height:120%; letter-spacing:.0em;}
.middle-column						{float:none; min-height:1px; width:100%; min-width:200px; xborder:1px solid #EEE; margin:12px 0 10px 0px; color:#666; margin-bottom:20px;}
.middle-column-news					{display:none; visibility:hidden;}
#storybody .calloutleft 			{font-size:16pt;}
#storybody .calloutright 			{font-size:16pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#guide .slideshow-container 		{padding:6px 2% 20px 3%;}
#guide .slideshow-container h2 		{font-size:100%;}
#guide #download .image 			{width:100% !important; margin:0 18px 24px 0; float:left; display:block;}
#guide .slideshow figure h2 		{font-size:60%;}
#guide .slideshow figure			{margin:4px 0 10px 0; padding:0 10px 0 0;}
#guide .slideshow figure .video		{background-color:#FFF; height:80px; max-height:80px}
#guide .btn-slideshow 				{width:50%; margin:4px 6px 12px 6px; font-size:80%; float:center; padding:2px 2px 1px 2px;}
#guide .sociallinks					{display:table; float:left; clear:both;}
#guide .byline						{min-width: 300px; clear:both;}
.wraptocenter img					{max-height:116px; height:88px; margin-bottom:-6px;}
#storybody table, #storybody table#gold {width:100% !important;}
#storybody .dropcap 				{font-size: 72pt !important;line-height: 72px !important;}
iframe#guide						{width:300px; border:none;}
}

/* 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%; }
#guide h1 							{font-size:32pt !important; line-height:120%; letter-spacing:-.01em;}
.middle-column						{float:none; min-height:1px; width:100%; min-width:200px; xborder:1px solid #EEE; margin:12px 0 10px 0px; color:#666; margin-bottom:20px;}
.middle-column-news					{display:none; visibility:hidden;}
#storybody .calloutleft 			{font-size:16pt;}
#storybody .calloutright 			{font-size:16pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#guide #download .image 			{width:100% !important; margin:0 18px 24px 0; float:left; display:block;}
#guide .slideshow-container 		{padding:6px 4% 20px 5%;}
#guide .slideshow-container h2 		{font-size:110%;}
#guide .slideshow figure h2 		{font-size:70%;}
#guide .slideshow figure			{margin:4px 0 12px 0; padding:0 12px 0 0; min-height:120px}
#guide .slideshow figure .video		{background-color:#FFF; height:90px; max-height:90px; xborder:1px solid #F00;}
#guide .btn-slideshow 				{width:50%; margin:4px 6px 12px 6px; font-size:90%; float:center; padding:2px 2px 1px 2px;}
#guide .sociallinks					{display:table; float:left; clear:both;}
#guide .byline						{min-width: 300px; clear:both;}
.wraptocenter img					{max-height:116px; height:88px; margin-bottom:-6px;}
#storybody table, #storybody table#gold {width:100% !important;}
#storybody .dropcap 				{font-size: 80pt !important;line-height: 72px !important;}
iframe#guide						{width:360px; border:none;}
}

/* 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;}
.middle-column						{float:right; min-height:200px; width:36%; max-width:620px; border:1px dotted #FFF; margin:20px 0 20px 18px; color:#666; background-color:#FFF; margin-bottom: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 h2, #storybody h3 		{font-size:22pt; color:#000; margin:20px 0px 8px 0px;}
.wp-image img						{max-width:290px !important;}
h2.deck 							{font-size:16pt !important; line-height:120%; }
#guide h1 						{font-size:42pt !important; line-height:120%; letter-spacing:-.02em;}
#storybody .calloutleft 			{font-size:18pt;}
#storybody .calloutright 			{font-size:18pt;}
#storybody .calloutattrib 			{font-size:13pt;}
#storybody .dropcap 				{font-size: 96pt !important;line-height: 72px !important;}
#guide .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;}
iframe#guide						{width:440px; border:none;}
}

/* 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:17pt !important; line-height:120%; }
#guide .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;}
iframe#guide						{width:580px; border:none;}
}

/* Alt Large devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1699.9px) {
#guide .slideshow figure .video 	{max-height:142px !important;}
#guide .slideshow figure .video img {min-height:176px;}
.wraptocenter img				{max-height:160px; margin-bottom:-10px;}
#storybody .photosmleft			{width:240px;}
#storybody .photosmright 		{width:240px;}
iframe#guide						{width:700px; border:none;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#guide .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;}
#storybody .photosmleft			{width:240px;}
#storybody .photosmright 		{width:240px;}
}