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

.container 			{max-width: 1320px;}
.outer 				{xmin-height:880px;}
.gray 				{color:#999;}
.pipe 				{font-size:130%; margin-top:-14px; font-weight:300;}
#menu-ev			{width:6% !important;}
.util-menu			{margin-top:-4px;}

body 				{width:100%; font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:135%; margin:0; font-size:1rem; font-weight:400;}
a 					{text-decoration:none;}
a:hover 			{text-decoration:underline; color:#cc3333;}
a, a:visited 		{text-decoration:none; color:#3766c8;}
a:hover, a:focus	{text-decoration:none !important; color:#cc3333; was:#FC7300;}
i.fa				{font-style:normal !important;}
.blue-shade			{color:#6eaef8;}
.nav-link			{margin:0 -4px 0 -4px;}
.sm-breadcrumb		{color:#CCC; font-size:85%; padding:0 0 0 6px;}
.sm-breadcrumb a, .sm-breadcrumb a:visited	{color:#718fce;}
.sm-breadcrumb a:hover {color:#cc3333;}

.fa.fa-twitter				{font-family:sans-serif; margin:0px 0px -12px 0;}
.fa.fa-twitter::before		{content:"𝕏"; font-size:1.3em; margin-top:0px;}
.sociallinks .fa.fa-twitter 	{font-family: sans-serif; margin:-2px 0 -10px 0 !important; float:left;}
#comp-social .fa.fa-twitter 	{font-family: sans-serif; margin:-5px 0px -10px 0 !important; float:left;}

/* Nav Sponsor Grid  */
.nav2-item 			{border:0px solid #FFF; border-radius:0px; font-size:1em; font-family:sans-serif; font-weight:normal; line-height:60px;
					background-color:#FFF; width:140px; min-height:60px; text-align:center; color:#999; padding:10px 0 0 0;}
#nav2-sponsor-grid 	{display:flex; flex-wrap:wrap; row-gap:4px; column-gap:4px; margin-right:-16px;
					/*display:grid; grid-gap:.5rem; grid-template-columns:repeat(2, 150px); grid-template-rows:repeat(5, 100px);*/ }
#nav2-sponsor-grid .nav2-item > * 		{flex: 1; }
#nav2-sponsor-grid .nav2-sponsor-logo	{max-width:90%; height:auto; margin:0 0 14px 0; max-height:60px; line-height:60px;}
#nav2-sponsor-grid .nav2-card			{width:50%; float:left; margin:0 10px 10px 0; min-width:120px;}

/* Custom translucent site header */
.site-header 		{background-color:#61778c; was:#5f758b;-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.site-header a 		{color: #ceced8;transition: ease-in-out color .15s;}
.site-header a:hover {color: #fff;text-decoration: none;}
nav.site-header		{min-height:40px;}
#overheader 		{min-height:112px; background-color:#5c7187; was:#687b8e;}

footer 				{background-color:#fafafa;}
footer a:hover		{color:#cc3333 !important;}

.page-link 			{min-height:38px;}

.collapse 			{position: relative;height: 0px;overflow: hidden;
-webkit-transition: height .1s ease-out !important;
-moz-transition: height .1s ease-out ;
-o-transition: height .1s ease-out ;
transition: height .1s ease-in-out ;}
.old_menu 			{position:absolute; margin-top:4px; min-height:300px; border:1px solid #EEE; background-color:#FFF; width:100%; padding:8px 14px; opacity:.97; }
.img-responsive 	{width:100%; height:auto;}
.max480				{max-width:660px;}
#toprightnav		{margin:0 40px -40px 0; padding-right:40px; margin-top:0px;}
#lower-border		{border:1px solid #748aa5; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-top:0; margin-top:-1px; float:right; font-size:85%; opacity:.7;}
#lower-border a		{color:#a2c1e7;}
#lower-border a:hover {color:#FFF;}
.row.no-gutters 	{margin-right: 0;margin-left: 0; padding-right: 0;padding-left: 0;}

/* Style the mobile navigation menu */
.topnav 					{background-color:none;position: relative; min-height:0px; display:none;}
/*.topnav #myLinks 			{display:none; padding:10px 0 10px 0; line-height:180%;}*/

.topnav #myLinks {
    display: none;
    padding: 10px 20px 10px 20px;
    line-height: 180%;
    background-color: #107fc8;
    margin: 0px -60px 0 -30px;
}

#myLinks .categories 		{padding:2px 20px 6px 0; line-height:140%; font-size:26pt !important; font-weight:400;}
#myLinks .sub-categories 	{float:left; padding:0px 26px 10px 0; font-size:18pt !important; margin:-6px 0 4px 0;}
.topnav a 					{color:white; padding:0px; text-decoration:none; display:block;}
.topnav a.icon 				{display: block;position: absolute;right: 0; padding:0px; font-size: 24pt; margin:-10px 0 -10px 0; top:-18px;}
.topnav a:hover 			{background-color:none; color:#FFF;}
.left						{border-left:1px dotted #EEE; margin:0; padding:0 10px 0 0; float:left; text-align:left;}
.menu 						{position:absolute; margin-top:4px; min-height:408px; border:1px solid #EEE; background-color:#FFF; width:100%; 
							padding:8px 14px; opacity:.97; moz-box-shadow:0px 3px 6px #BBB; -webkit-box-shadow:0px 2px 6px #BBB; box-shadow:0px 3px 12px #BBB;
							transform: scale(1.00); transition-timing-function: ease; transition: 0.2s;}
.menu .list-unstyled li		{margin-bottom:6px; line-height:120%;}
.menu a.text 				{color:#0060C2 !important; text-decoration:none; font-weight:400;}
.menu a.text:hover 			{color:#CC3333 !important; text-decoration:underline; font-weight:400;}
.menu-top-img				{width:100%; min-height:190px; overflow:hidden; xdisplay:flex; align-items:center; justify-content:center; border:1px solid #EEE; margin-bottom:6px;}
.menu-top-img img			{width:130%; height:auto; object-position:50% 50%; margin-left:-20px;}
.menu-top-img img:hover		{opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu-title					{margin:6px 0 6px 0; font-weight:400; line-height:120%;}
.menu-summary				{margin:0 0 12px 0; font-size:90%; line-height:120%;}
.menu-download 				{xheight:216px; width:144px; min-width:144px; min-height:192px; max-height:192px; overflow:hidden; border:1px solid #EEE;
							align-items:center; justify-content:center; margin-bottom:8px;}
.menu-download img			{width:100%; height:100% !important; object-position:50% 50%; margin-left:0px;}
.menu-download img:hover	{opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu .small-photo-card		{width:40%; height:90px; float:left; margin:0px 12px 14px 0px; overflow:hidden;}
.menu .small-photo-card img:hover {opacity:1.0; transform: scale(1.05); transition-timing-function: ease; transition: 0.3s;}
.menu .heading 				{}

/* Advertising */
.ad-leaderboard				{background-color:#e8e8e8; padding:3px 4px 3px 4px; font-size:0px; text-align:center; width:100%; xmin-height:96px;}
.ad-leaderboard img 		{max-width:970px; max-height:90px; height:auto;}
.ad-rectangle				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; 
							text-align:center; padding:6px 0 6px 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;}
.ad-billboard				{padding:6px 0 6px 0; font-size:0px;}
.ad-billboard img 			{width:100%; height:auto; max-width:970px; max-height:250px; margin:0 0 0 -15px;}
#top-jumbo {background-color: #fff;height:auto;min-height:0px;}
#de247_640_Top 				{width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;}
#de247_640_Top iframe 		{width:100% !important;}
#de247_970_Top iframe 		{text-align:center; border: 1px solid #F00;}
#top-jumbo .container, #top-jumbo .row {margin: 0px !important;}

.break						{height:1px; clear:left;}
.pad1 						{height:1px;}
.pad2 						{height:2px;}
.pad4 						{height:4px;}
.pad6 						{height:6px;}
.pad8 						{height:8px;}
.pad10	 					{height:10px; clear:left; }
.pad12 						{height:12px; clear:left; }
.pad14 						{height:14px; clear:left; }
.pad16 						{height:16px; clear:left; }
.pad18 						{height:18px; clear:left; }
.pad20 						{height:20px; clear:left; }
.pad24 						{height:24px; clear:left; }
.pad30 						{height:30px; clear:left; }
.pad36 						{height:36px; clear:left; }
.pad40 						{height:40px; clear:left; }
.pad48 						{height:48px; clear:left; }
.pad52 						{height:52px; clear:left; }
.pad56 						{height:56px; clear:left; }
.pad60 						{height:60px; clear:left; }
.pad80 						{height:80px; clear:left; }
.pad120						{height:120px; clear:left; }
.pad200						{height:200px; clear:left; }

/* Place Holder CSS for Focus */
::placeholder				{color:#AAAAAA !important;}
:focus::-webkit-input-placeholder {opacity: 0;-webkit-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus:-moz-placeholder {opacity: 0;-moz-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus::-moz-placeholder {opacity: 0;-moz-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}
:focus:-ms-input-placeholder {opacity: 0;-ms-transition: opacity 0.35s ease-in-out;transition: opacity 0.35s ease-in-out;}

.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;}

/* Large article video */
.large-video				{text-align:center; background-color:#444; padding:20px 20px 20px 20px; margin: 20px 0 16px 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;}

/* Large company video */
#company .large-video		{text-align:center; background-color:#999; padding:0; margin: 20px 0 0 0;}
#company .large-video .video-container {max-width:100% !important; min-width:280px; width:100% !important; text-align:center; margin:0px auto;}
#company .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%) */}
#company .large-video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}


/* Editors Picks */
#editors-picks				{min-height:200px; font-size:80%; line-height:120%; color:#666666; padding:0 0 8px 0; 
							margin:-6px 0 -24px 0; width:100%; background-color:#EEE;}
#editors-picks h2			{color:#333; font-weight:300; margin-top:0px; padding-top:0px;}
#editors-picks .picks-head	{margin:12px 0 8px 0; color:#666; font-weight:300; font-size:130%; }
#editors-picks .picks-title {font-size:12pt; line-height:120%; margin:6px 0 4px 0;}
#editors-picks .picks-deck 	{display:block; font-size:10pt; line-height:110%; color:#999; margin-bottom:0px;}
#editors-picks .col-md-3, #editors-picks .col-sm-3, #editors-picks .col-xs-3, #editors-picks .col-md-12 {padding:0 10px 0 10px;}
#editors-picks .picks-image {overflow:hidden;}
#editors-picks .picks-image img:hover {transform: scale(1.1); transition-timing-function: ease; transition: 0.3s;}


/* Pagination */
.page-count					{color:#666; font-size:80%; padding:10px 0 8px 0;}


/* Advertising */
.ad-leaderboard				{background-color:#e8e8e8; padding:3px 4px 3px 4px; font-size:0px; text-align:center; width:100%;}
.ad-leaderboard img 		{max-width:970px; max-height:90px; height:auto;}
.ad-rectangle				{background-color:#transparent; width:100%; min-width:302px; font-size:0px; margin-left:-1px; 
							text-align:center; padding:6px 0 6px 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;}
.ad-billboard				{padding:6px 0 6px 0; font-size:0px;}
.ad-billboard img 			{width:100%; height:auto; max-width:970px; max-height:250px; margin:0 0 0 -15px;}
#top-jumbo {background-color: #fff;height:auto;min-height:0px;}
#de247_640_Top 				{width: 100% !important; height:700px !important; margin: 0 auto; padding-right:20px;}
#de247_640_Top iframe 		{width:100% !important;}
#de247_970_Top iframe 		{text-align:center; border: 1px solid #F00;}
#top-jumbo .container, #top-jumbo .row {margin: 0px !important;}


/* Media Queries */

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
#menu-ev					{width:0 !important;}
.menu 						{display:none !important; visibility:hidden;}
.np1						{margin:7px 0px 7px 0px !important; padding:0; float:left; width:48px;}
.right-column				{padding-left:2px;margin:20px 0 10px 0px;}
.left-column				{padding-right:15px;margin:10px 0 0 0;}
.ad-leaderboard				{text-align:center; width:100%;}
.ad-leaderboard img 		{width:100% !important; height:auto;}
.left-column-site			{float:left;width:100%;}
.right-column-site			{float:left; width:100% !important; padding:0;}
.home-tech-box				{width:100%; margin-right:6px;}
.home-tech-box h3			{font-size:130%;}
#robotics247_970_Top		{min-width:100%; width:100%;}
#robotics247_970_Top img	{width:100%; height:auto;}
#editors-picks .picks-deck 	{margin-bottom:20px;}
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
#menu-ev					{width:2% !important;}
.menu 						{display:none !important; visibility:hidden;}
.np							{margin:0 -5px 0 -5px; padding:0;}
.np1						{margin:7px 0px 7px -30px; padding:0; display:inline;}
.n-space					{padding:0 20px 0 20px;}
.right-column				{padding-left:2px; margin:20px 0 10px 0px;}
.left-column				{padding-right:15px;margin:10px 0 0 0;}
.ad-leaderboard				{text-align:center; width:100%;}
.ad-leaderboard img 		{width:100% !important; height:auto;}
.right-column-site			{float:left; min-width:300px; max-width:800px !important; width:100% !important; padding:0;}
.left-column-site			{float:left; width:100%;}
.home-tech-box				{width:100%; margin-right:6px;}
.home-tech-box h3			{font-size:130%;}
#robotics247_970_Top		{min-width:100%; width:100%;}
#robotics247_970_Top img	{width:100%; height:auto;}
member-nav					{width:72% !important;}
#editors-picks .picks-deck 	{margin-bottom:20px;}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
#menu-ev					{width:2% !important;}
.np1						{margin:7px 5px 7px 5px !important; padding:0;}
.right-column				{padding-left:20px; margin-left:0px}
.ad-leaderboard				{text-align:center; width:100%;}
.ad-leaderboard img 		{width:100% !important; height:auto;}
.left-column-site			{padding-right:0px; margin-right:-10px; width:56%; max-width:56% !important; float:left}
.right-column-site			{float:left; min-width:300px; max-width:300px; padding-right:0px !important;}
.ad-leaderboard				{min-height:96px;}
#robotics247_970_Top		{min-width:100%; width:100%;}
#robotics247_970_Top img	{height:auto; max-width:970px;}
#navbarSupportedContent1	{visibility:hidden; display:none;}
#editors-picks .picks-deck 	{margin-bottom:10px;}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
#menu-ev					{width:4% !important;}
.right-column				{padding-left:14px; margin-left:16px; width:45%;}
.left-column				{padding-right:0px; margin-right:-20px; width:55%; max-width:55% !important;}
.left-column-site			{padding-right:0px; margin-right:0px; width:60%; max-width:60% !important; float:left}
.right-column-site			{float:left; min-width:300px; max-width:380px; padding-right:0px !important;}
.ad-leaderboard				{min-height:96px;}
#navbarSupportedContent1	{visibility:hidden; display:none;}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.right-column				{padding-left:14px; margin-left:16px; width:45%;}
.left-column				{padding-right:0px; margin-right:-20px; width:55%; max-width:55% !important;}
.left-column-site			{padding-right:0px; margin-right:10px; width:68%; max-width:68% !important; float:left;}
.right-column-site			{float:left; min-width:300px; max-width:380px; padding-right:0px !important;}
.ad-leaderboard				{min-height:96px;}
#navbarSupportedContent1	{visibility:hidden; display:none;}
}

/* // Extra large devices (large desktops, 1700px and up) */
@media (min-width:1700px) {
.container 						{width:1580px; max-width:1580px; xborder:1px solid #F00;}
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12
								{float: left;}
.max480							{width:540px; max-width:540px;}
.col-xl-12 						{width: 100%;}
.col-xl-11 						{width: 91.66666667%;}
.col-xl-10 						{width: 83.33333333%;}	
.col-xl-9 						{width: 75%;}
.col-xl-8 						{width: 66.66666667%;}
.col-xl-7 						{width: 58.33333333%;}
.col-xl-6 						{width: 840px; margin-right:10px;}
.col-xl-5 						{width: 41.66666667%;}
.col-xl-4 						{width: 33.33333333%;}
.col-xl-3 						{width: 300px;}
.col-xl-2 						{width: 16.66666667%;}
.col-xl-1 						{width: 8.33333333%;}

.col-md-12 						{width: 100%;}
.col-md-11 						{width: 91.66666667%;}
.col-md-10 						{width: 83.33333333%;}	
.col-md-9 						{width: 75%;}
.col-md-8 						{width: 66.66666667% !important;}
.col-md-7 						{width: 58.33333333%;}
.col-md-6 						{width: 840px; margin-right:10px;}
.col-md-5 						{width: 41.66666667%;}
.col-md-4 						{width: 33.33333333% !important;}
.col-md-3 						{width: 300px;}
.col-md-2 						{width: 16.66666667%;}
.col-md-1 						{width: 8.33333333%;}
.right-column-site 				{max-width: 458px;}
.left-column-site				{max-width: 1100px;}
.right-column					{padding-left:14px; margin-left:16px; width:42%;}
.left-column					{padding-right:0px; margin-right:-20px; width:58%; max-width:55% !important;}
}