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

      :root {
        --font: Open Sans;
        --alt-font: Open Sans;
        --accent-color: #0f3647;
        --secondary-color: #ff7575;
        --link-color: #0091ff;
        --accent-highlight-color: #0f3647;
        --accent-highlight-background-color: #ddf0f8;
        --accent-tinted-color-70: #b7c3c8;
        --accent-tinted-color-80: #cfd7da;
        --accent-tinted-color-90: #e7ebed;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #185671;
        --secondary-hover-color: #ff4242;
        --secondary-contrast-color: #111;
        --link-hover-color: #66bdff;
      }
      

.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/0b5e5cbb-dc9c-4a5c-85b6-544c294a9401/jza98u4hd9ea-ost-learning-dark.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}

/* General overides, needs categorizing */

body {
  color: #0f3647;
}

h1, h2, h3, h4, h5, h6 {
  color: #0f3647;
  font-weight: 400 !important;
}

.article-content__sub-header {
  color: #696f83;
}
.dashboard-access-tabs {
  background: #F8F9FA !important;
}

.enroll__secondary-actions {
  display: none;
}

.course__includes {
  margin: 0 !important;
}

.enroll__price {
  display: none;
}

.enroll__title {
  display: none;
}

.course__detail__runs {
  display: none;
}

.learning-hero-text {
  max-width: 540px;
}

/* #i18n-7 {
  display: none;
} */

/* #i18n-8 {
  display: none;
} */

/* #i18n-9 {
  display: none;
} */

footer .link:last-of-type {
  display: none;
}

/* social icons */
.share__container { 
  display: none; 
}

/* cart nav item */
#cart-button {
  display: none;
}
#ember6274 {
  display: none;
}

#i18n-6 {
  display: none;
}

/* dashboard stats */

.dashboard-access-tab--active {
 border-color: #599954;
}

.dashboard-stat--available .dashboard-stat__value {
  color: #0091FF;
}

.dashboard-stat--started .dashboard-stat__value {
   color: #C24585;
}

.dashboard-stat--completed .dashboard-stat__value {
    color: #599954;
    
}

.dashboard-stat--collaborations .dashboard-stat__value {
    color: #405667;
}

/* .editor-content ul li {
    margin-bottom: 1.5rem;
} */

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1) ;
  }
33% {
    opacity: 0;
    transform: scale(2.5) ;
  }
  100% {
    opacity: 0;
    transform: scale(2.5) ;
  }
  }

.image__zone .image-tag__toggle__button{
  display: flex;
  align-items: center;
  background:var(--secondary-color) !important;
  padding:10px;
  color: white;
  
}

.image__zone .image-tag__toggle__button:after{

  content: '';
  position: absolute;
  display: block;
  left: 0;right: 0; top:0; bottom:0;
  border: var(--secondary-color)2px solid;
  animation: pulse ease-out;
  border-radius: 50%;
  animation-duration: 3s;
  animation-iteration-count: infinite;

}
.st-custom-1 .hero .hero__caption {
    background-color: transparent;
}

.st-custom-1 .hero .hero__caption .hero__title, .st-custom-1 .hero .hero__caption span {
    color: var(--accent-contrast-color);
}

a.btn.btn--primary {
    background-color: #46A758;
    border: 1px solid #46A758;
    border-radius: 100px;
    color: white;
}

a.btn.btn--primary:hover {
    background-color: #89CA8F;
    border-radius: 100px;
    color: white;
        border: 1px solid #89CA8F;

}

a.btn.btn--primary.next-section {
  color: white;
}

a.btn.btn--primary.next-section:hover {
  color: white;
}

.testimonial .testimonial-quote__text {
    font-size: 1.8rem;
}

.directional__nav__button{
  height: auto;
  padding:20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

}

.directional__nav__button i{
  line-height: 1.5em;
}

.learning-content-hero__overlay {
  display: none;
}

.w-full py-0 px-10 absolute left-0 top-[40%] h1 {
  font-size: 36px;
}

