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

      :root {
        --font: Roboto;
        --alt-font: Roboto;
        --accent-color: #000000;
        --secondary-color: #ffcc00;
        --link-color: #a9a9a9;
        --accent-highlight-color: #000000;
        --accent-highlight-background-color: #cccccc;
        --accent-tinted-color-70: #b3b3b3;
        --accent-tinted-color-80: #cccccc;
        --accent-tinted-color-90: #e6e6e6;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #1a1a1a;
        --secondary-hover-color: #cca300;
        --secondary-contrast-color: #111;
        --link-hover-color: #767676;
      }
      

.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/0bded4b5-5233-4008-950f-e7f8331294d2/t17xo6xmhh3z-cat-operator-training-logo-lg.jpg') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap'); */



.index .container {
    max-width: 100%;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', sans-serif;
}

#learner .header {
    border-width: 0 0 0px 0;
    border-style: solid;
    border-color:#fc0;
}

p.company__school-name {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18pt;
  padding-top:40px;
  visibility: hidden;
}

p.company__school-name__divider {
  visibility:hidden;
}

/* nav */
  .index.home .header.header--microsite{
    /*position: absolute;*/
    z-index: 10;
    background-color: rgba(0, 0, 0);
    width: 100%;
  }
 
  .header--microsite .company__logo {
      float: left;
      margin-bottom: 2.2rem;
      width: 270px;
      height: 110px;
      margin-top: -37px;
      margin-left: -9px;
  }
  
  .custom-header .company__beta-logo {
    display: inline-block;
    max-width: 400px;
    max-height: 150px;
    float:left;
}

  
  li.about-block__container .about-block {
    text-shadow: 1px 1px #000;
  }
  
  
  .footer .link {
    border-left: 1px solid #000000;
    display: inline-block;
    padding: 0 10px 0 10px;
  }

/* nav specific */

#learner .nav--top ul a{
    /*position: absolute;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14pt;
    color:#fff;
    background-color: #ffcc00;
    top: 0;
    right: 40px;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    padding: 10px 15px;
  }
  
#learner .nav--top ul .btn {
    
} 
  

#learner .nav--top ul .btn {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    font-size: 14pt;
    color: #757575;
} 



.top-bar{
    
    background: transparent;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color:#fc0;
    float: right;
    margin-top: -20px;

  }

  .top-bar-section ul li{
    background: transparent;
  }
  
  .top-bar-section li:not(.has-form) a:not(.button){
    text-transform: uppercase;
    color: #000;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      font-size: 20px;
      line-height: 36px;
      padding-left: 40px;
  }

  .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 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{
    font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      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;
  }
  
  @media only screen and (min-width: 40em){
  .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,0) 0%, rgba(0,0,0,0.60) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.60) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.60) 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;}
  }

@media only screen and (max-width: 50em){
  .home-hero .hero:before{
    display: none;}
}

  @media only screen and (min-width: 50em){
  .home-hero .hero .hero__caption{
      background-color: transparent;
      z-index: 5;
      color: #fff;
      width: 48%;
      left: 3.6%;
      bottom: 1em;}
  }
  
  @media only screen and (min-width: 50em){
  .home-hero .hero .hero__caption h2{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
    font-size: 54px;
    text-align: left;
    text-shadow: 1px 1px #000;
    }
  }
  
  
@media only screen and (max-width: 70em){
.home-hero .hero .hero__caption h2 {
  font-size:42px;
}
}

@media only screen and (max-width: 70em){
#learner .home-hero .hero .hero__caption .h4  {
  font-size:22px;
}
}

@media only screen and (max-width: 60em){
.home-hero .hero .hero__caption h2 {
  font-size:30px;
}
}

@media only screen and (max-width: 50em){
.home-hero .hero .hero__caption h2 {
  font-size:26px;
}
}


@media only screen and (max-width: 60em){
#learner .home-hero .hero .hero__caption .h4 {
  font-size:18px;
}
}  

@media only screen and (min-width: 70em){
#learner .home-hero .hero .hero__caption .h4 {
  font-size:28px;
}
}  

  
@media only screen and (min-width: 50em){
.home-hero .hero .hero__caption .h4{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 200;
    font-size: 13px;
    display: block;
  }
}

  @media only screen and (min-width: 50em){
  #learner .home-hero .hero .hero__caption .h4{
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 200;
    
    display: block;}
  }
  
  #learner .home-hero .hero .hero__caption a.btn.btn--primary{
    background-color:#ffcc00;
    font-family: 'Roboto Condensed', sans-serif;
    color:#000;
    font-size: larger;
    border-color: #fc0;
    top: 40px;
  }
  
#learner .feature-spotlight{
    margin-bottom:0px !important;
    max-width: 1440px;
    padding:0px!important;
  }
  
#learner .feature-spotlight h1 {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: black !important;
    
  }
  
  
#learner .feature-spotlight h2 {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: black !important;
    text-transform: uppercase;
  }
  
#learner h1{
    font-family: 'Roboto Condensed' !important;
    font-weight: 700;
}
  
  
#learner h3{
    font-family: 'Roboto Condensed' !important;
    font-weight: 700;
}
  

#learner h2{
    font-family: 'Roboto Condensed' !important;
    font-weight: 700;
}
  
#learner .widget__subtitle{
    font-size:115%;
    color: black;
  }
 
.featured-video-section {
  background-color:#f5f5f5;
  padding-top:30px !important;
  -webkit-box-shadow: inset 0px 5px 19px -2px rgba(0,0,0,0.51);
-moz-box-shadow: inset 0px 5px 19px -2px rgba(0,0,0,0.51);
box-shadow: inset 0px 5px 19px -2px rgba(0,0,0,0.51);
}

.section-title {
  margin: 40px 0px;
}

/*dashboard*/

 .dashboard-hero .hero .hero__caption{
    background: hsla(0,0%,100%,.65);
   }
  
