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

a, a:hover, a:focus, a:active {
 text-decoration: none;
 color: inherit;
}

.course-description {
   margin-top: 10px;
}
 @media screen and (min-width: 768px) and (max-width: 950px){
   .np-card-content-footer {
      flex-direction: column;
      align-items: center;
      gap: 20px;
   }
}
.button-wrapper {
   position: relative;
}
.back-button {
   position: absolute !important;
   background: #2e3e8f;
   opacity: 0.8;
   width: 100%;
   height: 100%;
   top: 4px;
   left: 4px;
   border-radius: 4px;
   z-index: -1;
}
.np-button:hover {
 color: white;
}
.np-card-content-progress {
   font-size: 1rem;
}
.np-header-desktop-nav-list {
   margin-bottom: 0;
}