/* ------------------------------------------------------------------
   icons.css — 2026-09-22
   Replaces Font Awesome 5 Pro (CDN) + Font Awesome 4.7 (local, 31 KB CSS
   + 77 KB webfont). The site uses exactly seven icons, all in the v4
   `fa fa-name` markup, so the markup is unchanged: each icon is an
   inline SVG applied as a CSS mask and coloured with currentColor.
   Original SVG artwork — no third-party licence required.
   ------------------------------------------------------------------ */
.fa {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--fa-icon) center / contain no-repeat;
          mask: var(--fa-icon) center / contain no-repeat;
}
.fa-fw { width: 1.28571429em; }

.fa-envelope     { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M1.5 4.5h21v15h-21z M2.5 6.2v2.3l9.5 6.8 9.5-6.8V6.2L12 13z'/%3E%3C/svg%3E"); }
.fa-search       { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6.5' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cpath d='M15 15l6 6' stroke='%23000' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E"); }
.fa-times        { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.fa-map-marker   { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5a7.5 7.5 0 0 0-7.5 7.5c0 5.6 7.5 13.5 7.5 13.5S19.5 14.6 19.5 9A7.5 7.5 0 0 0 12 1.5zm0 10.5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E"); }
.fa-angle-left   { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 5l-7 7 7 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.fa-angle-right  { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 5l7 7-7 7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.fa-phone        { --fa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 2.5c.5-.4 1.2-.3 1.6.2l2.4 3.2c.4.5.3 1.2-.1 1.6L9 9c.9 2.3 3.7 5.1 6 6l1.5-1.5c.4-.4 1.1-.5 1.6-.1l3.2 2.4c.5.4.6 1.1.2 1.6l-1.6 2c-.6.8-1.7 1.2-2.7 1C10.7 19 5 13.3 3.6 6.8c-.2-1 .2-2.1 1-2.7z'/%3E%3C/svg%3E"); }

/* Colour rules from style.css targeted the glyph via ::before; with a
   masked element the colour lives on the element itself. */
.fa-envelope { color: #e33d49; }
.righ-panel a .fa-envelope { color: #303030; }