.dashboard-hero .hero .hero__caption h2{
    text-align: center;
  }


.h2 widget__title{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

/*welcome blocks */
.welcome-blocks {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

/*CDI Discussion page*/

 .cdi-discussion-hero .hero .hero__caption{

  }
  
.cdi-discussion-hero .hero .hero__caption h2{
    text-align: center;
  }

/*CDI Module catalog*/

 .cdi-module-hero .hero .hero__caption{
  }
  
.cdi-module-hero .hero .hero__caption h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 54px;
    text-align: center;
  }
  
.cdi-module-catalog .catalog-header {
  display:none;
}

/*ILT cards */

.ilt-levels {
   max-width: 70%;
  }
  
.card {
  transition: 0.3s;
  border-radius: 5px;

}

.card h4 {
    text-align: center;
}

.card .btn {

    margin: 0 auto;
}


.card .container {
  padding: 2px 16px;
}

.card img {
  border-radius: 5px 5px 0 0;
  padding-bottom:10px;
}

/* ILT Page*/

.ilt-hero .hero .hero__caption {
   background: hsla(0,0%,100%,.65);
}

.ilt-hero .hero .hero__caption h2{
  text-align:center;
}



/* eLearning Page */

.wbt-intro {
    font-size: 19px;
    max-width: 720px;

}


.elearning-hero .hero .hero__caption {
  background: hsla(0,0%,100%,.65);
}

.elearning-hero .hero .hero__caption h2{
    text-align: center;
  }

/*Video Page */



 .video-hero .hero .hero__caption{
    background: hsla(0,0%,100%,.65);
   }
  
.video-hero .hero .hero__caption h2{
    text-align: center;
  }
  

.video-catalog .catalog-header {
  display:none;
}

.bulk-redeem {
  max-width: 80%;
  padding: 40px 15px;
}

.entire-catalog-btn {
  padding: -20px 15px;
}


  
.footer {
    border-width: 5px 0 0 0;
    border-style: solid;
    border-color:#fc0;
}

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

  
  
  
    
/* JW - Styles */
  
/*.top-bar{*/
/*    width: auto;*/
/*    float: right;*/
/*    align-content: unset;*/
/*    display: flex;*/
/*    clear: none;*/
/*    margin-top: 27px;*/
/*    flex-direction: row-reverse;*/
/*    margin-right: 9px;*/
/*}*/


.btn--primary--manager--new {
    background-color: #ffcc00;
    color: #000;
}

.btn--primary--manager--new:hover {
    background-color: #000;
    color: #fff;
}

.nav--top{
    width: auto;
    max-width: 300px;
    margin:auto;
    display: block;
    height: 50px!important;
    padding-top: 21px;
}

@media only screen and (min-width: 681px){
.nav--top {
    float: right;
    margin: 0;
}
}

/*.company__beta-logo{*/
/*    display: inline-block;*/
/*    max-width: 400px;*/
/*    max-height: 150px;*/
/*    float: left;*/
/*}*/

.cdi-module-catalog {
  max-width: 1500px;
  margin: auto;
  padding: 1rem 1rem!important;
}

.layout__content--walkaround-library .catalog-grid-item__completed-container{
  display:none;
}

.cdi-module-catalog .catalog-grid-item__completed-container{
  display:none;
}

.layout__content--cdi-discussions .widget--discussion-board_standard{
    max-width: 1500px;
    margin: auto;
    padding: 1rem 1rem!important;
}

.header--microsite {
    padding: 0rem 1rem 0;
}

#learner .nav--top ul .btn {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 10pt;
    color: #757575;
}

