/**
 * Section spacing overrides
 */

/* Remove 48px padding-top from jcc-section containing location map only */
.field--name-body .jcc-section:has(.jcc-location-map) {
  padding-top: 0 !important;
}

/* Fallback for browsers that don't support :has() */
.field--name-body .jcc-location-map {
  margin-top: -48px;
}

.field--name-body .jcc-section:has(.jcc-location-map) .jcc-location-map {
  margin-top: 0;
}

/* Moved from content-spacing-fix.css on 2026-01-21 */
/**
 * Override for courtyard-artifact CSS reset
 * 
 * The courtyard-artifact's _global.scss was resetting margin and padding
 * for content elements like p, blockquote, etc., which was overriding
 * theme styles. This restores proper spacing for content elements.
 */

/* Restore paragraph spacing */
p {
  margin-top: 1em;
  margin-bottom: 1em;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

/* Restore blockquote spacing */
blockquote {
  margin: 1.5em 0;
  padding: 1em;
}

/* Restore heading spacing */
h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

/* Restore pre/code spacing */
pre {
  margin: 1em 0;
  padding: 1em;
}

code {
  padding: 0.2em 0.4em;
}

/* Restore inline element defaults */
abbr[title] {
  text-decoration: underline dotted;
}

address {
  margin: 1em 0;
  font-style: italic;
}

/* Restore emphasis elements */
strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

/* Restore list spacing */
ul, ol {
  margin: 1em 0;
  padding-left: 2em;
}

/* Ensure content areas have proper spacing */
.usa-prose p,
.usa-prose blockquote,
.usa-prose h1,
.usa-prose h2,
.usa-prose h3,
.usa-prose h4,
.usa-prose h5,
.usa-prose h6,
.jcc-body__main-text p,
.jcc-body__main-text blockquote,
.jcc-body__main-text h1,
.jcc-body__main-text h2,
.jcc-body__main-text h3,
.jcc-body__main-text h4,
.jcc-body__main-text h5,
.jcc-body__main-text h6,
.jcc-body__aside-text p,
.jcc-body__aside-text blockquote {
  margin-top: 1em;
  margin-bottom: 1em;
}

.usa-prose p:first-child,
.jcc-body__main-text p:first-child,
.jcc-body__aside-text p:first-child {
  margin-top: 0;
}

.usa-prose p:last-child,
.jcc-body__main-text p:last-child,
.jcc-body__aside-text p:last-child {
  margin-bottom: 0;
}
/* End moved overrides */

/* Page title decorative rule fix (clip to container) - 2026-01-21 */
/* The compiled artifact sets .jcc-section-heading__title--full::before { width:300%; transform:translate(-50%, ...)},
   which can draw the teal bar beyond the container to the viewport edge. Clipping the inner container fixes this. */
.jcc-section .jcc-section__inner { overflow: hidden; }
/* Keep the title above the clipped pseudo line for safety */
.jcc-section .jcc-section-heading__title--full { position: relative; z-index: 1; }

/* Title rule: show teal bar only to the right of the title (Subpages, full width) - 2026-01-21 */
/* Hide artifact "both-sides" line */
.jcc-section .jcc-section-heading__title--full::before { display: none !important; }
/* Draw a single right-side line across the container */
.jcc-section .jcc-section-heading__title--full::after {
  content: "";
  position: absolute;
  left: 0;  /* full container width */
  right: 0;
  height: 3px;
  /* place the line just below the title text */
  top: calc(100% + 8px);
  /* left half transparent, right half teal */
  background: linear-gradient(to right, transparent 0 50%, #168092 50% 100%);
  display: block !important; /* override artifact display:none */
}

/* Subpage title (partial variant) — ensure line only to the right at desktop */
@media all and (min-width:64em) {
  /* Hide the artifact centered line */
  .jcc-section:not(.jcc-section--background-alt) .jcc-section-heading__title--partial::before,
  .jcc-section--background-alt .jcc-section-heading__title--partial::before,
  .jcc-section .jcc-section-heading__title--partial::before {
    display: none !important;
  }

  /* Draw only the right-side rule from the title midpoint to the container edge */
  .jcc-section .jcc-section-heading__title--partial {
    position: relative;
    z-index: 1;
  }
  .jcc-section .jcc-section-heading__title--partial::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 0;              /* extend to right edge of container */
    top: calc(100% + 28px);
    height: 3px;
    background-color: #168092;
    display: block !important; /* override any display:none from artifact */
  }
}

/* Title decoration: right-side rule, vertically centered with heading text */
@media all and (min-width:64em) {
  /* Reset any artifact pseudo-lines */
  .jcc-section .jcc-section-heading__title--full::before,
  .jcc-section .jcc-section-heading__title--partial::before { display: none !important; }

  /* Layout the heading as a row so the rule can align to text vertically */
  .jcc-section .jcc-section-heading__title--full,
  .jcc-section .jcc-section-heading__title--partial {
    display: flex;
    align-items: center; /* vertical centering */
    gap: 1rem;           /* space between text and rule */
    position: relative;
  }

  /* Draw only the right-side rule; ensure it doesn’t collapse into text below */
  .jcc-section .jcc-section-heading__title--full::after,
  .jcc-section .jcc-section-heading__title--partial::after {
    content: "";
    display: block !important;     /* override any display:none */
    flex: 1 1 auto;                /* fill to the right edge of container */
    border-top: 3px solid #168092; /* teal rule */
    height: 0;                     /* neutralize earlier background-based rules */
    background: none !important;
  }

  /* Ensure comfortable spacing below the heading */
  .jcc-section .jcc-section-heading__title,
  .jcc-section .jcc-section-heading__title--full,
  .jcc-section .jcc-section-heading__title--partial { margin-bottom: 1.5rem; }
}

/* Refine title rule positioning and spacing (centered to text, with bottom gap) */
@media all and (min-width:64em) {
  .jcc-section .jcc-section-heading__title--partial,
  .jcc-section .jcc-section-heading__title--full {
    position: relative !important;
    padding-bottom: 0.75rem !important; /* create space between rule and body text */
    margin-bottom: 1.25rem !important;  /* overall spacing after the heading */
  }

  /* hide any artifact line */
  .jcc-section .jcc-section-heading__title--partial::before,
  .jcc-section .jcc-section-heading__title--full::before { display: none !important; }

  /* draw right-only rule, vertically centered to the heading line */
  .jcc-section .jcc-section-heading__title--partial::after,
  .jcc-section .jcc-section-heading__title--full::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    border-top: 3px solid #168092;
    display: block !important;
    background: none !important;
  }
}

