/*********defaults*/

body{
  font-family: 'Proxima Nova W05 Regular', Helvetica, Arial, sans-serif;
  font-size: 18px;
  background-color:#cbcbcb;
}

#learner h1,
#learner h2, #learner .h2,
#learner h3,
#learner h4,
#learner h5,
#learner h6,
h1, h2, h3, h4, h5, h6{
  font-family: 'Proxima Nova W05 Bold', Helvetica, Arial, sans-serif;
  color:black;
}

.home__content{
  padding-left:0;
  padding-right:0;
}

/*********font color*/
body,
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),
.top-bar-section .dropdown li a,
.footer__company__info,
.enroll__price,
.course__detail__content, 
.course__detail__header p,
.layout__content .widget--title .widget__subtitle,
.btn.catalog-aggregation__value,
.widget__subtitle,
.top-bar-section ul li>a{
  color:#000000;
}
.icon-navigateleft:before,
.icon-navigateright:before {
  color:#FFFFFF !important;
}


/*********hidden stuff*/

.catalog-grid-item__description,
.catalog-grid-item__price,
.catalog-grid-item__cta-container,
.enroll__secondary-actions,
.block-grid__item__button,
.hideOnFree,
hr{
  display: none;
}

/*********specifics*/

.nav--global-links{
  background-color:#000000;
}

.nav--global-links a{
  color:#ffffff;
}

h1, #learner .h2{
  font-size: 3.525rem;
  line-height:  3.525rem;
}

h3{
  font-size: 2.625rem;
  line-height:  2.625rem;
}

.featured-content-multi-carousel__nav-left{
  top: 45%;
}

.featured-content-multi-carousel__nav-right{
  right: -0.5em;
  top: 45%;
}

.featured-content-multi-carousel__nav-left .icon-navigateleft:before,
.featured-content-multi-carousel__nav-right .icon-navigateright:before{
  font-size:2em;
  opacity:60%;
}

/*********home page hero*/

.homePageHero .hero{
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  margin: 2rem auto;
}

.homePageHero .hero picture{
  flex-basis:40%;
  flex-grow:1;
}

.homePageHero .hero__caption{
  position:unset;
  background-color:#ffffff;
  flex-basis:60%;
  flex-grow:1;
}

.homePageHero h2.hero__title{
  color:#000000;
  font-size: 4rem !important;
  font-weight: 800;
}
  

.homePageHero span.h4{
  color:#000000;
  font-size: 2.5rem !important;
}


/*********catalog*/

.catalog-grid-item__title,
.featured-content-article-item__title,
.featured-content-multi-carousel-item__title{
  font-size: 1.3rem;
  font-weight: 700;
  line-height:  1.325rem;
}

.featured-content-article-item__description{
  font-size:1.25rem;
}

.catalog-grid-item__body,
.featured-content-article-item__body{
  background-color:#ffffff;
  height:auto;
  min-height:130px;
}

.catalog-grid-item__source{
  color:#ea148c;
}

.catalog-aggregation--expanded{
  background-color:#eaeaea;
}

.btn.catalog-aggregation__value{
  font-size:1rem;
}

.btn.catalog-aggregation__value:hover{
  color:#ea148c;
}

.catalog-active-filter__remove{
  background-color: #00bdf2 !important;
  font-size: 1rem;
  padding: 0.5rem !important;
  color: #000000 !important;
  border-radius: 6px;
  font-weight: 600;
}

.widget--one-column_standard.full-width  {
  max-width:100%;
}

/*********widgets*/

.shadedBackground{
  background-color:#eaeaea;
}

.widget--one-column,
.widget--two-column,
.widget--three-column,
.widget--four-column,
.widget--catalog_standard,
.padded{
  padding: 1rem 1rem 0;
}

.widget--one-column_standard,
.widget--three-column_standard{
  padding: 2rem 5rem 0;
}

.widget__title-cta{
  background-color: #ea148c;
  color: #ffffff;
  border: #ea148c;
  border-radius: 6px;
}

.widget__title-cta a{
  color: #ffffff;
  font-weight: 600;
}

.layout__content .widget--title .widget__subtitle{
  margin-bottom:2rem;
}

.showCertificationBadge .editor-content{
  display: flex;
  flex-wrap: wrap;
}

.showCertificationBadge .editor-content p:nth-of-type(1){
  flex-basis:100px;
}

.showCertificationBadge .editor-content p:nth-of-type(2){
  flex-basis: 75%;
  margin-left: 1rem;
}

/*********updated full-width*/
.showCertificationBadge.full-width .editor-content p:nth-of-type(2) {
  margin-left: 0;
}