#learner .nav--top ul a {
    /* position: absolute; */
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 10pt;
    background-color: #ffcc00;
    top: 0;
    right: 40px;
    border: 1px solid #ffcc00;
    border-radius: 5px;
    padding: 7px 10px;
}

.nav ul a, .nav ul button {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    padding: .55rem .55rem .55rem 1rem;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    padding-left: 15px;
    font-size: 16px;
    
}

.custom-header{
  background-color:black!important;
}

.custom-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #000;
  color:white;
}

.custom-header li a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: block;
  padding: 20px 15px;
  text-decoration: none;
}

.custom-header li a:hover,
.menu-btn:hover {
  background-color: #f4f4f4;
}

.custom-header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.custom-header .menu {
  clear: both;
  padding-right:10px;
  padding-top: 10px;
  max-height: 0;
  font-size:14px;
  transition: max-height .2s ease-out;
}

.custom-header .menu li{
  font-weight:800;
}

.custom-header .menu li a{
  color:white;
}

/* menu icon */

.custom-header .menu-icon-burger {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 39px 13px;
  position: relative;;
  user-select: none;
}

.menu-icon-burger .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.custom-header .menu-icon-burger .navicon:before,
.custom-header .menu-icon-burger .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.custom-header .menu-icon-burger .navicon:before {
  top: 5px;
}

.custom-header .menu-icon-burger .navicon:after {
  top: -5px;
}

/* menu btn */

.custom-header .menu-btn-burger {
  display: none;
}

.custom-header .menu-btn-burger:checked ~ .menu {
  max-height: 450px;
}

.custom-header .menu-btn-burger:checked ~ .menu-icon-burger .navicon {
  background: transparent;
}

.custom-header .menu-btn-burger:checked ~ .menu-icon-burger .navicon:before {
  transform: rotate(-45deg);
}

.custom-header .menu-btn-burger:checked ~ .menu-icon-burger .navicon:after {
  transform: rotate(45deg);
}

.custom-header .menu-btn-burger:checked ~ .menu-icon-burger:not(.steps) .navicon:before,
.custom-header .menu-btn-burger:checked ~ .menu-icon-burger:not(.steps) .navicon:after {
  top: 0;
}

@media (min-width: 1280px){
.home-margin
{
    
    max-width:1500px;
    margin:auto;
}
}



@media (min-width:75em) {
  .custom-header li {
    float: left;
  }
  .custom-header li a {
    padding: 20px 15px;
    color:white;
  }
  .custom-header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .custom-header .menu-icon-burger {
    display: none!important;
  }
}

.picturefill{
  max-height:450px;
}
.header__inner{
  padding: 5px 0px 0 0px;
  
}

@media (max-width: 680px) {
  
  .header__inner{
    display: flex;
    flex-flow: column;
}

  .header__inner .nav--top{
      order:2;
  }
  
  .custom_hero_title{
    color:white;
    font-size:30px!important;
  }
  
  .caption-container p{
    color:white;
    font-size:20px!important;
    max-width:100%!important;
  }

  
  .nav--top{
    padding-top:0px;
  }
  .custom-header .header__inner__2{
    width:100%;
    display:block;
  }
  .custom-header .header__inner__2 .menu-icon-burger{
    margin-right:0px;
  }
  
  .custom-header .header__inner {
    padding:5px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
 
  .custom-header .header__inner .nav--top {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  .custom-header .header__inner .header__inner__2 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}

.header__inner{
    max-width: 1500px;
    margin: auto;
}


.header.header--microsite{
  background-color:#000;
}

.hero-op-training{
  background-repeat:none;
  background-size:cover;
  background-position:center;
  height:450px;
  
}

.caption-container{
  max-width:1500px;
  margin:auto;
  margin-top:180px;
  padding:20px;
}

.custom_hero_title{
  color:white;
  font-size:50px;
  font-family:'Roboto Condensed'!important;
}

.caption-container h1{
  color:white;
  margin-bottom:0em;
}

.caption-container p{
  color:white;
  font-size:28px;
  max-width:50%;
}

.container{
  max-width:100%;
}

.widget--hr_standard{
  max-width:1500px;
  margin:auto;
}

.custom-spotlight{
  padding:1rem 2rem!important;
  background:#fff;
}

.custom-spotlight .indent-list{
  padding:0px;
}

.home__content{
  background:#f8f8f8;
  padding:0px;
}

.featured-video-section .row{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 1rem;
}

.btn-spotlight{
  color:black;
  background-color:#ffcc00;
  border:none;
  text-transform: uppercase
}

.spotlight-main{
  padding:30px;
}

#i18n-0{
  color:black;
}

.main-margin{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 1rem!important;
}

.course__detail__container{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 0rem!important;
}

.contact-block{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 0rem!important;
}

.catalog-grid-item__asset-container img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.catalog-grid-item{
  border-radius:5px;
  border: 1px solid #cbcbcb;
}

.catalog-grid-item__hr{
  display:none;
}

.custom-header li a:hover, .menu-btn:hover {
  color:#ffcc00;
  background:none;
}

.catalog-grid-item__body {
  display: flex;
  flex-direction: column;
}

.catalog-grid-item__title{
  height:auto!important;
  font-weight: 700;
}

.catalog-grid-item__source{
  order:-1;
}

.catalog-grid-item__cta-container .btn{
  margin:15px 0;
  color:#2679b8;
  float:left;
}

.catalog-grid-item__price{
  font-weight:700;
  float:right;
}


.course__detail__content {
    display: flex;
    flex-direction: column;
    max-width: 55rem;
    color: inherit;
}


.course__detail__header p {
    color: #656565;
    font-size: 18px;
    font-size: 1rem;
}

.course__detail__sidebar{
  padding: 1rem;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
}

.course__detail__sidebar .btn--alt.btn--primary {
    background-color: #ffcc00;
    border-color: none;
    color: var(--accent-color);
    border: none;
    font-weight: 700;
    text-transform: uppercase;
}

.course__detail__content>div:nth-of-type(2) {
    order: -1;
}

@media (max-width: 680px){
.custom-spotlight .row{
  display:flex;
  flex-flow:column;
}
.first-spotlight .row .columns:first-child{
  order:2;
}
.last-spotlight .row .columns:first-child{
  order:2;
}
}

#cart-button{
  color:white!important;
}

