@import url("https://fonts.googleapis.com/css?family=Sintony:300,400,700");

      :root {
        --font: Sintony;
        --alt-font: Sintony;
        --accent-color: #093566;
        --secondary-color: #675c53;
        --link-color: #a9a9a9;
        --accent-highlight-color: #093566;
        --accent-highlight-background-color: #d8e9fc;
        --accent-tinted-color-70: #b5c2d1;
        --accent-tinted-color-80: #ced7e0;
        --accent-tinted-color-90: #e6ebf0;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #0d4d95;
        --secondary-hover-color: #83756a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #767676;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/bc2478ea-e866-4bf9-9e03-48d7013749c7/xo6wu0jnhsfg-logo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
#cart-button { display: none; }
.resource__title {
  background-color: rgba(26,70,134,.9) !important;
}

/* Site Container */

.container {
  max-width: none;
}

.home.page .home__content {
  padding: 0;
}

.layout__content .widget {
  margin: 0 auto;
  max-width: 1200px;
}

.layout__content .widget.full-width {
  max-width: 100%;
}

.ember-view.row {
  padding: 40px 0;
}

/* Header */

.header--article, 
.header--dashboard, 
.header--microsite {
  padding: 0;
}

.nav--top {
  position: absolute;
  right: 0;
}

.top-bar {
  background-color: #093566;
  border-bottom: 0;
  border-top: none;
}

.top-bar ul {
  background-color: #093566;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  color: #fff;
  background: transparent;
}

.top-bar-section ul {
  text-align: center;
  width: 100%;
}

.top-bar-section ul li {
  display: inline-block;
  float: none;
}

.header--microsite .company__beta-logo {
  max-height: none;
  max-width: 675px;
  padding: 40px 0;
}

.top-bar-section ul li {
  background-color: transparent;
  border-bottom: 4px solid #093566;
  border-top: 4px solid #093566;
  padding: 0;
}

.top-bar-section ul li:hover:not(.has-form) {
  border-bottom: 4px solid #fff;
}

.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):focus {
  background-color: #093566;
  background: #093566;
  color: #fff;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li:not(.has-form) a:not(.button):focus {
  background-color: #093566;
  background: #093566;
}

.header__inner {
  text-align: center;
}

/* Footer */

.footer {
  background-color: #093566;
  color: #fff;
  margin-top: 80px;
  padding: 0;
}

.footer a,
.footer__company__info {
  color: #fff;
  margin-bottom: 0;
}

.footer__inner {
  border-top: none;
  max-width: 1200px;
  padding: 32px 0
}

.footer .link img {
  max-height: 20px;
  max-width: 20px;
}

/* Typograhy */

.learner__sidebar-list > li, #learner h1, .session h1, #learner h2, .session h2, #learner h3, .session h3, #learner h4, .session h4, #learner h5, .session h5, #learner h6, .session h6, #learner .h1, .session .h1, #learner .h2, .session .h2, #learner .h3, #learner .catalog-calendar__table caption, .catalog-calendar__table #learner caption, #learner .quiz__container--learner .question__container h2, .quiz__container--learner .question__container #learner h2, #learner .quiz__container--assessment .question__container h2, .quiz__container--assessment .question__container #learner h2, #learner .metrics__title, .session .h3, .session .catalog-calendar__table caption, .catalog-calendar__table .session caption, .session .quiz__container--learner .question__container h2, .quiz__container--learner .question__container .session h2, .session .quiz__container--assessment .question__container h2, .quiz__container--assessment .question__container .session h2, .session .metrics__title, #learner .h4, #learner .collection__course__title, #learner .topic__index .topic__index__number, .topic__index #learner .topic__index__number, .session .h4, .session .collection__course__title, .session .topic__index .topic__index__number, .topic__index .session .topic__index__number, #learner .h5, .session .h5, #learner .h6, .session .h6, .hero .hero__caption span, .redactor-styles h1, .redactor-styles h2, .redactor-styles h3, .redactor-styles h4, .redactor-styles h5, .redactor-styles h6 {
  font-family: Georgia, serif;
}

#learner {
  font-family: Arial, sans-serif;
}

#learner h2 {
  color: #303641;
  font-size: 36px;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  text-align: left;
}

#learner h2:after {
  background-color: #675C53;
  bottom: 9px;
  content: '';
  display: inline-block;
  height: 2px;
  margin-left: 24px;
  position: absolute;
  width: 100%;
}

/* Front Page */

.ember-view.row.home-hero {
  padding: 0;
}

.hero .hero__caption {
  background: transparent;
  position: absolute;
  bottom: auto;
  left: 0;
  top: 48px;
}

.hero .hero__caption {
  text-shadow: 2px 2px 4px #093566, -2px -2px 4px #093566;
}

.hero .hero__caption .hero__title {
  color: #fff !important;
  font-size: 80px !important;
  font-weight: normal !important;
  letter-spacing: 2px;
  line-height: 1.3;
  margin-bottom: 0;
  text-transform: uppercase;
}

.home.index .hero .hero__caption .hero__title {
  text-align: center !important;
}

.hero .hero__caption .hero__title:after {
  content: none !important;
}

