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

#ffffff
#212545
#4151b4
#ffffff
#f0f1f9
#4151b4
*/
/* Import the font */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap');

/* Apply the font to the body and other elements */
body, h1, h2, h3, h4, h5, h6, p, a, .tagline, .np-header-content {
  font-family: 'Urbanist', sans-serif; /* Apply the new font */
}

/* Specific styles for headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700; /* Bold for headers */
}

/* Specific styles for body text */
body, p, a {
  font-weight: 400; /* Normal weight for body text */
}

/* Example: Specific style for the tagline */
.tagline {
  font-family: 'Urbanist', sans-serif; /* Ensure the tagline uses the new font */
  font-weight: 700; /* Make the tagline bold */
}

/* Adjusting other elements as needed */
.np-header-content, .np-header-logo, .np-header-desktop-nav-link {
  font-family: 'Urbanist', sans-serif;
}
/* Remove bottom margin or padding from sub-navigation */
.np-sub-navigation {
  margin-bottom: 0; /* Remove bottom margin */
  padding-bottom: 0; /* Remove bottom padding */
}
/* Change background color of all pages */
body {
  background-color: #F0F1F9; /* Replace with your desired background color */
  margin: 0;
  padding: 0;
}
/* Styling for np-top-cta */
.np-top-cta {
  background-color: #FFFFFF; /* Set background to warm white */
  padding: 15px; /* Add padding */
  border-radius: 5px; /* Optional: Add rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}

/* Styling for np-dashboard-resources-title */
.np-dashboard-resources-title {
  -webkit-text-size-adjust: 100%;
  --rem: 16;
  -webkit-font-smoothing: antialiased;
  font-family: 'Urbanist', sans-serif;
  box-sizing: border-box;
  color: #212545;
  font-size: 16px;
  font-weight: 900;
  line-height: 15px;
  text-transform: uppercase;
  margin: 0 0 20px;
}