/**
 * @file
 * Visual styles for Confea Theme's icons list.
 */
ul.icons-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.icons-list li {
  display: -webkit-inline-box;
  margin: 4px 10px;
}
ul.icons-list li a {
  display: block;
  color: #3f3f3f;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  text-align: center;
}
ul.icons-list li i {
  width: 100%;
  height: 100%;
  font-size: 23px;
  line-height: 45px;
}
ul.icons-list li a:hover {
  text-decoration: none;
  opacity: .75;
}
ul.icons-list .text {
  font-size: 19px;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  float: left;
  text-align: left;
}
@media (min-width:992px) and (max-width:1199px) {
  ul.icons-list li {
    margin: 4px 5px;
  }
}
@media (max-width:991px) {
  ul.icons-list {
    text-align: center;
  }
  ul.icons-list .text {
    margin: 10px 0;
    float: none !important;
    display: block;
    float: none;
    text-align: center;
  }
}

/*icons list @colored-region*/
.colored-region ul.icons-list li a {
  color: #e1e1e1;
}
.colored-region ul.icons-list li a:hover,
.colored-region.black ul.icons-list li a:hover {
  color: #ffffff;
}