@charset "UTF-8";
/* CSS Document for mbed.com */

/* GLOBAL */
body.mbed { font-family: "Lato", sans-serif; -webkit-text-size-adjust: none; color: #333E48; line-height: 1.4em; font-size: 16px; font-weight: 400;}
br { clear: both; }
.content { min-height: 85vh; }

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { color: inherit; font-family:inherit; }
body p {margin-bottom: 1rem; font-size: inherit; font-weight: inherit; line-height: inherit;}
body ul, body ol, body dl {
    font-size:  inherit;
    line-height: inherit;
    margin-bottom: 1.44rem;
}
sup {position: relative; line-height: 0;}

h1 { font-size: 48px; font-weight: 300; }
h2 { font-size: 38px; font-weight: 300; margin: 34px 0px 21px 0px; }
h3 { font-size: 34px; font-weight: 300; margin: 34px 0px 13px 0px; }
h4 { font-size: 30px; font-weight: 300; margin: 34px 0px 13px 0px; }
h5 { font-size: 26px; font-weight: 300; margin: 34px 0px 13px 0px; }

/* first heading top margin */
* > h1:first-child, * > h2:first-child, * > h3:first-child, * > h4:first-child, img + h1, img + h2, img + h3, img + h4{margin-top: 0}

h2.section, h3.section { background: #e3e3e3;  font-size: 18px; padding: 5px 13px; border-radius: 3px; margin: 24px 0px 13px 0px; font-weight: 400;}
h3.section { font-size: 16px; }

a {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: none;
	transition: all ease 0.3s;
}

.anchor_section { color: #504f4d; }

a:not(.button) { color: #0091BD; font-weight: regular;  }
a:not(.button):hover { color: #002B49; }
a.anchor_select, a.anchor:hover { color: #002B49; }

/* BUTTON/STYLED LINKS */
a.button, .hero a.button, .button, button {
	background-color: #FF6B00;
	border: medium none;
	color: #fff;
	font-weight: 600;
	padding: 8px 13px;
	text-transform: inherit;
	width:auto;
	font-family: inherit;
	box-shadow: none;
}
.panel > form > .button{width:auto;}

a.button:hover, input.button:hover,
.hero a.button:hover, button:hover,
button:focus, .button:focus {
	text-decoration: none;
	background-color: #FFC700;
	color: #333E48;
}
.button.tiny {font-size: 14px;  padding: 8px 13px; }
.button.small { padding: 13px 18px; }
.button.tiny.right { margin: 0px; }
.button .svg { fill: #fff; width: 21px;  margin-right: 8px; }

.hero a.button { font-weight: 700; }

a .SVGbutton { fill: #aaaaaa;  }
a:hover .SVGbutton { fill: #504f4d;  }
a .SVGicon { fill: #fff;  }

a.icon { display: inline-block; overflow: hidden; line-height: 1.2em; color: #504f4d; margin-right: 13px; }
a .svg { fill: #504f4d; width: 21px; float: left; margin-right: 2px;}

a.icon:hover { color: #FF6B00; }
a.icon:hover .svg { fill: #FF6B00; }

a.selected .SVGbutton { fill: #fff;  }
a.selected .SVGicon { fill: #504f4d;  }


/* LABELS */
.label.secondary { background: #ccc;}

/* PANELS */
.panel {  border: none; border-radius: 5px;  color: #504f4d; margin-bottom: 1.25rem;   padding: 13px; background: #f2f2f2;}

.panel .button { width: 100%;}
.panel .title { text-transform: uppercase; font-size: 12px; margin-bottom: 13px; display: block;}

/* GIT REPO PLUGIN */
.git-container{height:100px;}
.repoBtn{position: absolute; top: 73%; left: 4%;}
.git-container .dropdown_div {height:110px;}
.repo-list ul { padding: 0; margin: 0; }
.repo-list ul li { padding: 0px 10px 40px 10px; }
.container_relative {position:relative; width:100%; background-color: #fff;}
.container_relative.git-container {height: 130px;}
.dropdown_div a { color: #504f4d; }
.dropdown_div { display: block;  position: relative; border-radius: 5px; border: 2px solid #fff; padding: 13px; color: #504f4d; background-color: white; transition: z-index 0.1s ease-in; }


.dropdown_div:hover, .dropdown_div:hover:focus { box-shadow: none; border: 2px solid #FF6B00; position: absolute; width: inherit; z-index: 1000; }


/* HEADER */
.header { position: relative; height: 54px; top: 0; left: 0; right:0; }
.content { position: relative; }
.header, .top-bar.row, .top-bar .menu-tab #tabMenu, #tabMenu a {background-color:#002B49; color: white;}
.menu-tab { display: inline-block; }

#main_content { min-height: 200px; background-color: #FFF;}

.top-bar { background: none; overflow: visible; }
.top-bar .title-area {  z-index: 9999; }
.top-bar .name h1 a{padding: 0;}
.top-bar h1 span { left: -99999px; position: absolute; }
.top-bar h1 img { height: 24px; width: 168px; margin-top: 5px;}
.top-bar .title-area { position: absolute; width: auto; }
.top-bar ul li a { font-weight: 400; }
.top-bar ul li.selected a:link { background: #efefef; }
div.common-top-bar.top-bar > div > ul > li.mbedcom.logo.selected > a:hover{
    background:white!important;
}
#tabMenu > li.has-dropdown.hover > ul > li > a {
    background-color: white;
    color:#333E48;}
.menu-tab { position: relative; }
#tabMenu>li span, #languageChange a {
    font-size: 1rem;
}

ul.menu-list {margin: 0;  width: 100%; padding-left: 0px; padding-right: 5px; }

ul.menu-list > li { display: inline-block; margin-bottom: 40px; }
ul.dropdown.no-bullet li {
    height: 37px;
}

ul.menu-list > li > a { font-weight: 600; border: medium none; display: block; color: white; padding: 0 10px; background: #fff none no-repeat center bottom; transition: background-color 300ms ease; }
/* ct top level link to stay highlighted when dropdown is shown */
ul.menu-list > li:hover > a { background-color: #EEE; background-image:none;}
ul.menu-list > li.hover > a, ul.menu-list > li:hover.hover > a { background: #FF6B00 url("../img/menu_arrow.6c42172d73c5.png") no-repeat center bottom; color: #fff; }

ul.menu-list li ul.dropdown { background: none repeat scroll 0 0 #fff; padding-top:5px;}
ul.menu-list li ul.dropdown li a {display:block; padding: 5px 10px; line-height: 1.4em; background-image: none; }
ul.menu-list li ul.dropdown li a:hover { background-color:#FF6B00 }

ul.menu-list a .fa {margin-left:0.3em;}

.has-dropdown .dropdown {padding-top:7px; display: none; background: #fff; overflow: hidden; width: 14em; }
.has-dropdown.hover .dropdown { display: block; position: absolute; z-index: 1001; }
.has-dropdown.hover a { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); color: #333E48; }

.has-dropdown.hover .dropdown li { float: none; margin: 0; text-align: left; width: 100%; }
.has-dropdown .dropdown li a { line-height: 30px; padding: 0 10px;  }

#tabMenu li a:hover { background-color: #FF6B00; color: #fff; }
#tabMenu li.has-dropdown.hover ul.dropdown li a:hover { background: none repeat scroll 0 0 #FF6B00; color: #fff; }

.has-dropdown .megamenu { position: absolute; left: 0px; right: 0px; display: none; background: #fff; overflow: hidden;  padding: 20px 13px 0px;  z-index: 1001; height: auto; }

.has-dropdown .megamenu dl, .hasdropdown .megamenu .panel { width: 24%; float: left; margin: 13px 0.5%; text-align: left;}

.has-dropdown .megamenu dl dt a { font-weight: 600;  line-height: 24px; padding: 0px; background-image: none; }
.has-dropdown .megamenu dl dd a { font-weight: 100;  line-height: 21px; padding: 0px; background-image: none; }
.has-dropdown .megamenu dl dt span, .hasdropdown .megamenu dl dd span { padding: 0 10px; display: block; }
.has-dropdown .megamenu .panel { padding-bottom: 21px; }
.has-dropdown .megamenu .panel h5 { margin: 0px 13px; color: #504f4d; font-size: 14px;  line-height: 21px;}
.has-dropdown .megamenu .panel p { margin: 0px 13px; color: #504f4d; font-size: 12px; line-height: 1.4em;}

.has-dropdown:hover .megamenu  li { float: none; margin: 0; text-align: left; width: 100%; }
.has-dropdown .megamenu  li a { line-height: 30px; padding: 0 10px; }
.has-dropdown:hover .megamenu  li a:hover { background: none repeat scroll 0 0 #FF6B00; color: #fff; }

#languageChange {
	padding: 0;
    margin-right: 10px;
    display: inline;
}

#languageChange > a{
	margin: 0;
	padding: 0px 10px;
	display: inline-block;
}

#languageChange > a i.general{
	margin-left:4px;
	padding-right: 13px;
}
#languageChange ul{
	text-align: left;
	max-width: 6em;
}

#languageChange .f-dropdown {
	border: none;
}

#languageChange .f-dropdown li{
	margin:0;
	display:block;
}
#languageChange ul.f-dropdown li:hover, #languageChange ul.f-dropdown li:focus {
    background-color:#FF6B00; color: #fff;
}
#languageChange ul.f-dropdown li:hover a, #languageChange ul.f-dropdown li:focus a {
    color: #fff;
}
#drop1 .lang a {
    background-color: white;
    color: #333E48;
}

/* mbed latest news/promotion */
.promotion{background-color: #002B49; color:#FFF; padding:3px 0;}
.promote-text {margin-right: 10px;}
.promotion a { color:#aaa;}
.promotion a.button {margin: 3px 0; display: inline-table; color: #FFF; font-size:0.95em; margin:0; padding: 4px 8px;}
.promotion a.button .fa { padding: 3px 4px 0 0}

/* OFF CANVAS NAVIGATION */
.inner-wrap {  background: none repeat scroll 0 0 #fff; }

.overflow-visible { display: none; }

.toggle { position: absolute; right: 0; font-size: 14px; text-align: center; margin-right: 5px; }
.toggle a { display: block; color: white; line-height: 44px; margin-top: 4px; padding: 0 10px; transition: background 300ms ease;}
.toggle a:hover { background: none repeat scroll 0 0 #3bc2da; -webkit-backface-visibility: hidden; color: #fff; }
.toggle a .ellipsis { position: absolute; left: 0; right: 0; top: 7px; font-size: 32px; }

.mbed .move-left label .exit-off-canvas { background: none; position: static; box-shadow: none; color: #999999; }

.mbed .right-off-canvas-menu, .mbed ul.off-canvas-list ul.right-submenu,
.mbed ul.off-canvas-list li a, .mbed ul.off-canvas-list li a.exit-off-canvas { background-color: #002B49; color: #fff; }

.mbed ul.off-canvas-list li label { padding: 0; border: none; text-transform: none; }
.mbed ul.off-canvas-list li label > a,
.mbed ul.off-canvas-list li .back > a { padding: 0; line-height: 54px; border: 0; text-align: center; }
.mbed ul.off-canvas-list li a { padding: 5px 10px 5px 15px; }
.mbed ul.off-canvas-list li a:hover { background: #FF6B00; color: #fff; }
.mbed ul.off-canvas-list li:first-child  a:before { content: "\d7"; font-size: 40px; font-weight: 200; position: absolute; top: 0; left: 10px; }
.mbed .right-submenu li:first-child.back > a:before { content: ""; position: absolute; top: 0; left: 10px; }
.move-left .back a .fa-caret-left {left:10px; top:7px; position:absolute;}
.has-submenu > a > .fa-caret-right {float:right; display:inline;}
.mbed .right-submenu .back > a:after { content: none; }
.mbed .right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before { content: none; }
.right-off-canvas-toggle span.ellipsis { font-weight: 400; }
#sideMenuButton{ font-weight: 400; }


/* BLUE BAND */
.blueband { background-color: #002B49; background-image: url("../img/blueband_BG.baff6e76b9bd.png"); background-position: right center; background-repeat:repeat-y; color: #fff; position: relative; background-attachment: scroll;}
.blueband a:not(.button) {color:#0091BD; }
.blueband a:hover {color:#FFF; }

.blueband h1 { font-size: 48px;  font-weight: 400; margin: 0; line-height:1.2em; padding:13px 0; letter-spacing: -0.5px}
.blueband h1 span{font-size: 30px;}
.blueband .extralarge{font-family: inheret; font-size: 72px; line-height:1em; letter-spacing: -0.05em;}
.blueband .trade{font-size:30%; vertical-align:top;}

.blueband .breadcrumbs { background: none; border: none; color: #fff;  padding: 11px 0px 4px; margin: 0px; }
.blueband .breadcrumbs * { color: #0091BD; font-size: 14px; line-height: 1.6em; font-weight: 500; text-transform: none; }

.blueband .breadcrumbs a:hover { color: #FFF; }

/* Hero */
.blueband *, .hero * {
	color: #FFF;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Futura PT W01 Light", "Lato", sans-serif;
}
.blueband .extralarge, .hero .extralarge, .blueband h1, .hero h1 { font-family: "Futura PT W01 Demi", "Lato", sans-serif; }
.blueband .alt, .hero .alt, .blueband h2, .hero h2 { font-family: "Futura PT W01 Book", "Lato", sans-serif; }
.blueband p, .hero p, .blueband .lead, .hero .lead {
	font-family: "Futura PT W01 Light", "Lato", sans-serif;
	font-size: 24px;
}
.breadcrumbs li:after {
    content: "/";
    margin: 0 .5rem;
    position: relative;
    top: 1px;
}

.breadcrumbs li:last-child:after, .breadcrumbs  li:before { content: ""; margin:auto;}
.blueband .breadcrumbs a { color: #FF6B00; font-family: "Lato", sans-serif; }
.blueband .breadcrumbs a:hover { color: #FFC700; }

.blueband.alt .breadcrumbs {  color: #fff;  padding: 0; margin: 0 auto; max-width: 62.5rem; width: 100%; }

/* use for tools after an intro */
.hero-footer{
	 background-color:  #002B49; color:#FFF;
}

/* ERROR BLUEBAND - for 404, 505 etc */
.error.blueband {overflow: hidden; padding-bottom: 72px;}
.error.blueband h1 { font-size: 120px;  display: block; margin-top: 72px; text-shadow: none; line-height: 1em; margin-bottom: 24px; }
.error.blueband h1 small { font-size: 34px; display: block; clear: both; line-height: 1.3em; color: #0091BD; }
.error.blueband img { width: 58%; max-height: 560px; position: absolute; top: 0px; right: 0px; }


/* SUBMENU BAND */
.submenuband { display:none; /* for production */}
.submenuband { background-color: #f2f2f2; font-size: 14px; }
.submenuband li { display: inline-block; margin-right: 35px; line-height: 45px; }
.submenuband a { color: #505050; }
.submenuband a:hover { color: #FF6B00; }

/* WHITE/GRAY BANDS */
.mbed_band { background-color: #fff ; padding: 24px 13px; }

 /* remove autobanding for now */
.mbed_band.white, .mbed_band.automatic { background: #fff none; }
.mbed_band.gray { background: #f2f2f2 url("../img/mbed_band_gray.9ea95328cea6.png") repeat; }

.mbed_band .row div.feature + div.feature {  padding-left: 0px;}
.mbed_band .band_header, .mbed_band .band_footer { text-align: center; }


/* FOOTER */
.footer {  background-color:  #333E48; font-size: 16px; color:#FFF;}

.footer a { color: #fff; font-weight: 600; }
.footer a:hover { color: #00C1DE; }
.footer a.button:hover, .footer a.button:hover span { color: #333E48; }

.footer h5 { margin-top: 5px; margin-bottom: 8px; }
.footer h5 a { color: #aaa; font-size: 16px; font-weight: 500; }
.footer h5 a:hover {  color: #FFF;}

.footer .connect li a { display: block; line-height: 30px;  overflow: hidden; }
.footer .connect .icon { float: left;  font-size: 24px;  width: 28px; }
.footer .footer-links {text-align: right; }

.footer-topbar { background-color: #333E48; min-height: 40px;}
.footer-icon { line-height: 1.5em; vertical-align: middle;}
.footer-inner { position: relative; vertical-align: middle;}
.footer-inner a { margin: 0px 18px 0px 0px; opacity: 0.6; position: relative; color:#FFF; display: inline-block;}
.footer-inner a:hover { opacity: 1; color:#FFF;}
.footer-caption {margin-left: 8px; }

.copyright-bar{padding:26px 0;}

.footer-buttons {padding-bottom: 30px;}

.footer-pages { padding-top: 0; padding-bottom: 12px;}
.footer-pages ul { padding: 0; margin: 0;}
.footer-pages ul li { padding: 0.25em 0; }

a.icon-button { display: table;  position: relative; padding: 8px 13px; text-transform: none; opacity:1; margin-bottom: 10px; margin-top: 10px;}
a.icon-button:hover .icon { color:#FFF;}
a.icon-button:hover .title { color:#FFF;}
a.icon-button .icon { vertical-align: middle; padding-right: 10px; display: table-cell;}
a.icon-button .title { text-align: left; display: table-cell; vertical-align: middle;}

.footer .icon-button{font-size:14px;}

.languages {margin-top: 34px;}
#footerLanguage { list-style:none; }
#footerLanguage li { float:left;}
#footerLanguage li a,#footerLanguage li span { padding:5px; }
#languageTitle { font-weight:400; }
#footerLanguage li span.selected{ font-weight:bold; text-decoration:None; }

/* IMAGE LIST */
.img-list img { margin: 1%; width: 8%; }

/* mbed ELEMENTS */
.elements { /* padding: 24px 0px; */ text-align: center; }

.columns.teaser { text-align: center; /* for card type teaser */}
.columns.teaser img, .teaser .show-for-small img  { max-width: 220px; max-height: 220px;}
.teaser h2, .teaser h3, .teaser h4 {margin:0; }

.faelement {display: table; width:100%; margin-bottom:15px;}
.faicon {display: table-cell; vertical-align: top; width:52px; padding-top: 3px;}
.faicon a {color: inherit; opacity: 0.8;}
.faelement .fainfo h4, .faelement .fainfo h3, .faelement .fainfo p {margin: 0;}
.faelement .fainfo{display: table-cell;}

/* NEWSLETTER ELEMENTS */
.signup .submit.button,input#address, .unsub #address{height:30px;}
input.submit.button:hover {   background-color: #FFC700; color:#333E48; }
#main_content > div > div > div > div > div.panel > form > div > div.signup > input{height:37px;padding-top:10px;}
.signup .submit.button{padding-top:5px; font-weight: lighter; }
.newsletter, .unsub {padding-top: 15px;}
.medium-4.footer-signup-form.columns{height:47px;}
.submit.button{background-color: #FF6B00;}
.placeholder.row{height:30px;}
i.fa.fa-3x.fa-paper-plane {padding-top: 10px;}
.row .medium-4.columns p {padding-top: 3px;}
.unsub.panel{margin:75px 0;}


/* YOTTA ELEMENTS */
.yotta-list, .repo-list { display: block;  }
.yotta-list{padding:0 5px;}
.yotta-list ul, .repo-list ul { padding: 0 0 0 0; margin: 0; }
.yotta-list li, .repo-list li { list-style: none; }
.yotta-list > ul > li > a:empty, .repo-list > ul > li > a:empty { display: inline-block; background: url("../img/spinner.2807912ef2e5.gif") no-repeat center; background-size: contain; width: 100%; height: 25px; }
.dropdown_div.yotta{height:190px;}
.container_relative.yotta-container { height: 205px;}
.yotta-list .version{position: relative; float: left; opacity: 0.8; margin: 0;}
.dropdown_div.yotta  a>span, .dropdown_div.yotta  a>div {float: left;}
.yotta .desc{margin-top: 5px;}
.yotta .title{position: relative; bottom: 2px; font-weight: bold; font-size: 14px; margin:0;}
.yotta .icon{padding-right:4px;}
.yotta .icon.fa-bullseye{padding-right: 10px;}
.yotta .metadata{ position: absolute; bottom: 13px; width:100%; }
.yotta .type{position: absolute; right:20px;}
.yotta .metadata{opacity: 0.8}
.yotta-item.columns.template{float:left;}

/* YOTTA SEARCH */

.install-command{text-align: center}
.yotta-search{ padding: 13px 0;}
.yotta-search search input{margin:0; height:40px; border:none;}
.yotta-search .srchbtn{position:absolute; right:13px; height:40px;}
.how-to div{padding:0;}
.filter-by a.selected{color:inherit; cursor:text;}
.metadata label{display: inline-block; min-width:100px;}
.metadata>p{margin-bottom:0.5em;}

/* FORUM LISTS */
.mbed_forum_topics_list a.title { color: #333; font-size: 18px; line-height: 40px; }
.mbed_forum_topics_list a.title:hover { opacity: 0.6; }
.mbed_forum_topics_list a.title .fa { margin-right: 8px; }


/* ACCORDION */
.accordion { margin: 0px; }
.accordion .accordion-navigation .fa-plus-circle, .accordion .accordion-navigation .fa-minus-circle { opacity: 0.75; margin-right: 13px; }
.accordion .accordion-navigation a { color: #fff; margin-top: 3px; }
.accordion .accordion-navigation a .new-version { float: right; display: block;  }
.accordion .content { margin: 0px; }

.accordion .accordion-navigation a[aria-expanded="true"] { background: #2eb3c5; }
.accordion .accordion-navigation a[aria-expanded="true"] .fa-plus-circle { display: none; }

.accordion .accordion-navigation a[aria-expanded="false"] { background: #169bb5; }
.accordion .accordion-navigation a[aria-expanded="false"] .fa-minus-circle{ display: none; }



/* LISTINGS */

.listings.listview { padding: 0px; margin: 0px; border-top: 1px solid #ccc; clear: both;}
.listings.listview li.item { list-style-type: none; clear: both; margin: 0px; max-width: 100%;   }
.listings.listview li a { border-bottom: 1px dotted #ccc; display: block; color: #504f4d; position: relative;overflow: hidden;  }
.listings.listview li .platform { float: left; margin-right: 24px; width: 200px; overflow: hidden;}
.listings.listview li .platform img { }
.listings.listview li .manufacturer { position: absolute; right: 13px; top: 13px;}
.listings.listview li .info { float: left; display: block;   }



.listings { padding-top: 18px; clear: both;  }
.listings li a { display: block; overflow: hidden; position: relative; border-radius: 5px; background: #fff none repeat scroll 0 0; border: 2px solid #fff; padding: 13px; color: #504f4d; }
.listings li a:hover  { box-shadow: none; border: 2px solid #FF6B00; }
.listings li h4 { line-height: 1.2em; font-size: 18px;}
.listings li .manufacturer { display: block; height: 50px; border-bottom: 1px solid #ccc; }
.listings li .manufacturer img { height: 49px; width: auto; }
.listings li .platform {  text-align: center; display: block; margin-top:0px; height: 200px; }
.listings li .platform img {  }
.listings li .component {  text-align: center; display: block; }
.listings li .component + .info { text-align: center; margin-top: 13px; }
.listings li .component .svg { width: 100%; height: auto; float: none;}
.listings li a li { list-style-type: square; font-size: 12px; }

.listings.small-block-grid-2 .info p { font-size: 11px; background: #f2f2f2; padding: 8px 13px; margin: 0px; min-height: 125px; }
.listings.small-block-grid-3 .info p { display: none;}

		/* LISTINGS FILTERS */
		/* Generally listings filters not expected to feature in first release */
		.appliedFilters {display: block; clear: both; margin: 3px 0px 13px 0px; font-size: 12px; color: #aaa; }
		.appliedFilters a { border: 1px solid #FF6B00; padding: 3px 13px; -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;  margin-right: 5px; }
		.appliedFilters a:hover { border-color: #0078A0;}
		.appliedFilters a span { visibility: hidden; margin-left: 5px; font-size: 14px; }
		.appliedFilters a:hover span { visibility: visible;  }

		.filters { background: #e0e0e0; overflow: hidden; margin-bottom: 8px;  }
		.filters .hideshow { font-size: 14px; line-height: 18px; margin-top: 3px; display: block; float: left; padding: 8px;  }
		.filters .hideshow a { color: #504f4d; }
		.filters .hideshow a.hide { display: none;  }
		.filters .hideshow .svg { width: 18px; height: 18px; margin: 0px; margin-right: 8px;  float: left;}

		.filters .options { clear: both;background: #f0f0f0; padding: 13px;  }
		.filters .options h5 { font-size: 14px;}
		.filters .options label { font-size: 12px; height: 24px;}

		.filters a.view { float: right; padding: 8px 8px 8px 0px;}
		.filters a.view .svg { width: 24px; height: 24px;  }

/* INSTANCES */
.instance .image { position: relative; }
.instance .image img { width: 100%; }
.instance img.pinout { margin: 0px 0px 21px 0px; width: 100%;}
.instance img.product { width: 100%; height: auto;}

.svg.mbedpartner { fill:  #555; width: 100%; height: auto; margin: 0px auto 10px;}

/* LISTINGS WITHIN AN INSTANCE */
.listings.mini { padding-left: 13px; padding-right: 13px;}
.listings.mini li h4 { line-height: 1.2em; font-size: 16px;}
.listings.mini li .platform { margin-top:0px;  }
.listings.mini .info { display: none;}
.listings.mini .manufacturer, .listings.mini .manufacturer img {  height: 40px;  }

.partnerDetails { border: 1px solid #ccc; }

.small { font-size: 11px; }
.date { display: block; margin: 8px 0px; clear: both; }

.details { border-left: 1px solid #e0e0e0; padding-left: 34px;}
.details .title { font-weight: 100; font-weight: 600;}
.details  p {  font-weight: 200; }

/* SIDE PANELS context menus */
.panel h4 { color: #777; font-weight:inherit;}
ul.contextList {list-style: none; margin: 0; }
ul.contextList li { margin: 0; }
ul.contextList li a { padding: 5px; display: block; }
ul.contextList .fa { color: #888; margin-right: 8px; }
ul.contextList li.selected a { background: #ccc;  color: #fff; }
ul.horizontal_layout li{float:left;margin:0; padding:0.5px 30px 0 0;}
ul.horizontal_layout{overflow:hidden; vertical-align: text-top;}
ul.horizontal_layout > li > a{padding: 0 5px 0 0;}
h4.horizontal_layout{float:left; padding-right:30px; font-size: inherit; line-height: inherit;}

/* CODE EXAMPLES - possibly a standardised plugin could replace this */
.codify_table { width: 100%; border: 1px solid #ccc;}
td.codify_numcol { width: 30px; background: #f0f0f0; vertical-align: text-top;}
td.codify_screen {  vertical-align: text-top;}
td.codify_screen pre {  }

[data-magellan-expedition] {  background: #f2f2f2; }
[data-magellan-expedition-clone] {  }
[data-magellan-expedition] .sub-nav {  width: 100%;  }
[data-magellan-expedition] .sub-nav dd {  }

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { background: #159ab5; }
[data-magellan-expedition] .sub-nav dd a { margin: 0px; padding: 3px 8px;}

/* Solutions page */

.solutions .whiteband { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; }

.solutions .solutions-titlebar { width: 100%; background-color: #E5E5E5; padding-top: 10px; z-index: 1; padding-bottom: 0px; margin: 0px; }

.solutions .row { padding-bottom: 0px; }

.solutions-sub-nav { padding: 0px; }
.solutions-sub-nav dd { padding: 0px; margin: 0px; }
.solutions-sub-nav dl.active { background: #3C8B63; }
.solutions-sub-nav dd.active #circle1 { background: #3C8B63; }
.solutions-sub-nav dd.active #circle2 { background: #D03F54; }
.solutions-sub-nav dd.active #circle3 { background: #097185; }
.solutions-sub-nav dd.active .arrow-up { visibility: visible; }
.solutions-sub-nav dd.active .header-title { visibility: visible; }
.solutions-sub-nav dl.active #blueband { display: inline; }
.solutions-sub-nav dd.inactive .header-title { visibility: visible; }

.solutions .solutions-data { margin-top: 20px; }


.solutions .header-div { text-align: center; }
.solutions .header-title{ margin-left: 10px; display:inline-block; text-align: center; }
.solutions .header-title * { color: black; }
.solutions .header-text { text-align: top; }

.solutions .circle-number { max-width: 30%; display: inline-block; vertical-align: middle; border-radius: 50%; width: 50px; height: 50px; color: #fff; text-align: center; font: 42px Arial, sans-serif; background: #CCCCCC; }
.solutions .circle-number-white { float: left; border-radius: 50%; width: 50px; height: 50px; text-align: center; font: 40px Arial, sans-serif; background: #fff; }


.solutions .color-header1 { background: #3C8B63; }
.solutions .color-header2 { background: #D03F54; }
.solutions .color-header3 { background: #097185; }

.solutions .arrow-up { width: 0; height: 0; border-style: solid; border-width: 0 20px 10px 20px; border-color: transparent transparent white transparent; text-align: bottom; vertical-align:bottom; display:relative; float:bottom; margin-left: auto; margin-right: auto; visibility: hidden; }

.solutions .data-title { padding-top: 30px; padding-bottom: 30px; }

.solutions .data { margin-top: 30px; margin-bottom: 30px; }

.white-link, .white-link:hover{ color: white; }
.underlined { text-decoration: underline; }

#message_translation {font-size: 0.9em; padding: 6px 0;position: relative; background-color: #f1f1f1;color: #000;}

.yotta-links a{padding-right:10px;}

/** demos cmsplugin **/
.youtube-player { width:100%; padding: 10px 0 10px 0;}
span.fa.fa-play-circle { left: 50%; top: 50%; margin-left: -30px; margin-top: -33px; position: absolute; }
.videos{ padding-top:15px; padding-bottom:15px; }
.med-meta{ padding-top:10px; }
img.youtube-thumb { cursor: pointer; }

/* docs plugin */
.docs .fa-book{padding-top:3px;}
.docs .doc-title{margin-bottom:0px;}
.docs .doc.large-4{height:150px;}
.docs .doc.large-6{height:105px;}
@media only screen and (min-width: 40em) and (max-width: 48.500em) {
.docs .doc.medium-6.small-12.columns{height:135px;}
 }



/* events */
.events-content h3{ margin:0px; }
.events-content h4{ margin:0px 5px 7px 0px; }
.events-content p{ margin:0px; }
.events hr { position:relative; top: 10px; }

/* include in editor */
.intro {font-size: 1.125rem; line-height: 1.44em;}


.marker{background-color:yellow;}

.code, code{overflow-x:scroll; background-color: #f8f8f8; border: solid 1px #dfdfdf; color: #333333; font-family: monospace; white-space: pre-wrap; font-weight: normal;padding: 8px; display: block; border-left-width: 4px; margin-bottom:8px;}
.code p{margin-bottom: 0;}


body.mbed .alert-box.with-icon:before {
    float: left;
    font-size: 50px;
    position: absolute;
    font-family: "fontAwesome";
    line-height: 50px;
    color:#479DBF;
    opacity: 0.4;
    content: "";
    margin-left: -50px;
}

html body .alert-box {
	font-size:inherit;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-style: none;
}
html body.mbed .alert-box.with-icon {
    padding-left: 65px;
    min-height: 80px;
}

body .alert-box {

	background-color: #D8EBF3;
    border-color: #C5E1EC;
    padding: 0.875rem 1.5rem 0.875rem 0.875rem;
	color:inherit !important;
}
/*
	.alert-box a {
	color:inherit;
	opacity: 0.85;
	text-decoration: underline;
}
.alert-box a:hover {
	color:inherit;
	opacity: 0.7;
}
*/
.alert-box {
	background-color: inherit;
    border: solid 1px #C5E1EC;
}
.alert-box.info {
	background-color: #D8EBF3;
    border-color: #C5E1EC;
}

.alert-box.secondary {
	background-color: inherit;
    border-color: #DDD;
    border-style: solid;
}
body.mbed .alert-box.with-icon.warning:before {

    content: "";
    margin-left: -56px;
    color:#B5B298;
}

.alert-box.warning {
	background-color: #FFFCE3;
    border-color: #F1EAB4;
}

body.mbed .alert-box.with-icon.stop:before {
    content: "";
    margin-left: -56px;
    color:#B5B298;
}
.alert-box.stop {
	background-color: #FFC7BE;
    border-color: #F7AA9D;
}
body.mbed .alert-box.with-icon.tip:before {
    content: "";
    margin-left: -55px;
    color:#999;
}

.alert-box.tip {
	background-color: #f1f1f1;
    border-color: #DCDCDC;
}
/* repurposed for callouts - replace at some point */
.sidebar .alert-box {
	padding:6px 13px;
	margin-bottom:0.625rem;
}
.sidebar .alert-box .faelement{
	margin-bottom:0;
}
.sidebar .alert-box .columns.teaser img{
	width:50%;
}

.sidebar .alert-box .columns.teaser p:last-child, .sidebar .alert-box .faelement{
	margin-bottom:0;
}

[class*="block-grid-"] .panel {
    margin-bottom: 0;
}

/* SPECIFIC FOR MEDIUM SCREENS */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.img-list img { margin: 1%; width: 12%!important; }
}

/* SPECIFIC FOR MEDIUM AND UP SCREENS */
@media only screen and (min-width: 40.063em) {
    .medium-8.signup.columns{padding-right:0px;}
    .medium-4.signup.columns{padding-left:0px;}
    .valign-middle { display: table; }
    .valign-middle .columns { display: table-cell; vertical-align: middle; }
    .valign-middle .columns,
    .valign-middle [class*="column"] + [class*="column"]:last-child { float: none; }

	.hero > .row {min-height: 360px; background: transparent none no-repeat scroll 100% 60%; background-size:46%;}

	.hero.home {background: #002B49 url("../img/city-detail-homepage.27ab6727142e.png") no-repeat 50% 40%; background-size:1900px;}
	.right-medium-up {float:right;}


}
/* SPECIFIC FOR LARGE AND UP SCREENS */
@media only screen and (min-width: 64.063em) {
	/* .hero.technologies{background-size: initial;} */
	.error.blueband {min-height:560px;}
	.listings.small-block-grid-2 .info p {
	    min-height: 160px;
	}
}

/* SPECIFIC FOR MEDIUM AND SMALL SCREENS */
@media only screen and (max-width: 64em) {
    .privacy-terms { float:left;}
}

/* SPECIFIC FOR SMALL SCREENS */
@media only screen and (max-width: 40em) {
	#languageChange > a i.general { border-right: dotted 2px #CCC; margin-right:10px; }
	.overflow-visible { display: inline-block; }

	.footer-topbar {margin-bottom:13px;}
	.footer-buttons {margin-bottom:13px;}
	.footer .copyright-bar {padding-top:13px;}
    .docs .doc.large-4{height:110px;}
	.footer .footer-links {
    	text-align: left;
	}
	.tab-bar h1 img { height: 18px;}

	.hero {background-image: none}
	.hero.home h1{margin-top: 1em;}

	.img-list { padding: 24px 5%;}
	.img-list img { margin: 1%; width: 31%!important; }
	.details { border: none; border-top: 1px solid #e0e0e0; padding: inherit; padding-top: 13px;}

	.has-dropdown { visibility: hidden; }
	.menu-tab { display: none; }
	body.mbed table{overflow-x: auto  }
	h1, h2, h3, h4, h5 {margin: 20px 0px 8px 0px;}
	ul.menu-list { padding-right: 56px; }
}

form#languageChange {
    border-left: dotted 2px white;
}

/* ONLY IE 9+ and desktop */
@media screen and (min-device-width:380px\0) {
	body.mbed { min-width: 380px; }
}

/* Event page */
#map {
    width: 300px;
    height: 300px;
    margin: 0px 0px 20px 0px;
}

.event-img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

.tag {
    background-color: #5CC4DC;
    padding: 5px 10px;
}

.private {
    background-color: #555A5A;
    color: white;
}

/* Blog Posts */
.post-preview {
  margin-bottom: 2em;
}
.post-preview p {
  margin-bottom: .5em;
}
.post-preview-info {
  margin-bottom: .5em;
}
.post-preview-info img {
  height: 2.5em;
  width: 2.5em;
  margin-right: .5em;
}
.post-preview-info span {
  font-size: .9em;
}
.tag-cloud-individual-tag {
  background-color: #E5ECEB;
  border-radius: .5em;
  display: inline-block;
  margin: .2em .4em .2em 0;
  padding: .1em .75em;
  font-size: .9em;
}
a.tag-cloud-individual-tag {
	color: #7D868C;
}
.tag-cloud-individual-tag:hover {
  color: #7D868C;
  background-color: #c8d6d4;
}
.tag-cloud-individual-tag.medium {
  font-size: .8em;
}
.tag-cloud-individual-tag.large {
  font-size: 1em;
}
.tag-cloud-individual-tag.is-active {
  color: #ffffff;
  background-color: #FF6B00;
}

/* Partner List */

.filtered-partner-list-container .filter-category-title {
    padding: .25rem;
}

.filtered-partner-list-container .filter-category-list-item  {
    font-size: 14px;
    color: #7D868C;
    text-align: center;
    border: 1px solid #7D868C;
    padding: .25rem;
}

.filtered-partner-list-container .filter-category-list-item:hover  {
    color: #FF6B00;
    border: 1px solid #FF6B00;
    cursor: pointer;
}

.filtered-partner-list-container .filter-category-list-item.selected  {
    color: #FFFFFF;
    border: 1px solid #FF6B00;
    background-color: #FF6B00;
}

.filtered-partner-list-container .partner-list-item p {
    color: #333E48;
    background-color: #E5ECEB;
    padding: .5rem;
    font-size: 14px;
}

.filtered-partner-list-container .partner-image-wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Hall of fame */
.hallOfFame {
    font-size: 1.1rem;
}

.hof-title {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 400;
    margin: 0.75rem 0;
}

.hof-list {
    margin: 1rem 0 2rem;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.hof-item {
    width: 400px;
    max-width: 100%;
    border: 3px solid #ecf1f0;
    padding: 1rem;
    margin-bottom: 1rem;
}

@media all and (min-width: 40em) {
    .hof-list {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .hof-item {
        width: calc(50% - .5rem);
        margin-right: 1rem;
    }

    .hof-item:nth-child(2n+2) {
        margin-right: 0;
    }
}

@media all and (min-width: 60em) {
    .hof-item {
        width: calc(33% - .5rem); /* trying to get as close to 1rem margin as possible */
    }

    .hof-item:nth-child(2n+2) {
        margin-right: 1rem;
    }

    .hof-item:nth-child(3n+3) {
        margin-right: 0;
    }
}

.hof-item .hof-thumb {
    display: block;
    margin: 0 auto;
}

.hof-item a {
    color: inherit;
    display: block;
}

.hof-item {
    transition: border-color ease 0.3s;
}

.hof-item:hover {
    border-color: #ffc700;
}


/* it's not actually a link, but styled to look as one */
.hof-item .hof-read-more {
    color: #0091bd;
    transition: all ease 0.3s;
    white-space: nowrap;
}

.hof-item:hover .hof-read-more {
    color: #002b49;
}


.hof-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.hof-footer-icon {
    margin-bottom: 1.5rem;
    width: 100px;
    height: 100px;
}

.hof-footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;}

.hof-footer-content p:last-child {
    margin-bottom: 0;
}

@media all and (min-width: 40em) {
    .hof-footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
                flex-direction: row;
    }

    .hof-footer-icon {
        margin-bottom: 0;
        margin-right: 1.5rem;
    }
}

.hof-show {
    position: relative;
    margin-top: 2rem;
}

@media all and (min-width: 60em) {
    .hof-show {
        padding: 0 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .hof-content {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}

.hof-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2rem;
}

@media all and (min-width: 60em) {
    .hof-gallery {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 55%;
        margin-right: 3rem;
        margin-bottom: 0;
    }
}

.hof-gallery-wrapper {
    height: 320px;
    margin-bottom: 1rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.hof-gallery-current {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.hof-gallery-list {
    width: 100%;
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.hof-gallery-item {
    cursor: pointer;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100px;
    padding: 0.5rem;
    border: 2px solid white;
}

.hof-gallery-item img {
    max-height: 100%;
    width: auto;
}

.hof-gallery-item {
    transition: border-color ease 0.3s;
}

.hof-gallery-item:hover {
    border: 2px solid #ffc700;
}

.hof-company {
    margin: 0 0 2rem;
    font-size: 1.2rem;
}

.hof-nav {
    margin-top: 4rem;
    position: relative;
    height: 3rem;
}

/* sadly, needs more specific selector,
 * as something else is forcing the colour */
a.hof-prev, a.hof-next {
    font-size: 3rem;
    position: absolute;
    color: lightgrey;
}

.hof-next { right: 0; }
.hof-prev { left: 0; }

@media all and (min-width: 60em) {
    .hof-nav {
        margin-top: 0;
        position: static;
    }
    .hof-prev, .hof-next {
        top: 250px;
    }
}

/* language chooser */
.language-chooser {
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    list-style-type: none;
    background: #2f3942;
    margin: 1rem 0 0;
    padding: 0.5rem;
}

.language-chooser li {
    padding: 0 .5rem;
    line-height: 1em;
}

.language-chooser li + li {
    border-left: 1px solid #fff;
}

.language-chooser a,
.language-chooser a:hover {
    color: #fff;
}

/* Embedded Marketo form styling */
.mktoForm {
    margin: 0 auto;
    font-family: "Lato", sans-serif !important;
    width: 100% !important;
    color: #333E48;
}

.mktoForm a {
    padding: 0 !important;
}

.mktoFormCol {
    float: none !important;
}

.mktoOffset, .mktoGutter {
    width: 0 !important;
}

.mktoLabel {
    width: auto !important;
    margin-bottom: 0.5rem !important;
}

.mktoFieldWrap {
    float: none !important;
    display: inline !important;
}

.mktoField {
    width: 100% !important;
    height: 2rem !important;
    font-size: 1em !important;
}

.mktoHtmlText {
    width: 100% !important;
}

.mktoButtonRow {
    width: 100%;
}

.mktoButtonWrap {
    float: right;
}

.mktoButton {
    background-color: #ffc700 !important;
    background-image: none !important;
    border: none !important;
    color: #333E48 !important;
    padding: 1em !important;
}

.mktoButton:hover {
    background-color: #FF6B00 !important;
    color: white !important;
}

.mktoCheckboxList {
    width: auto !important;
}

.mktoRadioList > input,
.mktoCheckboxList > input {
    height: auto !important;
    width: auto !important;
    margin-top: 0.2em !important;
}

#thank-you {
    display: none;
    margin: 2em 0;
    text-align: center;
}

.form-content-wrapper {
    padding: 2rem 0;
}

.form-content-wrapper .form-description {
    margin-bottom: 2rem;
}

.maintenance-window time {
  font-weight: bold;
}

.maintenance-window h1 {
  line-height: 1.2;
  margin-bottom: 15px;
  font-size: 44px;
}

.planned-maintenance-notice {
  background: #fde17d;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
}

.planned-maintenance-notice p {
  margin-bottom: 0;
  font-size: 0.9em;
}

.planned-maintenance-notice p:before {
  content: "\f071";
  font-family: FontAwesome;
  margin-right: 5px;
}

.banner {
    padding: 0.5em 1em;
}
.banner.info {
    background-color: #e5eceb;
}
.banner.info p {
    font-size: 1em;
    margin: 0;
    line-height: 1.5em;
}
.banner.info p > i {
    margin-right: 0.3em;
}