/* Title rule refinement: start the line ~20px after the last character */
@media all and (min-width:64em) {
  .jcc-section .jcc-section-heading__title--partial,
  .jcc-section .jcc-section-heading__title--full {
    display: flex !important;
    align-items: center !important; /* vertical middle alignment */
  }

  /* Use ::after as a flex item so it starts right after the text */
  .jcc-section .jcc-section-heading__title--partial::after,
  .jcc-section .jcc-section-heading__title--full::after {
    content: "";
    display: block !important;
    flex: 1 1 auto;
    height: 0;
    border-top: 3px solid #168092;
    margin-left: 20px;            /* ~20px gap from end of heading text */
    background: none !important;  /* neutralize earlier bg rules */
    position: static !important;  /* override earlier absolute rules */
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* Ensure the title container spans the full column and the rule reaches the right edge */
@media all and (min-width:64em) {
  .jcc-section .jcc-section-heading__title--partial,
  .jcc-section .jcc-section-heading__title--full {
    width: 100% !important;      /* span full column */
    padding-right: 0 !important; /* remove artifact padding that shortens the rule */
  }
}

/* Sidebar heading scale (accessible, semantic h-levels) — ${DATE_TAG} */
.jcc-body__aside-text h2 {
  font-size: 1.125rem;   /* ~18px at 16px root */
  line-height: 1.35;
  font-weight: 600;
  margin: 0.5rem 0 0.75rem;
}
.jcc-body__aside-text h3 {
  font-size: 1rem;       /* ~16px */
  line-height: 1.35;
  font-weight: 600;
  margin: 0.5rem 0 0.5rem;
}
/* Remove any decorative rules from sidebar headings */
.jcc-body__aside-text h2::before,
.jcc-body__aside-text h2::after,
.jcc-body__aside-text h3::before,
.jcc-body__aside-text h3::after {
  content: none !important;
}



/* Sidebar top bar alignment with main content (matches main teal bar) */
.jcc-body__aside-bar {  margin-bottom: 4em !important;}
.jcc-body__aside-bar::before {
  display: block !important;
  background-color: #168092 !important;
  height: 3px !important;
  content: "" !important;
  position: relative !important;
  top: 7px !important;
  
}
.jcc-body__aside-bar::after {
  content: none !important;
  display: none !important;
}

.jcc-body__aside-bar {
  display: block !important;
  margin-bottom: 4em !important;
}
/* Cache bust: 1769038681 */

/* Sidebar typography normalization and spacing fix - HIGH SPECIFICITY */
.jcc-section .jcc-body__aside .jcc-body__aside-text dl,
.jcc-section .jcc-body__aside .jcc-body__aside-text dt,
.jcc-section .jcc-body__aside .jcc-body__aside-text dd,
.jcc-section .jcc-body__aside .jcc-body__aside-text address,
.jcc-body__aside-text dl,
.jcc-body__aside-text dt,
.jcc-body__aside-text dd,
.jcc-body__aside-text address {
  font-size: 1rem !important;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
}

.jcc-section .jcc-body__aside .jcc-body__aside-text h2,
.jcc-section .jcc-body__aside .jcc-body__aside-text h3,
.jcc-section .jcc-body__aside .jcc-body__aside-text h4,
.jcc-body__aside-text h2,
.jcc-body__aside-text h3,
.jcc-body__aside-text h4 {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
}

/* Ensure sidebar bar container spacing works - HIGH SPECIFICITY */
.jcc-section .jcc-body__aside .jcc-body__aside-bar,
aside .jcc-body__aside-bar,
.jcc-body__aside-bar {
  display: block !important;
  margin-bottom: 4em !important;
}

/* Add spacing after sidebar bar by adding margin to the text container */
.jcc-body__aside-text {
  margin-top: 4em !important;
}

/* Fix paragraph sizing in sidebar definition lists and address blocks */
.jcc-body__aside-text dl p,
.jcc-body__aside-text dt p,
.jcc-body__aside-text dd p,
.jcc-body__aside-text address p {
  font-size: 1rem !important;
}

/* Sidebar section elements - match body font size */
.jcc-section .jcc-body__aside .jcc-body__aside-text section,
.jcc-body__aside-text section {
  font-size: 1rem !important;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
}

/* Paragraphs within sidebar sections */
.jcc-section .jcc-body__aside .jcc-body__aside-text section p,
.jcc-body__aside-text section p {
  font-size: 1rem !important;
}
/* Hide duplicate external link icons in footer */
.usa-footer a.ext svg.ext:last-of-type {
  display: none !important;
}

/* Alternative: Keep only the last icon, hide any before it */
.usa-footer a.ext svg.ext:not(:last-of-type) {
  display: none !important;
}

/* Hide extlink SVG in card headings — courtyard pro.css already renders
   the icon via .usa-card__heading a.ext::after */
.usa-card__heading a.ext svg.ext {
  display: none;
}
/* Remove extra padding from h2 titles on homepage */
.jcc-section:not(.jcc-section--background-alt) .jcc-section-heading__title--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove extra padding from all h2 titles with --full class */
.jcc-section-heading__title--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hide duplicate email icons on mailto links */
a[href^="mailto:"] svg:not(:last-of-type) {
  display: none !important;
}

/* Hide all duplicate icons on mailto links - comprehensive */
a[href^="mailto:"] svg.ext:not(:last-of-type),
a[href^="mailto:"] .icon:not(:last-of-type) {
  display: none !important;
}

/* Alternatively, hide the first icon if there are multiple */
a[href^="mailto:"] svg:first-of-type:not(:only-of-type) {
  display: none !important;
}

/* Hide extlink module icons in sidebar content */
aside svg.tel,
aside svg.mailto,
.jcc-body__aside svg.tel,
.jcc-body__aside svg.mailto {
  display: none !important;
}

/* Hide phone icons on tel: links */
a[href^="tel:"] svg.tel {
  display: none !important;
}

/* Hide email icons on mailto: links */
a[href^="mailto:"] svg.mailto {
  display: none !important;
}

/* Video list in sidebar - remove bullets and indentation */
.video-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.video-list li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 1rem;
}

/* Ensure video list images and links are styled properly */
.video-list li a {
  display: block;
  text-decoration: none;
}

.video-list li img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}

