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

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #2c2c33;
        --secondary-color: #002d72;
        --link-color: #004bbf;
        --accent-highlight-color: #2c2c33;
        --accent-highlight-background-color: #eeeef0;
        --accent-tinted-color-70: #c0c0c2;
        --accent-tinted-color-80: #d5d5d6;
        --accent-tinted-color-90: #eaeaeb;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #44444e;
        --secondary-hover-color: #0041a5;
        --secondary-contrast-color: #fff;
        --link-hover-color: #267bff;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/60d0952e-0beb-434b-ab24-b87a8af124e2/hmbuwx0l26g8-bg.png'); background-attachment: fixed; background-size: cover; }
.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/60d0952e-0beb-434b-ab24-b87a8af124e2/h5nr0vqa9ifp-logo-jhucte-black.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
:root {
  --default-color: #1a1a1e;
  --default-header-color: #403e42;
  --accent-grey: #646464;
  --accent-ultralight-grey: #d7d7d7;
  --accent-light-grey: #ababab;
  --accent-medium-grey: #767676;
  --accent-dark-grey: #424242;
}

/* quotes */

.home-quotes--quote {
  color: #000000;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992067/h7brbvjntdktknrz4cjp.png);
  padding-top: 80px;
	font-weight: 300;
}
.home-quotes--holder .home-quotes--author {
	font-family: 'Montserrat', sans-serif;
  font-style: italic;
  color: #000000;
  padding-top: 16px;
  font-size: 22px;
  font-weight: 300;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
.home-quotes--holder .home-quotes--author:before {
	content: "";
	position: absolute;
	top: 0;
	height: 0;
	min-width: 180px;
	border-top: 1px solid #000000;
	margin-left: calc(50% - 90px);
	display: block;
}
.home-quotes--item.slick-slide {
  min-height: 489px;
  display: flex;
  flex-direction: column;
  justify-content: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.home-quotes--holder {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.home-quotes--holder h1 {
	font-size: 1.75rem;
	text-align: center;
}
.home-quotes--holder .home-quotes--author-info {
	color: #000000;
	font-style: italic;
	text-align: center;
	font-weight: 100;
}

/* terms */

.terms__copy ol,
.terms__copy p,
.terms__copy table,
.terms__copy ul {
  font-size: 0.85rem;
}
.terms__copy h5 {
  text-align: inherit;
}

/* pattern: image-text style */

.image-text-block {
  padding: 1.25em 0px;
  margin: 0px !important;
  border-top: 1px solid #e9e9e9;
}
.results__list ul.list-descriptor li {
  color: inherit;
  font-size: inherit;
  padding: inherit;
}

@media only screen and (max-width: 48.062em) {

  .image-text figure {
    padding: 1em 0px 1.5em;
    margin: 0px;
  }

}

@media only screen and (min-width: 48.063em) {

  .image-text figure {
    width: 45%;
    float: left;
    padding: 0.35em 2rem 0px 0px;
    margin: 0px;
    overflow: hidden;
  }

}

/* highlight interactive */

@media only screen and (min-width: 48.063em) {

  .topic__content--image .image-tag .image-tag__popup .popup__media {
    width: 100%;
  }
  .topic__content--image .image-tag .image-tag__popup .popup__media button.btn {
    margin: 0px 0px 0.5em;
  }
  .topic__content--image .image-tag .popup__caption {
    padding: 1em 0.75rem;
  }

}

/* carousel styling */

.slick-initialized .home-quotes--item.slick-slide {
  display: flex;
}
.home-quotes .slick-arrow {
  position: absolute;
  z-index: 5;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 36px;
  text-indent: 110%;
  line-height: 60px;
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0.2s ease-in;
  margin: 0;
  padding: 0;
}
.home-quotes .slick-arrow:hover {
  opacity: 0.9;
}
.home-quotes .slick-arrow.slick-prev {
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992209/l0vlulakuujrbzf1kngy.png);
  left: 15px;
}
.home-quotes .slick-arrow.slick-next {
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1502992275/w012zm8b2tgmrtxsvuk6.png);
  right: 15px;
}
.home-hero .hero .hero__caption a {
  margin-top: 15px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
}
.hero .hero__caption .hero__title {
	text-align: center;
	font-weight: 300;
}

/* footer */

.footer .footer__powered-by {
  display: none !important;
  border: none;
  padding: 7px 0 0 0;
  margin: 0;
}
.footer {
  background-color: var(--accent-color);
  color: #ffffff;
  margin-top: 2rem;
}
.footer__inner {
  border: none;
  padding: 1.25em 0px;
}
.footer__company__info {
  margin-bottom: 0;
}
.footer .link,
.footer__links strong {
  display: none;
}
.footer .link,
.footer .link a,
.footer .link a:focus,
.footer .link a:hover,
.footer__company__info,
.footer__company__name,
.footer__powered-by,
.footer__powered-by a {
  color: #ffffff;
}

/*

.footer__links a {
  display: block;
  overflow: hidden;
  height: 30px;
  width: 30px;
  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/question.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: 110%;
  line-height: 30px;
}

*/

/* microsite nav */

@media only screen and (min-width: 48.063em) {

  .index.home .header.header--microsite {
    position: absolute;
    top: 42px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10;
    width: 100%;
  }
  .top-bar {
    border: none;
    background: transparent;
    float: right;
    padding-right: 58px;
    margin-top: -75px;
  }
  .top-bar-section ul li {
    background: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
    font-size: 20px;
    line-height: 36px;
    padding-right: 34px;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover,
  .top-bar-section li:not(.has-form) a:not(.button):focus {
    background-color: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    background-color: transparent;
  }
  .top-bar-section ul li:hover:not(.has-form) > a {
    background-color: transparent;
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: -60px;
  }
  .nav--top ul a,
  .nav--top ul button {
    background: none;
    color: inherit;
  }

  /* replace the cart link with cart icon

  .nav--top ul a {
    position: absolute;
    top: 0;
    right: 5px;
  }

   .nav--top ul li:last-of-type a {
    overflow: hidden;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/cart.svg);
    background-repeat: no-repeat;
      background-size: 90%;
      background-position: 50% 50%;
      text-indent: 400%;
      width: 36px;
      height: 36px;
      position: absolute;
      right: 39px;
      top: 49px;
    z-index: 4;
  }
  .nav ul>li:not(.has-form) a:not(.button):focus,
  .nav--top ul li:last-of-type a:focus {
    background-color: transparent;
  }

  */

  /* dropdown */

  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
  .top-bar-section .dropdown li a {
    width: auto;
    height: auto;
    text-indent: 0;
    overflow: visible;
    margin-left: 0;
    text-align: right;
    padding-right: 15px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
  }
  .home-hero .hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 44%;
    left: 0;
    right: 0;
    z-index: 5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.60+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    transition: top 0.3s ease-in;
  }
  .home-hero .hero .hero__caption {
    background-color: transparent;
    z-index: 5;
    color: #fff;
    width: 90%;
    left: 50%;
	  transform: translateX(-50%);
  }
  .home-hero .hero .hero__caption h2 {
    color: #fff;
    font-size: 48px;
  }
  #learner .home-hero .hero .hero__caption .h4 {
    color: #fff;
    font-weight: 200;
    font-size: 23px;
    display: block;
  	text-align: center;
  	max-width: 610px;
  	margin-left: auto;
  	margin-right: auto;
  }
  .layout__content .home-hero .hero {
    margin-bottom: 15;
  }
  .home-quotes--item,
  .home-quotes--item.slick-slide {
    min-height: 489px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .slick-initialized .home-quotes--item.slick-slide {
    display: flex;
  }
  .home-quotes--holder {
    width: 80%;
  }
  .home-quotes--holder h1 {
    font-size: 2.25rem;
  }

}

.navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active):focus > a:not(.button),
.navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button),
.navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button),
.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):active,
.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):focus,
.navigation-bar .top-bar-section li:not(.has-form) a:not(.button):hover,
.navigation-bar .top-bar-section ul li:active:not(.has-form) > a,
.navigation-bar .top-bar-section ul li:focus:not(.has-form) > a,
.navigation-bar .top-bar-section ul li:hover:not(.has-form) > a,
.nav--top ul a:active,
.nav--top ul a:focus,
.nav--top ul a:hover,
.nav--top ul button:active,
.nav--top ul button:focus,
.nav--top ul button:hover,
.nav ul > li:not(.has-form) a:not(.button):focus,
.nav ul > li:not(.has-form) a:not(.button):hover {
  background: none;
  background-color: transparent;
  color: inherit;
  font-weight: bold;
}

