.footer {

background-color: theme-color("secondary");
padding: 50px 0;

}

.footer-col {

flex: 0 0 100%;
max-width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 1rem;
@include media-breakpoint-up(sm) {
  flex: 0 0 50%;
  max-width: 50%;
}
@include media-breakpoint-up(md) {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
@include media-breakpoint-up(lg) {
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 0;
}

h5 {
  color: $white;
  margin-bottom: 0.75rem;
}

ul:not(.social-list) {
  padding: 0;
  margin: 0;
  list-style: none;

  li + li {
    a {
      margin-top: 8px;
    }
  }

  a {
    color: $gray-600;
    font-size: 0.75rem;
    display: block;

    &:hover {
      opacity: 0.8;
    }
  }
}

} // Copyright

.copyright {

opacity: 0.6;
font-size: 10px;
color: $gray-600;
margin-bottom: 0.125rem;

} // Social list

.social-list {

padding: 0;
margin: 0;
list-style: none;
display: flex;
margin-left: -5px;
margin-top: 1rem;

li {
  margin: 0 5px;
}

}

.social-list-item {

circle,
path {
  transition: all 0.3s ease-in-out;
}

&:hover {
  circle {
    fill: theme-color("primary");
  }

  path {
    fill: theme-color("secondary");
  }
}

}