/* ==========================================================================
   Finnet theme — icons.css
   --------------------------------------------------------------------------
   The captured markup uses Betheme's icon-font classes (<i class="icon-xxx">).
   We ship NO icon font. Every glyph is an inline SVG data-URI used as a CSS
   mask on the element's ::before pseudo, filled with currentColor, so colour,
   hover colour and font-size keep working exactly like the font did:
     - the glyph box is 1em x 1em (font-size on the <i> or its parent sizes it)
     - rules that target `.icon-xxx:before` (margins, etc.) still apply
     - `.icon-plus.acc-icon-plus` style toggles keep working (display on the <i>)
   Masks use the alpha channel, so the SVGs are plain black fills/strokes.
   `.fas.fa-arrow-down` / `.fa-arrow-right` (mobile menu sub-icons) are covered too.

   Glyph sources: drawn by hand to match the Fontello (Entypo/FA/Zocial/Elusive)
   originals in _capture/shots, plus Font Awesome Free paths (CC BY 4.0) for
   facebook-f, pinterest-p, linkedin-in, x-twitter and the solid phone.

   Not pixel-exact (documented approximations):
     icon-wordpress  — a "W" inside a ring, not the real WordPress logo.
     icon-lamp       — generic light bulb (Entypo "light-bulb" style).
     icon-quote      — two filled comma quotes; the Entypo glyph is very close
                       but its curl is slightly rounder.
     icon-phone      — uses the same handset as icon-phone-1 (the Entypo "phone"
                       is a near-identical tilted handset).
     icon-mail       — same filled envelope as icon-email (both Entypo-style).
     icon-pinterest  — FA "pinterest-p" (the font used the same source glyph).
   ========================================================================== */