/* 3 icons section */

.three-icons-section .editor-content {
	text-align: center;
}
#learner .three-icons-section .editor-content h3 {
	padding-top: 12px;
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 8px;
}
.hero__caption {
  text-align: center;
  width: 200px;
  display: block;
}

/* accordion */

.topic__list__item {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}

/* recipe */

.panel .recipe__ingredients {
  color: inherit;
}
.recipe__ingredients span.h3,
.recipe__nutrition.panel span.h4 {
  display: block;
  margin-bottom: 0.35em;
}
.recipe__ingredients span.h3 {
  color: #403e42;
}
.recipe__ingredients .ingredient__list {
  margin: 0px 0px 1.5em 0px;
}

/* embed */

.embed-responsive {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-item.framed {
  border: 1px solid var(--accent-color);
  border-radius: 6px;
  margin-bottom: -1px;
  padding-bottom: 1px;
}
#embed-script h4 {
  font-family: var(--alt-font);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.25;
}

/* alignment */

.topic__container {
  padding-top: 1rem;
}
.topic__container.topic__container__embed {
  padding-top: inherit;
}
.topic__container .topic__content,
.topic__container.topic__container__video,
.topic__container.topic__container__presentation .topic__content.topic__content--pre-text-block,
.topic__container.topic__container__slideshow .topic__content.topic__content--pre-text-block {
  padding-left: 1rem;
  padding-right: 1rem;
}
.topic__container .topic__content--image .topic__content,
.topic__container .topic__content.topic__content--pre-text-block,
.topic__container .quiz__container,
.topic__container .topic__video--with-body {
  padding-left: 0;
  padding-right: 0;
}
.topic__container .topic__video--with-body .video__container {
  padding: 1rem 0px;
}
.video__caption .video__caption__copy {
  color: var(--accent-grey);
  font-size: inherit;
}
.quiz-start__text .quiz-start__sub-text p {
  text-align: center;
  margin-left: 0;
}

