@font-face {
  font-family: "socicon";
  src:url("fonts/socicon.eot");
  src:url("fonts/socicon.eot?#iefix") format("embedded-opentype"),
    url("fonts/socicon.woff") format("woff"),
    url("fonts/socicon.ttf") format("truetype"),
    url("fonts/socicon.svg#socicon") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  font-size: 18px !important;
}

.socicon-twitter:before {
  content: "\e040";
}
.socicon-facebook:before {
  content: "\e041";
}
.socicon-buffer:before {
  content: "\e018";
}
.socicon-google:before {
  content: "\e067";
}
.socicon-linkedin:before {
  content: "\e049";
}
.socicon-whatsapp:before {
  content: "\e01b";
}
.socicon-mail:before {
  content: "\e01f";
}

li.socialIcon.fb span {
    background: #4f72a5;
}

li.socialIcon.tw span {
    background: #30bdee;
}

li.socialIcon.gg span {
    background: #dd402a;
}

li.socialIcon.ld span {
    background: #2989ae;
}

li.socialIcon.bf span {
    background: #333;
}

li.socialIcon.wa span {
    background: #20b038;
}

li.socialIcon.ml span {
    background: #fc9d3c;
}

li.socialIcon {
    list-style-type: none;
    display: inline-block;
    margin-right: 30px;
    margin-left: 30px;
}


li.socialIcon span {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}

.wp_socialight_text {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}