@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_v4/v1/course-uploads/5733896a-1d71-46e5-b0a3-1ffcf845fe21/dezni6hv19f4-RapidMiner_Academy_logo.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-rmdarkblue: #005776;
  --global-background-color: #FAFAFA;
  --global-customgrey-color: #969797; /*used for video elements that don't work well with default player control colors due to mismatch with thumbnail*/
  --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: #005776 !important; /*from .com site compared to #21BAA0 in product in product. used to be: #1B9984*/
  --link-hover-color: #007da9 !important; /* also used for custom button hover  used to be: #21BAA0*/
  --accent-color: #005776 !important;
}

/*change size of header logo*/
.header .company__beta-logo .company-logo__container img {
  max-height: 40px;
}

/*--- 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;
}

/*Course-type page background*/
.learner__container{
    background-color: #ffffff !important;
}

/*general TI button adjustments*/
.btn{
  border-radius: var(--global-rmbuttonradius);
}
.btn--primary, .btn--primary:hover{
  color: white;
}
/*general TI button adjustments - titles in catalog filter elements on hover*/
.btn--link:hover, .catalog-aggregation__header--label:hover {
  color: var(--color-rm-primary);
}

/*forcing href-color and hover color to be default link-color*/
.editor-content a:not(.btn, .button) {
  color: var(--link-color) !important;
}
.editor-content a:hover:not(.btn, .button) {
  color: var(--link-hover-color) !important;
}
a:hover:not(.btn, .button) {
  color: var(--color-rm-primary) !important;
}
.dashboard-access-list-item-expander__title:hover {
  color: var(--color-rm-primary);
}

/*custom button definitions*/
.button 
{
    background-color: var(--color-rm-primary);
    border: none;
    padding: 5px 20px;
	  margin-bottom: 10px;
    color: white !important;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: var(--global-rmbuttonradius);
    cursor: pointer;
}
.button:hover {
    background-color: var(--link-hover-color);
}
/* set postion for right button */
.button-right {
    position: absolute;
    right: 0px;
}
/* make buttons responsive button-right adds to button definitions */
@media only screen and (max-device-width: 480px) {
.button {
  width: 100%; 
  display: block;
}
.button-right {
  position: relative; 
  margin-bottom: 30px;
}
}

/* make YT video container flexible */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* PDF container */
.PDF-container {
  position: relative;
  padding-top: 30px;
  padding-bottom: 56.25%;
  margin-bottom: 2em!important;
  width: 100%;
  min-height: 39em;
}
.PDF-container iframe,
.PDF-container object,
.PDF-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media handheld, only screen and (max-width: 1140px){
 .PDF-container {
    margin-bottom: 2em!important;
    width: 100%;
    min-height: 39em;
    display: block;
  }
}
@media handheld, only screen and (max-width: 770px){
  .PDF-container {
    margin-bottom: 2em!important;
    width: 100%;
    min-height: 39em;
    display: block;
  }
}

/*--------------------- widget specific adjusments -------------------*/

/*--dashboard settings--*/
.dashboard-stats__container, .dashboard-account-tab--active, .featured-content-multi-carousel-item, .featured-content-article-item{
  border-radius: var(--global-rmborderradius);
}
/*Activity drop down on dashboard*/
.dashboard-access, .dashboard-access__header, .dashboard-badges-container{
  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 on dashboard 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;
}
.catalog-grid-item__completed-container{
  border-radius:var(--global-rmborderradius) !important;
}

/* adjust blocks text and logo position*/
.about-block{
  display: flex;
  align-items: center;
}

/*aligning headshots in center and inline for screensize over 1200px*/
@media screen and (min-width: 1200px) {
  .about-blocks-widget ul.medium-block-grid-3 {
    display: flex;
    margin: 0 0 0 0;
  }
}

/*Homepage settings for 4 element block Get Started, Content Lib...*/
.home__content li.about-block__container{
  background: #f1f1f1;
  border-radius:var(--global-rmborderradius) !important;
}
.home__content:hover li.about-block__container:hover{
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  box-shadow: var(--global-rmboxshadow);
}

@media screen and (min-width: 900px){
  .home__content li.about-block__container{
    margin: 10px;
  }
  .about-blocks-widget ul.medium-block-grid-4{
    display: flex !important;
  }
}

