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

#f3f5ff
#01cc74
#00a25b
#f3f5ff
#c2c4d1
#2f3e83
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, main {
  background: #ffffff;
}

body *:not(i) {
  font-family: 'Poppins', sans-serif;
}

a.np-footer-navigation-link.np-button-color {
    color: #333;
}

@media only screen and (min-width: 80em) { 
  .col-lg-24 {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    max-width: 24%;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}

/*changes added by DoorLoop - LP */
.np-homepage-hero .np-homepage-headline {
    font-weight: 400;
}

.np-homepage-featured .np-homepage-headline {
    color: #333333;
    font-weight:400;
}

.featured-card-content-title {
    font-size: 1.75rem;
    font-weight: 500;
    color:#333333
}
.np-card-content-subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #333333;
}

.np-card-container {
    box-shadow: 0px 33.599998474121094px 67.19999694824219px -16.799999237060547px rgba(16, 24, 40, 0.18);
border: 0.5px solid #D9D9D9;

}
/*changed hero size*/
@media screen and (min-width: 768px){
.np-homepage-hero-image {
    height: auto;
    max-height: 700px;
    min-height: 650px;
}
}

.np-homepage-hero-image {
    height: auto;
    max-height: 700px;
    min-height: 650px;
}