@media only screen and (max-width: 48.062em) {

  .topic__container .topic__content--image .topic__content,
  .topic__container .topic__content.topic__content--pre-text-block,
  .topic__container .topic__content.topic__content--post-text-block {
    padding-left: inherit;
    padding-right: inherit;
  }

}

@media only screen and (min-width: 48.063em) {

  .topic__content.topic__content--text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .topic__content--pre-text-block.topic__content.topic__content--text {
    padding-left: 0;
    padding-right: 0;
  }
  .topic__text__body {
    padding: 0;
  }

}

/* course detail */

.container:has(.course__detail__header) {
  padding-top: 1rem;
}
.course__detail__header h1.h2 {
  font-size: 2.25rem;
}
.course__detail__asset img {
  width: 100%;
  height: auto;
}
.course__detail__sidebar .panel {
  margin-bottom: 1em;
  background: none;
  padding: 0px;
}
.course__detail__sidebar .h2.widget__title {
  color: var(--default-header-color);
}
.course__detail__sidebar .widget--course-purchase .ember-view.btn {
  background: var(--accent-color);
  color: #ffffff;
}
.course__detail__sidebar input[type="submit"].btn {
  padding-top: 1em;
  padding-bottom: 1em;
}
.course__detail__sidebar .widget--course-purchase .ember-view.btn:active,
.course__detail__sidebar .widget--course-purchase .ember-view.btn:focus,
.course__detail__sidebar .widget--course-purchase .ember-view.btn:hover {
  background: var(--accent-hover-color);
}
.course__detail__sidebar .course__includes__list {
  margin: 1em 0px;
}
.course__detail__sidebar .course__includes__list li {
  display: flex;
  align-items: center;
  margin: 1.5em 0px 1em;
}
.course__detail__sidebar .course__includes__list li i {
  flex: none;
  margin-top: 0px;
  margin-right: 1.25rem;
}
.course__detail__sidebar .course__includes__list li > span {
  padding-left: 0px;
}
.course__detail__sidebar .sidebar-enter .btn.btn--primary {
  background: var(--accent-color);
  color: #ffffff;
}
.course__detail__sidebar .sidebar-enter .btn.btn--primary:focus,
.course__detail__sidebar .sidebar-enter .btn.btn--primary:hover {
  background: #ffffff;
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
}
.header.header--checkout .company__beta-logo {
  margin-left: 0px;
}

