/*
 Put your custom overlay styles in here
 You can use your northpass color palette in this file

#f5f5f5
#a0874e
#826721
#010101
#010101
#ffffff
*/

body {
  font-family: "Merriweather", serif;
  color:#010101;
}

h1, h2, h3, h4, h5, h6,
.np-resource-title,
.np-dashboard-resources-title {
  font-family: "Lato", sans-serif;
}

body,
.np-dashboard,
.np-learning-path {
  background-color:#fff;
}

.np-button {
  border-radius:0;
  text-transform:uppercase;
  letter-spacing: 0.09375rem;
    font-family: 'Lato'
    , sans-serif;
}

.np-progress-bar-container,
.np-card-progress-bar {
  border-radius:0;
}

.np-card-progress-bar {
  background-color:#a0874e;
}

.np-sub-navigation-content-item-link {
  font-family: 'Lato';
  text-transform: uppercase;
}

.np-top-cta-progress-text.np-color-success {
color:#000;
  }

/* Hero styles  */
.np-homepage-hero .np-homepage-headline,
.np-homepage-hero .np-homepage-subheadline {
  text-shadow: 2px 2px 4px #fff;
}

.np-homepage-hero .np-homepage-headline {
  font-weight:500;
}

@media (min-width:768px) {
  .np-homepage-hero-image {
    max-height:400px;
  }

  .np-homepage-hero .np-homepage-headline {
    font-size:60px;
  }

  .np-homepage-hero .np-homepage-subheadline {
    font-size: 32px;
    opacity: 1;
  }
}