
/******************************************************************************************************************************//*
 * Global footer positioning/styles
*********************************************************************************************************************************/

#prefooter {
  margin-top: 4rem;
  background: #fff;
}

#prefooter,
#footer {
  clear: both;
  font-size: 1rem;
}

#footer {
  border-bottom: #ccc;
  background-color: #f7f7f7;
  border-top: 4px solid #044f7d;
  padding-top: 1rem;
  display: flex;
  flex-flow: column;
}

#footer .inner.constrained.clearfix {
  display: flex;
  flex-flow: column;
}

#footer .logo {
  width: 90%;
}

/******************************************************************************************************************************//*
 * Footer first
*********************************************************************************************************************************/

.region-footer-first {
  border-bottom: 1px solid #ccc;
}
.region-footer-first .hamburger-icon {
  display: none !important; /* This removes the hamburger icon from the footer */
}
#block-footerslogan { /* This styles the footer slogan */
  font-size: 1.5rem;
  font-style: italic;
  line-height: 2rem;
  padding: 2rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-family: "Crimson Text", "Merriweather", Georgia, "Times New Roman", Times, serif;
}

/******************************************************************************************************************************//*
 * Footer second
*********************************************************************************************************************************/

.region-footer-second {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.region-footer-second #block-footersocialmedia {
  margin-bottom: -0.4rem;
  font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
}
.region-footer-second #block-connect { /* This isolates the menu column "Connect" */
  padding-bottom: 5rem;
}
#block-connect a.action-item {
  font-weight: 600;
}

@media all and (min-width: 480px) {
  .region-footer-second #block-footersocialmedia {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}

@media all and (min-width: 800px) {
  .region-footer-first img {
    float: left;
  }
  .region-footer-second .navigation {
    width: 95%;
  }
}/* <-------@media all and (min-width: 800px) */

@media all and (min-width: 930px) {
  #footer {
    padding-top: 4rem;
  }
  .region-footer-first {
    display: grid;
    grid-template-columns: 25% auto;
  }
  #block-footerslogan { /* This styles the footer slogan */
    padding: 2rem 0 0;
  }
  .region-footer-second {
    margin-top: 4rem;
    margin-bottom: 3rem;
    display: grid;
    grid-template-columns: 25% auto;
  }
  .region-footer-first img {
    float: left;
  }
  .region-footer-second #block-footersocialmedia {
    width: 90%;
    border-bottom: none;
  }
  #block-footerslogan {
    max-width: 800px;
    font-weight: 700;
    letter-spacing: .05rem;
    border-top: none;
  }
}/* <-------@media all and (min-width: 930px) */

@media all and (min-width: 1100px) {
  #block-footerslogan {
    font-size: 1.7rem;
  }
}/* <-------@media all and (min-width: 1100px) */

@media all and (min-width: 1250px) {
  #footer .mega-menu > .menu {
    grid-template-columns: 20% 20% 20% 20% 20%;
  }
}/* <-------@media all and (min-width: 1250px) */
