@font-face {
  font-family: "wpzoom-socicon";
  src: url("../font/socicon.eot");
  src:
    url("../font/socicon.eot") format("embedded-opentype"),
    url("../font/socicon.ttf") format("truetype"),
    url("../font/socicon.woff") format("woff"),
    url("../font/socicon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  text-transform: initial;
  font-display: block;
}

/* inline icon
   ========================================================================== */
.socicon {
  position: relative;
  top: 3px;
  display: inline-block;
  font-family: "wpzoom-socicon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
}


.zoom-social-icons-widget .socicon {
  font-family: "wpzoom-socicon" !important;
}

.socicon:empty {
  width: 1em;
}

.socicon-facebook {
  background-color: #3b5998;
  color: #3b5998;
}

.social-icon.socicon-facebook:before {
  content: "\e041";
}

.socicon-instagram {
  background-color: #e4405f;
  color: #e4405f;
}

.social-icon.socicon-instagram:before {
  content: "\e057";
}

.socicon-linkedin {
  background-color: #0077b5;
  color: #0077b5;
}

.social-icon.socicon-linkedin:before {
  content: "\e049";
}

.socicon-mail {
  background-color: #000000;
  color: #000000;
}

.social-icon.socicon-mail:before {
  content: "\e01f";
}

.zoom-social-icons-list {
  list-style-type: none;
}

.zoom-social_icons-list__item {
  margin: 0 0 10px;
}

.zoom-social-icons-list--no-labels .zoom-social_icons-list__item {
  display: inline-block;
  margin: 4px;
  border: none;
}

.zoom-social-icons-list .socicon,
.zoom-social-icons-list .dashicons,
.zoom-social-icons-list .academicons {
  padding: 8px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  top: 0px;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1.2em;
}

.zoom-social-icons-list--with-canvas .socicon,
.zoom-social-icons-list--with-canvas .dashicons,
.zoom-social-icons-list--with-canvas .academicons {
  color: #ffffff;
}

/* .widget because we need higher css specificity */

.zoom-social_icons-list__link {
  text-align: center;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.zoom-social_icons-list__link:hover {
  opacity: 0.9;
  border: none;
  text-decoration: none;
  box-shadow: none !important;
}

.zoom-social-icons-list--round .socicon,
.zoom-social-icons-list--round .academicons,
.zoom-social-icons-list--round .dashicons {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.zoom-social-icons-list {
  margin: 0;
  padding: 0;
}

/*
Text meant only for screen readers.
Provides support for themes that do not bundle this CSS yet.
@see https://make.wordpress.org/accessibility/2015/02/09/hiding-text-for-screen-readers-with-wordpress-core/
***********************************/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}