/* Base styles */
body p						{font-size:110% !important; line-height:135%;}
.terms .checkbox			{margin:2px 10px 0 0; width:18px; height:18px;}
.img-responsive 			{width:100%; height:auto;}
.transparent				{opacity:.0 !important;}
.wide-image img				{border-radius:8px !important;}
.clear						{clear:left; height:1px;}
h1							{letter-spacing:.01em;}
#topic h3					{font-size:140%; color:#990000;}
a, a:visited 				{color:#0076dc; text-decoration:none;}
a:hover, a:focus 			{color:#C00;}
.text-danger 				{color: #990000 !important;}

.nav-link, .nav-link:visited {color:#0076dc; text-decoration:none; padding:0;}
.nav-link:hover, .nav-link:focus {color:#C00;}
#nav_categories > li {margin:16px 0 0 0;}

.offcanvas-header h2 		{font-size:155%; font-weight:400;}
.offcanvas-body h3 			{font-size:145%; font-weight:400; margin:12px 0 8px 0;}
.offcanvas-body 			{color:#666; font-size:112%; font-weight:400;}
.offcanvas-body li 			{line-height:122%; margin:3px 10px 7px 0;}
.offcanvas-backdrop.show 	{opacity:.2;}
.bg-subtle 					{background-color:#EEE;}

button a:hover {color:#FFF;}
.photo-video 				{text-align:center; background-color:#EEE; padding:0; margin:2px 0 0 0;}
.photo-video .photo-container {max-width:100% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
.photo-video .photo 		{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%) */}
.photo-video .photo iframe	{position:absolute; top:0; left:0; width:100%; height:100%; border:none;}
.photo-caption				{margin:12px 0 -4px 0; font-size:120%; line-height:120%; color:#777;}
.photo-caption p span 		{background-color:transparent !important; color:#777 !important;}

#top-link {
	padding:6px 11px;
	border-radius:3px;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #000;
}
#top-link:focus-visible {
    xoutline: none !important;
	box-shadow: 0 0 0 2px rgba(13,110,253,.1);
}
.form-control:focus 		{outline: 0;box-shadow:none;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;}
[placeholder]:focus::-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;}
[placeholder]:focus::-mozilla-input-placeholder {transition: opacity 0.5s 0.5s ease;opacity: 0;}


/* Audio */
audio 						{width:46%; min-width:600px; xbox-shadow:3px 3px 8px rgba(0, 0, 0, 0.4); border-radius:10px; 
							xmargin:-10px 0 20px 30px; transform:scale(1.25); xbackground-color:#FFFFFF; position:fixed;
							bottom:36px; z-index:10000; height:50px; padding:10px 10px 10px 4.5%;}
.audio-closer a 			{z-index:10001; margin:0 0 0 -8px; position:fixed; bottom:84px; text-decoration:none; width:48px;
							font-size:160%; color:#000; opacity:30%; padding:0; background-color:transparent !important;}
.audio-closer a:hover 		{color:#900; border-radius:2px;}
#mp3div						{margin-left:8px;}

::-webkit-input-placeholder {color:#333;}
::-moz-placeholder 			{ /* older Firefox*/ color:#333;}
::-moz-placeholder 			{ /* Firefox 19+ */ color:#333;} 
::-ms-input-placeholder 	{ color:#333;}

/* Topic styles */
#nav_categories ul			{list-style-type:disc;}
#topic h2					{letter-spacing:.01em;}
#topic .topic-heading		{font-size:150%; letter-spacing:.01em;}
.text-red					{color:#993333;}
#topic .top-image 			{height:278px; overflow:hidden; border:1px solid #DDD; border-radius:4px; background-color:#FFF;}
#topic .top-image:hover, #topic .top-image-wide:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
#topic .top-image-wide		{max-width:100%; overflow:hidden; border:1px solid #DDD; 
							border-radius:4px; background-color:#FFF;}
#topic .top-download 		{height:278px; max-width:208px; overflow:hidden; border:1px solid #DDD; 
							border-radius:4px; background-color:#FFF;}
#topic .top-download:hover 	{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
.page-header				{padding:0 10px 6px 10px; margin:0 10px 10px 5px; border-bottom:1px dotted #AAA;} 

/* Pagination */
/* .page-count				{color:#666; font-size:80%; padding:10px 0 8px 0;} */
.page-link 					{min-height: 38px;}
.active > .page-link, .page-link.active {color: #FFF !important;}

/* Home styles */
.home-head 					{font-size:150%; font-weight:300;}
.home-headlines 			{font-size:90%; line-height:130%;}
.home-headlines ul 			{}
.home-headlines li 			{padding:0; margin:0 0 8px 0;}
.home-headlines h3			{font-size:132%; line-height:128%; margin:0 0 4px 0; font-weight:400; letter-spacing:.015em;}
.home-overline				{font-size:13pt !important; font-weight:300; color:#9C3234; margin:0 0 10px 0;padding:0 0 4px 0;}
.carousel-top 				{overflow:hidden;}
.carousel-top img:hover		{transform: scale(1.03); transition-timing-function: ease; transition: 0.3s;}
.carousel-inner 			{color:#666; line-height:134%;}
.carousel-inner ul			{color:#9C3234; font-size:94%;}
.carousel-inner li			{margin:0 0 2px 0; z-index:10 !important;}
.carousel-inner h2 			{font-size:190%; font-weight:400; line-height:112%; padding:0; margin:10px 0 4px 0;}
.carousel-title				{min-height:106px;}
.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: -250px;
    bottom: 200px;
    z-index: 1;
    display: flex;
    align-items:center;
    justify-content: center;
    width: 10%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

/* Article modal */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top:32px; /* 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.4); 
}
.modal-target {border-radius:4px; cursor:pointer; transition:0.2s;}
.modal-target:hover {opacity: 0.7;}

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

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

/* 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:-10px; right:1.5%; color:#f1f1f1; font-size:36px; font-weight:400; transition:0.3s;z-index:10001}
.modal-close:hover, .modal-close:focus {color:#bbb; text-decoration:none; cursor:pointer;}

#article .content-gradient	{padding-top:10px; height:420px; margin-bottom:-410px; background: rgba(230,230,230,1); 
background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(14%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1))); border-top:1px solid #FFF;
background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(254,254,254,1) 14%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fefefe', GradientType=0 );}

#article .small-gray 		{font-size:10px; line-height:20px; margin:0 0 0 -5px; padding:0; color:#AAA;}
.sponsored					{padding:6px 11px 8px 11px;}

/* Story Styles */
#storybody 					{font-family:Arial, Helvetica, sans-serif !important; color:#333; 
							font-size:120%; font-weight:400 !important;}
#storybody span[style]		{line-height: inherit !important; font-size: inherit !important;}
#storybody h4				{display:none; visibility:hidden;}
#storybody h2				{xfont-size:320% !important; color:#B30000 !important;}
#storybody h3				{xfont-size:280% !important;}
#storybody h2, #storybody h3 {margin:24px 0 10px 0;}
#storybody h2 strong, #storybody h3 strong {font-weight:normal !important;}
#storybody .byline>h2			{xcolor:#933 !important; font-size:120% !important; margin:0 0 8px 0 !important;}
#storybody .dateline>h2		{color:#933  !important; font-size:120%  !important; margin:-2px 0 10px 0 !important;}
#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 h3, #storybody h4 {font-size:125% !important; color:#6c0000 !important;}
#storybody {/*font-family:Arial, Helvetica, sans-serif; font-size:15.5pt; line-height:20pt; padding:0px 20px 0px 4px; color:#333; */}
#storybody .articleDateline {font: 100%/1.0em 'Merriweather', Georgia, "Times New Roman", Times, serif; 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:0px; margin:0px 0px 18px 0px; line-height:150%;}
td.storyLeft {padding-right: 12px;}
#storybody blockquote p {margin:0px 0px 10px 2px; padding:6px;}
#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 table strong		{line-height:120% !important; font-size:90%; margin:10px 0 0 0; padding:0; display:inline-block; color:#666;}
#storybody table			{width:auto; padding-right:10px; padding:4px;}

#storybody table {border-collapse:collapse; font-size:100%; 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: 12pt !important; line-height:16pt !important; color:#333 !important;}
#storybody .small-gray {font-size: 11pt !important; line-height:14pt !important; color:#666 !important;}

/* 
#storybody font {font-size: 12pt !important; line-height:16pt !important;}
#storybody .wlWriterEditableSmartContent {display:none !important;}
#storybody span {font-family:Arial, Helvetica, sans-serif !important; font-size: 12pt !important; line-height:16pt !important; color:#333 !important;}
*/
#storybody .alignleft 		{float:left; margin: 0 10px 6px 0;}
#storybody .alignright, #storybody .alignrightsm {float:right; margin: 0 0 6px 16px;}
#storybody i {font-style:italic;}

#storybody #storyside 	{float:left; margin:10px 18px 8px 0px; width:280px; line-height:15pt;}
#storybody-wrap h2 		{color:#000; font-size:180%; margin:20px 0 10px 0 !important;}
#storybody h3 			{}
#storybody .photonone	{float:none; margin:6px 10px 10px 0; padding-top:4px; max-width:48%; display:block;}
#storybody .photosmleft	{float:left; margin-right:16px; padding-top:10px; max-width:35%; width:auto; display:inline-block; width:180px;}
#storybody .photosmright {float:right; margin-left:16px; padding-top:10px; max-width:35%; width:auto; display:inline-block; width:180px;}
#storybody .photosmleft .caption, #storybody .photosmright .caption, #storybody .photoleft .caption, #storybody .photoright .caption {width:inherit; font-size:13pt; line-height:15pt; color:#999; margin:6px 0 6px 0; padding:0px;}
#storybody .photoright 	{float:right; margin-left:22px; padding:10px 0 16px 0; max-width:46%; clear:left;}
#storybody .photoleft 	{float:left; margin-right:22px; padding:10px 0 16px 0; max-width:46%; clear:left;}
#storybody .photoR 		{float:right; margin-left:22px; padding:10px 0 16px 0; clear:both;}
#storybody .photoL 		{float:left; margin-right:22px; padding:10px 0 16px 0; clear:both;}
#storybody .sidebar 	{float:left; width:300px; margin-right:12px; padding-top:4px; margin-bottom:10px; font-size:11pt; line-height:12pt;}
#storybody .sidebar img {max-width:280px; padding-top:4px; margin-bottom:4px; margin-bottom:10px; font-size:11pt; line-height:12pt;}
#storybody .sidebar-left {background-color:#FFF; float:left; width:280px; margin-right:18px; margin-bottom:10px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-left img {xmax-width:280px; padding:4px 6px 4px 1px; margin-bottom:0px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right {background-color:#FFF; float:right; width:280px; margin-left:12px; margin-right:6px; margin-bottom:10px; padding-top:4px; font-size:10pt; line-height:12pt;}
#storybody .sidebar-right img {xmax-width:280px; padding:4px 6px 4px 1px; margin-bottom:0px; 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:15pt; line-height:16pt; margin-bottom:8px; margin-top:0px; 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:24px;}

#storybody .sidebar-right, #storybody .sidebar-left {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  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);
}

#storybody .clear {clear:both;}
#storybody .inline img {width:100%; height:auto;}
#storybody .aboutbox {padding:6px 8px 6px 8px; background-color:#dadfe7; border:1px solid #c5d0db; -moz-border-radius: 4px;-webkit-border-radius: 4px; margin-right:18px; display:table; margin-top:4px; width:100%;}
#storybody table {margin-bottom:12px; clear:left;}
#storybody img {height: auto; max-width: 100%;}
#storybody img.img-inline {max-width:700px;}
#storybody .logo-image img.img-responsive {max-width:90%; margin-bottom:6px;}
#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 0px;}
#storybody ol {margin: 0px 0px 20px 0px;}
#storybody ul li {xlist-style-type:square; margin:0 0 6px -4px; padding-right:20px; color:#222; xfont-size: 90%; line-height:130%;}
#storybody ul ul {margin: 0px; color:#666;}
#storybody ul ul li {color:#000; text-size:9pt important!; line-height:11pt;}
#storybody ol li {margin:0 0 6px -4px; xfont-size: 90%; line-height:130%; color:#222; padding-right:20px;}
#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 {xlist-style-image:url(/images/site/bullet_gray.gif);margin-left:0px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 100%; line-height:138%;}
#storybody ul ul li {xlist-style-image:url(/images/site/bullet_gray3.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#555;font-size: 96%; line-height:114%;}
#storybody ul ul ul li {xlist-style-image:url(/images/site/bullet_gray2.gif);margin-left:6px;margin-bottom:8px;padding-right:30px; color:#000;font-size: 90%; line-height:108%;}
#storybody .divider {color: #CCC; margin: 20px 0 16px 0; border-top:4px solid #EEE; line-height:4px; width:100%;}
#storybody .video-container 	{max-width:880px; margin-bottom:18px;}
#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;*/}
#storybody .outline				{border:1px dotted #DDD;}
#storybody .photoright .sidebar-right {float:left; margin-left: 0px; padding-top:0px;}
#storybody img {height:auto;}
#storybody .xphotoleft {float:left; margin:30px 20px 22px 0; font-size:90%; line-height:120%; color:#666; max-width:540px;}
#storybody .xphotoright {float:right; margin:30px 0 22px 20px; font-size:90%; line-height:120%; color:#666; max-width:580px;}
#storybody .photofull {margin:30px 0 22px 0; font-size:90%; line-height:120%; color:#666;}
#storybody .photoleft img, #storybody .photoright img, #storybody .photofull img {margin:0 0 8px 0; display:block !important; width:100% !important; height:auto !important;}
#storybody .photoleft .caption img, #storybody .photoright .caption img, #storybody .photofull .caption img 
	{height:18px !important; width:18px !important; display:inline !important;}
#storybody .photoleft .caption, #storybody .photoright .caption, #storybody .photofull .caption 
	{border-top:1px dotted #999; line-height:124%; margin:4px 0 0 0; padding:8px 0 0 0; }
#storybody .photoleft .caption p, #storybody .photoright .caption p, #storybody .photofull .caption p {line-height:124%; margin:-4px 0 0 0; padding:0px;}
#storybody .calloutleft {float:left; width:30%; min-width:170px; margin:8px 22px 8px 0; padding:8px 8px 8px 0; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:22px; font-weight:300; line-height:124%; color:#903;}
#storybody .calloutright {float:right; width:30%; min-width:170px; margin:8px 0 8px 22px; padding:8px 0 8px 8px; border-top:6px solid #C99; border-bottom:1px solid #FFF; font-size:22px; font-weight:300; line-height:130%; color:#903;}
#storybody .calloutattrib {font-size:17px; font-weight:300; line-height:130%; font-style:italic; text-align:right; margin-right:12px;}
.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:10px; margin:15px 0 15px 0; box-shadow:2px 2px 2px #c1c1c1; font-size:14px; display:table;}

.sideleft h4, .sideright h4, .sidefull h4, .aboutbox h4 {font-size:24px; padding-bottom:6px; margin-top:4px; margin-bottom:12px; border-bottom:1px dotted #06C; font-weight:normal; font-family:roboto condensed, Arial, sans-serif;}
.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;}

.dropcap 					{color: #903; float:left; font-size:76px; line-height: 58px; padding:4px 8px 0 0;
							font-family: 'Merriweather', Georgia, "Times New Roman", Times, serif;}

.bio						{font-size:94%; width:75%; min-width:250px; line-height:125%; margin-top:-8px;}
.bio h2						{font-weight:300;}
.bio .bio-photo				{float:left; margin:6px 16px 8px 0; width:80px; height:auto; max-height:80px;}
.bio .bio-photo	img			{width:100%; height:auto; display:block;}
.bio p						{padding:0; margin:0 0 6px 0 !important;}

.rel						{font-size:100%; width:75%; min-width:250px; line-height:125%;}
.rel h2						{font-weight:300; margin:0 0 10px 0 !important;}
.rel p						{padding:0; margin:0 0 6px 0 !important;}
.rel .fa-tag, .rel .fa-tags {opacity:.7;}


/* Site header and navigation */
.img-responsive 			{width:100%; height:auto;}
.site-logo					{width:auto; margin:10px 0 -10px -2px;}
#toprightnav a, #toprightnav a:visited {text-decoration:none; color:#999 !important;}
#toprightnav a:hover, #toprightnav a:focus {text-decoration:none; color:#C00 !important;}
#toprightnav li				{margin:0 -10px 0 0 !important; font-size:90%; min-width:114px;}
.social-icons				{border-right:1px dotted #F33; padding:0 16px 0 0; margin:-2px 18px 0 0;}
.social-icons i				{padding:0 6px 0 6px;}
.site-header 				{background-color:#EEE;-webkit-backdrop-filter: saturate(180%) blur(20px);
							backdrop-filter: saturate(180%) blur(20px);}
.site-header a 				{color:#0076DC !important;transition:ease-in-out color .15s;}
.site-header a:hover 		{color:#C00 !important; text-decoration:none;}
nav 						{letter-spacing:.02em; font-size:112% !important;}
#overheader					{background-color:#FFF; border-bottom:1px solid #DDD;}
#overheader.menu			{margin:0 0 -10px 0;}
#overheader.height			{min-height:70px; margin:0 0 -6px 0; padding:14px 0 0 0;}
#toprightnav .nav-links		{text-decoration:none; display:block; font-size:80% !important;}
#toprightnav .nav-links a 	{text-decoration:none; color:#3766c8 !important;}
#toprightnav .nav-links a:hover, #toprightnav .nav-links a:focus {text-decoration:underline; color:#FC7300 !important;}
#navbar-content 			{font-size: 96%; margin:0 0 0 -6px;}
#navbar-content a.nav-link, a.nav-link, button .nav-link {color:#0076dc !important;}
#navbar-content a.nav-link:hover, a.nav-link:hover, button .nav-link {color:#C00 !important;}
#navbar-content .card-body 	{font-size: 96%; color:#666; line-height:120%; }
#navbar-content .card-text	{padding:2px 2px 0 2px;}
#navbar-content #sm-heads li {line-height:120%; margin:0 0 8px -8px;}
.dropdown-menu h5 			{margin:6px 0 12px 0; font-weight:300; color:#666; font-size:112%;}
.width-md					{max-width:192px; margin-right:0px;}
.dropdown-menu				{border-radius:0 0 4px 4px; border-color:rgba(0, 0, 0, 0.05);margin-top:-1px !important;}
.sticky-top 				{xposition:-webkit-sticky; position:sticky; top:0; z-index:100;}
.menu-left					{margin-left:-15px;}
.list-group 				{line-height:115%;}
.list-group-item			{padding:7px 4px 8px 9px; letter-spacing:-.02em;}

/* Downloads */
#downloads					{font-size:88%;}
.download-image img 		{border-radius:4px;}
.download-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
img.download-image-large  	{border-radius:4px; max-width:480px !important; height:auto;}
.download-image-large:hover {transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

#archive					{}
.archive-cover img 			{border-radius:4px;}
.archive-cover:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
.archive-image img 			{border-radius:4px; margin-right:10px;}
.archive-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

#nav
.navimage 					{display:flex; align-items:center; flex-wrap:wrap; overflow:hidden; 
							max-height:180px !important; border-radius:4px;}
.navimage:hover 			{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
.cover:hover 				{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
    
#author
.author-image				{width:180px;}
.author-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

#noteworthy					{font-size:88%;}
.noteworthy .box			{width:100%; max-height:220px; overflow:hidden; align-content:center;}
.noteworthy img 			{}
.noteworthy .box:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

#reviews					{font-size:100%; line-height:140%;}
.reviews h3 				{font-size:134%; font-weight:400; margin:0; padding:0; }
.reviews li 				{margin:0 0 14px 0; }
.reviews-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

#glossary					{}
.glossary h3 				{font-size:134%; font-weight:300; margin:0; padding:0; }
.glossary h4 				{font-size:110%; font-weight:300; margin:0; padding:0; }
.glossary li 				{margin:6px 0 8px 0; }
.glossary-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
.glossary-scroll			{float:left; width:100%; overflow-y:scroll; overflow-x:hidden; 
							height:476px; padding:16px 10px 0 10px; margin:-8px 0 12px 0;}
.related-image				{}
.related-image:hover		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}

ul.related-news				{display-flex; list-style-position:outside; padding-left:0px; margin:0 0 30px -2px;}
ul.related-news li			{font-size:1.4em; display:flex; line-height:130%; margin-bottom:6px;}
ul.related-news li:before	{content:"\F285"; font-family:bootstrap-icons !important; list-style-position:outside !important; 
							margin:0px 2px -2px 0; float:left; color:#3766c8;}

/* Email Promo */
.email-promo				{background-image: url("https://scg-de.s3.amazonaws.com/images/mockups/de-newswire-promo-3.jpg");
							background-repeat:no-repeat; background-size:cover; background-color:#EFEFEF; border-radius:4px;}

/* summit Promo */
.promo-text					{font-size:80%; line-height:120%;}

/* Companies */
.company					{font-size:100%;}
.company h4					{font-size:110%;}
.company-logo 				{width:60%; float:none; margin:0 20px 1px 0;}
.company-image:hover 		{transform: scale(1.02); transition-timing-function: ease; transition: 0.3s;}
.mh-100						{min-height:80px;}
.large-video 				{text-align:center; background-color:#AAA; padding:20px 20px 20px 20px; margin:16px 0 0 0;}
.large-video .video-container {max-width:76% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
.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%) */}
.large-video .video iframe	{position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

.company-card				{-webkit-box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); box-shadow: 2px 4px 8px -2px rgba(0,0,0,0.5); 
							background: #FFFFFF; min-height:320px; xdisplay:flex; xflex-direction:column; 
							padding:20px 6px 6px 24px; margin:0 0 0 -1px;}
.card-logo					{width:65%; min-width:200px; max-width:300px; border:0; margin:10px 0 24px 0px;}
.card-logo img				{max-width:90%; max-height:120px; height:auto; object-fit:contain; object-position:50% 50%;}
.card-title					{font-weight:500; color:#000; font-size:114%; line-height:130% !important; margin:0 0 0 2px;}
.card-text					{font-weight:300; font-size:114%; line-height:130% !important; margin-left:2px;}
.card-url					{font-size:120%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
							width:100%; max-width:300px; margin:20px 0 12px 2px;}
.company-desc				{font-size:110%; line-height:135% !important;}
.card .content 				{flex: 2 2 auto; font-size:90%; line-height:120%; color:#666;}
.card .content h2			{display:none;}
.card .wide-image			{width:100%; background:#333; min-height:80px; border:1px solid #999; 
							margin:2px 0 8px 0; padding:0px; overflow:hidden; text-align:center; object-fit:fill; }
.card .wide-image img		{width:150% !important; height:auto; xobject-fit:fill; 
							padding:0; margin:0 0 -10px -5px !important; object-position:50% 50%;}
.card footer				{height:40px; white-space:nowrap; overflow:hidden; 
							text-overflow:ellipsis; font-size:10pt; padding-top:20px;}
.card .comp-logo			{height:42px; margin:6px 0 12px 0; border:1px solid #000;}
.card .comp_logo img		{width:180px; height:auto; max-height:42px; }
.card .card-summary			{line-height:110%; margin-bottom:16px; }
.card .rel-logo				{width:100%; margin:0 10px 0 0; min-height:60px; float:left; xoverflow:hidden; 
							display:flex; align-items:center; justify-content:center; object-fit:contain;}
.card .rel-logo img			{xwidth:100% !important; margin:6px 0 6px 6px; object-position:50% 50%;}
.card .card-url				{margin-top:8px;}


/* 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				{font-size:100%; padding:1px 10px 2px 68px; margin:0 0 0 0;}
.alpha-lists .head a		{color:#000 !important;}
.alpha-lists .head a:hover 	{color: var(--robotics-secondary) !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;}


/* Advertising */
.ad	img						{background-color:#EFEFEF;}
.ad-leaderboard-lrg			{background-color:#EFEFEF; padding:8px 4px 8px 4px; font-size:0px; 
							text-align:center; width:100%;}
.ad-leaderboard-lrg img 	{max-width:970px; max-height:250px; height:auto;}
.ad-leaderboard				{background-color:#EFEFEF; padding:8px 4px 8px 4px; font-size:0px; 
							text-align:center; width:100%;}
.ad-leaderboard img 		{max-width:970px; max-height:100px; height:auto;}
.rectangle					{} 
.ad-rectangle				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; 
							text-align:center; padding:12px 0 12px 0; border-bottom:1px dotted #999; border-top:1px dotted #999;}
.ad-rectangle img 			{max-width:300px; max-height:600px; height:auto;}
.jumbo 						{width:100%; min-height:18px; margin-bottom:-18px; line-height:90%;}
.ad-leaderboard .top iframe {max-width:970px; max-height:90px; xwidth:100%; height:auto; margin:0 auto; padding-bottom:0px; margin-bottom:0;}
#top-jumbo 					{background-color: #fff;height:auto;min-height:0px;}
#robotics247_640_Top 		{width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;}
#robotics247_640_Top iframe {width:100% !important;}
#robotics247_970_Top iframe {text-align:center; border: 1px solid #F00;}
#top-jumbo .container, #top-jumbo .row {margin: 0px !important;}

.gradiant {
background: rgb(240,240,240);
background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 6%, rgba(255,255,255,1) 36%);}

/* Extra Small devices (portrait phones, etc) */
@media (max-width:575.98px) {
.site-logo					{width:260px; margin:40px 0 -6px -6px; padding:0}
#storybody .calloutleft, #storybody .calloutright {width:94%;}
#navbar-content 			{font-size:100%;}
.ad-leaderboard img 		{max-width:100%; height:auto;}
.ad-leaderboard-lrg img 	{max-width:100%; height:auto;}
.rectangle					{width:100%;} 
.webinar-width 				{width:100%;}
.menu-left					{margin-left:0px; margin-top:-40px;}
.sticky-top 				{position:relative; top:0; z-index:100;}
.dropdown-menu 				{border-radius:12px; margin:6px 0 12px 0 !important;}
.width-md					{margin-bottom:30px;}
#definition .def-middle 	{font-size:16pt; padding:24px 26px 8px 38px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height:660px;}
.archive-image img 			{max-width:100%; margin-right:2px;}
#mp3div						{margin-left:4px;}
.promo-text					{font-size:120%;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) and (max-width:767.98px) {
.site-logo					{width:250px; margin:38px 0 0 -6px; padding:0;}
nav 						{letter-spacing:.02em; font-size:80% !important}
.social-icons i				{padding:0 4px 0 4px;}
#toprightnav				{font-size:80% !important}
#storybody .calloutleft, #storybody .calloutright {width:100%;}
#navbar-content 			{font-size:120%;}
.ad-leaderboard img 		{max-width:100%; height:auto;}
.ad-leaderboard-lrg img 	{max-width:100%; height:auto;}
.rectangle					{width:100%;} 
.menu-left					{margin-left:0px; margin-top:-40px;}
.sticky-top 				{position:relative; top:0; z-index:100;}
.dropdown-menu 				{border-radius:10px; margin:6px 0 12px 0 !important;}
.width-md					{margin-bottom:30px;}
#definition .def-middle 	{font-size:16pt; padding:24px 24px 8px 38px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height:680px;}
.noteworthy .box			{max-height:156px;}
.archive-image img 			{max-width:250px; margin-right:2px;}
#mp3div						{margin-left:4px;}
.promo-text					{font-size:100%;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991.98px) {
.site-logo					{width:auto; margin:8px 0 -10px -10px; padding:0; }
nav 						{letter-spacing:.02em; font-size:90% !important}
#toprightnav li 			{margin:0 -10px 0 0 !important; font-size:80% !important; min-width:98px !important;}
.social-icons				{padding:0 16px 0 0; margin:-2px 18px -24px 0;}
.social-icons i				{padding:0 2px 0 2px;}
#navbar-content 			{font-size:120%;}
.dropdown-menu h5 			{font-size:90% !important;}
.ad-leaderboard img 		{max-width:100%; height:auto;}
.ad-leaderboard-lrg img 	{max-width:100%; height:auto;}
.rectangle					{width:100%;} 
.menu-left					{margin-left:-5px; margin-right:-15px;}
.sticky-top 				{position:relative; top:0; z-index:100;}
.dropdown-menu 				{border-radius:8px; margin:6px 0 12px 0 !important;}
.width-md					{margin-bottom:30px;}
.company-card 				{min-height:320px;}
#definition .def-middle 	{font-size:16pt; padding:24px 20px 8px 38px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height:790px;}
.carousel-inner				{font-size:110%;}
.carousel-inner h2 			{font-size:160%;}
.carousel-inner ul			{margin-top:10px;}
.carousel-inner li			{margin-bottom:10px;}
.noteworthy .box			{max-height:100px;}
#topic .topic-heading		{font-size:110%;}
#topic .top-image 			{height:144px;}
#topic .top-download 		{height:144px; max-width:112px;}
.archive-image img 			{max-width:100%; margin-right:2px;}
.author-image				{width:100px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199.98px) {
nav 						{letter-spacing:.02em; font-size:96% !important}
.ad-leaderboard-lrg img 	{max-width:100%; height:auto;}
.rectangle					{width:100%;} 
.dropdown-menu h5 			{font-size:90% !important;}
.company-card 				{min-height:360px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height:660px;}
.noteworthy .box			{max-height:140px;}
#topic .top-image 			{height:192px;}
#topic .top-download 		{height:192px; max-width:144px;}
.author-image				{width:170px !important;}
.ad-leaderboard				{min-height:106px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) and (max-width:1399.98px) {
.width-md					{max-width:212px;}
.features-width 			{width:271px;}
.company-card 				{min-height:400px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height:680px;}
.noteworthy .box			{max-height:168px;}
#topic .top-image 			{height:224px;}
#topic .top-download 		{height:224px; max-width:170px;}
.author-image				{width:160px !important;}
.ad-leaderboard				{min-height:106px;}
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width:1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1436px;}
.width-md					{max-width:252px;}
.company-card 				{min-height:400px;}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {min-height: 712px;}
.author-image				{width:200px !important;}
.ad-leaderboard				{min-height:106px;}
}

/* Changing width for side nav icon */
@media (min-width:1400px) and (max-width:1480px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1340px !important;
    }
}