@font-face {
  font-family: 'Aaargh';
  src: url('../fonts/Aaargh/Aaargh.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Acme';
  src: url('../fonts/acme/Acme-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Afta';
  src: url('../fonts/afta-sans/AftaSansThin-Regular.otf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Comme:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gafata&display=swap');

body, .body-font {
  font-family: "Gafata", sans-serif
}

.head-font { font-family: 'Acme',sans-serif !important; }

h1, h2, h3 {
  font-family: 'Acme', sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}

#siteNav a {
  font-family: 'Acme', sans-serif;
}

.product-price .price, .cta-button {
  color: #ff9f00 !important;
  font-weight: bold;
}

body .product-price .old-price {
  color: #4c4c4c !important;
}

.text-muted {
  color: #000 !important
}

/* Visually hidden for SEO - accessible to screen readers */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}