/* Sidebar heading hierarchy - ensure proper visual sizing */
.sidebar-content h2,
aside[role="complementary"] h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.sidebar-content h3,
aside[role="complementary"] h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
}

.sidebar-content h4,
aside[role="complementary"] h4 {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

/* Ensure first heading has no top margin */
.sidebar-content h2:first-child,
aside[role="complementary"] h2:first-child {
  margin-top: 0;
/* Fix external link spacing in main navigation menu - 2026-02-06 */
/* Ensure proper spacing between words and external link icon */

/* Add space before the external link icon */
.usa-header a.ext svg.ext,
.usa-nav a.ext svg.ext,
.usa-nav__primary a.ext svg.ext,
.usa-nav__secondary a.ext svg.ext,
header a.ext svg.ext,
nav a.ext svg.ext {
  margin-left: 0.3em !important; /* Space between last word and icon */
  margin-right: 0 !important;
  display: inline !important; /* Ensure icon displays inline */
  vertical-align: middle !important;
}

/* Prevent the icon from collapsing spacing */
/* Fix external link spacing - target the extlink-nobreak span - 2026-02-06 */
/* The extlink module wraps the last word in a span, removing the space before it */

/* Add space before the extlink-nobreak span in navigation */
.usa-nav a.ext .extlink-nobreak::before,
/* Fix external link spacing - add space directly to extlink-nobreak span - 2026-02-06 */
/* The extlink module removes the space before the last word - add it back */

/* Add left margin/padding to the extlink-nobreak span to create space */
.usa-nav a.ext .extlink-nobreak,
.usa-header a.ext .extlink-nobreak,
header a.ext .extlink-nobreak,
nav a.ext .extlink-nobreak,
/* Fix external link icon vertical alignment - TEST with large offset - 2026-02-06 */

/* Super specific selector with very large offset to test */
.usa-header .usa-nav a.ext svg.ext,
.usa-header .usa-nav__primary a.ext svg.ext,
.usa-header nav a.ext svg.ext,
header .usa-nav a.ext svg.ext,
header .usa-nav__primary a.ext svg.ext,
header .usa-nav__secondary a.ext svg.ext {
  margin-left: 0.3em !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transform: translateY(-10px) !important; /* TEST: Large offset to see if working */
  width: 0.75em !important;
  height: 0.75em !important;
}

/* Extremely specific - target SVG directly */
svg.ext[data-extlink-placement="append"] {
  transform: translateY(-10px) !important;
  vertical-align: middle !important;
  margin-left: 0.3em !important;
}

/* Try with just the ext class */
svg.ext {
  transform: translateY(-10px) !important;
}
/* Fix external link icon vertical alignment - CORRECT SELECTOR - 2026-02-06 */

/* Target the actual HTML structure: usa-nav__submenu-item > a.ext > svg.ext */
.usa-nav__submenu-item a.ext svg.ext,
.usa-nav__primary-item a.ext svg.ext,
.usa-nav__secondary-item a.ext svg.ext,
.usa-nav a.ext svg.ext,
.usa-header a.ext svg.ext,
header a.ext svg.ext,
nav a.ext svg.ext,
li a.ext svg.ext {
  margin-left: 0.3em !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transform: translateY(-4px) !important; /* Raise icon by 4px */
  width: 0.75em !important;
  height: 0.75em !important;
}

/* Very broad selector to ensure coverage */
a.ext svg.ext {
  transform: translateY(-4px) !important;
  margin-left: 0.3em !important;
}

/* Hide duplicate external link icons site-wide (all content areas) - 2026-02-10 */
/* Keep only the last icon, hide any duplicates before it */
a.ext svg.ext:not(:last-of-type) {
  display: none !important;
}

/* Extra specificity for main content areas */
.jcc-body__main-text a.ext svg.ext:not(:last-of-type),
.usa-prose a.ext svg.ext:not(:last-of-type),
.field--name-body a.ext svg.ext:not(:last-of-type),
article a.ext svg.ext:not(:last-of-type),
main a.ext svg.ext:not(:last-of-type) {
  display: none !important;
}

/* Hide CSS ::after external link icons site-wide - keep SVG icons instead - 2026-02-10 */
/* The courtyard pro.css adds ::after icons, but extlink module SVG icons are more accessible */
.usa-prose a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.jcc-body__main-text a.ext::after,
.field--name-body a.ext::after,
article a.ext::after,
main a.ext::after,
a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after {
  display: none !important;
  content: none !important;
}

/* AGGRESSIVE FIX: Hide ALL ::after icons on external links - 2026-02-10 */
/* Use very broad selectors with maximum specificity */
a[href^="http"]::after,
a[href^="https://"]::after,
a.ext::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Also hide any SVG duplicates if there are multiple */
a.ext svg.ext ~ svg.ext {
  display: none !important;
}

/* MATCH EXACT COURTYARD SELECTORS - Maximum specificity - 2026-02-10 */
.usa-prose a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.jcc-body__main-text a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.field--name-body a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.cke_editable a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.jcc-chat .jcc-section-heading__title--full a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
.usa-paragraph-webform .webform-multiple-table a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-color: transparent !important;
}

/* NUCLEAR OPTION: Maximum possible specificity - 2026-02-10 */
html body .usa-prose a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
html body .jcc-body__main-text a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
html body .field--name-body a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
html body .cke_editable a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
html body main a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after,
html body article a.ext:not(.jcc-button--primary):not(.jcc-button--cta-link)::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* ── Accordion <details>/<summary> overrides — must come after courtyard ──
 * courtyard-artifact resets: summary { display:list-item; margin:0; padding:0 }
 * These rules re-apply our accordion styles with enough specificity/load-order
 * to win the cascade. Chevron uses CSS borders (no mask-image) for reliability.
 *
 * WCAG 1.4.11 non-text contrast:
 *   border-right/bottom #005ea2 vs #f0f4f8 = 6.08:1 ✅
 *   border-right/bottom #005ea2 vs #dce8f5 = 5.74:1 ✅
 * 2026-02-19 */

/* Restore flex layout that courtyard's list-item reset may undo */
details > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  list-style: none !important;
}
details > summary::-webkit-details-marker { display: none !important; }
details > summary::marker { display: none !important; }

