/* Local copies of the only two font faces used by this one-page build. */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/roboto-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/barlow-700-latin.woff2") format("woff2");
}

/* Review stars without the 79 KB Font Awesome webfont. */
.rbw-star,
.rbw-review-text__star {
  display: inline-block;
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700;
  line-height: 1;
  speak: never;
}

.rbw-star::before,
.rbw-star.fa-star::before,
.rbw-star.fa-star-half-alt::before,
.rbw-review-text__star::before {
  content: "\2605" !important;
}

.rbw-star--half {
  background: linear-gradient(90deg, currentColor 50%, #d1d5db 50%);
  background-clip: text;
  color: transparent !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Existing hand-authored service-area marker markup, rendered as an SVG mask. */
.wwc-pills .fa-map-marker-alt {
  display: inline-block;
  width: 0.8em;
  height: 1em;
  margin-inline-end: 0.3em;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a8 8 0 0 0-8 8c0 5.7 8 14 8 14s8-8.3 8-14a8 8 0 0 0-8-8Zm0 11.5A3.5 3.5 0 1 1 12 5a3.5 3.5 0 0 1 0 7.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a8 8 0 0 0-8 8c0 5.7 8 14 8 14s8-8.3 8-14a8 8 0 0 0-8-8Zm0 11.5A3.5 3.5 0 1 1 12 5a3.5 3.5 0 0 1 0 7.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wwc-pills .fa-map-marker-alt::before {
  content: none !important;
}

/* Header contact glyphs previously supplied by Font Awesome. */
body #mobile-header .mobile-header-button::before,
body #mobile-header .mobile-header-button2::before,
body .ex-header-contact-button--phone::before,
body .ex-header-contact-button--contact::before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
  background: currentColor;
}

body #mobile-header .mobile-header-button::before,
body .ex-header-contact-button--phone::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21.4 15.5-4.7-2a1.4 1.4 0 0 0-1.6.4l-2.1 2.6a16.5 16.5 0 0 1-7.9-7.9l2.6-2.1A1.4 1.4 0 0 0 8.1 5l-2-4.7A1.4 1.4 0 0 0 4.5-.5L.2.5A1.4 1.4 0 0 0-.9 1.9 23 23 0 0 0 22.1 25a1.4 1.4 0 0 0 1.4-1.1l1-4.3a1.4 1.4 0 0 0-.8-1.6Z' transform='scale(.9) translate(1 0)'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m21.4 15.5-4.7-2a1.4 1.4 0 0 0-1.6.4l-2.1 2.6a16.5 16.5 0 0 1-7.9-7.9l2.6-2.1A1.4 1.4 0 0 0 8.1 5l-2-4.7A1.4 1.4 0 0 0 4.5-.5L.2.5A1.4 1.4 0 0 0-.9 1.9 23 23 0 0 0 22.1 25a1.4 1.4 0 0 0 1.4-1.1l1-4.3a1.4 1.4 0 0 0-.8-1.6Z' transform='scale(.9) translate(1 0)'/%3E%3C/svg%3E") center / contain no-repeat;
}

body #mobile-header .mobile-header-button2::before,
body .ex-header-contact-button--contact::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 9L2.5 6.6v2.2L12 15l9.5-6.2V6.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 9L2.5 6.6v2.2L12 15l9.5-6.2V6.6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}