:root {
  --container-max-width: 1445px;
  --article-max-width: 1000px;
  --break-min-xs: 0;
  --break-min-sm: 576px;
  --break-min-md: 768px;
  --break-min-lg: 1000px;
  --break-min-xl: 1200px;
  --break-max-xs: 575.98px;
  --break-max-sm: 767.98px;
  --break-max-md: 999.98px;
  --break-max-lg: 1199.98px;
  --break-max-xl: 10000px;
  --color-nmac-red: #b90832;
  --color-nmac-lt-gray: #9c9b9b;
  --color-nmac-lt-purple: rgba(132, 81, 172, 0.6);
  --color-nmac-lt-gold: rgba(242, 159, 49, 0.5);
  --color-nmac-dk-gray: #1f1e1e;
  --color-nmac-off-white: rgba(247, 247, 247, 0.5019607843);
  --color-nmac-text: var(--color-dk-gray);
  --color-bhps-orange: #ff9f2f;
  --color-bhps-teal: #0cbbaa;
  --color-bhps-red: #b90832;
  --color-bhps-blue: #4496f2;
  --color-bhps-gray: #606060;
  --color-bhps-lt-gray: #ededed;
  --color-bhps-header-text: #303030;
  --color-bhps-text: #303030;
  --color-bhps-anchor: #303030;
  --color-bhps-anchor-hover: #ff9f2f;
  --color-uscha-lt-purple: #8979d3;
  --color-uscha-purple: #4d3193;
  --color-uscha-lt-red: #ec6e72;
  --color-uscha-red: #e3383e;
  --color-uscha-pink: #f7b7c7;
  --color-uscha-lt-green: #5dd8cc;
  --color-uscha-green: #2cb2ac;
  --color-uscha-lt-gray: #e8e8e8;
  --color-uscha-gray: #989899;
  --color-uscha-dk-gray: #5b5b5e;
}

.nmac-vcards-wrapper .nmac-vcards-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.nmac-vcard.nmac-vcard-modal-trigger .nmac-block-vcard-inner {
  cursor: pointer;
}
.nmac-vcard .nmac-vcard-image {
  width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  object-fit: fill;
  background-position: top center;
}
.nmac-vcard .nmac-vcard-content h3 {
  margin-bottom: 0;
}
.nmac-vcard .nmac-vcard-content .nmac-vcard-title {
  font-size: 14px;
  color: #000;
}
.nmac-vcard .nmac-vcard-content .nmac-vcard-department {
  font-size: 12px;
  color: var(--color-nmac-text);
}
.nmac-vcard .nmac-vcard-content .nmac-vcard-contact a {
  font-size: 14px;
  color: var(--color-text);
}

@media only screen and (max-width: 768px) {
  .nmac-vcard {
    max-width: 100% !important;
    min-width: 100% !important;
  }
}
.nmac-blocks-vcard-inner.img_above {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.nmac-blocks-vcard-inner .img_left {
  display: flex;
  gap: 1.5rem;
  background: var(--color-off-white);
  align-items: center;
}
.nmac-blocks-vcard-inner .img_left .nmac-team-image {
  max-width: 200px;
}
.nmac-blocks-vcard-inner .img_left .nmac-team-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.nmac-blocks-vcard-inner .img_left .nmac-team-content h3 {
  margin-bottom: 0;
}

.nmac-vcard-modal {
  display: none;
  opacity: 0;
  transition: 0.5s opacity;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 999999; /* Something huge */
  isolation: isolate;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0);
  overflow: scroll;
}
.nmac-vcard-modal.displayed {
  display: flex;
  opacity: 1;
}

.nmac-vcard-modal .nmac-vcard-modal-inner {
  max-width: 1000px;
  max-height: 80vh;
}

.nmac-vcard-modal .nmac-vcard-modal-header {
  background: var(--color-nmac-red) url(../img/arrowheader.png) no-repeat center;
  display: grid;
  grid-template-columns: 11fr 1fr;
  padding: 1rem 2rem;
  align-items: center;
}
.nmac-vcard-modal .nmac-vcard-modal-header .title-area {
  display: flex;
}
.nmac-vcard-modal .nmac-vcard-modal-header .title-area h2,
.nmac-vcard-modal .nmac-vcard-modal-header .title-area h3 {
  color: white;
  line-height: 1.2em;
  margin-block: 0;
}
.nmac-vcard-modal .nmac-vcard-modal-header .title-area h2 {
  font-size: 1.5em;
}
.nmac-vcard-modal .nmac-vcard-modal-header .title-area h3 {
  font-size: 1.2em;
  font-weight: 400;
}
.nmac-vcard-modal .nmac-vcard-modal-header .nmac-vcard-modal-trigger {
  cursor: pointer;
}

