.footer-ctas #newsletter-cta {
  cursor: pointer;
}

.footer-ctas #newsletter-form .elcontainer {
  color: #fff;
  padding: 30px 0;
  margin: 0;
}
.footer-ctas #social-cta a {
  color: white;
            /*margin-right: 10px;

            &:last-child {
                margin-right: 0;
            }*/
}
.footer-ctas #social-cta a:hover {
  text-decoration: none;
}
.footer-ctas #social-cta .social {
  opacity: .5;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.footer-ctas #social-cta .social:hover {
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .footer-ctas #social-cta .social:before {
    font-size: 22px;
  }
  .footer-ctas #newsletter-form {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 100%;
    max-height: 100%;
    transition: 1s all;
    transform: translateY(100%);
  }
  .footer-ctas #newsletter-form > div {
    transition: .35s all;
    transform: translateY(100%);
    height: 100%;
  }
  .footer-ctas #newsletter-form.active {
    transform: translateY(0%);
  }
  .footer-ctas #newsletter-form.active > div {
    transform: translateY(0%);
  }
  .footer-ctas .form-container {
    position: relative;
    height: 100%;
  }
  .footer-ctas .form-container .footer-base {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .footer-ctas #newsletter-form {
    display: none;
  }
  .footer-ctas .form-container {
    background-color: #2d87d7;
  }
  .footer-ctas .form-container .block-track.secondary-bg {
    background-color: #085aa2 !important;
  }
}