/* change color of featured widget*/
.widget__title-cta{
  background-color: var(--color-rm-primary);
  color: white;
  border-radius: 5px;
}
.widget__title-cta:hover{
  color: white;
  text-decoration: underline;
}

/*setting left and right arrow of carousel to something more prominent*/
.featured-content-multi-carousel__nav-right.btn--bare-icon {
  height: 56px;
  width: 56px;
  font-size: 3.5rem;
  top: 30%;
}
.featured-content-multi-carousel__nav-right > .icon-navigateright {
  line-height: inherit;
  font-size: inherit;
  color: var(--color-rm-primary);    
}
.featured-content-multi-carousel__nav-left.btn--bare-icon {
  height: 56px;
  width: 56px;
  font-size: 3.5rem;
  top: 30%;
}
.featured-content-multi-carousel__nav-left > .icon-navigateleft {
  line-height: inherit;
  font-size: inherit;
  color: var(--color-rm-primary);
}
/* remove background shadow from faetured content carousel */
.featured-content-multi-carousel-item {
    background: none;
}

/*adjust search bar, on public page*/
.widget--searchbar{
    position: absolute;
    top: 7em;
    right: 10px;
    z-index: 10;
    width: 40%;
    min-width: 250px;
}

@media handheld, only screen and (max-width: 768px){
  .widget--searchbar{
    position: relative;
    width: 100%;
    right:0px;
}
}

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

/*----Learning path specific adjusments---*/
/* hide elective from learning path*/
.learning-path-milestone__badge{
  display: none !important; 
}

/*hide 'Learning Path Runs: date' and 'Sign In and start, for easier navigation'*/
.enroll__title, .course__detail__runs{
  display: none;
}

/* adjusted position of the open in course details and added style to course section heading*/
.learning-path-detail-milestone-list li h3 {
    color: var(--color-rm-primary);
    font-weight: bold;
}

.learning-path-detail-milestone-item__content-type {
    font-size: 15px;
}

.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: 2px;
    color: #fff;
}

.learning-path-detail-milestone-item__cta span:hover {
    background-color: var(--link-hover-color);
    border-color: var(--link-hover-color);
}

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

/*in learning path time series view make every second section light-grey*/
.learning-path-timeline-milestone-items--alt
{background-color: #f1f1f1;}

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

/*----article and video item specific adjusments---*/
/* set article side bar to float right instead of left */
.article-sidebar{
  float: right;
}

/* hide purchase cart icon in link box. Alternatively use"display: none;" then adjust text pos*/
.article-sidebar__icon {
  color: #fff;
  size: 1px;
}
/* hide gift text and Icon in side bar for Learning Paths, also effects articles and videos! */
.enroll__secondary-actions { 
  display: none !important; 
}

/*----course and Mini-course type specific adjusments---*/
/*page type ad adjustment to the righ*/
.topic__ad__link {
  padding: 0px 20px 0px 20px;
}

.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);
}

/*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;
}

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

/* change "home"-house navigation icon on course pages */
.header__left__icon .icon-home{
  font-size: 30px;
  color: var(--global-color-rmdarkblue) !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);
}
/* hide thumb in detail view side bar - notes: 
1. it is only activated for small screens <770px see below because it takes out rating start option for video page as it simply takes 1st item in col
2. article side bar tags taken out for small screens as they are too small and google indexing complains about that */
@media handheld, only screen and (max-width: 770px){
  .article-sidebar div.text-center:first-of-type {
    display: none;
  }
}

/*Adding padding to the title above video*/
.article-content__header {
    padding: 2px;
}