.nmac-vcard-modal .nmac-vcard-modal-header .nmac-vcard-modal-close {
  position: relative;
  top: 1rem;
  top: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  color: #fff !important;
  font-weight: bold;
  display: block;
  text-align: center;
  border-width: 0;
  background: transparent;
  font-size: 1.5em;
}

.nmac-vcard-modal .nmac-vcard-modal-content {
  max-width: 1200px;
  width: 80vw;
  max-height: 600px !important;
  overflow: auto;
  background: white;
}

@media only screen and (max-width: 768px) {
  .nmac-vcard-modal .nmac-vcard-modal-content {
    width: 95vw;
    max-height: 80vh !important;
  }
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body {
  display: grid;
  gap: 1.6em;
  background: white;
  padding: 2.5rem;
  padding: 2rem;
  grid-template-columns: 1fr 4fr;
}
@media only screen and (max-width: 768px) {
  .nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body {
    grid-template-columns: 1fr;
  }
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-left .nmac-vcard-modal-image {
  width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  object-fit: fill;
  background-position: top center;
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-left .nmac-vcard-contact {
  margin-top: 0.8rem;
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-left .nmac-vcard-contact h3 {
  font-size: 18px;
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-left .nmac-vcard-contact a {
  font-size: 14px;
  color: var(--color_nmac-text);
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-right {
  position: relative;
  overflow: scroll;
  font-size: 1.5rem;
  line-height: 1.5em;
}
.nmac-vcard-modal .nmac-vcard-modal-content .nmac-vcard-modal-body .nmac-vcard-modal-right p {
  line-height: 1.6em;
}

.lds-ellipsis {
  /* change color here */
  color: #fff;
}

.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33.33333px;
  width: 13.33333px;
  height: 13.33333px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.nmac-sponsor-logos-wrapper .nmac-sl-wrapper-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  align-items: center;
  place-items: center;
}
.nmac-sponsor-logos-wrapper .nmac-sl-wrapper-inner .nmac-sponsor-logo {
  text-align: center;
  padding-bottom: 10px;
}
.nmac-sponsor-logos-wrapper .nmac-sl-wrapper-inner .nmac-sponsor-logo .nmac-sl-image {
  width: 100%;
  aspect-ratio: 1/1;
  padding-bottom: 100%;
  background-size: contain;
  object-fit: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nmac-short-story-content h3 {
  display: none;
}

.nmac-vcard .nmac-vcard-image.nmac-short-story-image {
  aspect-ratio: 4/5;
}

.nmac-question-block .nmac-question-header {
  margin-bottom: 8px;
  background-color: #f5f5f5;
  padding: 16px;
}
.nmac-question-block .nmac-question-header h3 {
  display: block;
  font-size: 16px !important;
  line-height: 1em;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
.nmac-question-block .nmac-question-header .nmac-question-text {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 0;
}
.nmac-question-block .nmac-question-answer {
  padding-inline: 16px;
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 16px;
}

.nmac-short-story-content .nmac-vcard-modal-image {
  aspect-ratio: 4/5 !important;
}
.nmac-short-story-content .nmac-vcard-contact {
  font-size: 14px;
}

.nmac-tm-wrapper.nmac-team-modal-trigger .nmac-tm-inner {
  cursor: pointer;
}
.nmac-tm-wrapper .nmac-team-image {
  width: 100%;
  aspect-ratio: 1/1;
  background-size: cover;
  object-fit: fill;
  background-position: top center;
}
.nmac-tm-wrapper .nmac-team-content h3 {
  margin-bottom: 1em;
  font-size: 18px;
}
.nmac-tm-wrapper .nmac-team-content .nmac-team-title,
.nmac-tm-wrapper .nmac-team-content .nmac-team-department {
  font-size: 14px;
  color: var(--color_nmac-text);
}
.nmac-tm-wrapper .nmac-team-content .nmac-team-contact a {
  color: var(--color_nmac-text);
}
.nmac-tm-wrapper .nmac-team-content .nmac-team-phone,
.nmac-tm-wrapper .nmac-team-content .nmac-team-email,
.nmac-tm-wrapper .nmac-team-content .nmac-team-download-bio {
  font-size: 0.8em !important;
  white-space: nowrap;
}

.nmac-vcard-modal-right p:first-of-type {
  margin-top: 0;
}

.nmac-tm-inner.img_side {
  display: flex;
  gap: 1.5rem;
  background: #f9f9f9;
  align-items: center;
}
.nmac-tm-inner.img_side .nmac-team-image {
  max-width: 200px;
}
.nmac-tm-inner.img_side .nmac-team-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.nmac-tm-inner.img_side .nmac-team-content h3 {
  margin-bottom: 0;
}

.nmac-tm-inner.img_above {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}