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

      :root {
        --font: Open Sans;
        --alt-font: Open Sans;
        --accent-color: #5a5a5a;
        --secondary-color: #ff612b;
        --link-color: #002677;
        --accent-highlight-color: #414141;
        --accent-highlight-background-color: #e6e6e6;
        --accent-tinted-color-70: #cecece;
        --accent-tinted-color-80: #dedede;
        --accent-tinted-color-90: #efefef;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #747474;
        --secondary-hover-color: #f73f00;
        --secondary-contrast-color: #111;
        --link-hover-color: #0047dd;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/a277268c-86d4-4f46-be2b-973792d59b0f/d9yd50ykaq1y-ThemeBrandingBackgroundImage_SolidTan.jpg'); 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/a277268c-86d4-4f46-be2b-973792d59b0f/335b8l2fmyi6-Optum-logo-300x55.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*Remove Powered by Thought Industries*/
.footer__powered-by { display: none !important; }



/*Remove payment info and social media*/
.widget--course-purchase .btn--secondary{display:none;}
.share__container { display: none; }

/* 
Remove A, B, C labels from survey choices... (For example, rate this course: 
A - 10 Excellent, B - 9, C - 8...) 
Check: does this interfere with assessment or quiz choices? 
*/
.choice__index{display:none;}


/* Hero subtitle */
.hero .hero__caption .h4
  {
  font-size: .80em;
  color: black;
  }  



@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */

  
.hero .hero__caption 
  {
    width: 275px;
    height: auto;
    padding: 1rem;
    background: hsla(0,0%,100%,.95);
    position: absolute;
    bottom: 1em;
    top: 1em;
    left:  1em;
  }

.hero .hero__caption .hero__title
  {
   
    font-size: 1rem;
    color: #000;
    margin-bottom: 1em;
    padding-bottom: .25em;
  }
  


/* The following creates the orange bar between the title and subtitle */


.hero .hero__caption .hero__title::after 
  {
    content: '';
    position: absolute;
    width: 75%;
    height: 2px;
    left: 10px;
    display: block;
    clear: both;
    background-color: #FF612B;
    margin-top: 10px;
  
  }
  
}