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

      :root {
        --font: Raleway;
        --alt-font: Raleway;
        --accent-color: #004a80;
        --secondary-color: #58595b;
        --link-color: #6aaef9;
        --accent-highlight-color: #004a80;
        --accent-highlight-background-color: #cdeaff;
        --accent-tinted-color-70: #b3c9d9;
        --accent-tinted-color-80: #ccdbe6;
        --accent-tinted-color-90: #e6edf2;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #0067b3;
        --secondary-hover-color: #717275;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0a79f3;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1440525854/uzqzlzwr7lq2qcqwwfwp.png'); background-repeat: repeat; background-size: auto; }
.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_v4/v1/course-uploads/fe304795-855e-4dde-bfc6-183bb50067a2/a16us4vymzkv-NorthstarStudio90Logo-200x55.jpg') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* navigation all breakpoints */

body { background: #02848e; }

.btn--link.btn--right.btn--primary {
	color: #02848e;
	border: none;
	font-weight: bold;
	font-size: 1.05em;
}

.block-grid__item__button {
	background-color: #fff;
	color: #02848e;

}

.block-grid__item__button hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #02848e;
/*     margin: 1em 0; */
    padding: 0; 	
    background-color: #fff;
} 

.courses__list li > a { 
  border-bottom: #02848e 15px solid;
}

.courses__list li > a:hover { 
	border-bottom: #02848e 15px solid;	
}

.btn--primary {
	background-color: #00717b;
	border: 1px solid #00717b;
}

.btn--primary:hover {
	background-color: #02848e;
	border: 1px solid #00717b;
}



.block-grid__item__caption {
	vertical-align: top;
	background: #fff;
	min-height: 5.5rem;
	padding-bottom: 1em;
/*
	
	  background: -moz-linear-gradient(top, rgba(2,132,142,.2) 0%, rgba(0,113,123,1) 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,132,142,.2)), color-stop(100%,rgba(0,113,123,1)));
	  background: -webkit-linear-gradient(top, rgba(2,132,142,.2) 0%,rgba(0,113,123,1) 100%);
	  background: -o-linear-gradient(top, rgba(2,132,142,.2) 0%,rgba(0,113,123,1) 100%);
	  background: -ms-linear-gradient(top, rgba(2,132,142,.2) 0%,rgba(0,113,123,1) 100%);
	  background: linear-gradient(to bottom, rgba(2,132,142,.2) 0%,rgba(0,113,123,1) 100%);
	
	margin-top: -30px;
	float: left;
	min-width: 100%;
	max-width: 100%;
*/
	
}


/*
.courses__list li img {
	float: left;
}
*/

/*
.block-grid__item__title {
	color: #fff;
}
*/

.header--microsite{
  background: #fff;
/*
  background: -moz-linear-gradient(top, rgba(2,132,142,1) 0%, rgba(0,113,123,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,132,142,1)), color-stop(100%,rgba(0,113,123,1)));
  background: -webkit-linear-gradient(top, rgba(2,132,142,1) 0%,rgba(0,113,123,1) 100%);
  background: -o-linear-gradient(top, rgba(2,132,142,1) 0%,rgba(0,113,123,1) 100%);
  background: -ms-linear-gradient(top, rgba(2,132,142,1) 0%,rgba(0,113,123,1) 100%);
  background: linear-gradient(to bottom, rgba(2,132,142,1) 0%,rgba(0,113,123,1) 100%);
*/
}

.top-bar-section li {
	color: #02848e;
}

.top-bar{
  background-color: transparent;
}
/* remove basket */
.header__inner .nav--top ul li+li{
  display: none;
}
/* About us page highlight box */
.highlightBox {
    width: 80%;
    padding: 15px 30px 0 15px;
    margin: 30px auto;
    background: #FFF;
    border-top: 6px solid #02848e;;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.30);
}
/*global headings styles*/
h1,
.heading--primary, h1.h2.widget__title{
  font-size: 30px;
  /*color: #ff9d1d;*/
  color: #02848e;
  font-weight: 900;
  margin-bottom: 20px;
}
.heading.heading--primary{
  /* color: #ff9d1d; */
  color: #02848e;
}
h2, h2.h2.widget__title {
    color: #57585b;
    font-size: 24px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
}
h3{
  /*color: #02848e;;*/
  color: #57585b;
  margin-bottom: 6px;
  font-weight: 400;
}

h4 {
  color: #57585b;
}

.editor-content h1, .editor-content h2, .editor-content h3{
  font-weight: normal;
}
.footer{
  background-color: #3e3e3e;
  border: none;
  color: #979797;
}
.footer__company__info{
   color: #979797;
}
.footer__inner{
  border-top: none;
}
.widget__title{
  color: #02848e;;
  font-size: 24px;
}

.widget__subtitle {
  text-align: left;
}
/* white logo correction */
.home .company__logo,
.page .company__logo,
.catalog .company__logo{
  background: url('//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1449075864/ka7rfea0j7bj7k1mk3ow.png') no-repeat center left;
  /* https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1443836528/tq4pjuvf9thn7tagpqo0.png  */
  background-size: contain;
}
/* navigation */
@media only screen and (min-width: 48.063em){
  .page,
  .home{
/*     background: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1442276504/jihivhgathc2vlwdc9ug.jpg) no-repeat center center fixed;  */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .container{
    padding-top: 110px;
    background: rgba(255, 255, 255, 0.95);
  }
  .widget__title{
    text-align: left;
  }
  .header--microsite {
      position: fixed;
      width: 90%;
      background-repeat: repeat-x;
      z-index: 100;
      top: 0;
      left: 50%;
      margin-left: -45%;
      padding:0;
      border-bottom: 4px solid #fff;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
  }
  .header--microsite:before{
    content: '';
    width: 100%;
    position: absolute;
    top: 64px;
    left: 0;
    border-bottom: 1px solid #02848e;
    
  }
  .header--microsite .company__logo{
    width: 206px;
    margin-bottom: 0;
  }
  .header__inner{
    max-width: 96%;
    /*max-width: 960px;*/
    margin: 0 auto;
    padding-top: 7px;
  }
  .top-bar {
    border-bottom: 0;
    border-top: 0;
    background-color: transparent;
  }
  .top-bar-section{
    padding-top: 3px;
  }
    /*link styles*/
  .top-bar-section li:not(.has-form) a:not(.button){
    font-family: Helvetica, Arial, sans-serif;
    background-color: transparent;
    line-height: 46px;
    display: inline-block;
    text-transform: uppercase;
/*     color: #fff; */
	color: #02848e;
    font-weight: bold;
    padding: 0 32px 0 32px;
    font-size: 12px;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #FFF;
    background: #989a99;
  }
  .top-bar-section li:not(.has-form) a:not(.button):focus{
    color: #02848e;;
    background: #FFF;
  }
  .top-bar-section ul li{
    background-color: transparent;
  }
  /*cart and access links*/
  .nav--top ul a{
    font-size: 12px;
    font-weight: bold;
    text-transform:uppercase;
  }
  .nav--top ul a:hover{
    color: #fff;
  }
  
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button)  {
	  color: #02848e;
  }
  
  .has-dropdown:hover .dropdown{
    display: block;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important;
  }
  .home__content{
    padding: 1rem 3rem 0;
  }
  .popup__media{
  margin-bottom: -20px;
  }
 
}
.footer .footer__powered-by:after{
    content: " Northstar Marketing Solutions & Thought Industries";
}
.footer .footer__powered-by a{
    display: none;
}
@media only screen and (min-width: 64.063em){
  .footer .footer__powered-by{
    border-left: 1px solid #979797;
  }
}
@media only screen and (min-width:40.063em) and (max-width:64.063em) {
.header--microsite {
      width: 100%;
      background-repeat: repeat-x;
      z-index: 100;
      top: 0;
      left: 50%;
      margin-left: -50%;
      padding:0;
      border-bottom: 4px solid #fff;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
  }
  
}