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

#f2f9f8
#b3d334
#34b3d3
#f2f9f8
#34b3d3
#0a3443
*/

body {
  background-color:#fff;
  font-family: "Manrope", "Roboto", sans-serif;
  color:#0a3443;
}

h1, h2, h3, h4, h5, h6,
.np-homepage-headline {
    font-family: "Archivo", "Roboto", sans-serif;
    color:#0a3443;
}

.np-powered-by.show {
background-color:#0a3443;
}

.np-powered-by .np-powered-by-link {
    color: #ccc !important;
}

.np-footer .np-footer-support-help,
.np-footer .np-footer-support-email {
  color:#fff;
}

.np-footer-logo-image {
      filter: none;
    opacity: 1;
}

.np-dashboard-resources-container,
.np-card-container {
  border-radius:8px;
}

.np-card-ribbon {
  background-color:#0a3443;
}

.np-homepage .np-stretch-content {
  padding-left:16px;
  padding-right:16px;
}

.np-card.horizontal-card {
  margin: 0 16px 32px;
  min-height: unset;
}

.np-card.horizontal-card .np-card-container {
  flex-direction: row;
  height: 100%;
  background-color: #f2f9f8;
  text-decoration:none;
  color:#0a3443;
  display:flex;
  box-shadow:none;
      min-height: 200px;
}

.np-card.horizontal-card .img-wrapper {
      width: 45%;
      position:relative;
      overflow:hidden;
}

.np-card.horizontal-card .np-card-content {
  width: 65%;
}

.np-card.horizontal-card .np-card-image {
    border-top-right-radius: 0;
    height: 100%;
    position: absolute;
    object-fit: cover;
    top: 50%;
    transform: translateY(-50%);
    object-fit:cover;
}

.np-card.horizontal-card .coming-soon-banner {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 150%;
    padding: 16px 8px;
    background-color: #fff;
    transform: rotate(-30deg) translate(-53%, -50%);
    text-align: center;
    font-weight: 700;
    font-size:18px;
    color:#ff7e00;
}

.np-card.horizontal-card .np-card-content-title {
  line-height:normal;
  margin-bottom:0;
}

.np-card.horizontal-card .np-card-content-subtitle {
   color:#0a3443;
}

.np-card.horizontal-card .course-length {
  font-weight:700;
  font-size:20px;
}

.coming-soon .np-card-image {
  opacity:0.5;
}

.np-card.horizontal-card .lp-description {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.np-card.horizontal-card .lp-description span,
.np-card.horizontal-card .lp-description p {
  background-color:transparent!important;
}

@media (min-width:1200px) {
  .np-card.horizontal-card .img-wrapper,
  .np-card.horizontal-card .np-card-content {
      width: 50%;
  }

  .np-card.horizontal-card .coming-soon-banner {
    width: 124%;
    padding: 14px 8px;
    font-size: 22px;
  }
}