/**
 * @file
 * Font declaration and helper classes for icons and social buttons.
 */

@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?28031598');
  src: url('fontello.eot?28031598#iefix') format('embedded-opentype'),
       url('fontello.woff2?28031598') format('woff2'),
       url('fontello.woff?28031598') format('woff'),
       url('fontello.ttf?28031598') format('truetype'),
       url('fontello.svg?28031598#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon:before {
  content: ' ';
  display: inline-block;
  font-family: 'fontello';
  min-width: 1em;
}

.icon.magnifying-glass:before {
  content: '\e802';
}
.icon.telephone:before {
  content: '\e801';
}
.icon.location:before {
  content: '\e803';
}
.social a[href^="mailto:"]:before {
  content: '\e800';
}

/* Social icons */
.social a[href] {
  color: transparent;
  display: inline-block;
  font-size: 0px;
  font-style: normal;
}
.social a[href]:before {
  color: #888;
  content: '\1f517';
  display: block;
  font-family: 'fontello';
  font-size: 16px;
  font-size: 1rem;
  min-width: 1em;
  padding: 5px;
}
.social a[href]:hover:before {
  color: #111;
}
.social a[href*="facebook.com"]:before {
  content: '\f09a';
}
.social a[href*="facebook.com"]:hover:before {
  color: #3b5998;
}
.social a[href*="twitter.com"]:before {
  content: '\f099';
}
.social a[href*="twitter.com"]:hover:before {
  color: #00aced;
}
.social a[href*="youtube.com"]:before {
  content: '\f167';
}
.social a[href*="youtube.com"]:hover:before {
  color: #b00;
}
.social a[href*="linkedin.com"]:before {
  content: '\f0e1';
}
.social a[href*="linkedin.com"]:hover:before {
  color: #007bb6;
}