/* nav */

.learner__sidebar-list {
  max-height: 500px;
}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {
  color: #403e42;
}
.syllabus__topic.syllabus__topic--active {
  font-weight: 500;
}
.syllabus__topic--non-expandable-title-text {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.syllabus__topic {
  padding: 0.3em 0.35rem 0.2em;
}
.learner__container__toggle {
  margin-left: 2rem;
}
.learner-section__progress {
  padding: 0px 1rem;
}
.learner-section__progress .section-progress-bar {
  padding: 0px;
}
.directional__nav {
  padding: 0px 1rem;
}
.directional__nav__button {
  border-radius: 50%;
}
.directional__nav__button__container--prev a {
  padding: 0px 1rem 0px 0px;
}
.directional__nav__button__container--next a {
  padding: 0px 0px 0px 1rem;
}
.directional__nav button.directional-nav__arrow {
  padding-right: 0px;
}
.learner-section__title__container {
  margin-bottom: 1.5rem;
}
.learner-section__title__container h3 {
  margin-top: 0.5em;
}
.learner-section__title__container .learner-section__title {
  display: block;
  font-size: 0.9rem;
  line-height: 1;
  margin-bottom: 0.25em;
  padding-top: 0.35rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.learner-section__title {
  color: var(--accent-medium-grey);
}
.learner-section__title__slash {
  display: none;
}
h3 .learner-lesson__title {
  font-size: 1.75rem;
  font-weight: 600;
}
.directional__nav:not(:last-of-type) .directional__nav__button__container {
  margin-top: -30px;
  margin-bottom: 0.5rem;
}
.directional__nav a,
.directional__nav button.directional-nav__arrow {
  background: #ffffff !important;
  padding-top: 0;
  margin-top: 0.8rem;
}
.directional__nav a,
.directional__nav button.directional-nav__arrow.btn.btn--bare {
  margin-bottom: 0;
}
.directional__nav .directional__nav__label {
  visibility: visible;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2.5;
  letter-spacing: 0.035rem;
  color: var(--accent-medium-grey);
}
.directional__nav .directional__nav__button i {
  font-size: 1.15rem;
  font-weight: 700;
  vertical-align: top;
  line-height: 30px;
}

/* layout */

@media only screen and (min-width: 64.063em) {

.learner__sidebar {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 22.5%;
    float: left;
    padding: 1rem 0.5rem 1rem 1.5rem;
  }
  .learner__content {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 77.5%;
    float: left;
    padding: 1rem;
  }
  .learner__container--closed .learner__content {
    width: 100%;
    padding: 1rem 9rem;
  }
  .topic__sidebar.topic__sidebar--text {
    padding-right: 1rem;
  }

}

.learner__sidebar {
  opacity: 0;
}
.learner__container--toggled .learner__sidebar {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.learner__container--toggled .learner__content {
  -webkit-transition: 0.15s;
  -moz-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  transition-timing-function: ease-in-out;
}
.expandable-sidebar__buttons {
  padding-bottom: 0.75rem;
}
.learner__content .audio__player {
  padding-right: 2.5rem;
  padding-top: 0.45rem;
}
.learner__content .bookmark-plus {
  padding-top: 0.125em;
}

@media only screen and (max-width: 48.062em) {

  .learner__content .bookmark-plus {
    padding-top: 0px;
  }

}

/* resources */

@media only screen and (max-width: 48.062em) {

  .tools__container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

@media only screen and (min-width: 48.063em) {

  .tools__container.resources__container .resources__list > li:nth-of-type(4n+1) {
    clear: both;
  }
  .tools__container.resources__container .resources__list > li:nth-of-type(3n+1) {
    clear: none;
  }
  .tools__container.resources__container .resources__list > li {
    width: 25%;
  }

}

.tools__container.resources__container .resource__title {
  min-height: 65px;
  font-size: 0.85em;
}
.tools__container.resources__container .header--tools {
  margin-bottom: 0.5rem;
}

/* header */

.header--student {
  box-shadow: none;
  overflow: hidden;
}
.header .company__beta-logo,
.header--microsite .company__logo,
.header--microsite .company__beta-logo {
  max-width: 450px;
  max-height: 70px;
  margin-top: -10px;
}
.header--article,
.header--dashboard,
.header--microsite {
  padding: 1em 1rem 0px;
}
.header.header--student .company__beta-logo .company-logo__container img,
.header .company__beta-logo img,
.header .company__beta-logo .company-logo__container img {
  max-height: 70px;
}
.course__container .header .company__beta-logo .company-logo__container {
  margin-top: 0;
}
.header--student .header__left__icon {
  background: #cfcdcd;
  border-right: 2px solid #cfcdcd;
  color: #000000;
  width: 4rem;
  height: 3rem;
  margin: 0;
  padding: 0.825rem 1rem;
  text-align: center;
}
.header--student .header__left__icon:hover {
  background: #d9d7d7;
  color: #000000;
}
.header--student .header__left__icon .icon-home {
  font-size: 125%;
  font-weight: 500;
}
.header--student .header__left__copy {
  width: 85%;
  height: 3rem;
  padding: 0;
}
.header--student .course-title {
  background: #f1f0f0;
  color: var(--accent-highlight-color);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 3rem;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  display: inline-block;
}

@media only screen and (min-width: 24em){

  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
    margin-bottom: 0.5rem;
    width: 300px;
    height: 110px;
    margin-top: -9px;
    margin-left: 11px;
  }

}

@media only screen and (min-width: 30.063em) {

}

@media only screen and (max-width: 48em) {

  .header--learner {
    height: 3rem;
  }

}

@media only screen and (max-width: 48.062em) {

  .header .company__beta-logo,
  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
    display: flex;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    max-height: 60px;
  }
  .header--student .header__left__copy {
    width: calc(100% - 4.5rem);
  }
  .home__content {
    padding: 0px 1rem;
  }

}

@media only screen and (min-width: 48.063em) {

  .header--student {
    height: 4.75rem;
    padding-top: 1rem;
    padding-right: 3rem;
  }
  .header--student .header__right {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header.header--student .company__beta-logo {
    max-width: 400px;
  }
  .course-title {
    font-size: 1.15rem;
    display: inline-block;
  }

}

@media only screen and (min-width: 55em) {

  .header .company__beta-logo,
  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
    margin-bottom: 0.3rem;
    width: 326px;
    height: 110px;
    margin-top: 3px;
    margin-left: -9px;
  }
  .home-hero .hero .hero__caption {
    width: 80%;
  }
  .home-hero .hero .hero__caption h2 {
    font-size: 53px;
  }

}

@media only screen and (min-width: 64.063em) {

  .header .company__beta-logo,
  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
    margin-bottom: 0.3rem;
    width: 361px;
    height: 110px;
    margin-top: -5px;
    margin-left: 0px;
  }

}

@media only screen and (min-width: 70em) {

  .header .company__beta-logo,
  .header--microsite .company__logo,
  .header--microsite .company__beta-logo {
    margin-bottom: 0.5rem;
    width: 450px;
    height: 70px;
    margin-top: -10px;
    margin-left: 15px;
  }

}

@media only screen and (min-width: 72.063em) {

  .home-hero .hero:before {
    top: 44%;
  }

}

@media only screen and (min-width: 80.063em) {

}

/* tbci set-up */

.tbci-setup {
  margin: 2rem 0px;
}
[class^="setup-0"] + [class^="setup-0"] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.column.setup-letter,
.column.setup-desc {
  padding-left: 0px;
  padding-right: 0px;
}
.setup-letter {
  width: 140px;
  height: 140px;
  color: var(--accent-color);
  font-size: 70px;
  font-weight: 900;
  text-align: center;
  margin-right: 30px;
}
.setup-01 .setup-letter {
  border-top: 24px solid var(--accent-tinted-color-90);
}
.setup-02 .setup-letter {
  border-top: 24px solid var(--accent-tinted-color-80);
}
.setup-03 .setup-letter {
  border-top: 24px solid var(--accent-tinted-color-70);
}

/* add white card letters

.setup-letter {
  line-height: 140px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 10px 30px -12px rgb(100 100 100 / 42%), 0 4px 25px 0 rgb(100 100 100 / 12%), 0 8px 10px -5px rgb(100 100 100 / 20%);
}

/* add color letters

.setup-letter {
  line-height: 140px;
  border-radius: 12px;
}
.setup-01 .setup-letter {
  color: inherit;
  background-color: var(--accent-tinted-color-90);
  box-shadow: none;
}
.setup-02 .setup-letter {
  color: inherit;
  background-color: var(--accent-tinted-color-80);
  box-shadow: none;
}
.setup-03 .setup-letter {
  color: inherit;
  background-color: var(--accent-tinted-color-70);
  box-shadow: none;
}

*/

.setup-desc {
  width: calc(100% - 170px);
}
.setup-desc .lead {
  font-size: 1.35rem;
  line-height: 1;
  text-transform: uppercase;
  color: var(--accent-color);
}

@media only screen and (max-width: 48.062em) {

  .setup-letter {
    width: 100%;
    height: 70px;
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 1.5rem;
  }
  .setup-01 .setup-letter {
    border-top: none;
    border-bottom: 12px solid var(--accent-tinted-color-90);
  }
  .setup-02 .setup-letter {
    border-top: none;
    border-bottom: 12px solid var(--accent-tinted-color-80);
  }
  .setup-03 .setup-letter {
    border-top: none;
    border-bottom: 12px solid var(--accent-tinted-color-70);
  }
  .setup-desc {
    width: 100%;
  }

}

/* feature table */

table#feature-table {
  margin: 2rem -15px;
  border-spacing: 15px 10px;
  border-collapse: separate;
  width: calc(100% + 30px);
}
#feature-table tr {
  width: 50%;
}
#feature-table td {
  vertical-align: top;
  padding: 1em 1rem;
  border: 1px solid var(--accent-tinted-color-70);
  border-radius: 3px;
}
#feature-table thead td {
  background: var(--accent-highlight-background-color);
  border: 1px solid var(--accent-highlight-background-color);
}
#feature-table h5,
#feature-table h6 {
  text-transform: none;
}
#feature-table h5 {
  color: #1a1a1e;
  font-size: 1.15rem;
  text-align: center;
  margin: 0.5em auto;
}
#feature-table h6 {
  color: var(--accent-color);
  font-size: 1rem;
}
#feature-table ul.list-block {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}
#feature-table ul.list-block li {
  margin-left: 0px;
  padding-left: 0px;
}