.hero .hero__caption .h4 {
  color: #fff;
  font-family: Arial, sans-serif !important;
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.home.index .home-video {
  margin-bottom: -80px;
  position: relative;
  text-align: center;
  top: -152px;
}

.home.index .home-video .video__container {
  margin: 0 auto;
  max-width: 960px;
}

.nav-callouts {
  text-align: center;
}

.nav-callouts img {
  transform: scale( .5 ); 
}

.nav-callouts .editor-content a:not(.btn) {
  border-bottom: none;
  color: #303641;
  font-family: Georgia, serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
}

/* Subpage */

.subpage-hero.ember-view.row {
  padding-top: 0;
}

.subpage-hero .hero .hero__caption {
    top: 0;
}

.subpage-hero .hero .hero__caption .hero__title {
    font-size: 48px !important;
    text-transform: initial;
}

.home.page .widget--html {
  text-align: center;
}

/* Resource Center */

.layout__content .widget.resource-callouts {
  max-width: 800px;
}

.resource-callouts img:first-of-type {
  border-radius: 8px 8px 0 0;
}

.resource-callouts img:nth-of-type(2) {
  max-width: 155px;
}

.resource-callouts img {
  margin-bottom: 16px;
}

.editor-content a:not(.btn), 
.redactor_editor a:not(.btn) {
  border-bottom: 2px solid #093566;
  color: #093566;
  font-weight: bold;
  letter-spacing: 1px;
}

.editor-content a:not(.btn):hover, 
.redactor_editor a:not(.btn):hover {
  border-bottom: 2px solid transparent;
  color: #093566;
  font-weight: bold;
  letter-spacing: 1px;
}

/* Partner Page */

.partner-resource-callout .editor-content img {
  border-radius: 8px;
  float: left;
  margin-right: 24px;
  max-width: 200px;
}

.ember-view.row.partner-resource-gallery {
  padding: 0 0 40px;
}

.partner-resource-gallery .featured-content-multi-carousel-item {
  background: transparent;
  border-right: none;
}

.partner-resource-gallery .featured-content-multi-carousel-item img {
  padding: 0;
}

.partner-resource-video .video__container {
  margin: 0 auto;
  max-width: 960px;
}

.partner-resource-gallery .featured-content-multi-carousel__nav-right,
.partner-resource-gallery .featured-content-multi-carousel__nav-left {
  top: 40%;
}

.partner-resource-gallery .btn--bare-icon {
  color: #303641 !important;
}

.partner-resource-gallery .icon-navigateright:before,
.partner-resource-gallery .icon-navigateleft:before {
  font-weight: 700;
}

/* Graduate Center */

.graduate-center-callout .editor-content img {
  border-radius: 8px;
  float: left;
  margin-right: 24px;
  max-width: 275px;
}

@media only screen and (max-width: 1200px) {
  
  /* Site Container */

  .layout__content .widget,
  .footer__inner {
    max-width: 95%;
  }

}

@media only screen and (max-width: 960px) {

  /* Subpage */

  .subpage-hero .hero .hero__caption {
    padding: 8px 24px 16px;
  }

}

@media only screen and (max-width: 800px) {

  .layout__content .widget.resource-callouts {
      max-width: 95%;
  }
  
  .layout__content .widget.resource-callouts .row .medium-6.columns:first-of-type {
    margin-bottom: 48px;
  }

}

@media only screen and (max-width: 768px) {

  /* Site Container */

  .ember-view.row {
    padding: 24px 0;
  }

  /* Nav */

  .top-bar .toggle-topbar button,
  .top-bar.expanded .toggle-topbar.menu-icon button {
    color: #fff;
  }

  .top-bar .toggle-topbar.menu-icon button span:after,
  .top-bar.expanded .toggle-topbar.menu-icon button span:after {
    box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
  }

  .top-bar.expanded,
  .top-bar.expanded .title-area {
    background: #093566;
  }

  .top-bar-section ul li {
    display: block;
  }
  
  /* Footer */
  
  .footer__links {
    margin-top: 24px;
  }
  
  /* Front Page */
  
  .hero .hero__caption .hero__title {
    font-size: 64px !important;
    line-height: 1.13;
  }

  .hero .hero__caption .h4 {
    font-size: 20px;
  }

  .home.index .home-video {
      margin-bottom: -40px;
      top: -80px;
  }

}

@media only screen and (max-width: 500px) {

  /* Header */

  .header .company__beta-logo {
    max-width: 90%;
    padding: 64px 0 24px;
  }

  /* Typograhy */

  #learner h2 {
    font-size: 28px;
  }

  /* Front Page */
  
  .hero .hero__caption {
    top: 0;
  }

  .hero .hero__caption .hero__title {
    font-size: 40px !important;
  }

  .hero .hero__caption .h4 {
    font-size: 18px;
  }

  .hero .hero__caption {
    padding: 20px;
  }

  .home.index .home-video {
    margin-bottom: 0;
    top: 0;
  }
  
  /* Sub Page */
  
  .subpage-hero .hero .hero__caption .hero__title {
    font-size: 24px !important;
  }
  
  .subpage-hero .hero .hero__caption {
    padding: 16px 24px;
  }

  .partner-resource-callout .editor-content img,
  .graduate-center-callout .editor-content img {
    border-radius: 8px;
    float: initial;
    margin-bottom: 24px;
    margin-right: 0;
  }

}