/* SOCIAL LIST */
.wp-block-columns.social-icons-row {
  /* max-width: 275px;*/

  &.container-md {
    max-width: 92%;
  }
 
  a[target="_blank"] {
    background-image: none !important;
    padding:0;
  }

  .wp-block-column.social-icons-link {
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    width: 43px;
    height: 43px;
    max-width: 43px;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    cursor: pointer;

    p {
      text-indent: -9999px;
    }

    &.facebook {
      background-image: url(/wp-content/themes/hangerinc/src/images/facebook-icon.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/facebook-icon-blue.png);
      }
    }

    &.twitter {
      background-image: url(/wp-content/themes/hangerinc/src/images/twitter-icon.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/twitter-icon-blue.png);
      }
    }

    &.linkedin {
      background-image: url(/wp-content/themes/hangerinc/src/images/linkedin-icon.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/linkedin-icon-blue.png);
      }
    }

    &.youtube {
      background-image: url(/wp-content/themes/hangerinc/src/images/youtube-icon.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/youtube-icon-blue.png);
      }
    }

    &.instagram {
      background-image: url(/wp-content/themes/hangerinc/src/images/instagram-icon.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/instagram-icon-blue.png);
      }
    }

    &.footer-linkedin {
      background-image: url(/wp-content/themes/hangerinc/src/images/linkedin-icon-grey.png);
      &:hover,
      &:focus {
        background-image: url(/wp-content/themes/hangerinc/src/images/linkedin-icon-blue.png);
      }
    }
  }
}

.social-column-desktop {
  display: none;
  @media screen and (min-width: 960px) {
    display:block;
  }
}

.social-column-mobile {
  display: block;
  @media screen and (min-width: 960px) {
    display:none;
  }
}