/* feature list */

ul.list-block,
.editor-content ul.list-block,
ul.list-block > li,
.editor-content ul.list-block > li {
  padding-left: 0px;
  margin-left: 0px;
}
ul.list-block {
  list-style-type: none;
}
.linked:before,
ul.list-block > li:before {
  content: "";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: ti-icons-rev2;
  font-style: normal;
  font-variant: normal;
  color: var(--link-color);
  font-weight: inherit;
  line-height: 1;
  text-transform: none;
  margin-right: 5px;
}

/* feature cards */

.feature-card {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  position: relative;
  width: calc(100% + 4rem);
  list-style: none;
  margin: 2rem -2rem;
  padding: 0px;
}
.feature-card > li {
  position: relative;
  margin: 2rem;
}
.feature-card > li > a.card-list {
  display: block;
  flex-basis: auto;
  flex-grow: 1;
  position: relative;
  background: #ffffff;
  box-shadow: 0 1px 6px 0 rgb(30 30 30 / 12%), 0 1px 6px 0 rgb(30 30 30 / 12%);
  border: transparent;
  border-radius: 6px;
  color: inherit;
  text-decoration: none;
}
.feature-card > li > a.card-list:focus,
.feature-card > li > a.card-list:hover,
.feature-card > li > a.card-list:active {
  color: inherit;
  box-shadow: 0 1px 6px 0 rgb(30 30 30 / 12%), 0 1px 6px 0 rgb(30 30 30 / 12%) !important;
}
.feature-card .card-cover {
  padding: 1.5rem 1.5rem 0px;
  text-align: center;
}
.feature-card .card-cover.cover-full {
  padding: 0px;
}
.feature-card .card-cover.cover-full > img {
  border-radius: 6px 6px 0px 0px;
}
.feature-card .card-desc {
  padding: 1.5rem 1.5rem 1rem;
}
.feature-card .card-desc h5 {
  font-family: var(--alt-font);
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.375;
  text-align: center;
}
.feature-card .card-footer {
  display: block;
  padding: 0.75rem 1rem;
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
  border-radius: 0px 0px 6px 6px;
  color: var(--secondary-contrast-color);
  font-size: 1.15rem;
  font-weight: 500;
  text-align: center;
  margin-left: -1px;
  margin-right: -1px;
}
.feature-card .card-footer.bg-secondary {
  background: var(--secondary-color);
  border: 1px solid var(--secondary-color);
}