/* get access button */
.get-access {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Expandable Sidebar */

.expandable-sidebar__toggle {
  background-color: #ffffff;
  color: #0f3647;
  font-size:1rem;
  font-weight: bold;
  padding:10px;
}

.learner__sidebar .layout-panel{
  /* padding:1rem; */
  background-color: #ffffff;
}

/* his is css for the callouts */

.callout {
  font-family: inherit;
  background-color: #fff;
  border: 1px solid #e4e7ea;
  border-left: 4px solid #c8ced3;
  border-radius: .25rem;
  margin: 1rem 0;
  padding: .75rem 1.25rem;
  position: relative;
}

.callout .icon-wrapper{
  display: flex;
  align-items: center;
  gap:3vw;
  margin-bottom: .8rem

}

.callout .icon-wrapper span{
padding-top:2px;
font-size: 1.4rem;
}

.callout h4 {
  font-size: 1.3125rem;
  margin: 0;
}

.callout *:last-child {

  margin-bottom:0;

}

.callout-default .icon-wrapper span{
  color:var(--accent-color);

}

.callout-primary .icon-wrapper span{
  color:#17a2b8;
}
.callout-default {
  border-left-color: #777;
  background-color: #f4f4f4;
}

.callout-primary {
  background-color: #d2eef7;
  border-color: #b8daff;
  border-left-color: #17a2b8;
}
.callout-primary h4 {
  color: #20a8d8;
}

.callout-warning {
 background-color: #fcf8e3;
  border-color: #faebcc;
  border-left-color: #edb100;
}
.callout-warning h4 {
  color: #f0ad4e;
}

.callout-warning .icon-wrapper span{
 color: #f0ad4e;

}

.callout-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  border-left-color: #d32535;
}
.callout-danger h4 {
  color: #a94442;
}


.topic__list__item {
  border-color:var(--accent-color);
}

.topic__list__item .h3 {

  color:var(--accent-color);
  font-weight: bold;;
}

.topic__list__info .btn--link {
      background: var(--accent-color)!important;;
    padding: 10px 20px !important;
    border-radius: 30px;
    color: white;
        transition: .3s;

}

.topic__list__info .btn--link:hover {
 background: var(--secondary-color)!important;;
    padding: 10px 22px !important;
    color: white;
    transition: .3s;
}

.topic__list__item.topic__list__item--expanded {
  border-color:var(--accent-color);

}


/* Bubble List */

div.bubble-list.dawn li.custom-list-item:before {
      background: var(--secondary-color);
}

div.bubble-list.spruce li.custom-list-item:before {
      background: var(--accent-color);
}

div.bubble-list ul.custom-list {
  position: relative;
  list-style: none;
  counter-reset: li;
}

div.bubble-list ul.custom-list li.custom-list-item {
  margin-bottom: 1.5rem;
}

div.bubble-list li.custom-list-item:before {
   content: counter(li, decimal);
   counter-increment: li 1;
   z-index: 0; 
   float: left;
   position: absolute;
   left: -15px;
   font: bold 12px sans-serif;
   text-align: center;
   color: #fff;
    line-height: 32px;

    
    width: 32px; height: 32px;
    
    -moz-border-radius: 999px;
    border-radius: 999px
}



/* Blockquote */

