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

      :root {
        --font: Open Sans;
        --alt-font: Open Sans;
        --accent-color: #005776;
        --secondary-color: #2dccd3;
        --link-color: #005776;
        --accent-highlight-color: #00445d;
        --accent-highlight-background-color: #a9e8ff;
        --accent-tinted-color-70: #b3cdd6;
        --accent-tinted-color-80: #ccdde4;
        --accent-tinted-color-90: #e6eef1;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #007da9;
        --secondary-hover-color: #24a4a9;
        --secondary-contrast-color: #111;
        --link-hover-color: #00a2dc;
      }
      

.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/1531c20f-a8fa-4035-b0d1-32ff589c1b47/6mn9e2sqvpll-Horizontal_Logo_FullColor_RapidMiner-600px-withPadding.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*--------------------- page-wide settings -------------------*/
/*---set global colors and other variables here---*/
:root {
  --global-color-rmdarkgrey: #3a4349;
  --global-background-color: #FAFAFA;
  --global-rmboxshadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  --global-rmborderradius: 8px;
  --global-rmbuttonradius: 6px;
  --color-success: #52C41A;
  --color-warning: #F28100;
  --color-rm-primary: #21BAA0;
  --color-rm-primary-dark: #1B9984;
}


/*--------------------- Atlas settings from TI -------------------*/
/*ATLAS BG*/
.embedded{
  background-color: #fff;
}

/*ATLAS LAYOUT*/
/************************ collapsed *************************/

  .layout__content .widget.atlas{
    padding-bottom: 2rem;
  }
/************************ Desktop *************************/
  /* Desktops and laptops ----------- */
  @media only screen and (min-width: 48.063em) {
    .layout__content .widget.atlas {
      padding-bottom: 1.5rem;
    }
  }
  
/*END ATLAS LAYOUT*/
/****END ATLAS BASE CSS****/

