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

      :root {
        --font: Montserrat;
        --alt-font: Montserrat;
        --accent-color: #0e665c;
        --secondary-color: #f28d2c;
        --link-color: #0e665c;
        --accent-highlight-color: #0b5048;
        --accent-highlight-background-color: #defbf7;
        --accent-tinted-color-70: #b7d1ce;
        --accent-tinted-color-80: #cfe0de;
        --accent-tinted-color-90: #e7f0ef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #149384;
        --secondary-hover-color: #dd730e;
        --secondary-contrast-color: #111;
        --link-hover-color: #1ac0ad;
      }
      

.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/v1475280798/bmesy4yvwgdttlu4mhgo.jpg') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
#microsite .header__inner {
  padding-bottom: 0;
}
.nav--secondary {
  margin-top: 0;
  border-top: 9px solid #393939;
  border-bottom: 1px solid #393939;
  padding: 0;
}
.nav--secondary ul li a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
}
.hero .hero__caption {
  background: rgba(0, 0, 0, 0.65);
  max-width: 50%;
  bottom: 1rem;
}
.hero .hero__caption .hero__title,
.hero .hero__caption .h4 { color: #fff; display: block; margin-bottom: 1rem; }
.hero .hero__caption .h4 { font-size: .875rem; }
.hero .hero__caption .btn { clear: both; }
.enroll__secondary-actions .icon-gift {display:none}
/* Masonry */
.course__masonry-grid {
  margin: 0;
  padding: 0;
}
.course__masonry-grid li {
  list-style: none;
  padding: .5em 0;
  
  width: 50%;
}
.course__masonry-grid li.grid-item--wide {
   width: 100%;
}
.course__masonry-grid li a {
  overflow: hidden;
  display: block;
  position: relative;
}
.course__masonry-grid li h5 { 
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0px 1px 1px rgba(0,0,0,.5);
  padding: .5rem;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0; 
}
.grid-sizer { width: 100%; }

@media only screen and (min-width: 48.063em) {
  .hero .hero__caption {
    padding: 1rem 2rem;
  }

  .grid-sizer { width: 20%; }
  .course__masonry-grid li {
    padding: 1em;
    width: 20%;
  }
  .course__masonry-grid li.grid-item--wide {
    width: 40%;
  }
  .course__masonry-grid li.grid-item--wide h5 {
    font-size: 2rem;
  }
  .course__masonry-grid li.grid-item--wide.grid-item--tall h5 {
    font-size: 3rem;
  }
}
/* course detail page sidebar */
.course__upsell .panel{
    background-color: #fff;
}
.course__upsell .panel .h4{
    color: #656565;
}
.course__upsell .panel .btn--alt.btn--primary{
    /* needed to override the btn--alt important*/
    background-color: #8cc63f !important;
    color: #fff;
}
.course__upsell img {
        border: none;
        display: block;
        float: left;
        margin: -2rem 1rem 1rem -2rem;
        width: 120px;
    }
.course__upsell .h6.heading.heading--primary{
        text-align: right;
        display: block;
        padding-top: 30px;
        padding-bottom: 5px;
    }