blockquote { 
  font-size: 1.4rem;
  width:100%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #0f3647;
  padding:1.3rem 30px 1.3rem 3rem;
  border-left:8px solid #ff7575;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}



blockquote footer{
  display: flex;
  align-items: center;
  gap:10px;
  font-size:1.1rem;
  font-weight:bold;
  margin-top: 1.2rem;
  font-style: normal;
}

blockquote footer cite{
  font-size:1.1rem;
  font-weight:normal;
  font-style: normal;  
}

blockquote footer cite::before{
  display: none;
  font-size:1rem;
  
}

blockquote::before {
  font-family: "Open Sans";
  content: "\201C";
  color:#ff7575;
  font-size:3rem;
  line-height: normal;
  position: absolute;
  left: .7rem;
  top:.7rem;
}

blockquote::after {
  content: '';
}

blockquote span {
  display:block;
  color:#0f3647;
  font-style: normal;
  font-weight: bold;
  margin-top:1rem;
}

/* slides */

.slide-container-dark {
  position: relative;
  background-color: var(--accent-color);

}

.slide-container {
  display: flex;
  gap:20px;
  position: relative;
  padding:30px;
  margin: auto;
  padding-bottom: 40px;
}

.slide-container-minimal {
  display: flex;
  gap:20px;
  position: relative;
  padding: 20px 20px 0px 20px;
  margin: auto;
  
}

.slide-container-vertical {
  flex-direction: column-reverse;
}

.content-container {
  position: relative;
  background-color: #F3F2EE;
  width: 100%;
  display: flex;
  gap:3vw;
  padding:30px;
  padding-bottom: 40px;
  border-radius: 10px;

}

.content-container.three-col-text .col{
  	flex: 1 1 auto;
}

.slide-container:after, .content-container:after{

  content: '';
  display: block;
  position: absolute;
  left: 30px;
  bottom:30px;
  width: 35px;
  height: 35px;

background-image: url("data:image/svg+xml,%3Csvg width='34' height='35' viewBox='0 0 34 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1377 33.7446C15.9549 33.0767 13.971 31.842 12.4028 30.1743C10.3917 28.0368 9.11279 25.2449 8.79187 22.3058C8.7738 22.1215 8.76023 21.928 8.74216 21.7391C8.63824 20.1221 8.81901 18.5189 9.27542 16.9618L9.32063 16.8098C9.46977 16.3122 9.65962 15.81 9.87196 15.3218C10.5679 13.7231 11.5802 12.2766 12.823 11.0696C11.987 11.2631 11.1735 11.5487 10.3917 11.9219C10.0076 12.1061 9.63697 12.3088 9.28449 12.5299C7.53558 13.608 6.08485 15.1375 5.08612 16.948C4.93248 17.2336 4.78785 17.5146 4.66585 17.7956C4.43079 18.3162 4.22744 18.8553 4.06931 19.4034C3.26035 22.1629 3.43655 25.1298 4.57542 27.7557C5.98093 31.0081 8.70152 33.4637 12.0367 34.4864C14.5765 35.2603 17.2338 35.1543 19.6697 34.2053L18.1467 33.7446H18.1377Z' fill='%236BB1B7'/%3E%3Cpath d='M2.55985 23.2086C2.51921 20.8867 3.06604 18.5832 4.14614 16.5516C5.529 13.9487 7.74797 11.8526 10.3963 10.6456C10.5635 10.5719 10.7397 10.4981 10.9115 10.4245C12.3893 9.83019 13.9438 9.51688 15.5392 9.48463H15.6928C16.2035 9.48463 16.7277 9.50771 17.2475 9.56297C18.9512 9.75184 20.6097 10.2909 22.1192 11.1293C21.6853 10.3784 21.1701 9.67358 20.5781 9.02854C20.2889 8.71073 19.9861 8.41126 19.6743 8.13488C18.1332 6.76663 16.2622 5.82221 14.2692 5.40755C13.9574 5.34304 13.6501 5.29236 13.3474 5.25552C12.7914 5.18642 12.222 5.15417 11.6616 5.16342C8.83713 5.21868 6.12104 6.29671 4.01507 8.19931C1.4029 10.5535 -0.0613146 13.9441 0.0019698 17.496C0.0516818 20.1957 0.964568 22.7479 2.59149 24.8209L2.55985 23.204V23.2086Z' fill='%23F7AE21'/%3E%3Cpath d='M7.65303 4.87316C9.80871 4.12227 12.127 3.95641 14.3551 4.3849C17.2067 4.93309 19.8414 6.44878 21.7756 8.65085C21.8976 8.78905 22.0197 8.93649 22.1372 9.08385C23.1404 10.337 23.9088 11.7513 24.424 13.29L24.4737 13.4374C24.6363 13.9303 24.7674 14.4509 24.8714 14.9715C25.2148 16.6852 25.2148 18.4589 24.8939 20.1773C25.4633 19.5231 25.965 18.8136 26.3898 18.0442C26.5977 17.6665 26.783 17.2795 26.9457 16.8925C27.7546 14.9761 28.0664 12.8754 27.845 10.8115C27.8089 10.489 27.7637 10.1711 27.7049 9.87166C27.601 9.30964 27.4564 8.74762 27.2756 8.2086C26.3627 5.48127 24.5279 3.17327 22.1101 1.70825C19.1138 -0.111418 15.5029 -0.498406 12.1994 0.648721C9.69122 1.52397 7.58524 3.18244 6.14809 5.39376L7.64845 4.86858L7.65303 4.87316Z' fill='%23F27775'/%3E%3Cpath d='M26.3402 4.22835C27.696 6.09411 28.5636 8.2916 28.8393 10.5904C29.1963 13.5296 28.5817 16.5471 27.113 19.0947C27.0181 19.2559 26.9187 19.4172 26.8192 19.5784C25.9561 20.9375 24.8669 22.1122 23.5879 23.0796L23.4614 23.1718C23.0502 23.4805 22.6028 23.7661 22.1463 24.0287C20.6504 24.881 18.9919 25.4292 17.2881 25.6365C18.0699 25.9913 18.888 26.2584 19.7376 26.4381C20.1533 26.5256 20.5736 26.5901 20.9804 26.627C23.014 26.8297 25.0748 26.4888 26.9367 25.6457C27.2259 25.5121 27.5107 25.3739 27.7727 25.2219C28.2654 24.9501 28.7444 24.6368 29.1963 24.3005C31.465 22.5821 33.0648 20.099 33.693 17.3027C34.4794 13.8383 33.7382 10.2127 31.6639 7.36101C30.0821 5.1912 27.8902 3.65708 25.3867 2.9292L26.3357 4.22835H26.3402Z' fill='%23DD315E'/%3E%3Cpath d='M32.6356 22.1722C31.3069 24.0564 29.5173 25.5675 27.4565 26.5395C24.8218 27.7834 21.8119 28.1059 18.9829 27.4563C18.8021 27.4148 18.6214 27.3642 18.4406 27.3181C16.9086 26.8942 15.4759 26.194 14.1835 25.2496L14.0614 25.1574C13.6502 24.8488 13.2435 24.5079 12.8638 24.1439C11.6075 22.9508 10.5952 21.5088 9.88112 19.9148C9.79077 20.781 9.78619 21.6609 9.88112 22.5361C9.92633 22.9692 9.99412 23.393 10.0845 23.803C10.5184 25.8393 11.4629 27.7373 12.8141 29.2853C13.0265 29.5248 13.2435 29.7551 13.4649 29.967C13.8717 30.3632 14.3055 30.7318 14.7619 31.0681C17.0577 32.7496 19.8687 33.542 22.6706 33.3024C26.1459 33.0076 29.3094 31.1833 31.3431 28.2993C32.8886 26.1018 33.6524 23.5082 33.5665 20.8546L32.6446 22.1722H32.6356Z' fill='%23799D65'/%3E%3C/svg%3E%0A");

}

.no-logo.slide-container:after {
 display: none;
}


p,li {
  font-family: var(--font);

}

.slide-container-dark h2 {
    color: var(--accent-contrast-color);

}

.slide-container-dark p {
    color: var(--accent-contrast-color);
    

}

.slide-container-light {
  background-color: #F3F2EE;

}

.slide-heading-light {
  color: var(--primary-color);
  

}

.slide-content-light p {
  color: var(--primary-color);
  
}

.slide-image {

}

.header-email {
  border-top: 4px solid var(--accent-color);
  width: 100%;
  display: flex;
  justify-content: end;
  padding:20px;
  background-color: var(--accent-contrast-color);
    box-shadow: rgba(0,0,0,.1) 0 0 40px;

}

.header .email-logo{
  
  width:20%;
  max-width:400px;
  min-width: 200px;
}

/* slides */
/* .directional__nav__button {
 background-color: none;
 color: var(--accent-color);
} */

.login-wrapper{
  background-color: #ffffff;
  filter: drop-shadow(rgba(0,0,0,.2) 0.5rem 0.5rem 1rem);
  border-radius:10px;
  overflow: hidden;
  margin-bottom:90px;
  margin-top:40px;
  width: 750px;

}

.login-wrapper .logo-wrapper{
  display: flex;
  justify-content: center;
  padding:25px;
  background-color: #f6f6f6;
}

.login-wrapper .text-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:25px;
}

