/**
 * @file
 * Standard styles for Linux Newsletter Subscribe Better pop-ups.
 *
 * We need to preface everything with #block-linux-newsletter-linux-newsletter
 * instead of the usual .sb because we cannot guarentee this file will be
 * loaded after the the Subscribe Better library stylesheet we are overriding.
 */

/* Ensure the default modal content isn't displayed before pop-up opens. */
#block-linux-newsletter-linux-newsletter {
  display: none;
  background: #0072bb;
  padding: 5px 25px 25px;
  color: #FFF;
  height: auto; /* SB has a fixed height, which we obviously don't want. */
}

/* Always hide the pop-up on small screens, as it basically isn't usable. */
@media screen and (max-width: 599px) {
  #block-linux-newsletter-linux-newsletter,
  .sb,
  .sb-overlay {
    display: none !important;
  }
}

#block-linux-newsletter-linux-newsletter a.sb-close-btn {
  background: #015288;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  /* Override defaults. */
  right: 0;
  top: 0;
}

#block-linux-newsletter-linux-newsletter a.sb-close-btn:hover,
#block-linux-newsletter-linux-newsletter a.sb-close-btn:active,
#block-linux-newsletter-linux-newsletter a.sb-close-btn:focus {
  color: #FFF;
}

/* We need to use negative margins so the border appears to hit 100% of box
 * width. */
#block-linux-newsletter-linux-newsletter .sb-header-text {
  border-bottom: 2px solid #017bc0;
  margin-bottom: .75em;
  padding-bottom: .75em;
  margin-left: -25px;
  margin-right: -25px;
}

#block-linux-newsletter-linux-newsletter .sb-header-text .inner {
  padding-left: 55px;
  background: url('newsletter-signup-icon.png') no-repeat left top;
  margin-left: 25px;
  margin-right: 25px;
}

#block-linux-newsletter-linux-newsletter h3.title {
  color: #FFF;
  font-family: "Open Sans", "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  font-size: 22px;
  line-height: normal;
}

#block-linux-newsletter-linux-newsletter p.description {
  font-size: 14px;
  line-height: 1.25em;
}

#block-linux-newsletter-linux-newsletter p.description:last-child {
  margin-bottom: 0;
}

#block-linux-newsletter-linux-newsletter form {
  margin: 0;
}

#block-linux-newsletter-linux-newsletter form input[type='text'],
#block-linux-newsletter-linux-newsletter form input[type='password'],
#block-linux-newsletter-linux-newsletter form input[type='email'],
#block-linux-newsletter-linux-newsletter form textarea {
  margin: 0;
  border: none;
  background: #f7f7f7;
  padding: 0 14px;
  font-size: 17px;
  width: 100%;
  height: 40px;
  border-radius: 0;
  margin-bottom: 15px;
}

#block-linux-newsletter-linux-newsletter p.form-error {
  font-size: 14px;
  color: #ff7a7a;
}

#block-linux-newsletter-linux-newsletter form .error {
  color: #8c2e0b;
}

#block-linux-newsletter-linux-newsletter form input[type="submit"] {
  background: #fd7e2d;
  color: #FFF;
  width: auto;
  line-height: 48px;
  padding: 0 25px;
}

/* Success styles. */
#block-linux-newsletter-linux-newsletter p.form-success {
  line-height: 1.25em;
  margin: 1em 0 .5em;
  padding: 0 35px;
}

#block-linux-newsletter-linux-newsletter .form-success-close {
  text-align: center;
  margin: 0;
}

#block-linux-newsletter-linux-newsletter .form-success-close a.sb-close-text {
  /* Match the submit button. */
  background: #fd7e2d;
  color: #FFF;
  width: auto;
  line-height: 48px;
  padding: 0 25px;
  display: inline-block;
}