@font-face {
  font-family: 'AmazonEmber';
  src: url('/fr-content-src/themes/freertos/fonts/amazonember_rg-webfont.woff2') format('woff2'),
       url('/fr-content-src/themes/freertos/fonts/amazonember_rg-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AmazonEmberItalic';
  src: url('/fr-content-src/themes/freertos/fonts/amazonember_rgit-webfont.woff2') format('woff2'),
       url('/fr-content-src/themes/freertos/fonts/amazonember_rgit-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AmazonEmberBold';
  src: url('/fr-content-src/themes/freertos/fonts/amazonember_bd-webfont.woff2') format('woff2'),
       url('/fr-content-src/themes/freertos/fonts/amazonember_bd-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AmazonEmberHeavy';
  src: url('/fr-content-src/themes/freertos/fonts/amazonember_he-webfont.woff2') format('woff2'),
       url('/fr-content-src/themes/freertos/fonts/amazonember_he-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

a:hover {
  text-decoration: none;
}

h3 a {
  color: #1a3065;
}

/* Required to get links blue in IE. */

h1 {
  color: #1a3065;
  font-size: 30px;
  line-height: 48px;
}

h1 small {
  font-size: 18px;
  line-height: 1.3;
}

h2 {
  color: #1a3065;
  font-size: 26px;
  line-height: 30px;
}

h2 a {
  color: #1a3065;
}

h3 {
  color: #1a3065;
  font-size: 22px;
  line-height: 25px;
}

h3 small {
  color: #1a3065;
  font-size: 14px;
}

/* Sizes links next to logo. */

h3 small a {
  color: #0000ee;
  font-size: 14px;
}

/* Required to get the links next to the logo blue in IE. */

h4 {
  color: #1a3065;
}

h4 a {
  color: #1a3065;
}

caption {
  font-weight: bold;
}

table {
  line-height: 1.5em;
}

table.text_ad, table.normal_text {
  line-height: normal;
}

pre, table {
  font-size: 16px;
}

small {
  font-size: 14px;
}

a:visited {
  text-decoration: none;
  color: #0000ee;
}



a.el {
  text-decoration: none;
  font-weight: bold;
}

a.elRef {
  font-weight: bold;
}

a.code {
  text-decoration: none;
  font-weight: normal;
  color: #4444ee;
}

a.codeRef {
  font-weight: normal;
  color: #4444ee;
}

a {
  text-decoration: none;
  color: #0000ee;
}

dl.el {
  margin-left: -1cm;
}

div.fragment {
  width: 100%;
  border: none;
  background-color: #eeeeee;
}

div.ah {
  background-color: black;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 3px;
  margin-top: 3px;
}

td.md {
  background-color: #f2f2ff;
  font-weight: bold;
}

td.mdname1 {
  background-color: #f2f2ff;
  font-weight: bold;
  color: #602020;
}

td.mdname {
  background-color: #f2f2ff;
  font-weight: bold;
  color: #602020;
  width: 600px;
}

div.groupHeader {
  margin-left: 16px;
  margin-top: 12px;
  margin-bottom: 6px;
  font-weight: bold;
}

div.groupText {
  margin-left: 16px;
  font-style: italic;
  font-size: smaller;
}

div.text_ad, div.normal_text {
  line-height: normal;
}

a.text_ad, a.normal_text {
  line-height: normal;
  font-size: 12px;
}

pre {
  font-weight: bold;
  line-height: normal;
}

pre br {
  display: none;
}

.menu_cell_body {
  line-height: 16px;
  text-align: center;
  text-align: left;
  background-color: #b6cffe;
  border: solid 1px white;
}

h3 u {
  text-decoration: none;
  border-bottom: 1px solid;
}

.standard_box_shadow {
  box-shadow: 5px 5px 5px #888888;
}

.blue_menu {
  font-size: 85%;
  font-weight: bold;
}

.blue_menu:hover {
  text-decoration: underline;
}

.header_links {
  font-size: 85%;
  font-weight: bold;
}

/* Page header i.e. "Quality RTOS & Embedded Software" */
#header_heading {
  font-size: 16px;
}
h3#header_heading small {
  line-height: normal;
}

.underline_on_hover:hover {
  text-decoration: underline;
}

/* Dismissable banner at top of page (sticks above primary nav on desktop) */
.fr-dismissable-banner {
  position: fixed;
  z-index: 1000;
  width: 100%;
  max-width: 1440px;
  height: 50px;
  background-color: #247133;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.07px;
  align-items: center;
}
.fr-dismissable-banner, .fr-dismissable-banner a {
  color: #fff;
}
.fr-dismissable-banner a {
  text-decoration: underline;
}
.fr-dismissable-banner .close-button {
  background-image: url(/fr-content-src/themes/freertos/images/icons/close-button.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  padding: 10px;
  margin-right: 20px;
  margin-left: 10px;
}
.fr-dismissable-banner-message {
  margin-left: 44px;
}

@media only screen and (max-width: 1023px) {
  .fr-dismissable-banner {
    display: none;
  }
}

/* Styles for memory estimates table generated by this shortode:
 * [memory-estimate-table library="ota"][/memory-estimate-table]
 */
.code_size_table {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
}
.code_size_table td {
  padding: 4px;
}
.code_size_table, .code_size_table tr, .code_size_table td {
  border: 1px solid grey;
}
.code_size_header_row {
  height: 40px;
}
.code_size_totals_row td {
  background-color: #ebc89f;
}
.code_size_data_cell, .code_size_header_row .bold_table_cell {
  text-align: center;
}
.code_size_header_row .bold_table_cell:first-child {
  text-align: left;
}
.code_size_totals_row {
  line-height: normal;
}

.bold_table_cell {
  font-weight: bold;
}
td.light_blue_table_cell {
  color: #1a3065;
  text-align: center;
  font-weight: bold;
  background: #ffffff url(/fr-content-src/themes/freertos/images/light_blue_table_background.gif) left repeat-x;
  /* Stretch background to height of table cell */
  background-size: contain;
}

body {
  color: #202020;
  font-family: arial, helvetica, serif;
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 0;
  background: white;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

body.leftframe {
  color: #202020;
  font-family: arial, helvetica, serif;
  font-size: 14px;
  line-height: 1.5em;
  /*margin-left: 10px;*/
  margin-right: 0;
  border-right: solid 2px silver;
}

em.mdesc {
  font-size: smaller;
}

td.indexkey {
  background-color: #eeeeff;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

td.indexvalue {
  background-color: #eeeeff;
  font-style: italic;
  padding-right: 10px;
  padding-top: 2px;
  padding-left: 10px;
  padding-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

span.keyword {
  color: #008000;
}

span.keywordtype {
  color: #604020;
}

span.keywordflow {
  color: #e08000;
}

span.comment {
  color: #800000;
}

span.preprocessor {
  color: #806020;
}

span.stringliteral {
  color: #002080;
}

span.charliteral {
  color: #008080;
}

/* Bordered boxes. */

.round_corner_shadow_box_content,
.round_corner_shadow_box_shadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}

.round_corner_shadow_box_shadow {
  background-color: #cccccc;
  border-radius: 15px;
}

.round_corner_shadow_box_content {
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #7195d0;
  padding: .5em;
  border-radius: 15px;
}



/* Used in FreeRTOS ecosystem showcase. */

span.image_caption {
  font-weight: bold;
  font-size: 14px;
  line-height: normal;
}

span.code_comment {
  color: green;
}

/* Used on the homepage. */

#text_border {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  float: left;
  line-height: normal;
}

/* Used on red button page. */

#text_border1,
#text_border2,
#text_border3 {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  float: left;
  width: 100%;
}

/* Also used on the homepage. */

#text_border4 {
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  float: left;
  line-height: normal;
}

/* Used in the support forum archive. */

.thread-post {
  border-bottom: 1px solid #202020;
  padding: 30px 0;
  margin: 0;
}

.thread-post:last-of-type {
  border: 0;
}

.thread-post-title {
  margin: 0 0 20px;
}

.thread-post-author {
  font-size: 12px;
  margin: 0 0 20px;
}

.thread-post-content {
  white-space: pre-wrap;
}

.thread-post-content blockquote {
  margin: 0;
  font-style: italic;
  color: #0000ff;
}

.thread-post-content ul,
.thread-post-content ol {
  margin: 0;
}

#navigation {
  margin-bottom: 20px;
  font-size: small;
}

#googleSearch {
  max-width: 500px;
}

img,
embed,
object,
video {
  max-width: 100%;
}

.div_tree_menu img {
  max-width: 180px;
}

/* Chrome messes up formatting of large tree view lines if img have max-width of 100%. */

/* N.B. When there are multiple columns on the page content table, IE11 needs a max-width
 * on this column or else page content will not respect max-width of children
 */
#td_main_content_column {
  padding: 0 76px 0 64px;
  max-width: 921px;
}