.btn-contact{
  background-color: #ffcc00;
  color: black;
  border: none;
  padding: 10px 40px;
  border-radius: 5px;
}

.featured-video-section .catalog-grid-item{
  background-color: white;
	box-shadow: 0px 3px 5px #b5b5b5;
	border: none;
}
  
.video .layout-panel--article{
  max-width:1500px;
  margin:auto;
  padding:2rem 2rem;
}

.video .company__school-name{
  display:none;
}

.video .application{
  background-color:white;
}

.video .article-sidebar{
  float:right;
}

.video .article-header .hr__accent{
    width: 50px;
    border: 3px solid #ffcc00;
    margin-left: 14px;
}


.nav--top #i18n-4{
  color:black;
}

.po-one .row div:last-child{
  padding-left:0px!important;
}

.po-two .row div:first-child{
  padding-right:0px!important;
}

.po-three .row div:last-child{
  padding-left:0px!important;
}

.po-four .row div:first-child{
  padding-right:0px!important;
}


@media (max-width: 680px){
  .purchase-options-para{
    width:100%!important;
    text-align: center;
    padding-bottom: 20px;
  }
  .purchase-options-cta{
    float:none!important;
    margin: auto;
    display: block;
    width: 50%;
  }

}

#ember1982{
    color:black!important;
}


.widget--support_standard{
    max-width: 1500px;
    margin: auto;
    padding: 1rem 1rem!important;
}

.widget--support_stanard .h2{
    float: left!important;
    padding-left: 30px!important;
    font-size: 30px!important;
}



.layout__content--checklists{
  background:white!important;
}

.widget--dashboard-stats_standard{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 1rem!important;
}

.dashboard .company-logo__container{
  float:left;
  
}

.account .company-logo__container{
  float:left;
  
}
.cdi-portal .company-logo__container{
    margin-left: 0px!important;
}

@media (min-width: 769px){
  .dashboard .company-logo__container{
    margin-left: -35px;
}
  .account .company-logo__container{
    margin-left: -35px;
}
}


.account .header--subtitle{
        max-width: 1500px;
        margin: auto;
        padding: 1rem 1rem!important;
    }

.account .dashboard-account{
        max-width: 1500px;
        margin: auto;
        padding: 1rem 1rem!important;
    }

.caption-container-dash{
  max-width:1500px;
  margin:auto;
  margin-top:30px;
  padding:20px;
}

.dashboard .widget--html_standard{
  padding:1rem 0rem!important;
}

.dashboard .company__school-name{
  display:none;
}

.redeem .contact-block__action{
  background: #ffcc00;
  color: black;
  border: none;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 15px;
}
  
.redeem .btn--expand{
  background: #ffcc00;
  color: black;
  border: none;
  font-weight: 700;
}

.redeem .btn--submit{
  background: #ffcc00;
  color: black;
  border: none;
  font-weight: 700;
}


.layout__content--operator-training-elearning .place-self-center{
    place-self:top;
}

