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

      :root {
        --font: Lato;
        --alt-font: Lato;
        --accent-color: #173443;
        --secondary-color: #3f8a9f;
        --link-color: #c22130;
        --accent-highlight-color: #173443;
        --accent-highlight-background-color: #e3eff5;
        --accent-tinted-color-70: #b9c2c7;
        --accent-tinted-color-80: #d1d6d9;
        --accent-tinted-color-90: #e8ebec;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #245169;
        --secondary-hover-color: #55a5bc;
        --secondary-contrast-color: #fff;
        --link-hover-color: #e56470;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/3d169d21-6ac6-4bdd-80b1-8c59c89efc24/8djexr4qv23g-HUbanner_3600_NoHULogo.png'); 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/3d169d21-6ac6-4bdd-80b1-8c59c89efc24/xzv8nv8czquf-HeartU_Color_Color_300x55px_v2.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
.catalog-grid-item__source{ 
  display: none;
}

.blue {background-color: #ececeb;
 padding:100px;
 text-align: center; 
 line-height: 2.0;
 }

  /* Style for tab */
  .tab {
    padding: 50px;
    border: 1px solid #ccc;
    cursor: pointer;
    text-align: left;
    user-select: none; /* Prevent text selection when clicking */
    color: #FFFFFF;
    font-size: 28px;
    background-color: #3F8A9F;
  }
  .tabcontent{
      text-align: left;
      font-size: 18px;
      padding: 20px 40px 40px 60px;
     
  }
  .contentlist{
      margin-top: 10px;
      margin-bottom: 10px; 
  }

  .tab:hover{
    background-color: #666666;
  }

.learning-path-progress-bar-item--current 
.learning-path-progress-bar-item__index {
    background: #FAD055;
    color: #FFFFFF;
}

.collection__courses {
  display: none;
}
.enroll__secondary-actions {
  display: none;
}

.course__detail__runs {
  display: none;
}
#cart-button { display: none; }

.learning-content-hero__overlay {
  opacity: 50%;
}

/*** Zoom effect on quiz images that are not answer choices***/
.learn.topic__container__quiz.editor-content img {
    object-fit: cover;
    transition: transform 0.3s;
}

.learn.topic__container__quiz.editor-content img:hover {
    transform: scale(1.05);
}


/***Zoom effect on image question type only***/
.learn.topic__container__quiz.choices__list.choices__list--image.btn--link {
    width: 100%;
}

.learn.topic__container__quiz.choices__list.choices__list--image img {
    width: 100%;
    object-fit: cover;
}

.learn.topic__container__quiz.choices__list.choices__list--image {
    display: flex;
    gap: 16px;
    padding: 24px 0px;
}

.learn.topic__container__quiz.choices__list.choices__list--image>li {
    transition: transform 0.3s;
}

.learn.topic__container__quiz.choices__list.choices__list--image>li:hover {
    flex: auto;
    transform: scale(1.05);
    width: 80%;
    margin: 0px 8px;
}



/*Added by KS for Image Zoom*/
.imgZoom {display: inline-block; position: relative; overflow: hidden; background: #f2f2f2}
.imgZoom img {float: left;}
.imgZoom:hover img {position: absolute; max-width: none; max-height: none;}
.imgZoom::after {content: ''; display: block; clear: both;}
.imgZoom .plusMinus i {display: inline-block; width: 20px; line-height: 20px; text-align: center; background: rgba(255,255,255,.5); color: #000; font-size: 15px; border-radius: 4px; margin: 2px; cursor: pointer; transition: all ease-in-out .2s;}
.imgZoom .plusMinus i:hover {background: rgba(0,0,0,.5); color: #fff; font-size: 15px; border-radius: 4px; margin: 2px; cursor: pointer; transition: all ease-in-out .2s;}
.imgZoom .plusMinus {position: absolute; bottom: 20px; right: 20px; width: 24px;}

/*Added by KS for Learning Path - centering the related content*/
ul.featured-content-block-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-left: 0 !important;
}