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

      :root {
        --font: Open Sans;
        --alt-font: Montserrat;
        --accent-color: #007c91;
        --secondary-color: #292e2e;
        --link-color: #12508b;
        --accent-highlight-color: #003b45;
        --accent-highlight-background-color: #78ebff;
        --accent-tinted-color-70: #b3d8de;
        --accent-tinted-color-80: #cce5e9;
        --accent-tinted-color-90: #e6f2f4;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #00a8c4;
        --secondary-hover-color: #414949;
        --secondary-contrast-color: #fff;
        --link-hover-color: #2184e2;
      }
      

.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/cb09d59f-d09b-4df9-840d-e5cb1d863801/m4merodbuyf9-COEFinalLogoRGB.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.track1{
  background-color: rgb(172,193,201);
}

.track2{
  background-color: rgb(183,212,194);
}

.track3{
  background-color: rgb(184,213,223);
}

.track4{
  background-color: rgb(160,189,217);
}

.track5{
  background-color: rgb(149,193,205);
}

.track6{
  background-color: rgb(164,218,222);
}

/*<---------LUKE CSS----------->*/
/*<----site wide edits----->*/
.application {
  background: #fff;
  }
  
  .container {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
  }

@media only screen and (min-width: 48.063em) {
.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 .17rem;
}}

.top-bar-section ul li {
  padding: 7px;
}

h2 {
  font-size: 1.7rem;
  padding-top: 30px;
  font-weight: 600;
  text-transform: uppercase;
  color: #12508b;
}

.h2.widget__title {
  font-weight: 600;
  text-transform: uppercase;
  color: #12508b;
  font-size: 22px;
}

/*remove space at bottom of hero images*/
@media only screen and (min-width: 48.063em) {
.hero .hero__caption
{
  background: hsla(0,0%,100%,1.85);
  position: absolute;
  bottom: 0em;
  border-bottom: 2px solid #12508b; }}
  
  @media only screen and (min-width: 48.063em) {
.nav--top {
    float: right;
    margin: 0;
    margin-top: -56px;
}}

.featured-content-article-item {
  min-height: 300px;
  border: 1px solid #007c91;
  border-radius: 3px;
}

hr {
      border: solid #007c91;
      border-width: 1px 0 0;
}

.line-length {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  }
  
  /* in paragraphs with bullet points, this adds padding as needed */
.checkmark {
  padding-left: 40px;
  line-height: 30px;
}
.table {
  font-size: 16px;
}
 
 .editor-content ol, .editor-content ul {
    padding-left: 0rem;
 }
  
.mission-text {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  font-size: 32px;
}
 
.image-centering {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
 } 
 

  /*smallen video window on page*/
.clm-video {
  max-width: 600px;
}

/*Luke's accordion style*/