/*
 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: Soleil, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
 }

 @media screen and (min-width: 768px) {
     .np-header {
         height: 65px !important;
     }

     .np-header-logo {
         justify-content: flex-end !important;
     }

     .np-header-avatar-image,
     .np-header-logo-image {
         height: 38px !important;
     }

     .np-header-desktop-nav {
         width: 0%;
     }
 }

 .np-header-font-background-color {
     background: #1d1d1b;
 }

 .np-footer {
     background: #1d1d1b;
 }

 .np-footer-logo-image {
     filter: grayscale(0) contrast(1) !important;
     height: 40px !important;
     opacity: 1 !important;
 }

 .np-footer-support-help {
     color: #fff !important;
     font-weight: 700;
 }

 .np-footer-support-item {
     color: #fff !important;
     font-size: 14px;
     text-align: center;
 }

 .np-footer+.np-powered-by {
     background: #1d1d1b !important;
 }

 .np-powered-by-link {
     color: #fff !important;
     font-size: 13px;
     text-decoration: none;
 }