/*  Universal placeholder for implementing page container on an element  */
.social-media-links {
  padding: 0; }
  .social-media-links:before {
    content: '';
    display: table; }
  .social-media-links:after {
    content: '';
    display: table;
    clear: both; }
  .social-media-links li {
    float: left;
    margin-left: 20px;
    list-style-type: none; }
    .social-media-links li:first-child {
      margin-left: 0; }
    .social-media-links li:hover .svg-icon-effect-blue {
      background-color: #36a8fc; }
      .social-media-links li:hover .svg-icon-effect-blue svg {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); }
      .social-media-links li:hover .svg-icon-effect-blue:after {
        box-shadow: 0 0 0 2px #36a8fc;
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
  .social-media-links .svg-icon {
    position: relative;
    width: 40px;
    height: 40px; }
    .social-media-links .svg-icon svg {
      -webkit-transform: scale(0.6);
              transform: scale(0.6); }
    .social-media-links .svg-icon:after {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: '';
      box-sizing: content-box; }
  .social-media-links .svg-icon-effect {
    transition: all 0.2s;
    border-radius: 50%; }
    .social-media-links .svg-icon-effect:after {
      top: 0;
      left: 0;
      padding: 0;
      box-shadow: 0 0 0 2px white;
      transition: opacity 0.2s, -webkit-transform 0.2s;
      transition: transform 0.2s, opacity 0.2s;
      transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; }

/*# sourceMappingURL=social-media-links.css.map */