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

      :root {
        --font: Open Sans;
        --alt-font: Droid Serif;
        --accent-color: #4d726d;
        --secondary-color: #dad0a0;
        --link-color: #7997b7;
        --accent-highlight-color: #385450;
        --accent-highlight-background-color: #e8efee;
        --accent-tinted-color-70: #cad5d3;
        --accent-tinted-color-80: #dbe3e2;
        --accent-tinted-color-90: #edf1f0;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #62908a;
        --secondary-hover-color: #ccbe7b;
        --secondary-contrast-color: #111;
        --link-hover-color: #476483;
      }
      

.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/9b0fd3c0-1522-48c7-a3e3-4ee9c96775d2/xueh3hbi2yo3-Audley-Black.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
GLOBAL CHANGES
/* Center titles */
.hero .hero__caption {
display: flex;
flex-flow: column nowrap;
justify-content: center;
}


/**** top navigation*****/
#cart-button {
  visibility: hidden;
}
#ii8n-11 {
  visibility: hidden;
}

/* MANAGER ACCESS LINK */
#i18n-1 {
  color:#fff;
  display:none;
} 
/** my dashboard button **/
#i18n-27 {
  color:#fff;
  display:none;
} 

.top-bar {
  position: absolute;
  right: 40px;
  top: 10px;
  border: none;
  background: none;
}

.top-bar-section ul li,
.top-bar-section ul li:not
.top-bar-section ul li, {
  padding: 0px;
}  
   
.nav--global-links a {
  color:#fff;
  line-height: 3rem;
  font-size: 16px;
  position: absolute;
  /*left: -100px;
  top: 100px;*/
  z-index: 101;
}
/****** hero area ******/
.header .company__beta-logo .company-logo__container img{
  max-width:250px;
  top: 10%;
  position: absolute;
  content: url("https://nmsimages.blob.core.windows.net/nmsimages/Audley/audley-academy.png") !important;
}

.header--microsite{
  z-index:100;
  position:absolute; /*changed from relative*/
  top: 0; /* added new*/
  width: 100%;
  height:100px;
  display:flex;
}
.header__inner {
  width: 100%;
}

ul.left  {
 /*position: absolute;
  width: 480px;*/
  left: 400px;
}
.top-bar-section ul { /* new */

}
.top-bar-section ul li{
  background-color:transparent !important;
}

.top-bar-section li:not(.has-form) a:not(.button){
  background-color:transparent !important;
}

.top-bar-section ul li>a{
  color:#fff;
}


#ember2148 .hero {
    position: relative;
    z-index: 1;
    margin-top: -100px;
    text-align:center;
}

/* Dashboard*/
#ember2186 .hero {
  position: relative;
  z-index: 1;
  text-align:center;
  overflow: visible;
  margin-top: -100px;
}
.header--dashboard {
  z-index:100;
  position: absolute;
  top: 10px;
  border: none;
  background: none;
  width:100% !important;
}
.dashboard-header__name{
  color:#fff;
}
#ember2086{
  padding:0 !important;
}

/* Match number color in progress widget to mock-up */
  .dashboard-stat--available .dashboard-stat__value {
    color: #44877f;
}

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

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

.dashboard-stat--certifications .dashboard-stat__value { /* Not entirely sure about this one */
    color: #6687ab;
  }

.dashboard-stat--collaborations .dashboard-stat__value {
    color: #A3A08C;
}
  /* Tab colors on access widget – both active and inactive */
  .dashboard-access-tabs {
    background: white;
}

.dashboard-access-tab--active {
    background: var(--accent-color);
    border-top: 3px solid #DBD1A0;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: -1px;
  }

.dashboard-access-tab--active::after {
    display: none;
}

/* Italicize Browse Courses title */
/* This will apply globally, let us know if you don’t want that */
.h2.widget__title {
    font-style: italic;
    margin: 4rem 0;
}


/* Formatting of the browse courses widget */
body.dashboard .ember-view.catalog-grid-item .row {
    display: flex;
    flex-flow: column nowrap;
}

body.dashboard .featured-content-default-grid .featured-content-block-grid li {
    width: 24rem;
}

body.dashboard .catalog-grid-item .column {
    width: unset;
}

body.dashboard .featured-content-block-grid {
    text-align: center;
    display: flex;
    justify-content: center;
}

body.dashboard .featured-content-default-grid .catalog-grid-item__asset-container {
    padding: 0;
}
  /* Left and right margins for logo and all widgets */
  .learn.dashboard .widget {
    padding: 0;
}