.layout__content--operator-training-elearning .catalog-grid-item__price{
    float:none;
    display:block;
    margin-top:15px;
}

.layout__content--operator-training-elearning .catalog-grid-item__cta-container{
  height:auto!important;
}

.layout__content--operator-training-elearning .grid-rows-3{
    grid-template-rows:none;
}

.faq-accordion{
	transform: translateZ(0);
}

.faq-accordion > .accordion-toggle{
	position: absolute;
	opacity: 0;
	display: block;
}

.faq-accordion > label{
	position: relative;
	display: block;
	height: 50px;
  text-transform:uppercase;
	line-height: 50px;
	padding: 0 0px;
	font-size: 14px;
	font-weight: 700;
	border-top: 1px solid #ffcc00;
	cursor: pointer;
	width:100%;
	color:black;
}

.faq-accordion > section{
	max-height: 0;
	transition: .6s all;
	overflow: hidden;
}


.faq-accordion > .accordion-toggle:checked ~ section{
  max-height: 1000px;
}

.faq-accordion > .accordion-toggle::not(:checked) ~ section{
  height: 0px;
}

.faq-accordion > section h3 {
  margin: 15px 0 5px 0;
  padding: 0 30px;
  font-size:18px;
  text-transform: uppercase;
}

.faq-accordion > section p {
  margin: 0px 0 15px 0;
  padding: 0 30px;
}

.faq-accordion .icon-navigateright:before{
  transform: rotate(0deg);
  transition: .3s transform;
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 21px;
  font-weight: 700;
}

.faq-accordion > .accordion-toggle:checked ~ label em:before{
  transform: rotate(90deg);
}

@media (min-width: 780px){
  .faq-layout .medium-6:first-child{
    width:74%;
  }
  .faq-layout .medium-6:nth-child(2){
    width:25%;
  }
}

.lm-video{
  max-width:1000px;
}

@media (max-width: 825px){
  .caption-container p {
    color: white;
    font-size: 28px;
    max-width: 65%;
  }
  .hero-op-training{
    background-position: 69% 31%;
    height: 450px;
    box-shadow: inset 0 0 0 2000px rgb(27 27 27 / 50%);
  }
}

@media (max-width: 769px){
  .mobile-banner{
    display:block;
  }
  .desktop-banner{
    display:none;
  }
  .catalog-search__button{
    border: 1px solid #c9c9c9;
  }
}

@media (min-width: 769px){
  .desktop-banner{
    display:block;
  }
  .mobile-banner{
    display:none;
  }
}


/* Interactive walkarounds catalog */

.layout__content--interactive-walkarounds .catalog-grid-item__price{
    float:none;
    display:block;
    margin-top:15px;
}

.layout__content--interactive-walkarounds .catalog-grid-item__cta-container{
  height:auto!important;
}

.layout__content--interactive-walkarounds .grid-rows-3{
    grid-template-rows:none;
}

/* Custom Article Page Styles */


.article .header--article{
  display:none;
}

.article .layout-panel--article{
  max-width:100%!important;
  padding:0px!important;
  background: #f8f8f8;
}

.article .widget--html_standard{
  max-width:100%!important;
}

.article .widget--topic-article-content_standard{
  max-width:1500px;
  padding:0 1rem;
}

.article .custom-header-video{
  max-width:100%;
  width:100%;
  height:85px;
  background:black;
}

.article .header__inner__2{
  max-width:1500px;
  margin:auto;
}

.article .topic__container{
  padding:0px!important;
}

.article .article-header__type{
  margin-bottom: 0.75em!important;
  text-transform: uppercase!important;
  font-size:40px!important;
}

.article .custom-header-video .custom-header{
  z-index: 999;
  position: relative;
}

.article .article-content__related-items{
    max-width: 1500px!important;
    margin: auto!important;
}

.article .video-sign-in{
  background: #ffcc00;
  border: none;
  text-transform: uppercase;
  font-family: roboto;
  font-weight: 800;
  font-size: 14px;
  margin: 13px 0px 0px 15px;
}

.article li.article-sidebar-custom-field{
  background-color:#ffcc00!important;
  color:black!important;
  padding: 5px 8px!important;
  border:none!important;
}


/* Removed "article" header */

.article .article-header{
  display:none;
}

.article .article-content__header{
  padding-bottom:30px;
}

.article .article-content__header:after{
  content: "";
  border-bottom: 6px solid #ffcc00;
  position: absolute;
  width: 54px;
  margin-top: 20px;
  left: 15px;
}

.article .article-content__sub-header--with-video{
  display:none;
}

.article .custom-header .menu-btn-burger:checked ~ .menu {
  padding-bottom:30px;
}


/* Custom Video Page Styles */