i[class^="icon-"]::before,
i[class*=" icon-"]::before,
i.fas::before,
i.fa::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1em;
  vertical-align: -0.15em;        /* sit on the baseline like a font glyph */
  background-color: currentColor;
  /* fallback = empty (fully transparent) SVG, so an icon class we have no
     glyph for paints nothing instead of a solid 1em square */
  -webkit-mask-image: var(--i, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'/>"));
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--i, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'/>"));
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.icon-menu-fine{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M1.5 6h21M1.5 12h21M1.5 18h21' fill='none' stroke='%23000' stroke-width='1.1'/></svg>")}
.icon-email{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2.5' y='5' width='19' height='14' rx='1.5' fill='none' stroke='%23000' stroke-width='1.3'/><path d='M3 6l9 7 9-7' fill='none' stroke='%23000' stroke-width='1.3'/></svg>")}
.icon-user{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2a5.2 5.2 0 1 1 0 10.4A5.2 5.2 0 0 1 12 2zM2.5 22c0-4.8 4.1-8 9.5-8s9.5 3.2 9.5 8z'/></svg>")}
.icon-cancel{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 5l14 14M19 5 5 19' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/></svg>")}
.icon-down-dir{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4.5 8h15L12 17z'/></svg>")}
.icon-down-circled{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm-1.2 5.4h2.4v6.5l2.8-2.8 1.7 1.7L12 17.5l-5.7-5.7 1.7-1.7 2.8 2.8z'/></svg>")}
.icon-right-open{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 3.5l8.5 8.5L8 20.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>")}
.icon-right-open-mini{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.5 6.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2'/></svg>")}
.icon-right-open-big{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.5 2.5l9.5 9.5-9.5 9.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/></svg>")}
.icon-left-open-big{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16.5 2.5 7 12l9.5 9.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/></svg>")}
.icon-clock{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9.5' fill='none' stroke='%23000' stroke-width='2'/><path d='M12 6.5V12h4.5' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>")}
.icon-heart-empty-fa{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 20.5S3 15 3 9.2A4.7 4.7 0 0 1 12 7a4.7 4.7 0 0 1 9 2.2c0 5.8-9 11.3-9 11.3z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>")}
.icon-heart-fa{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21.5S2 15.5 2 9.2A5.3 5.3 0 0 1 12 6.6a5.3 5.3 0 0 1 10 2.6c0 6.3-10 12.3-10 12.3z'/></svg>")}
.icon-comment-empty-fa{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3.5c-5.5 0-10 3.4-10 7.6 0 2.4 1.4 4.5 3.6 5.9L4.2 21l5.5-2.5c.7.1 1.5.2 2.3.2 5.5 0 10-3.4 10-7.6S17.5 3.5 12 3.5z' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>")}
.icon-doc-text{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M4.5 1.5h9.5l5.5 5.5v15.5h-15zm3.5 9.5v1.6h8V11zm0 3.4V16h8v-1.6zm0 3.4v1.6h5v-1.6z'/></svg>")}
.icon-layout{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M2.5 2.5h8.2v8.2H2.5zm10.8 0h8.2v8.2h-8.2zM2.5 13.3h8.2v8.2H2.5zm10.8 0h8.2v8.2h-8.2z'/></svg>")}
.icon-docs{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.5 1.5h8.2l4.8 4.8V18h-3V8.3h-4.5V4.3H8.5zM2.5 6.5h8.2l4.8 4.8v11.2h-13z'/></svg>")}
.icon-tag{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M2 2.5h9.8l10.2 10.2-9.5 9.5L2 11.7zm5.2 3.3a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/></svg>")}
.icon-dot{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='3.2'/></svg>")}
.icon-plus{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3.5v17M3.5 12h17' fill='none' stroke='%23000' stroke-width='2.6'/></svg>")}
.icon-minus{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3.5 12h17' fill='none' stroke='%23000' stroke-width='2.6'/></svg>")}
.icon-phone-1{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/></svg>")}
.icon-phone{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z'/></svg>")}
.icon-mail{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M1.5 4.5h21v2.2L12 14.2 1.5 6.7z'/><path d='M1.5 9.3 12 16.8l10.5-7.5V20h-21z'/></svg>")}
.icon-mobile{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M7 1h10a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2zm0 3v14h10V4zm5 15.3a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2z'/></svg>")}
.icon-link{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10.2 13.8a4.2 4.2 0 0 0 6 0l3.2-3.2a4.2 4.2 0 0 0-6-6L11.8 6.2M13.8 10.2a4.2 4.2 0 0 0-6 0l-3.2 3.2a4.2 4.2 0 0 0 6 6l1.6-1.6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2'/></svg>")}
.icon-lamp{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 1.5a6.5 6.5 0 0 0-3.9 11.7c.7.5 1.1 1.2 1.1 2v.8h5.6v-.8c0-.8.4-1.5 1.1-2A6.5 6.5 0 0 0 12 1.5zM9.2 17.5h5.6v1.8H9.2zm.6 3h4.4L13.4 22.5h-2.8z'/></svg>")}
.icon-wordpress{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='1.8'/><path d='M4.6 7.8l4.3 10.7L12 10.6l3.1 7.9 4.3-10.7M8 7.8h1.8M14.2 7.8h1.8' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7'/></svg>")}
.icon-quote{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M2.5 15.6c0-4.6 2.3-8.4 6.6-10.6l1 1.7c-2.5 1.4-3.9 3.3-4.2 5.5h.2c2 0 3.5 1.5 3.5 3.5s-1.6 3.5-3.6 3.5c-2.1 0-3.5-1.5-3.5-3.6zm11 0c0-4.6 2.3-8.4 6.6-10.6l1 1.7c-2.5 1.4-3.9 3.3-4.2 5.5h.2c2 0 3.5 1.5 3.5 3.5s-1.6 3.5-3.6 3.5c-2.1 0-3.5-1.5-3.5-3.6z'/></svg>")}
.icon-facebook{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></svg>")}
.icon-pinterest{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-55.2 48.6-66 71.4-138.3 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z'/></svg>")}
.icon-instagram{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='2.5' y='2.5' width='19' height='19' rx='5' fill='none' stroke='%23000' stroke-width='2.1'/><circle cx='12' cy='12' r='4.2' fill='none' stroke='%23000' stroke-width='2.1'/><circle cx='17.4' cy='6.6' r='1.25'/></svg>")}
.icon-linkedin-circled{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zM7.1 6.2a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8zM5.9 10h2.4v7.6H5.9zm4.1 0h2.3v1c.5-.7 1.4-1.2 2.6-1.2 2.2 0 3.2 1.3 3.2 3.5v4.3h-2.4v-3.9c0-1.2-.4-1.9-1.4-1.9s-1.7.7-1.7 2v3.8H10z'/></svg>")}
.icon-linkedin{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/></svg>")}
.icon-x-twitter{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/></svg>")}
.fa-arrow-down{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3.5v17M5 13.5l7 7 7-7' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8'/></svg>")}
.fa-arrow-right{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3.5 12h17M13.5 5l7 7-7 7' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.8'/></svg>")}

/* Chevrons used by the desktop menu (fas fa-chevron-down / -right) */
.fa-chevron-down{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2.5 5.5 8 11l5.5-5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.fa-chevron-right{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.5 2.5 11 8l-5.5 5.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