/*related content - grid of 4 tiles*/
@media only screen and (min-width: 48.063em){
.article-content__related-items .medium-block-grid-3>li:nth-of-type(3n+1) {
    clear: none;
  }
}
@media only screen and (min-width: 48.063em){
.article-content__related-items .medium-block-grid-3>li:nth-of-type(4n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 48.063em){
.article-content__related-items .medium-block-grid-3>li {
    width: 25%;
    list-style: none;
  }
}

/* changing setting for course-page-type "Match Pairs" to 4 in one line for */
@media only screen and (min-width: 1200px){
  .match-pair__list>li:nth-of-type(3n+1) {
      clear: unset;
  }
  .match-pair__list>li {
      width: 25%;
  }
  .card__label__buttons>li:nth-of-type(3n+1) {
      clear: unset;
  }
  .card__label__buttons>li {
      width: 25%;
  }
}

/*Quiz cover page alignment*/
.quiz-start__text .editor-content {
    text-align: center;
}
.quiz-start__content {
    background-color: transparent;
}

/*----catalog specific adjusments---*/
/* set catalog filter font color*/
.btn.catalog-aggregation__value {
    color: var(--color-rm-primary);
}
.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;
}
.catalog-filters{
  border-radius:var(--global-rmborderradius) !important;
}
.catalog-filters__search, .catalog-filters__sort{
  background: none;
}

/*----home specific adjusments---*/
/* make hero img resizeable */
.hero img {
    height: 18.5em;
}


/*hero image caption color and background fix*/
/*title with grey background*/
.hero .hero__caption {
    background: hsla(0,0%,100%,.85);
    position: absolute;
    bottom: 2em;
    left: 0;
}
@media handheld, only screen and (max-width: 768px){
.hero .hero__caption .hero__title{
  font-size:24px;
}
}

/*----footer specific adjusments---*/
/* hide powered by TI */
.footer__powered-by { 
  display: none !important; 
}

/* hide default footer copyright, powered by... because it has been moved to custom footer */
.footer__powered-by,
.footer__powered-by,
.footer__company__info,
.footer__company__name a{
  display: none !important; 
}
.footer__company__name{
  display: none;
}

.footer{
  padding: 0 0rem;
}
.footer__inner{
  border: none;
  padding: 0;
}
.footer__links strong{
  display: none;
}

/*rm-generic header-footer css*/
body { background-color:#fff; } 
#mk-footer { 
  background-color:#231F20; 
  width: 100%;
  position: relative;
  padding: 20px 0 10px;
} 
#mk-footer, #mk-footer p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.mk-grid {
	max-width: 1140px;
		width: 100%;
		margin: 0 auto;
}
.mk-grid:after {
    content: "";
    display: table;
    clear: both;
}

.mk-footer-logo {
    float: left;
    display: inline-block;
    padding: 0px 20px 8px 20px;
}

.mk-footer-copyright {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    float: left;
    padding: 12px 0 20px;
}

.mk-footer-copyright a{
  color: var(--color-rm-primary);
  word-wrap: break-word;
}

.mk-footer-copyright a:link{
  outline: 0 none;
  text-decoration: none;
}

/*making footer responsive*/
@media handheld, only screen and (max-width: 1140px) {
.mk-grid{
    width: auto;
  }
}

@media handheld, only screen and (max-width: 1140px) {
.mk-footer-logo {
    float: left;
    padding: 8px 20px 8px 20px;
	}
}

@media handheld, only screen and (max-width: 1140px){
.mk-footer-copyright {
    padding-left: 20px!important;
  }
}

@media handheld, only screen and (max-width: 767px){
.mk-footer-copyright {
    text-align: center;
    display: block;
    float: none!important;
    clear: both;
    padding: 10px 10px 5px!important;
}
}

.cookie-trigger {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 12px;
  font-family:"Open Sans";
  padding: 0;
}

button.cookie-trigger:hover {background-color: transparent; color: #fff;}

button.cookie-trigger:focus {outline:0;}

/* hide last name field from first login-screen*/
/*.session__form input[name="lastName"] { display: none !important; }*/

/* hide last name field from dashboard profile screen*/
/*it's just invisible to the user, still needs some value*/
/*.columns input[aria-label="Last Name"] {
    display: none !important;
}*/

/*Adding shadow to catalog grid tiles*/
/*.widget--catalog .catalog-grid-item {
    background: #f6f6f6;
    border: 1px #f6f6f6 solid;
    box-shadow: 0px 1px 0px 1px #cbcbcb;
}*/

/*twitter feed div hide text
.tweet-h{
  display:none;
}*/

/*title without grey background*/
/*.hero .hero__caption {
    background: none;
    position: absolute;
    bottom: 2em;
    color: #f2f2f2;
    left: 0;
}
.hero .hero__caption span {
    color: #f2f2f2;
}

.hero .hero__caption .hero__title {
    color: #f2f2f2;
}*/