/*START ADDITIONAL CARDS SNIPPET STYLING*/
  .group {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  @media screen and (min-width: 600px) {
    .group {
    justify-content: unset;
    }    
  } 

  .card {
    background-color: white;
    border: 1px solid white;
    border-radius: var(--global-rmbuttonradius); /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: var(--global-rmbuttonradius); /* Firefox 1-3.6 */
    -moz-border-radius: var(--global-rmbuttonradius);
    box-shadow: var(--global-rmbuttonradius);
    width: 30%
  }
  @media screen and (min-width: 600px) {
    .card {
    min-width: 250px;
    width: 20%;
    max-width: 375px;
    margin-right: 10px;
    } 
  }

  .card p {
    font-family: Open Sans;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0%;
    line-height: 16px;
    margin-top: 5%;
    margin-bottom: unset;
    padding: 0 5% 0 5% ;    
  }
  @media screen and (min-width: 600px) {
    .card p {
    padding: unset;
    margin-top: 30px;
    } 
  } 
  
  .cardContent .icon-title {
    align-items: center;
    height: 75%;
  }

  .card:hover{
    border: 1px solid var(--color-rm-primary);
    cursor: pointer;
    transition: 0.3s all ease-out;
    color: var(--color-rm-primary);
  }  
  .cardContent {
    color: var(--global-color-rmdarkgrey);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100px;
    padding: 0;
    box-shadow: 0px 6px 19px 5px rgba(0 0 0 / 5%);
  }  
  @media screen and (min-width: 600px) {
    .cardContent {
    display: block;
    height: 80px;
    padding-left: 15px;
    text-align: left;
    }    
  } 
  
  .cardContent em {
    height: 40px;
    width: 40px;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    font-size: 1.25em;
    margin-bottom: 0;
    color: #174573;
    background-color: #F5F5F5;
    border-radius: var(--global-rmbuttonradius)
  }
  .cardContent em::before{
    font-size: 27px;
    margin-left: 17%;
  }

/* END ADDITIONAL CARDS SNIPPET STYLING*/

/*START HELP/TIP CARDS*/
  .help-card {
  width: 100%;
  padding: 14px;
  display: inline-flex;
  flex-wrap: nowrap;
  /*margin-bottom: 24px;
  margin-top: 24px;*/
  border-radius: var(--global-rmbuttonradius);
  }
  
  .help-card .left-col{
  width: 32px;
  font-size: 1.25em;
  line-height: 1.912em;
  }
  
  .help-card .right-col{
  margin-left: .5em;
  }
  .help-card .right-col .card-content .title {
  font-size: 16px;
  line-height: 22px;
  font-style: normal;  
  letter-spacing: 1px;
  /*font-weight: 700;*/
  margin: 4px 0px;
  padding: 0px;
  }
  .help-card .right-col .card-content p  {
  font-size: 13px;
  letter-spacing: 0%;
  line-height: 22px; 
  font-style: normal;
  margin:0px;
  padding: 0px;
  }

  .tios-tip {  
  border: 1px solid #91D5FF;
  box-shadow: 0px 1px 2px rgba(23, 97, 134, 0.1), 0px 4px 4px rgba(23, 97, 134, 0.05);
  background: #E6F7FF; 
  }
  
  .tios-tip em {
    color: #1890FF;
  }

/*END HELP/TIP CARDS*/

/*--------------------- END Atlas settings from TI -------------------*/


/*hide the top navigation so Sign in is not showing up any more
.nav--top{
  display:none;
}*/
/* hide cart button from Nav
#cart-button{
  display: none;
}

.text-center .company__beta-logo{
  display:none;
}*/

/*---general button adjustments---*/
.btn{
  border-radius: var(--global-rmbuttonradius);
}
.btn--primary, .btn--primary:hover{
  color: white;
}

.course__detail__enrolled{
  border-radius: var(--global-rmborderradius);
  background: var(--color-rm-primary);
}
.course__detail__enrolled .btn{
  color: white;
  font-size:  1rem;
}
.course__detail__enrolled .btn i{
  display: none;
}

/*--- width, background and corner-radius settings ---
1 home=external pages home, catalog,article-,video-,course-cover,etc.
2 learn=internal pages article,video,course,dashboard,etc.
3 navigation bar on content internal and external pages
*/
.home, .learn, .nav--global-links{
  background: var(--global-background-color);
}

/* add rounding to content cards and panels*/
.learner__content .layout-panel{
  border-radius: var(--global-rmborderradius);
  box-shadow: var(--global-rmboxshadow);
}
/* setting the container to not stretch to 100% */
.container {
  max-width: 90% !important;
  border-radius: var(--global-rmborderradius);
  box-shadow: var(--global-rmboxshadow);
}
.search-bar-widget input {
  border-radius: var(--global-rmborderradius);
}
  
/* setting to catch flaw of missing container in video page template */
.layout-panel.layout-panel--article{
  max-width: 90%;
  margin: auto;
  border-radius: 0 0 var(--global-rmborderradius) var(--global-rmborderradius);
  box-shadow: var(--global-rmboxshadow);
}
.container .layout-panel.layout-panel--article{
  max-width: none;
}
.header--article{
  max-width: 90% !important;
  margin: auto;
  border-radius: var(--global-rmborderradius) var(--global-rmborderradius) 0 0;
  box-shadow:  0px -9px 28px 8px rgba(0, 0, 0, 0.05);;
}
.container .header.header--article{
  max-width: none !important;
  padding: 16px 64px 16px 16px;
}
/*applies to coures and other content detail pages side bars , .widget--course-social , .course__detail__enrolled
.footer__links , .course__includes{
  display: none;
}
.course__detail__sidebar .panel{
  display: none;
}*/

/*--------------------- site-type specific settings -------------------*/

/*--catalog page settings--*/
/* catalog card element layouting*/
.catalog-grid-item{
  border-radius: 10px;
  box-shadow: var(--global-rmboxshadow);
}
.catalog-grid-item__asset-container{
  padding: 4px 4px 0px 4px;;
}
.catalog__ribbon{
  border-radius: var(--global-rmbuttonradius) var(--global-rmbuttonradius) 0px var(--global-rmbuttonradius);
  text-transform: none;
  color: white !important;
}

/* hide powered by TI on public pages. More hide options see Academy */
.footer__powered-by { 
  display: none !important; 
}

/*--article and video page settings--*/
/* set article and video side bar to float right instead of left */
.article-sidebar{
  float: right;
}
/*.course-purchase__mobile-button{
  display: none;  
}*/

/*--course page settings--*/
/* change "home"-house navigation icon on course pages */
.header__left__icon .icon-home{
  font-size: 30px;
  color: #174573 !important;
}
.header--student .header__left__icon{
    background-color: #FFFFFF;
}
.learner__container__toggle .btn{
  border-radius: var(--global-rmbuttonradius);
  background: var(--color-rm-primary);
  border: none;
}
.directional__nav__button{
  border-radius: var(--global-rmbuttonradius);
  background: var(--color-rm-primary);
}
/*for course pages open but no sign in
.purchase-paywall-submit{
  display: none;
}*/

/*hide 'support' and 'sign-out' in side bar
.expandable-sidebar__buttons{
  display: none;
}*/

/*content complete indicator*/
.icon-circle.icon-circle--full span{
  background: var(--color-success);
}
.completed__indicator i {
  color: var(--color-success);
}

/*hide section numbers from courses content page nav bar*/
.syllabus__section-title-index {
  display: none;
}

/*hide section numbers from courses Detail-page, Content tab*/
.section__list__index{
  display: none;
}

/*------Learning Path settings------*/
/*applies if enrollment dates are set to show button then hide 'Learning Path Runs: date' and 'Sign In and start, for easier navigation'
.enroll__title, .course__detail__runs{
  display: none;
}*/
/* hide elective from learning path
.learning-path-milestone__badge{
display: none !important;
}*/

/*hide arrow icon from the open button in learning path course details*/
.learning-path-detail-milestone-item__cta .icon-upright{
  display:none;
}

/*make imge corners of learning path itme view round*/
.learning-path-timeline-milestone-item__asset img{
  border-radius: 14px;
}

/*change color, background and hover color of "Open" text*/
.learning-path-detail-milestone-item__cta {
    float: left;
}
.learning-path-detail-milestone-item__cta span {
    font-size: .75rem;
    font-weight: 400;
    background-color: var(--color-rm-primary);
    padding: .375em 1em;
    border-radius: var(--global-rmbuttonradius);
    color: #fff;
}
.learning-path-detail-milestone-item__cta span:hover {
    background-color: var(--accent-hover-color);
    border-color: var(--accent-hover-color);
}

/* hide gift text and Icon in side bar for Learning Paths, also effects articles and videos! 
.enroll__secondary-actions { 
  display: none !important; 
}*/

/*JTM 2022.05.12  - I want to increase description font in learning path
.learning-path-milestone-item__alt-description
    font-size: .8125rem;
    line-height: 1.75;
*/
.learning-path-milestone-item__alt-description, .learning-path-milestone-item__description, .learning-path-milestone-item__alt-description p, .learning-path-milestone-item__description p {
    font-size: 1rem;
    line-height: 1.75;  
}


/*--dashboard settings--
.dashboard-header-dropdown__link{
  display: none;
}*/

.dashboard-stats__container, .dashboard-account-tab--active, .featured-content-multi-carousel-item, .featured-content-article-item{
  border-radius: var(--global-rmborderradius);
}
/*Activity drop down*/
.dashboard-access, .dashboard-access__header{
  border-radius:var(--global-rmborderradius) !important;
  background: var(--global-background-color);
}
.dashboard-access-tabs{
  background: white;
  border: none;
}
.dashboard-access-list-item{
  border: none;
  border-radius:var(--global-rmborderradius) !important;
}
/* recently used and featured content */
.featured-content-multi-carousel-item, .featured-content-article-item{
  border: 1px solid #e9e9e9;
  background: var(--global-background-color);
}
.featured-content-multi-carousel-item__title{
  font-weight: 500;
}

.hidden-group {
  display: none; /* Hides the extra list items */
}

.more-less-toggle {
  display: block;

  font-size: 10px;
  color:red !important;
  float: right;
  margin: -10px 0;
}