.login-wrapper .logo-wrapper *:last-child {

  margin-bottom: 0 !important;

}

.studyteam.login-wrapper .text-wrapper a.btn {

  background-color: var(--secondary-color);
  border: none;
  border-radius: 40px;
}

.login-wrapper .logo-wrapper img{
  width: 75%;
  max-width: 290px;
}

.careaccess.login-wrapper .text-wrapper a.btn {

  background-color: #049a92;
  border: none;
  border-radius: 40px;
}


.studyteam.login-wrapper .text-wrapper a.btn {

  background-color: var(--secondary-color);
  border: none;
  border-radius: 40px;
}

.studyteam.login-wrapper .text-wrapper a.btn.btn-secondary {

  background-color: var(--accent-color);
  border: none;
  color:white;
  border-radius: 40px;
}

/* Redemption */

.field__label {
  position: relative;
  overflow: auto; opacity: 1;
  font-size: 1rem; 
  padding:1rem 0;
  margin-top: 1.3rem;;
  white-space: normal;
  color:var(--accent-color)
}

select.field__input--select {
 border: 2px solid var(--accent-color);
 border-radius: 50px;
 padding-top:10px !important;
 padding-bottom:10px !important;
 font-size: 1.2rem;
}

select.field__input--select:focus, .field__input[type=text]:focus {
  border-color: var(--secondary-color);
}

.field__input[type=text] {
   font-size: 1.2rem;
    padding-top:10px;
 padding-bottom:10px;
 border-radius: 10px;
  border: 2px solid var(--accent-color);
  


}

.field__input-wrapper {
    transform: scale(1);
        opacity:1;


}

.field__input-wrapper:hover{
  transform: scale(1.009);
  transition: .4s;
  opacity:1;

}