.header--dashboard .company__beta-logo img {
    margin-left: 10rem;
}

.learn.dashboard .widget--dashboard-stats.widget {
    margin: 4rem 0;
    padding: 1rem 8rem;
}

.learn.dashboard .widget.widget--dashboard-access {
    padding: 1rem 8rem;
}

.learn.dashboard .widget--featured-content {
    padding: 1rem 8rem;
}

.learn.dashboard .widget--featured-content .widget__title {
    margin: 1rem 0 3rem 0;
}





/* trying to get the UserName to float right  */
.column .small-6 {
 margin-right: 40px;
}

/* end dasboard section
.hero img {
  height:450px;
}*/

.hero .hero__caption {
  background: rgba(78, 115, 109, 0.6);
  width: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height:60%;
}

.hero .hero__caption .hero__title {
  color: #ffffff;
  text-align:center;
  font-size: 1.75rem;
}

.hero .hero__caption span {
  color: #ffffff;
  text-align:center;
  font-family:"Open Sans" !important;
  font-size:16px;
}

.hero__caption .btn--primary{
  background-color: #fff;
  color: #4D726D !important;
  display: block !important;
  padding: 10px;
  margin-top: 20px;
  text-transform:uppercase;
}


/** Intro tiles  **/

li.about-block__container,
li.about-block__container .about-block {
      margin-top: 20px;
      height: 360px;
}
.about-block__text {
  max-width: 310px;
}


li.about-block__container .about-block__text h3 {
    text-transform: none;
    }
    
/*******widget links area *******/
#ember2243 {
  /*margin-top: 60px;*/
  margin-bottom: 40px;
}
h2.widget__title,
p.widget__subtitle {
  padding-left: 50%;
  padding-right: 10%;
}
.widget-special-background    {
  background-image: url('http://nmsimages.blob.core.windows.net/nmsimages/Audley/widget-background.png');
  background-repeat: no-repeat;
  background-size: cover;
}
#ember2243 .btn {
  margin-left: 65%;
}

/******* footer ******/
.footer {
  background-color: #6D6863;
}
.footer__company__info, .footer__company__name, footer__powered-by {
  color: #ffffff;
}


/*   RESPONSIVE CSS    */
		
		/* MOBILE */
		@media only screen and (max-width: 600px) {
		  .header .company__beta-logo .company-logo__container img {
        max-height:40px;
        top: 10%;
        position: absolute;
      }

		  .hero .hero__caption {
        width: 60%;
        height:270px;
      }
      
      .top-bar {
        background: #fff;
        width: 12rem;
      }
      
      .top-bar-section ul{
        background:#fff;
      }
      
      .top-bar-section ul li>a{
        color:#4D726D;
      }

		}
		
		/* TABLET */
		@media only screen and (max-width: 768px) {
		  
		  .header .company__beta-logo .company-logo__container img{
        margin-left:10px;
      }
      
  		.top-bar {
        background: #fff;
      }
      
      .top-bar-section ul{
        background:#fff;
      }
      
      .top-bar-section ul li>a{
        color:#4D726D;
      }
		}	


/** resources page  **/
  /* Match green banner with links to mock-up */
            /* Match the Style */
            .layout__content--resources .widget--link-matrix_standard.link-jump-list {
              width: 100%;
              padding: 0;
          }

          .layout__content--resources .widget--link-matrix_standard.link-jump-list ul.link-matrix-category__container {
              justify-content: center;
              padding: 2rem 0;
          }

          .layout__content--resources .widget--link-matrix_standard.link-jump-list {
              font-family: sans-serif;
          }

          .layout__content--resources .link-matrix-category h4 {
              font-family: sans-serif !important;
              font-size: 1.25rem;
              font-weight: 200;
          }

          .layout__content--resources .link-matrix-category__container > li {
              flex-flow: column nowrap;
              justify-content: center;
              border-right: 1px solid #888;
          }

          /* Remove the gap above */
          .layout__content--resources .hero {
              margin-bottom: 0;
          }
        /* titles */
        .widget_title.h2 {
        background-color: #b2c5ca;
        margin: 2rem 0;
        }


/* Switch the links at the bottom to 4 across instead of 3 across*/
          /* Change this rule so that the gap value is "2rem 1rem" instead of "2rem" for 4 across */
          .layout__content--resources .Link-Section .link-matrix-category ul {
              display: flex;
              flex-flow: row wrap;
              justify-content: space-evenly;
              gap: 2rem 1rem;
          }

