/* OffshoreAccounting.com overrides, loaded after the Overtake template CSS */

.text-span.pill-accountants {
  background-image: url("../images/oa-pill-accountants.svg");
}

.text-span.pill-delivered {
  background-image: url("../images/oa-pill-delivered.svg");
}

.visually-hidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

/* Tools marquee: brand glyphs + names set in the heading face to match the template's logo strip */
.tool-logo {
  flex: none;
  align-items: center;
  gap: .5rem;
  color: var(--color--black);
  opacity: .8;
  font-family: var(--_typography---font-family--heading);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
  display: flex;
}

.tool-logo svg {
  fill: currentColor;
  display: block;
}

.tool-mark {
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 767px) {
  .tool-logo {
    font-size: 1.125rem;
  }

  .tool-mark {
    width: 22px;
    height: 22px;
  }

  .tool-wordmark {
    width: auto;
    height: 21px;
  }
}

/* Less grey space above the hero badge than the template's 6.25rem */
.hero-content {
  padding-top: 3.75rem;
}

@media screen and (max-width: 767px) {
  .hero-content {
    padding-top: 3rem;
  }
}

@media screen and (max-width: 479px) {
  .hero-content {
    padding-top: 2rem;
  }
}

/* Hero headline a step smaller than the template's h1 so it sits on two lines;
   the +5 pill scales with it (template ratio 150x65 at 82px) */
.hero-section h1 {
  text-wrap: balance;
  font-size: 4.375rem;
}

.hero-section .text-span {
  width: 1.83em;
  height: .79em;
}

@media screen and (max-width: 991px) {
  .hero-section h1 {
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .hero-section h1 {
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 479px) {
  .hero-section h1 {
    font-size: 2.25rem;
  }
}

/* "Offshore Accounting" lockup is wider than the template's 166x40 logo box */
.logo {
  width: auto;
}