.catalog-aggregation--expanded{
  background-color:#ffffff;
  border:1px solid #cbcbcb;
}
.video .header--article{
    display:none;
  }
  
  .video .layout-panel--article{
    max-width:100%!important;
    padding:0px!important;
    background: #f8f8f8;
  }
  
  .video .widget--html_standard{
    max-width:100%!important;
  }
  
  .video .widget--topic-article-content_standard{
    max-width:1500px;
    padding:0 1rem;
  }
  
  .video .custom-header-video{
    max-width:100%;
    width:100%;
    height:85px;
    background:black;
  }
  
  .video .header__inner__2{
    max-width:1500px;
    margin:auto;
  }
  
  .video .topic__container{
    padding:0px!important;
  }
  
  .video .article-header__type{
    margin-bottom: 0.75em!important;
    text-transform: uppercase!important;
    font-size:40px!important;
  }
  
  .video .custom-header-video .custom-header{
    z-index: 999;
    position: relative;
  }

  .video .article-content__related-items{
      max-width: 1500px!important;
      margin: auto!important;
  }

  .video .video-sign-in{
    background: #ffcc00;
    border: none;
    text-transform: uppercase;
    font-family: roboto;
    font-weight: 800;
    font-size: 14px;
    margin: 13px 0px 0px 15px;
  }
  
  .video li.article-sidebar-custom-field{
    background-color:#ffcc00!important;
    color:black!important;
    padding: 5px 8px!important;
    border:none!important;
  }


/* Removed "video" header */

  .video .article-header{
    display:none;
  }

  .video .article-content__header{
    padding-bottom:30px;
  }

  .video .article-content__header:after{
    content: "";
    border-bottom: 6px solid #ffcc00;
    position: absolute;
    width: 54px;
    margin-top: 20px;
    left: 15px;
  }

  .video .article-content__sub-header--with-video{
    display:none;
  }

  .video .custom-header .menu-btn-burger:checked ~ .menu {
    padding-bottom:30px;
  }



/* Custom cdi-portal Page Styles */


.cdi-portal .header--article{
  display:none;
}

.cdi-portal .catalog-grid-item__completed-container{
  display:none;
}

.cdi-portal .widget--html_standard{
  padding:0!important;
  /* line-height: 0; */
}

.cdi-portal .layout-panel--article{
  max-width:100%!important;
  padding:0px!important;
  background: #f8f8f8;
}

.cdi-portal .widget--html_standard{
  max-width:100%!important;
}

.cdi-portal .widget--topic-article-content_standard{
  max-width:1500px;
  padding:0 1rem;
}

.cdi-portal .custom-header-video{
  max-width:100%;
  width:100%;
  height:85px;
  background:black;
}

.cdi-portal .header__inner__2{
  max-width:1500px;
  margin:auto;
}

.cdi-portal .topic__container{
  padding:0px!important;
}

.cdi-portal .article-header__type{
  margin-bottom: 0.75em!important;
  text-transform: uppercase!important;
  font-size:40px!important;
}

.cdi-portal .custom-header-video .custom-header{
  z-index: 999;
  position: relative;
}

.cdi-portal .article-content__related-items{
    max-width: 1500px!important;
    margin: auto!important;
}

.cdi-portal .video-sign-in{
  background: #ffcc00;
  border: none;
  text-transform: uppercase;
  font-family: roboto;
  font-weight: 800;
  font-size: 14px;
  margin: 13px 0px 0px 15px;
}

.cdi-portal li.article-sidebar-custom-field{
  background-color:#ffcc00!important;
  color:black!important;
  padding: 5px 8px!important;
  border:none!important;
}


/* Removed "cdi-portal" header */

.cdi-portal .header--dashboard{
  display:none;
}

.cdi-portal .header--dashboard{
  padding-bottom:30px;
}

.cdi-portal .header--dashboard:after{
  content: "";
  border-bottom: 6px solid #ffcc00;
  position: absolute;
  width: 54px;
  margin-top: 46px;
  left: 15px;
}

.cdi-portal .article-content__sub-header--with-video{
  display:none;
}

.cdi-portal .custom-header .menu-btn-burger:checked ~ .menu {
  padding-bottom:30px;
}

.hero-new-op-training{
  background-repeat:none;
  background-size:cover;
  background-position:center;
  height:250px;
}

.caption-new-container{
  max-width:1500px;
  margin:auto;
  margin-top:60px;
  padding:20px;
}

/*  */

.video-catalog .catalog-grid-item__completed-container{
  display:none;
}
.course__detail__sidebar{
  box-shadow: 1px 3px 5px #c6c6c6;
}

