/*--------------------------------------------------------------
# Contact Links
--------------------------------------------------------------*/

.contact-links {
    @include reset-list;
    border-top: 1px solid $gray;
    margin-bottom: rem(32);
    li {
        border-bottom: 1px solid $gray;
        margin: 0;
        a, a:visited {
            display: block;
            padding: rem(12) rem(8);
            &:hover, &:active {
                background-color: $pastel-green;
            }
        }
    }
}

.join-keybase {
    margin-bottom: 1rem;
}

/*--------------------------------------------------------------
# Mailchimp Forms
--------------------------------------------------------------*/

.mc_forms_x {
    margin-bottom: 1.25rem;
}

::placeholder {
  color: #DDD;
}

h4 {
  margin-bottom: 0.25rem;
}


/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0; font-family: "Poppins", sans-serif;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: rem(4); -moz-border-radius: rem(4); border-radius: rem(4); color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top; font-family: "Poppins", sans-serif;}
#mc_embed_signup input:focus {border-color: #3aac59; outline: none;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold; font-family: "Poppins", sans-serif;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: rem(4); -moz-border-radius: rem(4); border-radius: rem(4); letter-spacing: .03em; color: #fff; background-color: #3aac59; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s; font-family: "Poppins", sans-serif;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#3aac59; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}