/* General footer style rules. */
#footer {
  clear: both;
  background: #292929;
  color: #fff;
}
#footer > .section {
  padding: 2em 5em;
}
#footer .button {
  text-decoration: none;
  color: #fff;
  background: #292929;
  font-size: 0.9em;
  padding: 0.4em 1.2em;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer .title,
#footer h2 {
  text-transform: uppercase;
  font-size: 1.2em;
  font-family: MontserratBold;
  margin-bottom: 0.2em;
  margin-top: 0;
}
#footer .text {
  line-height: 1.8em;
  margin-bottom: 1em;
}

#block-lextenso-global-lextenso-footer-websites,
#block-lextenso-global-lextenso-footer-newsletter,
#block-lextenso-global-lextenso-footer-follow-us {
  width: 100%;
  float: left;
  padding-right: 8em;
}
#block-lextenso-global-lextenso-footer-newsletter,
#block-lextenso-global-lextenso-footer-follow-us {
  margin-top: 25px;
}
#block-social ul,
#block-social li,
#lextenso-websites-footer ul,
#lextenso-websites-footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Websites block specific. */
#lextenso-websites-footer li {
  padding: 0.2em 0;
}

/* Newsletters block specific. */
#block-newsletter .control div {
  margin: 0;
  padding: 0;
  float: left;
}
#block-newsletter .newsletter-button {
  background-color: #e71737;
  margin-left: 15px;
}

/* Social block specific. */
#block-social li {
  float: left;
  margin-right: 1em;
}
#block-social li a {
  background: #fff;
  color: #262626;
  text-indent: -9999px;
  width: 3em;
  height: 3em;
  border-radius: 3em;
  overflow: hidden;
  display: block;
}
#block-social li a.twitter {
  background: #fff url('../images/twitter.png') no-repeat 50% 50%;
}
#block-social li a.rss {
  background: #fff url('../images/rss.png') no-repeat 50% 50%;
}
#block-social li a.linkedin {
  background: #fff url('../images/linkedin.png') no-repeat 50% 50%;
}

/* Media Queries. */
@media screen and (max-width: 450px) {
  #footer > .section {
    padding: 2em 2em;
  }

  #block-lextenso-global-lextenso-footer-websites,
  #block-lextenso-global-lextenso-footer-newsletter,
  #block-lextenso-global-lextenso-footer-follow-us {
    padding-right: 0;
  }

  #block-lextenso-global-lextenso-footer-follow-us {
    margin-bottom: 10px;
  }

  #block-newsletter {
    text-align: justify;
  }
}

@media screen and (min-width: 1024px) {
  #block-lextenso-global-lextenso-footer-websites,
  #block-lextenso-global-lextenso-footer-newsletter,
  #block-lextenso-global-lextenso-footer-follow-us {
    width: 33%;
  }

  #block-menu-footer {
    margin-right: 25em;
  }

  #block-lextenso-global-lextenso-footer-newsletter,
  #block-lextenso-global-lextenso-footer-follow-us {
    margin-top: 0;
  }
}