/* Page styles */
/* lato-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body,h3,h4,h5,h6 {
    font-family: "Lato", sans-serif
}
.w3-bar,h1,h2,button {
    font-family: "Montserrat", sans-serif
}

/* On form error validation, the input field is no longer hidden 
   under the static horizontal nav bar after scrolling */
html {
    scroll-padding-top: 50px;
}

/* Navigation menu */
@media (max-width: 992px) and (min-width:601px) {
    .spws-tablet {
        display:block;
        width: 100%!important;
    }
    .w3-bar-item.spws-tablet, .w3-dropdown-click.spws-tablet {
        text-align: center;
    }
    .w3-dropdown-click.spws-tablet .w3-dropdown-content {
        position: relative;
    }
    .w3-dropdown-click.spws-tablet,.w3-dropdown-click.spws-tablet .w3-button {
        width: 100%
    }
}
.w3-dropdown-click:hover > .w3-button:first-child {
    background-color: inherit;
    color: inherit;
}
#top-of-site-pixel-anchor {
    position: absolute;
    width: 1px;
    height: 1px;
    top: 60px;
    left: 0;
}
/* Footer */
.sp-footer-background {
    background-image: url('../images/footer_background.svg');
    background-repeat: no-repeat;
    background-size: 100% calc(100% + 250px);
    background-position: bottom;
}
.sp-footer-logo {
    text-decoration: none;
    white-space: nowrap;
}
@media (max-width: 992px) and (min-width:601px) {
    .sp-footer-background {
        background-size: auto 1072px;
    }
}
@media (max-width: 600px) {        
    .sp-footer-background {
        background-size: auto calc(100% + 874px);
    }
}