/**
 * Typography for the front end and Gutenberg canvas.
 */

body.annwn-theme,
.editor-styles-wrapper {
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-body);
  font-size: var(--annwn-text-base);
  font-weight: 400;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.annwn-theme h1,
.annwn-theme h2,
.annwn-theme h3,
.annwn-theme h4,
.annwn-theme h5,
.annwn-theme h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-display);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.1;
  text-wrap: balance;
}

.annwn-theme h1,
.editor-styles-wrapper h1 {
  font-size: var(--annwn-text-display);
}

.annwn-theme h2,
.editor-styles-wrapper h2 {
  font-size: var(--annwn-text-3xl);
}

.annwn-theme h3,
.editor-styles-wrapper h3 {
  font-size: var(--annwn-text-2xl);
}

.annwn-theme h4,
.editor-styles-wrapper h4 {
  font-size: clamp(1.4rem, 2vw, 1.75rem);
}

.annwn-theme h5,
.editor-styles-wrapper h5 {
  font-size: 1.125rem;
}

.annwn-theme h6,
.editor-styles-wrapper h6 {
  font-size: 1rem;
}

.annwn-theme p,
.editor-styles-wrapper p {
  text-wrap: pretty;
}

.annwn-theme a {
  color: var(--annwn-brass);
  text-decoration-color: color-mix(in srgb, var(--annwn-brass) 55%, transparent);
  text-underline-offset: 0.2em;
  transition: color var(--annwn-transition), text-decoration-color var(--annwn-transition);
}

.annwn-theme a:hover,
.annwn-theme a:focus-visible {
  color: var(--annwn-ivory);
  text-decoration-color: currentColor;
}

.annwn-theme blockquote,
.editor-styles-wrapper blockquote {
  border-left: 2px solid var(--annwn-bronze);
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-display);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-style: italic;
  line-height: 1.35;
  margin: var(--annwn-space-7) 0;
  padding: var(--annwn-space-2) 0 var(--annwn-space-2) var(--annwn-space-6);
}

.annwn-theme small,
.annwn-theme figcaption,
.annwn-theme .wp-caption-text {
  color: var(--annwn-stone);
  font-size: var(--annwn-text-sm);
}

.annwn-theme sub,
.annwn-theme sup,
.annwn-theme .label,
.annwn-theme .badge,
.annwn-theme .tooltip {
  font-size: var(--annwn-text-min) !important;
}

.annwn-theme .primary_header_2 h3,
.annwn-theme .bizberg_header_wrapper h3 {
  font-family: var(--annwn-font-brand);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-synthesis: none;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.llwybr-ogham {
  font-family: var(--annwn-font-ogham);
  font-synthesis: none;
  font-style: normal;
  font-weight: 400;
}

.annwn-theme .primary_header_2 p,
.annwn-theme .bizberg_header_wrapper p,
.annwn-theme .navbar-default .navbar-nav > li > a {
  font-family: var(--annwn-font-accent);
  font-size: var(--annwn-text-xs);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Bootstrap 3 sets the document root to 10px and several inherited labels to
 * 9–12px. LLWYBR restores a 16px root and keeps visible secondary copy at or
 * above 80% of the body size (12.8px).
 */
.annwn-theme .navbar-default .navbar-nav .sub,
.annwn-theme .navbar-nav li ul li a,
.annwn-theme .slicknav_nav a,
.annwn-theme .breadcrumb li .active,
.annwn-theme #blog .blog-post .entry-date,
.annwn-theme ul.archive li .absolute,
.annwn-theme ul.sidebar-cat li .absolute,
.annwn-theme .widget .tagcloud a,
.annwn-theme .featured-box a,
.annwn-theme .ch-info p,
.annwn-theme .ch-info p a,
.annwn-theme .blog_listing_grid_two_column .entry-meta,
.annwn-theme #top-social-left .ts-text,
.annwn-theme .search-form input#searchsubmit,
.annwn-theme .wp-block-search .wp-block-search__button,
.annwn-theme .footer_pro .search-form input#searchsubmit,
.annwn-theme .next_previous_post .nav-label {
  font-size: var(--annwn-text-min) !important;
}

.annwn-kicker,
.annwn-eyebrow {
  color: var(--annwn-bronze);
  font-family: var(--annwn-font-accent);
  font-size: var(--annwn-text-xs);
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1.4;
  text-transform: uppercase;
}

.annwn-lede {
  color: var(--annwn-ivory);
  font-family: var(--annwn-font-display);
  font-size: clamp(1.35rem, 2.5vw, 1.8rem);
  line-height: 1.45;
}