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

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #2a4689;
        --secondary-color: #3ea3dc;
        --link-color: #173bd1;
        --accent-highlight-color: #2a4689;
        --accent-highlight-background-color: #ecf0f9;
        --accent-tinted-color-70: #bfc8dc;
        --accent-tinted-color-80: #d4dae7;
        --accent-tinted-color-90: #eaedf3;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #365ab0;
        --secondary-hover-color: #238ac4;
        --secondary-contrast-color: #111;
        --link-hover-color: #607cee;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/8233e7e6-7073-4ece-a073-6e8249916690/4oufyrjzwaj0-LMS-Course-Background-No-Favicon.jpg'); 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/8233e7e6-7073-4ece-a073-6e8249916690/sybxgu2vzpz4-Educate360_logo__color_horizontal.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*Custom Font*/
@import url(https://fonts.googleapis.com/css?family=Mulish);


.results__question-chart__container.row {display: none;}


/*Header Logo*/
.header .company__beta-logo {
  max-width: 250px;
}
/*Triangel Background*/
.tri{
  background:url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/8233e7e6-7073-4ece-a073-6e8249916690/c6sep986s013-educate360.jpg"); 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
}

/*  Home Page */
#cart-button {display:none;}
.container { max-width: 100%; }
.padnone {padding:1rem 0rem !important;}
.dashboard-section9 .widget__title { font-size: 36px; font-weight: bold; color: #333;}
.iconset {padding-top:150px !important;}
.iconset .widget__title { font-size: 36px; font-weight: bold; color: #fff;}
.hero__caption .h4 { display: block; font-size: 14px; margin-bottom: 20px; }
.hero .hero__caption .hero__title { color: black; font-size: 35px; font-weight: 700;}
.hero .hero__caption span {font-size: 14px;}
.hero .btn--primary { color:white !important; background-color: #29468a; border: 2px solid white; border-radius: 10px; font-size: 15px;}
.enroll__coupon>.btn {display: none;}

/*Large Screen */
@media only screen and (min-width: 1025px){
.container { max-width: 100%; }
.header--microsite { padding: 1rem 5rem 0; background:#fff;}
.header__inner {max-height:100px;}
.header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px; bottom:100px;}
/* .nav--top {margin-top: 12px;}
.nav--top ul a {font-size:16px; text-transform:capitalize; background:#29468a; color:#fff; border-radius: 10px; padding:7.5px;}
.nav--top ul a:hover {font-size:16px; text-transform:capitalize; background:transparent; color:#29468a; border: 2px solid #29468a; border-radius: 10px; padding:7.5px;} */
.header--microsite .top-bar .top-bar-section {  display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: right; margin-top: 15px; }
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color:#000;}
.hero .hero__caption { width: 35%; }
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Medium Screen*/
@media only screen and (min-width: 48.063em){
.header--microsite { padding: 1rem 5rem 0; background:#fff;}
.header__inner {max-height:100px;}
/* .header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px; bottom:100px;} */
/* .nav--top {margin-top: 12px;}
.nav--top ul a {font-size:16px; text-transform:capitalize; background:#29468a; color:#fff; border-radius: 10px;}
.nav--top ul a:hover {font-size:16px; text-transform:capitalize; background:transparent; color:#29468a; border: 2px solid #29468a; border-radius: 10px;} */
.header--microsite .top-bar .top-bar-section {  display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: right; margin-top: 15px;}
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color:#000;}
.hero .hero__caption { width: 35%; }
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
}

/*Mobile Screen*/
/* @media (min-width: 768px) and (max-width: 1024px){
.header--microsite { padding: 1rem 1rem 0;/* height:100px;*/ background:#fff;}
/* .top-bar{    overflow: hidden; height: 3rem; line-height: 3rem; position: relative; background: #fff; margin-bottom: 0;}
.nav--top {margin-top: 12px;}
.nav--top ul a {font-size:12px; text-transform:capitalize; background:#29468a; color:#fff; border-radius: 10px; padding:7.5px;}
.nav--top ul a:hover {font-size:12px; text-transform:capitalize; background:transparent; color:#29468a; border: 2px solid #29468a; border-radius: 10px; padding:7.5px;}
}  */ */

/*  Dashboard */
.dashboard-section6 {background-color: #efeff6;}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }  
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 15px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: #696ab0;}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }



 /*Divider */
.tios-divider{  background: #f2f2f2; color: #F0F1F2;}
.tios-divider .left-col {  width: 32px; height: auto;}
.tios-divider .right-col .title { font-size: 14px;}
/*tios-Cards*/
.tios-container { display: flex; flex-wrap: wrap;}
.tios-container .tios-card { width: 100%; height: auto; min-height: 205px; border:2px solid #F1F3F5; border-radius: 4px; background-color: #F1F3F5; transition: 0.3s all ease-in-out; position: relative;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 1px 3px 1px  #DDD; -moz-box-shadow:    0px 1px 3px 1px  #DDD;box-shadow:         1px 1px 3px 1px  #DDD; }
.tios-container .tios-card .cardContent {display: flex; flex-direction: column; justify-content: left; align-items: left; text-align: left; padding: 24px; }
.tios-container .tios-card .cardContent .icon {color: #343A40; font-size: 32px; padding: 8px 0px;}
.tios-container .tios-card .cardContent figure { margin: 0;}
.tios-container .tios-card .cardContent .title {font-size: 24px; color: #000; font-weight: bold; margin:0px;}
.tios-container .tios-card .cardContent .desc { color: #868E96; font-size: 16px; line-height:24px; padding: 8px 0px;}
.tios-container .tios-card a { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.tios-container .tios-card:hover {box-shadow: none;border:2px solid #697885;}


 /*Divider */
.float-r .top-bar {float:right;}

  /* transparent nav */
  /*.index.home .header.header--microsite{*/
    /*position: absolute;*/
  /*  top: 42px;*/
    /*background-color: rgba(255, 255, 255, 0.7);*/
  /*  z-index: 10;*/
  /*  width: 100%;*/
  /*}*/
  /*.header--microsite .company__logo {*/
  /*    float: left;*/
  /*  margin-bottom: 2.2rem;*/
  /*    width: 270px;*/
  /*    height: 110px;*/
  /*    margin-top: -37px;*/
  /*    margin-left: -9px;*/
  /*}*/
  /* .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: bold;
      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 specific */
  /* 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{
    /*john 2020-09-25 start */
    /* display:none; */ 
    /*john 2020-09-25 end */
    /* 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;
}
  .top-bar-section .has-dropdown>a:after,
  .top-bar-section .navigation-widget__item--has-dropdown>a:after{
      content: "";
      display: block;
      width: 14px;
      height: 9px;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/sub-menu.svg);
    background-repeat: no-repeat;
      background-size: contain;
    background-position: 50% 50%;
      border: none;
      border-color: transparent;
      border-top-style: none;
      margin-top: -10.5px;
      top: 1.5rem;
  } */
  /* 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: 0%;
    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,.1) 3%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.1) 3%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,.1) 3%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
    transition: top 0.3s ease-in;
  }
  .home-hero .hero .hero__caption{
      background-color: transparent;
      z-index: 5;
      color: #fff;
      width: 90%;
      left: 3.6%;
  }
  .home-hero .hero .hero__caption h2{
    color: #fff;
    font-size: 34px;
  }
  #learner .home-hero .hero .hero__caption .h4{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 18px;
    display: block;
  }

  .layout__content .home-hero .hero{
    margin-top: 0;
  }