/*!
 * /**
 *  * Buckeye UX - version 1.5.1
 *  * Copyright (C) 2026 The Ohio State University
 *  * /
 *
 */
.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  clip-path: rect(0 0 0 0) !important;
  border: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.visually-hidden:active, .visually-hidden:focus {
  width: auto !important;
  height: auto !important;
  clip-path: auto !important;
  margin: 0 !important;
  position: static !important;
  overflow: visible !important;
}

.bux-image {
  width: 100%;
  display: block;
}

.bux-image__float-left {
  float: left;
  margin-bottom: 32px;
  margin-right: 32px;
}

.bux-image__float-right {
  float: right;
  margin-bottom: 32px;
  margin-left: 32px;
}

.bux-image--16x9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.bux-image--1x1 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

.bux-image--3x2 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.bux-media-border {
  border: 1px var(--gray-light-60) solid;
}

.bux-image-caption {
  border-bottom: 2px solid var(--gray-light-80);
  margin-bottom: 32px;
}

.bux-image-caption__text {
  margin: 8px 0 10px;
  font-family: BuckeyeSans, HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.bux-quote {
  border-left: 4px solid var(--brand-primary);
  grid-template-rows: [blockquote] auto[figcaption] auto;
  grid-template-columns: 1fr;
  column-gap: 24px;
  padding: 0 0 0 32px;
  display: grid;
}

.bux-quote.bux-quote--has-image {
  grid-template-rows: [image] minmax(max-content, 100px)[blockquote] auto[figcaption] auto;
}

.bux-quote:has(img) {
  grid-template-rows: [image] minmax(max-content, 100px)[blockquote] auto[figcaption] auto;
}

.bux-quote:has(picture) {
  grid-template-rows: [image] minmax(max-content, 100px)[blockquote] auto[figcaption] auto;
}

@media (width >= 640px) {
  .bux-quote.bux-quote--has-image {
    grid-template-rows: [blockquote] auto[figcaption] auto;
    grid-template-columns: [image] minmax(max-content, 100px)[text] 1fr;
  }

  .bux-quote:has(img) {
    grid-template-rows: [blockquote] auto[figcaption] auto;
    grid-template-columns: [image] minmax(max-content, 100px)[text] 1fr;
  }

  .bux-quote:has(picture) {
    grid-template-rows: [blockquote] auto[figcaption] auto;
    grid-template-columns: [image] minmax(max-content, 100px)[text] 1fr;
  }

  .bux-quote {
    grid-template-rows: [blockquote] auto[figcaption] auto;
    grid-template-columns: [text] 1fr;
  }
}

.bux-quote .bux-quote__image {
  grid-area: image / 1;
  max-width: 100px;
  margin-bottom: 24px;
}

@media (width >= 640px) {
  .bux-quote .bux-quote__image {
    grid-area: 1 / image / span all;
  }
}

.bux-quote .bux-quote__blockquote {
  grid-area: blockquote / 1;
  margin-bottom: 16px;
}

@media (width >= 640px) {
  .bux-quote .bux-quote__blockquote {
    grid-area: blockquote / text;
  }
}

.bux-quote .bux-quote__blockquote .bux-quote__text {
  margin: 0;
  font-family: BuckeyeSerif, Georgia, serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2rem;
}

.bux-quote .bux-quote__blockquote .bux-quote__text--long {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.bux-quote .bux-quote__figcaption {
  grid-area: figcaption / 1;
  display: grid;
}

@media (width >= 640px) {
  .bux-quote .bux-quote__figcaption {
    grid-area: figcaption / text;
  }
}

.bux-quote .bux-quote__figcaption .bux-quote__author {
  font-family: BuckeyeSans, HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.bux-quote .bux-quote__figcaption .bux-quote__author--long {
  font-size: 1rem;
}

.bux-quote .bux-quote__figcaption .bux-quote__source {
  font-family: BuckeyeSans, HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
}

.bux-quote .bux-quote__figcaption .bux-quote__source--long {
  font-size: 1rem;
}