/**
 * @file
 * Typography Style
 */

/* Add custom styles here */

/* Override global varialbes */
:root {
  @media (width > 500px) {
    --title-size: 3rem; /* 60px */
    --h1-size: 3rem; /* 48px */
    --h2-size: 2rem; /* 48px */
  }

  @media (width > 600px) {
    --title-size: 4rem; /* 80px */
    --h1-size: 3.5rem; /* 72px */
    --h2-size: 2.25rem; /* 54px */
    --h3-size: 1.4rem; /* 54px */
  }

  @media (width > 1200px) {
    --title-size: 5rem; 
    --h1-size: 4.5rem; 
    --h2-size: 2.75rem; 
    --h3-size: 1.625rem; 
  }
}

/* Override font variables */
:root {
  --font-sans: ainslie-sans, sans-serif;
}

/* Adjust font sizes of the main title */
.gl-hero .heading-title.heading, .gl-hero-title {
  font-size: 2rem;
  margin-top: 0;

  @media (width > 400px) {
    font-size: 3.5rem; /* 72px */
  }

  @media (width > 600px) {
    font-size: 6rem; /* 112px */
  }

  @media (width > 1000px) {
    font-size: 8rem; /* 160px */
  }
}

.gl-hero-cta__link-inner {
  font-size: 1rem;
  font-weight: bold;
  color: var(--neutral-100);

  @media (width > 800px) {
    font-size: 1.5rem; /* 72px */
  }

  @media (width > 1500px) {
    font-size: 2.5rem; /* 160px */
  }
}

.domain--sagestrategy-ie .gl-hero-cta-1::after {
  content: "\A Creativity Meets German Engineering";
  white-space: pre;
}

.domain--sagestrategy-ie .gl-hero-cta-2::after {
  content: "\A Profitable Growth At Scale";
  white-space: pre;
}

.domain--sagestrategyservices-ie .gl-hero-cta-1::after,
.domain--sagestrategygroup-com .gl-hero-cta-1::after {
  content: "\A Profitable Growth At Scale";
  white-space: pre;
}

.domain--sagestrategyservices-ie .gl-hero-cta-2::after,
.domain--sagestrategygroup-com .gl-hero-cta-2::after {
  content: "\A Creativity Meets German Engineering";
  white-space: pre;
}

/* Other Homepage Sections */
.section-cta .title-cta h2 {
  font-size: 3rem;
}

.block-inline-blockdripyard-text + a.button {
  align-self: start; 
}

.bio-card .button--primary.button--medium {
  align-self: start;
}

.bio-tinymargin > p  {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

/* Subhead on Article Pages */
.block-subhead-block .subhead {
  font-family: var(--font-sans);
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
}

/* Center the copyright block */
.region-footer-bottom p {
  text-align: center;
  font-size: small; 
}

/* Article page overrides */
article.article .text-content p {
  margin-block: calc(0.5 * var(--body-s-margin-block)); 
}

/* Avoid excessive margins in tables */
article.article .text-content table {
  margin-block: 0.2rem !important;
}

.article table td {
  min-height: 1.5rem;
}

.article h1,
.service h1 {
  text-wrap: wrap;
}

.article h1,
.service h1 {
  text-wrap: pretty;    /* only latest browsers */
}

.article table h2,
.service table h2,
.article table h3,
.service table h3 {
  margin-block: 0.2rem;
}

/* Full Card Style Overrides */

h1,
.browse-header h2 {
  color: var(--primary);
}

.browse-grid .card-full-image__title {
  margin: 0;
  color: var(--white);
  background-color: rgba(0,0,0,0.5);
  padding: 10px;
  border-radius: var(--radius-md);
}

/* Overrides of service cards */
.card__body p {
  font-size: inherit;
  line-height: 1.1rem;
  
  @media (width > 600px) {
    line-height: 1.2rem;
  }

  @media (width > 1000px) {
    font-size: inherit;
    line-height: var(--body-l-line-height);
  }
}