.field--show-floating-label .field__input{

 padding-top:10px !important;
 border: 2px solid var(--accent-color);
 padding-bottom:10px !important;
 transform: none;



}

.field__input[type=text]::placeholder{
  opacity: 0;
}


.field__input-wrapper--select:before{
  bottom: 16px;
  top:auto;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--secondary-color);
    border-left: 10px solid transparent;
        right: 20px;
        border-radius: 20px;

}

.field__input-wrapper--select:after{
display: none;
}

#ember2273 .row{
  display: flex;
  gap: 16px;

}

#ember2273 .row .field__label{margin-top: 0;}

#ember2273 .row {
  background-color: #e4e7ea;
  padding:20px;
  border-radius: 20px;;
}

#ember2273 .row .columns {
  display: flex;
  align-items:flex-end;

}

#ember2243 .btn.btn--primary {
  background-color: var(--secondary-color);
  font-size: 1.3rem;
  padding: 15px 20px;
  border: none;
}

/* FAQ */

.faq-wrapper {
  padding: 50px 200px;
}

.faq-drawer {
  margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
  font-size: 1.25em;
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__content {
  padding: 10px;
}


.faq-drawer__title {
  border-top: #000 1px solid;
  cursor: pointer;
  display: block;
  font-size: 1.25em;
  font-weight: 700;
  padding: 30px 0 0 0;
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
  width: 100%;
}

.faq-drawer__title::after {
  border-color: #000;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 12px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 12px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
  color: #4E4B52;
}

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

.faq-drawer input[type="checkbox"] {
  display: none;
}

@media only screen and (max-width: 600px) {
  .container {
    padding: 80px;
  }
}

.custom-learning-hero .learning-content-hero{
  height: 300px;
  position: relative;
  overflow: hidden;
  background-color: var(--accent-color);

}

.custom-learning-hero .learning-content-hero picture{
  display: block;
    width: 100%;
    height: 100%;
}

.custom-learning-hero .learning-content-hero picture img{
  object-fit: contain;
  object-position: right bottom;
  height: 100%;
  width: 100%;

}

.custom-learning-hero h1 {
  max-width: 540px;
  line-height: 1.2;
}


body:not(.manager) .localized{
  display: none;
}


html[lang=en] body:not(.manager) .lang-en{
    display: block;
}

html[lang='ko'] body:not(.manager) .lang-ko{
    display: block;
}

html[lang="es-LA"] body:not(.manager) .lang-es-LA{
    display: block;
  
}

html[lang="zh-Hans"] body:not(.manager) .lang-zh-Hans{
    display: block;
  
}

html[lang="ja"] body:not(.manager) .lang-ja{
    display: block;
  
}

html[lang="de"] body:not(.manager) .lang-de{
    display: block;
  
}

html[lang="pt-BR"] body:not(.manager) .lang-pt-BR{
    display: block;
  
}

html[lang="fr"] body:not(.manager) .lang-fr{
    display: block;
  
}

html[lang="tr"] body:not(.manager) .lang-tr{
    display: block;
  
}
  
html[lang="el"] body:not(.manager) .lang-el{
    display: block;
  
}
  
html[lang="cs"] body:not(.manager) .lang-cs{
    display: block;
  
}
  
html[lang="it"] body:not(.manager) .lang-it{
    display: block;
  
}

html[lang="bg"] body:not(.manager) .lang-bg{
    display: block;
  
}

html[lang="ru"] body:not(.manager) .lang-ru{
    display: block;
  
}

html[lang="ru"] h1 {
  font-size: 28px;
}

html[lang="hu"] body:not(.manager) .lang-hu{
    display: block;
  
}

html[lang="pl"] body:not(.manager) .lang-pl{
    display: block;
  
}


.instructions {
  background-color: #F1F3F5;
  padding: 50px 100px;
}


/* Competancy Assesment */

.quiz__container--assessment .text-right {
  display:none;
  }


/* learning-path drop shadow */


/* studyteam essentials heading link*/
/* .essentials-link {
  color: #0091ff;
  text-decoration: underline;
} */

.featured-content-article-item__title, .catalog-grid-item__title {
  color: #0091ff;
  text-decoration: underline;
}

.featured-content-article-item__title:hover {
  color: rgb(87, 174, 245);
}

.ember-view .featured-content-article-item {
  color: #0091ff;
  text-decoration: underline;
}


.ember-view.about-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ember-view.about-block:hover {
  filter: brightness(90%);

}
.ember-view.row.widget.widget--course-purchase.widget--course-purchase_standard button.btn.btn--alt.btn--expand.btn--secondary {
    display: none !important;
}