.newsletter-input-wrapper {
  display:block;
  width:100%;
  max-width:320px;
  height:40px;
  position:relative;
  background-color:#ffffff;
  overflow:hidden;
}
input.newsletter-input {
  height:100%;
  width:100%;
  background-color:#ffffff;
  padding:0 50px 0 17px;
}
.newsletter-label {
  position:absolute;
  top:0;
  left:0;
  right:50px;
  height:40px;
  line-height:40px;
  padding:0 0 0 17px;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
}
.newsletter-input:focus ~ .newsletter-label {
  top:-40px;
  opacity:0;
}
.newsletter-submit {
  display:block;
  width:50px;
  height:40px;
  background-color:transparent;
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
}
.newsletter-submit .icon {
  position:absolute;
  top:12px;
  left:12px;
  width:24px;
  height:17px;
}
.newsletter-submit .icon * {
  fill:#1db8ca;
  -webkit-transition:fill 0.2s ease-out;
  transition:fill 0.2s ease-out;
}
.newsletter-submit .text {
  position:absolute;
  top:0;
  left:100%;
}
.newsletter-submit:hover .icon * { fill:#333333; }
.extra-social-share-wrapper > h3 { margin-bottom:30px; }
.extra-form .form-button.link-button {
  transform:translate3d(0,0,0);
  padding:7px 30px 8px 29px;
}
.extra-form .extra-field {
  display:block;
  position:relative;
  width:100%;
  max-width:320px;
  min-height:40px;
  line-height:40px;
}
.extra-form .extra-field:before {
  content:'';
  display:block;
  position:absolute;
  top:-1px;
  left:-1px;
  right:auto;
  bottom:-1px;
  height:auto;
  width:1px;
  background-color:#1db8ca;
  opacity:0;
  z-index:1;
  -webkit-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.extra-form .extra-field:hover:before { opacity:1; }
.extra-form .extra-field .label-wrapper {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
.extra-form .extra-field label {
  display:block;
  position:absolute;
  font-weight:600;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:0 0 0 15px;
  z-index:1;
  white-space:nowrap;
  -webkit-transition:top 0.3s ease-out;
  transition:top 0.3s ease-out;
}
.extra-form .extra-field .extra-indicator {
  display:block;
  position:absolute;
  font-size:14px;
  line-height:20px;
  top:0;
  left:0;
  width:100%;
  padding:0 0 0 15px;
  color:rgba(14,35,59,0.8);
  white-space:nowrap;
  -webkit-transition:top 0.3s ease-out;
  transition:top 0.3s ease-out;
}
.extra-form .extra-field .wpcf7-form-control-wrap {
  display:block;
  min-height:40px;
}
.extra-form .extra-field.extra-full .label-wrapper { pointer-events:none; }
.extra-form .extra-field.extra-full label { top:-30px; }
.extra-form .extra-field.extra-full .extra-indicator { top:-20px; }
.extra-form .extra-field.extra-field-textarea {
  height:auto;
  max-width:550px;
  min-height:280px;
}
.extra-form .extra-field.extra-field-textarea textarea { max-width:550px; }
.extra-form .extra-field.extra-field-checkbox:before { display:none; }
.extra-form .extra-field.extra-field-checkbox input {
  display:block;
  position:absolute;
  top:0;
  left:0;
  opacity:0;
}
.extra-form .extra-field.extra-field-checkbox label:before {
  content:'';
  display:block;
  height:15px;
  width:15px;
  position:absolute;
  top:12px;
  left:0;
  background:#ffffff;
  outline:1px solid #e5e5e5;
  opacity:1;
  -webkit-transition:outline 0.2s ease-out;
  transition:outline 0.2s ease-out;
}
.extra-form .extra-field.extra-field-checkbox input:focus ~ label:before, .extra-form .extra-field.extra-field-checkbox:hover label:before { outline:1px solid #1db8ca; }
.extra-form .extra-field.extra-field-checkbox label:after {
  content:'✓';
  font-weight:600;
  position:absolute;
  top:10px;
  left:1px;
  line-height:20px;
  font-size:16px;
  opacity:0;
}
.extra-form .extra-field.extra-field-checkbox input:checked ~ label:after {
  opacity:1;
  -webkit-transition:opacity 0.2s ease-out;
  transition:opacity 0.2s ease-out;
}
.extra-form .extra-field.extra-field-checkbox label { padding-left:25px; }
.extra-form .extra-field.captcha-wrapper .image {
  display:block;
  float:left;
  width:100px;
  height:40px;
  background-color:#1db8ca;
  outline:1px solid #1db8ca;
}
.extra-form .extra-field.captcha-wrapper .image img {
  position:relative;
  top:-5px;
  left:8px;
}
.extra-form .extra-field.captcha-wrapper .extra-indicator, .extra-form .extra-field.captcha-wrapper label { padding-left:115px; }
.extra-form .extra-field.captcha-wrapper #captcha-share {
  float:left;
  width:calc(100% - 100px);
}
.extra-form .extra-field.captcha-wrapper:before { display:none; }
.extra-form .extra-field input[type="text"], .extra-form .extra-field input[type="email"], .extra-form .extra-field input[type="password"], .extra-form .extra-field textarea {
  height:40px;
  margin-bottom:30px;
}
.extra-form .extra-field input[type="text"].wpcf7-not-valid, .extra-form .extra-field input[type="email"].wpcf7-not-valid, .extra-form .extra-field input[type="password"].wpcf7-not-valid, .extra-form .extra-field textarea.wpcf7-not-valid {
  outline:1px solid #ed582f;
  margin-bottom:50px;
}
.extra-form .extra-field input[type="text"].wpcf7-not-valid ~ .wpcf7-not-valid-tip, .extra-form .extra-field input[type="email"].wpcf7-not-valid ~ .wpcf7-not-valid-tip, .extra-form .extra-field input[type="password"].wpcf7-not-valid ~ .wpcf7-not-valid-tip, .extra-form .extra-field textarea.wpcf7-not-valid ~ .wpcf7-not-valid-tip { display:block; }
.extra-form .extra-field textarea { height:auto; }
.extra-form .form-error, .extra-form .wpcf7-validation-errors, .extra-form .wpcf7-not-valid-tip { color:#ed582f; }
.extra-form .wpcf7-mail-sent-ok, .extra-form .wpcf7-validation-errors { margin:15px 0 0; }
.extra-form .wpcf7-not-valid-tip {
  display:none;
  position:absolute;
  bottom:-23px;
  left:0;
  right:0;
  height:20px;
  line-height:20px;
  font-size:14px;
  padding-left:15px;
}
.extra-form textarea, .extra-form input[type="text"], .extra-form input[type="email"], .extra-form input[type="password"] {
  display:block;
  width:100%;
  outline:1px solid #e5e5e5;
  outline-offset:0;
  background-color:#ffffff;
  padding:0 15px;
  position:relative;
  -webkit-transition:outline 0.2s ease-out, margin-bottom 0.3s ease-out;
  transition:outline 0.2s ease-out, margin-bottom 0.3s ease-out;
}
.extra-form textarea:focus, .extra-form input[type="text"]:focus, .extra-form input[type="email"]:focus, .extra-form input[type="password"]:focus {
  outline:1px solid #1db8ca;
  outline-offset:0;
}
.extra-form textarea {
  line-height:30px;
  min-height:280px;
  height:auto;
}
.extra-form .screen-reader-response { display:none; }
.extra-form .ajax-loader {
  display:inline-block;
  width:30px;
  height:30px;
  background-color:#1db8ca;
  border-radius:5px;
  padding:7px;
  background:#1db8ca url('https://www.initiativesrivers.org/wp-content/themes/iagf/extra/assets/img/pattern/pattern.png');
  margin-left:15px;
  position:relative;
  bottom:15px;
}
@media only screen and (max-width: 690px) {
  .extra-form .extra-field label { font-size:16px; }
}