/* N.B. Without a minimal max-width for a single-column page content table, IE11 will not
 * will not respect max-width of the body element. This works because a parent table
 * container is set to width 100%.
 */
.page-template-generic #td_main_content_column,
.page-template-sitemap #td_main_content_column,
.page-template-homepage-with-logo #td_main_content_column {
  max-width: 1px;
}

#id_tree_menu_column {
  width: 196px;
  padding: 0 25px 0 81px;
  border: none;
  border-right: 1px solid #f0f0f0;
}
#td_main_content_border {
  width: 0;
  padding-right: 0;
  padding-left: 0;
}
.legacy_main_top_header {
  margin-bottom: 48px;
}
#legacy_main_top_header {
  display: none;
}
#logo_sitemap_link {
  display: none;
}

/* Page header for new desktop design */
#afr_page_header_section {
  margin: 0 auto;
  border-bottom: 1px solid #C8C8C8;  
  max-width: 1440px;
}
#afr_page_header {
  display: flex;
  flex-direction: row;
  height: 80px;
}
#afr_page_header .freertos_logo {
  padding-left: 34px;
  display: flex;
  align-items: center;
}
#afr_page_header .freertos_logo img {
  height: 58px;
}

/* N.B. This adds an offset to any named anchor to
 * prevent the fixed nav from covering the target content
 * 111px = 81px (the height of the skinny header) + 30px (padding)
 */
 a[name] {
  padding-top: 111px;
  margin-top: -111px;
  display: inline-block; /* required for webkit browsers */
  pointer-events: none; /* prevents anchor from interfering with links */
}

