Currently work in progress.
<section class="footer-cta">
<div class="wrapper">
<div class="row">
<div class="col-5">
<h3>Want to hear from us about the latest modmore news?</h3>
</div>
<div class="col-6 col-offset-1">
<form action="//markhamstra.us2.list-manage.com/subscribe/post?u=f70125e94ef1181a22558acd5&id=fba25446e5" method="post" class="footer-cta__form">
<input type="text" name="EMAIL" placeholder="Enter your email" required="">
<input type="submit" name="subscribe" class="button" value="Subscribe">
</form>
<p class="smallprint">No spam. 1-2 emails a month. Unsubscribe at any time.</p>
</div>
</div>
</div>
</section>
/* No context defined. */
/*------------------------------------*\
Footer CTA
\*------------------------------------*/
/*# sourceMappingURL=footer-cta.css.map */
{"version":3,"sourceRoot":"","sources":["footer-cta.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA","file":"footer-cta.css"}
/*------------------------------------*\
Footer CTA
\*------------------------------------*/
// .footer-cta {
// padding: $spacing-xl 0;
// background: color(tertiary);
// -webkit-font-smoothing: antialiased;
// }
// .footer-cta h3 {
// color: #fff;
// font-weight: 400;
// @include font-size(34px);
// line-height: 1.3em;
// }
// .footer-cta .smallprint {
// @include font-size(14px);
// color: #fff;
// }
// .footer-cta__form {
// @extend %clearfix;
// margin: $spacing-xl 0 $spacing-s 0;
// }
// .footer-cta__form input[type=text] {
// float: left;
// width: 75%;
// margin: 0;
// border: 0;
// height: 50px;
// border-radius: 4px 0 0 4px;
// }
// .footer-cta__form input[type=submit] {
// float: left;
// width: 25%;
// margin: 0;
// border: 0;
// border-radius: 0 4px 4px 0;
// font-family: $primary-font;
// height: 50px;
// background: color(primary);
// text-transform: uppercase;
// }