.course__detail__header p:before{
  content: "";
  border-bottom: 6px solid #ffcc00;
  position: absolute;
  width: 54px;
  margin-top:-20px;
}

.course__detail__header h1{
  font-size:40px;
  color:black;
  text-transform:uppercase;
}
.course__detail__header p{
  color:black;
  padding-top:30px;
  padding-bottom:5px;
}

.course__detail__content>div:nth-of-type(2) {
    order: 0;
}

.course__detail__content{
  padding-top:35px;
}


.course__detail__content .tabs-content--free-text {
  border: 1px solid #cecece;
  padding: 22px;
  border-radius: 0px 0px 4px 4px;
}

.course__detail__content  .tabs .tab-title.active>a, .tabs .tab-title>a.active {
    background-color: #ffcc00;
    border-color: var(--accent-color);
    color: #000;
    font-weight: 800;
    border: none;
}

.course__detail__content  .tabs {
    border-bottom:none;
}

.course__detail__sidebar .enroll__price{
  padding-top:25px;
  color:black;
}

.enroll__buy .btn{
  margin-top: 1.50em;
  width: auto;
  background-color: #ffcc00;
  color: black;
  border: none;
  font-weight: 800;
}


/* Quiz Styles */

.learner__container .topic__container__test .btn--huge{
  background-color:#ffcc00;
  color:#000000;
  border:none;
  font-weight:800;
  padding: 10px 30px 10px 30px;
}

.learner__container .topic__container__test .quiz-start__main-title{
  /* display:none; */
}

.learner__container .topic__container__test .question__body{
  font-weight:400;
  border-bottom:1px solid #e2e2e2;
  padding-bottom:10px;
}

.learner__container .topic__container__test .choices__list{
  padding-top:20px;
}

.learner__container .topic__container__test .quiz__container .choices__list li:hover{
  background-color:#f7f7f8;
  border-left: 5px solid #ffcc00;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
}

.learner__container .topic__container__test .quiz__container .choice--selected{
  border-color:none;
  border-left: 5px solid #ffcc00;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
}

.learner__container .topic__container__test .quiz__container .choice--selected--true:hover{
  border-color:none;
  border-left: 5px solid #ffcc00;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
}

.learner__container .topic__container__test .quiz__container li.choice--selected.choice--selected--true{
  border-color:none;
  border-left: 5px solid #ffcc00;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  cursor: pointer;
}

.learner__container .topic__container__test .btn--huge{
  background-color:#ffcc00;
  color:#000000;
  border:none;
  font-weight:800;
}

.learner__container .topic__container__test .btn--primary{
  background-color:#ffcc00;
  color:#000000;
  border:none;
  font-weight:800;
  padding: 10px 30px 10px 30px;
}

.learner__container .topic__container__test .btn--right{
  margin-top:15px;
}

.learner__container .topic__container__test .topic__index__number--active span{
  border-color:#ffcc00;
}

.learner__container .topic__container__test .topic__index__number--active{
  font-weight:800;
}

.learner__container .topic__container__test .choice__review .text-sm{
  display:none;
}

.learner__container .topic__container__test .choice__review{
  line-height:1;
  font-weight:800;
}

.learner__container .topic__container__test .choice__icon{
  margin-top:3px;
  font-weight: 800;
}
.learner__container .topic__container__test .choice__icon .icon-delete{
  font-weight:800;
}

.learner__container .topic__container__test .choice__selected-answer{
  display:none;
}

.learner__container .topic__container__test div.chart-bar.chart-bar--total{
  background-color:#000000;
}

.learner__container .topic__container__test div.chart-bar.chart-bar--answered{
  background-color:#5c5c5c;
}

.learner__container .topic__container__test div.chart-bar.chart-bar--correct{
  background-color: #329404;
}

.learner__container .topic__container__test div.chart-bar.chart-bar--incorrect{
  background-color: #e50000;
}

.learner__container .topic__container__test .results__question-labels .label-circle.label-circle--total {
    background-color: #000000;
}

.learner__container .topic__container__test .results__question-labels .label-circle.label-circle--answered {
    background-color: #5c5c5c;
}

.learner__container .topic__container__test .results__question-labels .label-circle.label-circle--correct {
    background-color: #329404;
}

.learner__container .topic__container__test .results__question-labels .label-circle.label-circle--incorrect {
    background-color: #e50000;
}

.elearning-overview-hero{
  background-repeat:none;
  background-size:cover;
  height:450px;
  background-position: center;
  background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/45c5c328-3647-47ba-853b-88cc1e151f35/p1t38qpliose-2410127_ETS_2024_Asset_Updates_Hero_2800x1150.jpg")
}