#ember2195 .hero {
  position: relative;
  z-index: 1;
  margin-top: -100px;
  text-align:center;
  margin-bottom: 0em !important;
}

.home__content{
  padding:0px;
}

#ember2218 { /*.ember-view.row.widget.widget--link-matrix--link-matrix_standard*/
  padding: 0;
}

#ember2230 {
  text-align: center;
  margin: 0 auto;
}

#ember2220{
  padding:0 !important;
  margin-bottom:2em;
}


/*.link-jump-list*/
  ul.link-matrix-category__container {
  background-color: #4D726D;
  text-align:center;
  padding:20px;
}

    .link-matrix-category__container>li{
      margin-bottom:0 !important;
    }

    .link-matrix-category h4{
      font-family: "Open Sans" !important;
      padding: 0 12px;
      color: #ffffff;
      margin-bottom: 0 !important;
    }

    li.link-matrix-category__container  li {
      width: 20%;
      margin: 0 12px;
    }

    /* VIDEO SECTION */
    
    h2.widget__title{
      padding-left:0 !important;
      padding-right:0 !important;
    }

    #ember2259{
      background-color:#B2C5CA;
      margin-bottom:2em;
      /*padding:2em;*/
    }

    /* Resource Page Link section  */
    .featured-content-multi-carousel {
      width: 80%;
      margin: auto;
    }
    
    .featured-content-multi-carousel__nav-right {
      /* right: -.75em; */
      right: 8%;
    }
    
    .btn--bare-icon i, .btn--icon i, .btn--with-icon i i, .directional__nav__button i, button.flip-card__icon i {
      /* font-size: 1.25rem; */
      /* padding: 1rem; */
      font-size: 2rem;
      padding: 0;
    }
    
    .btn--bare-icon i {
      /* padding: 0; */
      padding: 1rem;
      color: #333;
      border: 1px solid #aaa;
      border-radius: 100%;
    }
    
    .featured-content-multi-carousel__nav-left {
      /* left: -.75em; */
      left: 6%;
    }
    
    .Link-Section  h2.widget__title {
      padding-left: 0;
      padding-right: 0;
    }
    .Link-Section ul.link-matrix-category__container  {
        background-color: #ffffff; 
    }
    #ember2225 .link-jump-list div { /* attempt to target the menu on top of the resources page */
      padding: 0;
    }
    .Link-Section li#ember2337 .ember-view  {
      width: 100%;
    }
    .Link-Section div.link-matrix-category  {
      max-width: 1200px;
      margin: auto;    
    }
    .Link-Section .link-matrix-category__container li {
      width: 100%;
    }
    .Link-Section .link-matrix-category ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-evenly;
      gap: 2rem;
    }
    .Link-Section li.link-matrix-category__subcategory  {
      /*float: left;*/
      width: 250px;
      border-left: 2px solid #DAD0A0;
      border-top: none;
      border-bottom: none;
      border-right: none;
      border-width: 6px;
      background-color: #F4F4F4;
      /*padding:20px;*/
      margin-left: 20px;
      margin-bottom: 10px;
      padding: 2.5rem 1.25rem;
      flex-shrink: 0;
    }

    .link-matrix-category__subcategory a {
      color: #4D726D;
      font-weight:bold;

    }
    .link-matrix-category__subcategory:before{
      display:none;
    }

    .Link-Section li.link-matrix-category__subcategory a {
      color: ##6D6863;
      text-decoration: none;
    }
    
  .featured-content-multi-carousel ul.featured-content-block-grid {
      text-align: center;
  }
   /* learning path page */
  .learning-content-hero__overlay {
      background-image: linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0)) !important;
  }
  #ember2049 .ember-view .picturefill {
    z-index: 1;
    margin-top: -100px;
  }
  .header--article {
    z-index:100;
    position:absolute; /*changed from relative*/
    top: 0; /* added new*/
    width: 100%;
    height:100px;
    display:flex;
  }
  #ember1915  .header--article {
    position: relative;
    z-index: 100;
    text-align:center;
}

/* Remove View Details Button from Dashboard Drop Down */
.dashboard-access-list-view-detail-page {
  display: none;
}

 /* Center titles */
.hero .hero__caption {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.nav nav--top {
display: none;
}

.header--article {
background: none;
border: none;
}

/**n course button **/
.directional__nav__button i, button.flip-card__icon i {
  font-size: 1.25rem;
}