/* Footer Styles - matching legacy edge.gbci.org */

.site-footer {
  width: 100%;
  background: #1D5D8B none repeat scroll 0 0;
  padding-bottom: 20px;
  border-top: none;
  padding-top: 30px;
}

/* The legacy site left 60px of white space above the footer.
 *
 * The template used to pin the footer with Bootstrap's mt-auto utility, but that
 * is `margin-top: auto !important`, so no margin here could ever apply. Growing
 * main instead pins the footer the same way and keeps the margin available. It
 * also avoids the side effect of expressing the gap as padding: padding is part
 * of the content box, so on a short page it consumed the slack the layout needed
 * to reach the bottom of the viewport and introduced a stray scrollbar. A margin
 * on a flex item is counted when free space is distributed, so it does not.
 *
 * The panelised pages are the exception — there the last full-bleed section ran
 * straight into the footer on the legacy site too. They are the pages whose body
 * brings its own .container, the same split used for the content width. */
main {
  flex: 1 0 auto;
}

.site-footer {
  margin-top: 60px;
}

body:has(.field--name-body > .container) .site-footer {
  margin-top: 0;
}

.site-footer h4 {
  color: #fff;
}

.site-footer a {
  color: #fff;
}

.site-footer a:focus,
.site-footer a:hover {
  color: #fff;
}

.site-footer p {
  color: #fff;
}

.site-footer li {
  color: #fff;
}

.site-footer__social a {
  display: inline-block;
  margin-right: 5px;
}

.site-footer__social img {
  width: 32px;
  height: 32px;
}

/* Mailchimp email signup — Spanish footer only, ported from the legacy block */
#mc_embed_signup {
  clear: left;
  font-size: 14px;
  width: 100%;
}

#mc_embed_signup form {
  text-align: left;
  margin: 0;
  padding: 0;
}

#mc_embed_signup label {
  display: block;
  padding-bottom: 0;
  margin-bottom: 4px;
  font-weight: normal;
  color: #fff;
}

#mc_embed_signup input.email {
  width: 86%;
  margin-bottom: 5%;
  padding: 6px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #333;
  background: #fff;
}

#mc_embed_signup .clear {
  width: 86%;
}

#mc_embed_signup .mc-hidden {
  position: absolute;
  left: -5000px;
}

#mc-embedded-subscribe {
  width: 100%;
  text-transform: uppercase;
  border: 2px solid #fff;
  background: #0099d7;
  color: #fff;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 1.33;
  border-radius: 6px;
  cursor: pointer;
}

#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:focus {
  background: #0077a8;
  border-color: #fff;
  color: #fff;
}

.ftr-logo {
  width: 175px;
  margin-bottom: 25px;
}

.pull-right-md-break {
  float: right;
}

.pull-left-md-break {
  float: left;
}

@media only screen and (max-width: 992px) {
  .pull-right-md-break {
    float: none;
    clear: both;
  }
  .pull-left-md-break {
    float: none;
    clear: both;
  }
}

ul.small-hrzl-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.small-hrzl-list li {
  float: left;
}

ul.small-hrzl-list li::after {
  content: " | ";
  color: #fff;
}

ul.small-hrzl-list li:last-child::after {
  content: "";
}

ul.small-hrzl-list li a {
  text-align: center;
  text-decoration: none;
  padding: 0 8px;
  color: #fff;
}

ul.small-hrzl-list li:last-child a {
  padding: 0 0 0 8px;
}

ul.small-hrzl-list li:first-child a {
  padding: 0 8px 0 0;
}

ul.legal,
p.legal {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-size: 12px;
  vertical-align: top;
  color: #fff;
}

.align-1 {
  text-align: center;
}

.copyright {
  text-align: center;
  color: white;
  font-size: 0.8em;
  padding-top: 30px;
}

/* Remove margin-top on front page */
.path-frontpage .site-footer {
  margin-top: 0;
}