/* General Footer */
.content-wrapper {
  max-width: 1150px;
  margin-right: auto;
  margin-left: auto;
}

.flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

footer h3 {
  color: #F9D72D;
  padding-top: 10px;
  font-size: 2.0rem;
}

/* Footer Color */
footer {
  color: white;
  background-color: #1d1d1d;
  padding: 10px 10px 25px 10px;
  border-top: 2px solid grey;
}

.footer-hr {
  background-color: white;
  border: 1px solid white;
  width: 100%;
  opacity: 0.5;
}

/* Footer Logo */
.footer-logo {
  flex: 100%;
  padding: 10px;
}

.footer-logo-wrapper {
  width: 50%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/* Footer Address */
.footer-address {
  flex: 100%;
  text-align: center;
  padding: 10px;
  line-height: 20px;
}

/* Footer Building Learner Services */
.footer-building-learner-services-hours {
  flex: 100%;
  text-align: center;
  padding: 10px;
  line-height: 20px;
}

/* Footer Quick Links */
.footer-quick-links {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.footer-quick-links > h3 {
  flex: 100%;
}

.footer-quick-link-list {
  list-style: inside;
  padding: 0px 20px 0px 20px;
}

.footer-quick-links > ul {
  margin-bottom: 0rem;
}

.footer-quick-link-list > li > a {
  color: white;
}

.footer-quick-link-list > li > a:hover {
  color: #F9D72D;
  transition: 0.2s;
}

/* Footer Social Media */
.footer-social-media {
  flex: 100%;
  text-align: center;
  padding: 10px;
}

.footer-social-media > .icon-bar {
  justify-content: center;
  display: flex;
}

.footer-social-media > h5 {
  width: 100%;
  align-self: flex-start;
}

.icon-wrapper {
  padding: 5px;
}

.icon-wrapper > a {
  color: white;
    font-size: 0.7rem;
}

.icon-wrapper > a:hover {
  color: #F9D72D;
  transition: 0.2s;
}

/* HLC Image */
.hlc-image {

}

/* Footer Copyright */
.footer-copyright {
  text-align: center;
  padding: 20px;
}

/* Media Query */
@media (min-width: 720px) {
  .footer-address {
    flex: 33%;
    text-align: left;
  }

  .footer-building-learner-services-hours {
    flex: 33%;
    text-align: left;
  }

  .footer-quick-links {
    flex: 100%;
    text-align: left;
  }

  .footer-quick-link-list {
    padding: 20px;
  }

  .footer-social-media {
    flex: 33%;
    text-align: left;
  }

  .footer-social-media > .icon-bar {
    justify-content: flex-start;
  }
}