@media only screen and (max-width: 48.062em) {

  .feature-card {
    width: 100%;
    margin: 2rem auto;
  }
  .feature-card > li {
    width: 100%;
    margin: 2rem 0px;
  }
  .feature-card > li:first-of-type {
    margin-top: 0px;
  }
  .feature-card .card-desc {
    min-height: 1px;
  }

}

@media only screen and (min-width: 48.063em) and (max-width: 48.064em) {

  .feature-card > li {
    width: calc(50% - 4rem);
  }
  .feature-card .card-desc {
    min-height: 31.5vh;
  }

}

@media only screen and (min-width: 48.063em) {

  .feature-card.card-two > li {
    width: calc(50% - 4rem);
  }
  .feature-card.card-two .card-desc {
    min-height: 31.5vh;
  }

}

@media only screen and (min-width: 60.063em) {

  .feature-card:not(.card-two) > li {
    width: calc(33.33% - 4rem);
  }
  .feature-card:not(.card-two) .card-desc {
    min-height: 38.5vh;
  }

}

@media only screen and (min-width:992px) and (max-width:1199px) {

  .feature-card > li,
  .feature-card:not(.card-two) > li {
    width: calc(50% - 4rem);
  }
  .feature-card .card-desc {
    min-height: 31.5vh;
  }

}