/* Chevron via CSS borders — no mask-image, works in all browsers */
details > summary::after {
  content: '' !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  display: inline-block !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  border-right: 3px solid #005ea2 !important;
  border-bottom: 3px solid #005ea2 !important;
  border-left: none !important;
  border-top: none !important;
  border-radius: 2px !important;
  /* Rotate 45° → points down ↘ (closed state) */
  transform: rotate(45deg) !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  /* Optical lift: raise the ↘ chevron so it reads as ↓ */
  margin-bottom: 4px !important;
  background: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* When open: rotate → points up ↖ (reads as ↑) */
details[open] > summary::after {
  transform: rotate(-135deg) !important;
  margin-bottom: -4px !important;
  margin-top: 4px !important;
}

/* Chevron darkens on hover */
details > summary:hover::after {
  border-color: #1b2b85 !important;
}

/* High-contrast mode */
@media (prefers-contrast: high) {
  details > summary::after {
    border-color: ButtonText !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  details > summary::after {
    transition: none !important;
  }
}

/* Fix external link icon vertical alignment - WCAG fix 2026-02-21 */
svg.ext[data-extlink-placement="append"],
svg.mailto,
svg.tel {
  /* Override inline transform to properly align with text */
  transform: translateY(-7px) !important;
  /* Ensure consistent positioning */
  vertical-align: middle !important;
}

/* Alternative: use baseline alignment */
a svg.ext {
  transform: translateY(-7px) !important;
}

/* FINAL FIX: External link icon alignment - Using margin instead of transform */
/* This approach doesn't fight with inline styles */
svg.ext[data-extlink-placement="append"],
svg.mailto,
svg.tel {
  margin-bottom: 5px !important;
}

/* WORKING FIX: External link icon alignment - Using position relative */
svg.ext[data-extlink-placement="append"],
svg.mailto,
svg.tel {
  position: relative !important;
  top: -5px !important;
  margin-bottom: 0 !important; /* Reset previous attempt */
}

/* Make it even more specific */
a svg.ext,
a svg.mailto,
a svg.tel {
  position: relative !important;
  top: -5px !important;
}

/* ULTRA-SPECIFIC FIX for external link icons */
h3.usa-card__heading a.ext svg.ext[data-extlink-placement="append"],
.usa-card__heading a.ext svg.ext,
a[class~="ext"] svg[class~="ext"],
a.ext[data-extlink] svg.ext {
  position: relative !important;
  top: -5px !important;
}