.site-footer .menu li + li {
    margin-top: 8px;
}
.site-footer .menu a {
    color: white;
    text-decoration: none;
}
.site-footer .menu a:hover {
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
    .footer-cta-wrap {
        margin-top: 40px;
    }
}
.site-footer p.color-white a {
    color: #fff;
}

#stayinformed {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    transition: opacity .3s ease-in-out, visibility 0s 3s;
}
#stayinformed.toggled {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out, visibility 0s 0s;
}
#stayinformed .modal-bg {
    height: 100vh;
    width: 100vw;
    position: absolute;
    background: rgba(0,0,0,0.4);
    cursor: pointer;

}
#stayinformed .modal {
    height: 100vh;
    overflow-y: scroll;
    width: 100vw;
    padding: 32px;
    position: absolute;
}
#stayinformed .modal-inner {
    width: 566px;
    max-width: 100%;
    margin: auto;
    background: white;
    padding: 64px 64px 45px;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
    #stayinformed .modal-inner {
      top: 0;
      left: 0;
      transform: none;
      width: 100%;
      min-height: 100%;
      height: auto;
      border-radius: 0px;
    }
  }

#stayinformed .modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    z-index: 2;
}
#stayinformed .modal-inner-bg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
#stayinformed .modal-accent {
    position: absolute;
    bottom: 0;
    height: 10px;
    left: 0;
    width: 100%;
}
#stayinformed .modal-accent svg {
    position: absolute;
    top: 0;
    left: 0;
}

ul#social li a {
    color:#fff;
}