/**
 * @file
 * Visual styles for Style+'s icons list.
 */
ul.icons-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.icons-list li {
  display: inline-block;
  margin: 5px 9px;
  vertical-align: middle;
}
ul.icons-list--large li {
  margin: 5px 15px;
}
ul.icons-list li a {
  display: block;
  color: #232323;
}
ul.icons-list li a:hover {
  text-decoration: none;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
ul.icons-list li i {
  font-size: 20px;
}
ul.icons-list--large li i {
  font-size: 28px;
}
ul.icons-list--extra-large li i {
  font-size: 55px;
}
@media (max-width:991px) {
  ul.icons-list {
    text-align: center;
  }
}

/*icons list @colored-region*/
.region--light-typography ul.icons-list li a {
  color: #ffffff;
}
.region--light-typography.region--black-background ul.icons-list li a {
  color: #989898;
}
.region--light-typography ul.icons-list li a:hover {
  color: #ffffff;
}