/* iconLinks -----------------------------------------------------------------*/


 $iconLinkBorderColor:#DEDEDD !default;
 $iconLinkBackground:#fff !default;
 $iconLinkIconColor:#333 !default;


  .iconLinks{ ul  {

  text-align: center;
  margin:0px;
  padding:0px;
  display:block;
  }
   li {

  border-radius: 100%;
  width: 130px;
  height: 130px;
  margin: 20px;
  border: 1px solid $iconLinkBorderColor;
  background:$iconLinkBackground;
  display: inline-block;
  float:none !important;
  position:relative;  




   a {
  text-indent: -3000em;
  display: inline-block;
  width: 130px;
  height: 130px;
  position: relative;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  overflow: hidden;
  text-decoration:none;

     &:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  transform: rotate(360deg);
}


&:focus{
   border-radius:50%;
}

}



    &.facebook, &.twitter, &.youtube, &.instagram, &.email, &.linkedin
    {
    a:after
    {
    font-family: FontAwesome;
    font-size:45px;
    display:block;
    text-align: center;
    color:$iconLinkIconColor;
    position:absolute;
    text-indent:0px;
    left:35%;
    top:25%;
    padding:0px !important;
    }

      &:hover:after{
          background:$social-link-color;
          color:#fff;
          text-decoration:none;
          
       }


     &.facebook a:after {
    content: "\f09a";  
    left:40%;

 }

      &.twitter a:after {
    content: "\f099"; 

 }

      &.youtube a:after {
    content: "\f167"; 
  
 }

       &.instagram a:after {
    content: "\f16d"; 
    top:26%;
 }

       &.email a:after {
    content: "\f0e0";
    left:32%;
  
 }


       &.linkedin a:after {
    content: "\f0e1";
    left:35%;
  
 }
 }
}
}