/*----------------------------------------------------
sizing
----------------------------------------------------*/
/*----------------------------------------------------
color
----------------------------------------------------*/
/*----------------------------------------------------
fonts
----------------------------------------------------*/
/* font size */
/*----------------------------------------------------
mixin
----------------------------------------------------*/
@media (max-width: 767px) {
  body.page-id-17893 .logo,
  body.page-id-17895 .logo {
    display: none;
  }
}

input:not([type=radio]):not([type=checkbox]),
input:not([type=checkbox]):not([type=radio]),
select,
textarea {
  /* reset */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  outline: none;
  margin: 0;
  padding: 0;
}

input[type="button"],
input[type="submit"] {
  cursor: pointer;
}

#newsletter,
#signup {
  /* --- THANKS --- */
}
@media (max-width: 767px) {
  #newsletter,
  #signup {
    padding-top: 30px;
  }
}
#newsletter .eyecatch,
#signup .eyecatch {
  margin-bottom: 30px;
}
#newsletter .eyecatch img,
#signup .eyecatch img {
  display: block;
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 991px) {
  #newsletter .eyecatch img,
  #signup .eyecatch img {
    max-width: 100%;
  }
}
#newsletter .content,
#signup .content {
  text-align: center;
  margin-bottom: 60px;
}
#newsletter .content p,
#signup .content p {
  margin-bottom: .5em;
}
#newsletter .content br.visible-mobile,
#signup .content br.visible-mobile {
  display: none;
}
@media (max-width: 767px) {
  #newsletter .content br.visible-mobile,
  #signup .content br.visible-mobile {
    display: block;
  }
}
#newsletter .error,
#signup .error {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
  margin-bottom: 12px;
}
#newsletter .error p,
#signup .error p {
  color: #664d03;
  font-size: 12px;
  line-height: 1.25;
  margin-top: .5em;
}
#newsletter .error p:first-child,
#signup .error p:first-child {
  margin-top: 0;
}
@media (max-width: 767px) {
  #newsletter .error p,
  #signup .error p {
    font-size: 14px;
  }
}
#newsletter .form,
#signup .form {
  max-width: 360px;
  margin: 0 auto;
}
#newsletter .form input:not([type=radio]):not([type=checkbox]),
#newsletter .form input:not([type=checkbox]):not([type=radio]),
#newsletter .form select,
#newsletter .form textarea,
#signup .form input:not([type=radio]):not([type=checkbox]),
#signup .form input:not([type=checkbox]):not([type=radio]),
#signup .form select,
#signup .form textarea {
  font-size: 16px;
  font-family: "HelveticaNeue", "Helvetica", sans-serif;
  font-weight: normal;
  padding: .75em .75em;
  border-radius: 6px;
  border: 1px solid #404040;
  width: 100%;
  display: block;
}
#newsletter .form input[type="button"],
#newsletter .form input[type="submit"],
#signup .form input[type="button"],
#signup .form input[type="submit"] {
  text-align: center;
  border: 1px solid #404040;
  background-color: #404040;
}
#newsletter .form ul,
#signup .form ul {
  margin: -6px 0;
}
#newsletter .form ul li,
#signup .form ul li {
  clear: both;
  padding: 6px 0;
}
#newsletter.thanks .content h3,
#signup.thanks .content h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #newsletter.thanks .content p,
  #signup.thanks .content p {
    text-align: left;
  }
}

#newsletter .content h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #newsletter .content p {
    text-align: left;
  }
}