/* Dark blue border above top navigation bar */
.legacy_main_top_header_border {
  height: 5px;
  background-color: #7095d3;
}

/* Space between dark blue border and light blue top navigation bar */
.legacy_main_top_header_spacing {
  height: 2px;
}

.legacy_main_top_subheader {
  height: 32px;
  background-color: #b6cffe;
}

.legacy_main_top_subheader .social_links {
  padding-right: 5px;
}

#Email_icon {
  float: right !important;
  padding: 1px 0 0 0 !important;
  line-height: 0 !important;
}

/* New "icon" to call out recently launched features */
.new_icon {
  background-color: black;
  color: white;
  padding: 0px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
}

/* LTS "icon" to callout reference integrations with LTS support */
.lts_icon {
  display: inline-block;
  margin-right: 10px;
  margin-top: 3px;
  background-color: black;
  color: white;
  padding: 0px 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-transform: uppercase;
}
/* Container for LTS "icon" and reference integration link */
.lts_reference_integration {
  display: inline-flex;
  flex-direction: row;
  align-items: start;
}
/* In refernce integrations table, position icon to the left of bullet */
#fr-reference-integrations-table .lts_icon {
  margin-right: 0;
  display: block;
  position: absolute;
  left: -65px;
}
#fr-reference-integrations-table ul {
  padding-left: 65px;
}
#fr-reference-integrations-table li {
  position: relative;
}

.code-caption {
  background-color: #f3f3f3;
  text-align: center;
}

.code-caption .image_caption {
  display: block;
  font-family: arial, helvetica, serif;
}

/* The following 2 classes, namely code-container and code-example, are for
 * formatting the source code examples on FreeRTOS website. These are not
 * expected to be used directly but via shortcodes:
 *
 * [code-table]
 *     <!-- Insert your code here. -->
 * [/code-table]
 * [code-caption]
 *     <!-- Insert your code caption here. -->
 * [/code-caption]
 */
div.code-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

pre.code-example {
  /* Background color and bordering. */
  background: #f3f3f3;
  border-right: 1px solid silver;
  border-left: 1px solid silver;

  /* Presentation within the block. */
  page-break-inside: avoid;
  word-wrap: normal;
  overflow: auto;
  /* The below display: inline-block ensures that the code only takes up the
   * minimum amount necessary instead of always filling the maximum width. */
  display: inline-block;
  max-width: 100%;
  font-family: monospace;

  /* Spacing. */
  line-height: 1.4;
  margin-bottom: 1.6em;
  padding: 1em 1.5em;
}

/* Utility classes */
.hidden {
  display: none !important;
}

/* Reduce logo padding when header becomes crowded */
@media screen and (max-width: 1151px) {
  #afr_page_header .freertos_logo {
    padding-left: 25px;
  }
}

@media screen and (max-width: 1023px) {
  body {
    width: 100%;;
  }
  .div_tree_menu,
  #id_tree_menu_column {
    width: 0;
    display: none;
  }
  .legacy_main_top_subheader {
    height: 24px;
  }
  #Email_icon {
    display: none;
  }
  #Twitter_icon {
    display: none;
  }
  #RSS_icon {
    display: none;
  }
  #sponsor_list {
    display: none;
  }
  /* N.B. Without a minimal max-width for a single-column page content table, IE11 will not
  * will not respect max-width of the body element. This works because a parent table
  * container is set to width 100%.
  */
  #td_main_content_column {
    padding: 15px;
    max-width: 1px;
  }
  .legacy_main_top_header {
    margin-bottom: 0;
  }
  #legacy_main_top_header {
    display: table-row;
  }
  #main_top_header {
    display: none;
  }
  /* In support forum archive, #main_top_header should have been renamed to #legacy_main_top_header.
  * Since it requires an update to 10K+ files, we'll instead target that element when it's in the
  * support forum template and apply the appropriate legacy style. */
  .post-type-archive-support_forum #main_top_header, .support_forum-template-default #main_top_header {
    display: table-row;
  }
  #logo_sitemap_link {
    display: block;
  }
}

@media screen and (max-width: 540px) {
  #logo_column {
    display: none;
    width: 0;
  }
  /* New "icon" to call out recently launched features */
  .new_icon {
    font-size: 11px;
  }
}