.showCertificationBadge.full-width .editor-content p:nth-of-type(1) {
  flex-basis: 25%;
}

.showCertificationBadge.mid-width .editor-content p:nth-of-type(1) {
  flex-basis: 15%;
}

.showCertificationBadge.mid-width .editor-content div:nth-of-type(1) {
  margin-left: 1rem;
  flex-basis: 85%;
  flex-basis: calc(85% - 1rem);
}
.showCertificationBadge.mid-width .editor-content p:nth-of-type(2) {
  margin-left: 0;
}

.showCertificationBadge.full-width .editor-content div:nth-of-type(1) {
  margin-left: 1rem;
  flex-basis: 75%;
  flex-basis: calc(75% - 1rem);
}

@media only screen and (max-width: 640px) {
  .showCertificationBadge.full-width .editor-content {
    display:block !important;
  }
  .showCertificationBadge.full-width .editor-content p:nth-of-type(1),
  .showCertificationBadge.mid-width .editor-content p:nth-of-type(1) {
    width:100%;
    flex-basis:100%;
  }
  .showCertificationBadge.full-width .editor-content p:nth-of-type(1) img,
  .showCertificationBadge.mid-width .editor-content p:nth-of-type(1) img {
    margin-left:auto;
    margin-right:auto;
    max-width:200px;
  }
  .showCertificationBadge.full-width .editor-content p:nth-of-type(1),
  .showCertificationBadge.mid-width .editor-content p:nth-of-type(1) {
    text-align:center;
  }
  .showCertificationBadge.full-width .editor-content div p:nth-of-type(1)
  .showCertificationBadge.mid-width .editor-content div p:nth-of-type(1) {
    text-align:left;
  }
  .showCertificationBadge.mid-width .editor-content div:nth-of-type(1) {
    margin-left: 1rem;
    flex-basis: auto;
  }
}

.widget--three-column_standard .editor-content{
  max-width:100%;
}

/*********detail pages*/

.course__detail__content .section__list li .section__list__index>span,
.course__detail__content .section__list li .section__list__outline>span{
  font-size: 1.125rem;
  text-transform:uppercase;
}

.course__detail__content .section__list{
  margin-top:0px;
}

.course__instructor .h4{
  text-transform:uppercase;
}

.enroll__buy .btn{
  background-color: #ea148c;
  color: #ffffff;
  border: #ea148c;
  border-radius: 6px;
}

.enroll .interval .strikethrough, 
.enroll .srp .strikethrough{
  text-decoration:none;
}

.layout__content--sidebar .widget--one-column.offerProduct,
.layout__content--sidebar .widget--one-column.offerCourse{
  padding:2rem 0rem;
}

.layout__content--sidebar .widget--one-column.offerProduct .indent-list,
.layout__content--sidebar .widget--one-column.offerCourse .indent-list{
  max-width:100%;
}

/*********instructor profiles*/

.layout__content--our-instructors{
  display:flex;
  flex-wrap:wrap;
}

.layout__content--our-instructors .instructor-profile{
  flex-basis:50%;
}

.instructor-profile h3 {
  margin-bottom: 0px;
}

.instructor-profile .row .columns .editor-content{
  display:flex;
}

.instructor-profile .row .columns .editor-content p{
  flex-basis:fit-content;
  margin-right:20px;
}

/*********footer*/
.footer{
  background-color:#000000;
}

.footer .footer__company__info,
.footer .footer__links,
.footer a{
  color:#ffffff;
}

/*********responsiveness*/

@media (max-width: 1080px){
 
  .layout__content--our-instructors .instructor-profile{
    flex-basis:100%;
  }

  .instructor-profile .row .columns .editor-content{
    display:flex;
    flex-flow:wrap;
  }

}

@media (min-width: 640px){
  
  .global-nav__container{
    max-width: 640px;
    margin: 0 auto;
  }
  
}

@media (min-width: 768px){
  
  .global-nav__container{
    max-width: 768px;
    margin: 0 auto;
  }
  
}

@media (min-width: 1024px){

  .global-nav__container{
    max-width: 1024px;
    margin: 0 auto;
  }

}

@media (min-width: 1440px){

  .global-nav__container{
    max-width: 1440px;
    margin: 0 auto;
  }

  /* if any width issues, set this back to max-width 75% */
  .editor-content{
    max-width:100%;
  }

  .instructor-profile .editor-content {
    max-width: 95%;
  }

}


/******* STAGING CSS - including staging as a class name and toggle the display property for prodduction QA *******/
.staging{
  display:none;
}