/**
 * Use this mixin to change the inherited font declaration 
 * of an element or container.
 */
/**
 * Overwrite elements whose properties are declared by a 3rd
 * party by setting all the font properties again.
 *
 * Examples: sales badges inherit font rules from WooCommerce plugin
 */
/**
 * Use this mixin on containers or elements, when you need 
 * to overwrite the universal selector (*) specificity
 *
 * Examples: input fields, image captions
 */
@font-face {
  font-family: "anima_icons";
  src: url("../../assets/fonts/custom-fontawesome/icons.eot?kdq7n6");
  src: url("../../assets/fonts/custom-fontawesome/icons.eot?kdq7n6#iefix") format("embedded-opentype"), url("../../assets/fonts/custom-fontawesome/icons.ttf?kdq7n6") format("truetype"), url("../../assets/fonts/custom-fontawesome/icons.woff?kdq7n6") format("woff"), url("../../assets/fonts/custom-fontawesome/icons.svg?kdq7n6#anima_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:root {
  --enable-social-icons: 1;
}

.nb-navigation [href*=facebook], .nb-navigation [href*=instagram], .nb-navigation [href*=youtube], .nb-navigation [href*=pinterest], .nb-navigation [href*=dropbox], .nb-navigation [href*=flickr], .nb-navigation [href*=tumblr], .nb-navigation [href*=apple], .nb-navigation [href*=dribbble], .nb-navigation [href*=skype], .nb-navigation [href*=foursquare], .nb-navigation [href*=vk], .nb-navigation [href*=reddit], .nb-navigation [href*=stumbleupon], .nb-navigation [href*=delicious], .nb-navigation [href*=digg], .nb-navigation [href*=behance], .nb-navigation [href*=spotify], .nb-navigation [href*=deviantart], .nb-navigation [href*=soundcloud], .nb-navigation [href*=codepen], .nb-navigation [href*=slideshare], .nb-navigation [href*=twitch], .nb-navigation [href*=yelp], .nb-navigation [href*=medium], .nb-navigation [href*=tripadvisor], .nb-navigation [href*="pocket.com"], .nb-navigation [href*="500px"], .nb-navigation [href*=amazon], .nb-navigation [href*=vimeo], .nb-navigation [href*=snapchat], .nb-navigation [href*=bandcamp], .nb-navigation [href*=etsy], .nb-navigation [href*=meetup], .nb-navigation [href*="tel:"], .nb-navigation [href*="mailto:"], .nb-navigation [href*=feed], .nb-navigation [href*="twitter.com"], .nb-navigation [href*="x.com"] {
  --is-social: 1;
}

.social-menu-item {
  display: flex;
  align-items: center;
}
.social-menu-item > a {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 0;
  transition: var(--theme-transition);
  transition-property: opacity;
}
.social-menu-item > a:before {
  font-size: calc(var(--icons-size-multiplier) * var(--current-font-size));
  vertical-align: middle;
  font-family: "anima_icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.social-menu-item > a[href*=facebook]:before {
  content: "\f09a";
}
.social-menu-item > a[href*=instagram]:before {
  content: "\f16d";
}
.social-menu-item > a[href*=youtube]:before {
  content: "\f167";
}
.social-menu-item > a[href*=pinterest]:before {
  content: "\f0d2";
}
.social-menu-item > a[href*=dropbox]:before {
  content: "\f16b";
}
.social-menu-item > a[href*=flickr]:before {
  content: "\f16e";
}
.social-menu-item > a[href*=tumblr]:before {
  content: "\f173";
}
.social-menu-item > a[href*=apple]:before {
  content: "\f179";
}
.social-menu-item > a[href*=dribbble]:before {
  content: "\f17d";
}
.social-menu-item > a[href*=skype]:before {
  content: "\f17e";
}
.social-menu-item > a[href*=foursquare]:before {
  content: "\f180";
}
.social-menu-item > a[href*=vk]:before {
  content: "\f189";
}
.social-menu-item > a[href*=reddit]:before {
  content: "\f1a1";
}
.social-menu-item > a[href*=stumbleupon]:before {
  content: "\f1a4";
}
.social-menu-item > a[href*=delicious]:before {
  content: "\f1a5";
}
.social-menu-item > a[href*=digg]:before {
  content: "\f1a6";
}
.social-menu-item > a[href*=behance]:before {
  content: "\f1b4";
}
.social-menu-item > a[href*=spotify]:before {
  content: "\f1bc";
}
.social-menu-item > a[href*=deviantart]:before {
  content: "\f1bd";
}
.social-menu-item > a[href*=soundcloud]:before {
  content: "\f1be";
}
.social-menu-item > a[href*=codepen]:before {
  content: "\f1cb";
}
.social-menu-item > a[href*=slideshare]:before {
  content: "\f1e7";
}
.social-menu-item > a[href*=twitch]:before {
  content: "\f1e8";
}
.social-menu-item > a[href*=yelp]:before {
  content: "\f1e9";
}
.social-menu-item > a[href*=medium]:before {
  content: "\f23a";
}
.social-menu-item > a[href*=tripadvisor]:before {
  content: "\f262";
}
.social-menu-item > a[href*="pocket.com"]:before {
  content: "\f265";
}
.social-menu-item > a[href*="500px"]:before {
  content: "\f26e";
}
.social-menu-item > a[href*=amazon]:before {
  content: "\f270";
}
.social-menu-item > a[href*=vimeo]:before {
  content: "\f27d";
}
.social-menu-item > a[href*=snapchat]:before {
  content: "\f2ab";
}
.social-menu-item > a[href*=bandcamp]:before {
  content: "\f2d5";
}
.social-menu-item > a[href*=etsy]:before {
  content: "\f2d7";
}
.social-menu-item > a[href*=meetup]:before {
  content: "\f2e0";
}
.social-menu-item > a[href*="tel:"]:before {
  content: "\f095";
}
.social-menu-item > a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-menu-item > a[href*=feed]:before {
  content: "\f09e";
}
.social-menu-item > a[href*="twitter.com"]:before {
  content: "";
  display: inline-block;
  width: calc(var(--icons-size-multiplier) * 0.86 * var(--current-font-size));
  height: calc(var(--icons-size-multiplier) * 0.86 * var(--current-font-size));
  vertical-align: middle;
  background-color: currentColor;
  mask: no-repeat 50% 50%;
  mask-image: url(../../assets/images/icon-x.svg);
  mask-size: contain;
  -webkit-mask: no-repeat 50% 50%;
  -webkit-mask-image: url(../../assets/images/icon-x.svg);
  -webkit-mask-size: contain;
}
.social-menu-item > a[href*="x.com"]:before {
  content: "";
  display: inline-block;
  width: calc(var(--icons-size-multiplier) * 0.86 * var(--current-font-size));
  height: calc(var(--icons-size-multiplier) * 0.86 * var(--current-font-size));
  vertical-align: middle;
  background-color: currentColor;
  mask: no-repeat 50% 50%;
  mask-image: url(../../assets/images/icon-x.svg);
  mask-size: contain;
  -webkit-mask: no-repeat 50% 50%;
  -webkit-mask-image: url(../../assets/images/icon-x.svg);
  -webkit-mask-size: contain;
}
@media not screen and (min-width: 1024px) {
  .social-menu-item {
    display: inline-block;
  }
  .social-menu-item:not(:last-child) {
    margin-bottom: var(--theme-spacing-smallest);
  }
}