/* Replacements for the Flatsome icon font, which the archive did not keep.
   The glyphs are drawn with characters and CSS instead of a webfont, so the
   handful of places that use them still read as arrows, a menu button and
   social marks. */

.icon-angle-down, .icon-angle-up, .icon-angle-left, .icon-angle-right {
  display: inline-block;
  font-style: normal;
  line-height: 1;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.1em;
  transform: translateY(-0.06em);
}
.icon-angle-down:before { content: "\25BE"; }
.icon-angle-up:before { content: "\25B4"; }
.icon-angle-left:before { content: "\2039"; }
.icon-angle-right:before { content: "\203A"; }

.icon-menu {
  display: inline-block;
  font-style: normal;
  line-height: 1;
}
.icon-menu:before { content: "\2630"; font-size: 1.15em; }

.icon-linkedin:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-pinterest:before,
.icon-whatsapp:before,
.icon-envelop:before,
.icon-search:before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  content: "";
  vertical-align: -0.12em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}
.icon-linkedin:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3zM10 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05 4.03 0 4.78 2.65 4.78 6.1V21h-4v-5.4c0-1.29-.02-2.95-1.8-2.95-1.8 0-2.07 1.4-2.07 2.85V21h-4z'/%3E%3C/svg%3E");
}
.icon-envelop:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
.icon-search:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
.icon-facebook:before,
.icon-twitter:before,
.icon-pinterest:before,
.icon-whatsapp:before { opacity: .85; }