/* adjustments */

#ti-terms {
  display: none !important;
}
button#cart-button {
  display: none;
}
.default-frame {
  margin: 2em 0px;
}
.figure-frame {
  margin: 1em 0px;
}

/* learning path */

.learning-path_custom-layout .widget--learning-path-content-hero.widget--learning-path-content-hero_standard .learning-content-hero--with-asset .learning-content-hero__caption {
  top: 25%;
}

/* style modifer */

body,
.topic__text__body,
.course__detail__header p,
.course__detail__content {
  color: var(--default-color);
}
h1, h2, h3, h4, h5, h6,
.course__detail__header,
.course__detail__header h1,
.course__detail__header h2,
.course__detail__header h3,
.course__includes__title,
.topic__list__title {
  color: var(--default-header-color);
}
.h2.widget__title,
h2.widget__title {
  color: inherit;
  font-size: 2rem;
  font-weight: 700;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.35rem;
}
h5 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25em;
}
.text-default {
  color: var(--default-color);
}
.text-primary {
  color: var(--accent-color);
}
.text-secondary {
  color: var(--secondary-color);
}
.text-tertiary {
  color: var(--tertiary-color);
}
.text-inverse {
  color: #ffffff;
}
.emphasis {
  color: var(--secondary-color);
  font-weight: 600;
  font-style: italic;
}
.strong {
  font-weight: 700;
}
.semibold {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.font-inherit {
  font-style: inherit;
}
.bg--primary,
.btn.bg--primary {
  background-color: var(--accent-color);
}
.bg--secondary,
.btn.bg--secondary {
  background-color: var(--secondary-color);
}
.border--primary {
  border: 1px solid var(--accent-color);
}
.border--secondary {
  border: 1px solid var(--secondary-color);
}
.list-unit {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.quiz__container h3.h4,
.assignment__container .h2 {
  color: #403e42;
  font-size: 1.35rem;
}
figcaption,
.citation {
  color: var(--accent-grey);
  font-size: 0.875rem;
  line-height: 1.35;
  font-style: normal;
  margin-top: 10px;
}
.editor-content p + h4 {
  margin-top: 1.25em;
}
.editor-content a:not(.btn):hover,
.editor-content a:not(.btn):focus,
.redactor_editor a:not(.btn):hover {
  color: #002d72;
}
.editor-content ol,
.editor-content ul {
  padding-left: 1rem;
}
.editor-content ol li,
.editor-content ul li {
  padding-left: 0.375rem;
  margin-bottom: 0.5em;
}
ul.nav-inline,
.editor-content ul.nav-inline {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
}
ul.nav-inline > li,
.editor-content ul.nav-inline > li {
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0px;
}
.padding-none {
  padding: 0px !important;
}
.margin-none {
  margin: 0px !important;
}
.align-left,
.text-left {
  text-align: left;
}
.align-right,
.text-right {
  text-align: right;
}
.align-center,
.text-center {
  text-align: center;
}
.font-default {
  font-family: var(--font) !important;
}
.font-alt {
  font-family: var(--alt-font);
}
table.zebra tr:nth-of-type(2n) {
  background: #ebebeb;
}
table.zebra thead th:nth-of-type(odd) {
  background: #ebebeb;
}
table.zebra thead th {
  background: hsla(0,0%,96%,0.4);
  border: none;
}
table.zebra td:nth-of-type(2n) {
  background: hsla(0,0%,96%,0.4);
}
.logged-out .expandable-sidebar__toggle {
  background-color: var(--accent-color);
  color: var(--accent-contrast-color);
}

@media only screen and (min-width: 48.063em) {

  img.resizable {
    width: 60%;
    float: none;
    margin: auto;
  }

}