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

{{ color_palette.button_font_color }}
{{ color_palette.button_color }}
{{ color_palette.button_hover_color }}
{{ color_palette.header_font_color }}
{{ color_palette.header_font_hover_color }}
{{ color_palette.header_color }}
*/

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

h1, h2, h3, h4, h5, h6,
.np-resource-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-card-ribbon {
  background-color:#a0874e;
}

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

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

/* CARD STYLES  */
.np-card > .np-card-container {
  box-shadow: none;
  border: 1px solid #ddd;
  border-radius: 0;
}