@media (max-width: 1010px){
  .elearning-overview-hero{
    background-repeat:none;
    background-size:cover;
    height:450px;
    background-position: center;
    background-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/45c5c328-3647-47ba-853b-88cc1e151f35/ae4ws4fhqh47-2410127_ETS_2024_Asset_Updates_Hero_Mobile_1140x640.jpg")
  }
}

.el-overview-2 .row :nth-child(1) {
  order: 2;
}
.el-overview-2 .row :nth-child(2) {
  order: 1;
}

.mediaTableLink{
  color:blue!important;
}

/* Video Page Carousel */

.carousel-container {
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    /* border-top:1px solid #cccccc; */
    /* border-bottom:1px solid #cccccc; */
}
.carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.carousel-item {
    min-width: 250px;
    margin: 0px;
    text-align: center;
    border-right: 1px solid #cccccc;
    padding: 10px 0 0 0;
}

.carousel-item-border{
    border-bottom:3px solid transparent;
}

.carousel-item-border:hover {
    cursor: pointer; 
    border-bottom:3px solid #ffcc00;
}
.carousel-item:first-child{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
}
.carousel-item:last-child{
    border-left:none;
}
.carousel-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}
.carousel-controls button {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}
.carousel-controls button.disabled {
    background: rgba(0, 0, 0, 0.2);
    cursor: not-allowed;
}
.content-type-tiles {
    width: 100%;
    display: block;
    min-height:45px;
    padding-top:2px!important;
    padding-bottom:2px!important;
}
.content-type-tiles-title {
    margin: auto;
}

.content-type-tiles-title .title{
    margin-bottom:0px;
}

.content-type-tiles-items {
    margin: auto;
    /* border-top:1px solid #cccccc; */
}
#prevButton.disabled{
    opacity:0.5;
}
#nextButton.disabled{
    opacity:0.5;
}
.content-type-tiles-title p{
    float:left;
    width:auto;
    padding-top:8px;
    font-size: 19px;
    color:#333333;
}
.tileNavButtons{
    float: right;
    display: block;
    width: auto;
    padding: 4px 0 0px 0;
}

.tileNavButtons button{
    margin-bottom:0px;
}

.carousel-item-text{
  line-height: 0.5; 
}



.catalog-search__button .icon-search{
  padding: 0 0.45rem;
}

@media (max-width: 550px){
  .content-type-tiles-title p {
    padding-top: 11px;
    font-size: 16px;
  }
}

.catalog-search input{
  margin-bottom:0px;
}

@media (max-width: 769px){
  .catalog-filters__sort{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .catalog-filters__search{
    padding-left: 0px;
    padding-right: 0px;
  }
}

.checklist-item-container:hover{
  cursor: pointer;
}

.checkout__order{
  max-width: 1500px;
  margin: auto;
  padding: 1rem 0rem!important;
}

.quiz-start__main-title span{
  display:none;
}
.quiz-start__text p.quiz-start__main-title i{
  font-size:6.1875rem;
}

.quiz-start__text .quiz-start__sub-text p{
  margin-left:0em;
  text-align: left;
}

/* 1 column: 320px */
.home-cards-container {
  margin: 0 auto;
  width: 100%;
}
.home-cards-container img {
  margin: 0 0 0 0;
}
.home-cards-container .home-card {
  background-color: white;
  border-radius: .25rem;
  margin-bottom: 1rem;
}
.home-cards-container .home-card p {
  padding: 0;
  font-size:11pt;
}

/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .home-cards-container .home-card {
		float: left;
		margin-right: 2.164102564102564%;
		width: 47.717948717948715%;
	}
	.home-cards-container .home-card:nth-child(2n+0) {
		margin-right: 0;
	}
  .home-card{
    min-height: 360px;
  }
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .home-cards-container .home-card {
		width: 30.623931623931625%;
	}
	.home-cards-container .home-card:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.home-cards-container .home-card:nth-child(3n+0) {
		margin-right: 0;
	}
  .home-card{
    min-height: 360px;
  }
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .home-cards-container .home-card {
		width: 18.186923076923077%;
	}
	.home-cards-container .home-card:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.home-cards-container .home-card:nth-child(5n+0) {
		margin-right: 2.564102564102564%;
	}
  .home-card{
    min-height: 330px;
  }
}

.home-card img{
    width:100%;
    border-bottom: 3px solid #ffcc00;
}

.home-card{
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 7%);
    border-radius: 0px;
    transition: all .4s ease;
}

.home-card-content{
    padding:0 20px 20px 20px;
}

.home-card-img{
    padding-bottom:10px;
}

.home-card:hover{
    box-shadow: 0 2px 20px 5px rgb(0 0 0 / 15%);
}

.home-card-link p:hover{
    color:black;
}
.home-cards-container a:hover{
    color:black!important;
}