@charset "UTF-8";
/**
 * BASE SIZE - 01/09/25
 * All calculations are based on this. It’s recommended that
 * you keep it at 1rem because that is the root font size. You
 * can set it to whatever you like and whatever unit you like.
 */
/**
 * SIZE SCALE
 * This is a Perfect Fourth scale that powers all the utilities that
 * it is relevant for (font-size, margin, padding). All items are
 * calcuated off the base size, so change that and cascade across
 * your whole project.
 */
/**
 * COLORS
 * Colors are shared between backgrounds and text by default.
 * You can also use them to power borders, fills or shadows, for example.
 */
/**
 * CORE CONFIG
 * This powers everything from utility class generation to breakpoints
 * to enabling/disabling pre-built components/utilities.
 */
/* GORKO: auto-generated utility classes start */
.bg-dark {
  background: #434343;
}

.bg-dark-shade {
  background: #000;
}

.bg-dark-glare {
  background: #868686;
}

.bg-light {
  background: #cfcfcf;
}

.bg-light-shade {
  background: #959595;
}

.bg-light-glare {
  background: #fff;
}

.bg-primary {
  background: #0195ea;
}

.bg-primary-shade {
  background: #0471b4;
}

.bg-primary-glare {
  background: #4bc1e4;
}

.bg-secondary {
  background: #d53105;
}

.bg-secondary-alt {
  background: #d53134;
}

.bg-secondary-shade {
  background: #720909;
}

.bg-secondary-glare {
  background: #feabab;
}

.bg-tertiary {
  background: #29c396;
}

.bg-tertiary-shade {
  background: #21726d;
}

.bg-tertiary-glare {
  background: #7ae3dc;
}

.bg-quaternary {
  background: #c87adb;
}

.bg-quaternary-shade {
  background: #8d3ca1;
}

.bg-quaternary-glare {
  background: #f0b4ff;
}

.bg-quinary {
  background: #e4e651;
}

.bg-quinary-shade {
  background: #ffc12b;
}

.bg-quinary-glare {
  background: #fdffa0;
}

.color-dark {
  color: #434343;
}

.color-dark-shade {
  color: #000;
}

.color-dark-glare {
  color: #868686;
}

.color-light {
  color: #cfcfcf;
}

.color-light-shade {
  color: #959595;
}

.color-light-glare {
  color: #fff;
}

.color-primary {
  color: #0195ea;
}

.color-primary-shade {
  color: #0471b4;
}

.color-primary-glare {
  color: #4bc1e4;
}

.color-secondary {
  color: #d53105;
}

.color-secondary-alt {
  color: #d53134;
}

.color-secondary-shade {
  color: #720909;
}

.color-secondary-glare {
  color: #feabab;
}

.color-tertiary {
  color: #29c396;
}

.color-tertiary-shade {
  color: #21726d;
}

.color-tertiary-glare {
  color: #7ae3dc;
}

.color-quaternary {
  color: #c87adb;
}

.color-quaternary-shade {
  color: #8d3ca1;
}

.color-quaternary-glare {
  color: #f0b4ff;
}

.color-quinary {
  color: #e4e651;
}

.color-quinary-shade {
  color: #ffc12b;
}

.color-quinary-glare {
  color: #fdffa0;
}

.flow-space-300 {
  --flow-space: 0.75rem;
}

.flow-space-400 {
  --flow-space: 1rem;
}

.flow-space-450 {
  --flow-space: 1.125rem;
}

.flow-space-480 {
  --flow-space: 1.25rem;
}

.flow-space-500 {
  --flow-space: 1.5rem;
}

.flow-space-600 {
  --flow-space: 1.75rem;
}

.flow-space-700 {
  --flow-space: 1.875rem;
}

.flow-space-750 {
  --flow-space: 2.25rem;
}

.flow-space-800 {
  --flow-space: 2.5rem;
}

.flow-space-900 {
  --flow-space: 3rem;
}

.flow-space-950 {
  --flow-space: 3.75rem;
}

.flow-space-major {
  --flow-space: 4.5rem;
}

div.norm-size
{
 font-family: Roboto, sans-serif;
 font-size: 1.15rem;
 font-weight: 400;
}

.widget.normal, .normal, .widget.norm {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 1.15rem !important; /* widget wants it to be smaller */
  line-height: 1.3; /* widget p defaults to less last tried */
  color: var(--fg-color) !important; /* more widget problems */
}

aside div.widget.normal p, aside div.widget.norm p 
{
 line-height: 1.25 !important;
}

.widget.gray
{
 border: 1px solid var(--fg-color);
}

.widget.gray-text p
{
 color: #555;
}

@media (max-width: 37em) {
 div.widget.mobile-center 
 {
  text-align: center;
 }
 br.pc-display {
  display: none;
 }
}
p.pc-center {
 text-align: left;
}

@media (min-width: 37em) {
 p.pc-center 
 {
  text-align: center;
 }
}

div.smallbox,div.boxsmall
{
 margin: 0 auto;
 display: table; /* Makes the div shrink to fit content */
}

div.widget.box, div.widget.solid {
 padding: 20px 22px;
}

div.widget.solid p, div.widget.box p, div.widget.normal p {line-height: 1.3 !important}

.teko {
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.norm {
  font-family: var(--font-normal) !important;
  font-weight: 400;
}

p.left {
  text-align: left;
}

.gap-top-300 {
  margin-top: 0.75rem;
}

.gap-top-400 {
  margin-top: 1rem !important;
}

.gap-top-450 {
  margin-top: 1.125rem;
}

.gap-top-480 {
  margin-top: 1.25rem;
}

.gap-top-500 {
  margin-top: 1.5rem;
}

.gap-top-600 {
  margin-top: 1.75rem;
}

.gap-top-700 {
  margin-top: 1.875rem;
}

.gap-top-750 {
  margin-top: 2.25rem;
}

.gap-top-800 {
  margin-top: 2.5rem;
}

.gap-top-900 {
  margin-top: 3rem;
}

.gap-top-950 {
  margin-top: 3.75rem;
}

.gap-top-major {
  margin-top: 4.5rem;
}

.leading-loose {
  line-height: 1.7;
}

.leading-tight {
  line-height: 1.3;
}

.leading-flat {
  line-height: 1.1;
}

.measure-micro {
  max-width: 10ch;
}

.measure-compact {
  max-width: 30ch;
}

.measure-short {
  max-width: 40ch;
}

.measure-long {
  max-width: 65ch;
}

.text-300 {
  font-size: 0.75rem;
}

.text-400 {
  font-size: 1rem;
}

.text-450 {
  font-size: 1.125rem;
}

.text-480 {
  font-size: 1.25rem;
}

.text-500 {
  font-size: 1.5rem;
}

.text-600 {
  font-size: 1.75rem;
}

.text-700 {
  font-size: 1.875rem;
}

.text-750 {
  font-size: 2.25rem;
}

.text-800 {
  font-size: 2.5rem;
}

.text-900 {
  font-size: 3rem;
}

.text-950 {
  font-size: 3.75rem;
}

.text-major {
  font-size: 4.5rem;
}

.break {
  word-break: break-all;

}
.transition-animated-all {
  transition: all .3s ease;
}

.transition-animated-bg {
  transition: background .3s ease;
}

.transition-animated-color {
  transition: color .3s ease;
}

.transition-animated-bg-color {
  transition: color .3s ease, background .3s ease, text-decoration-color .3s ease;
}

@media (min-width: 37em) {
  .md\:flow-space-300 {
    --flow-space: 0.75rem;
  }

  .md\:flow-space-400 {
    --flow-space: 1rem;
  }

  .md\:flow-space-450 {
    --flow-space: 1.125rem;
  }

  .md\:flow-space-480 {
    --flow-space: 1.25rem;
  }

  .md\:flow-space-500 {
    --flow-space: 1.5rem;
  }

  .md\:flow-space-600 {
    --flow-space: 1.75rem;
  }

  .md\:flow-space-700 {
    --flow-space: 1.875rem;
  }

  .md\:flow-space-750 {
    --flow-space: 2.25rem;
  }

  .md\:flow-space-800 {
    --flow-space: 2.5rem;
  }

  .md\:flow-space-900 {
    --flow-space: 3rem;
  }

  .md\:flow-space-950 {
    --flow-space: 3.75rem;
  }

  .md\:flow-space-major {
    --flow-space: 4.5rem;
  }

  .md\:gap-top-300 {
    margin-top: 0.75rem;
  }

  .md\:gap-top-400 {
    margin-top: 1rem;
  }

  .md\:gap-top-450 {
    margin-top: 1.125rem;
  }

  .md\:gap-top-480 {
    margin-top: 1.25rem;
  }

  .md\:gap-top-500 {
    margin-top: 1.5rem;
  }

  .md\:gap-top-600 {
    margin-top: 1.75rem;
  }

  .md\:gap-top-700 {
    margin-top: 1.875rem;
  }

  .md\:gap-top-750 {
    margin-top: 2.25rem;
  }

  .md\:gap-top-800 {
    margin-top: 2.5rem;
  }

  .md\:gap-top-900 {
    margin-top: 3rem;
  }

  .md\:gap-top-950 {
    margin-top: 3.75rem;
  }

  .md\:gap-top-major {
    margin-top: 4.5rem;
  }

  .md\:measure-micro {
    max-width: 10ch;
  }

  .md\:measure-compact {
    max-width: 30ch;
  }

  .md\:measure-short {
    max-width: 40ch;
  }

  .md\:measure-long {
    max-width: 65ch;
  }

  .md\:text-300 {
    font-size: 0.75rem;
  }

  .md\:text-400 {
    font-size: 1rem;
  }

  .md\:text-450 {
    font-size: 1.125rem;
  }

  .md\:text-480 {
    font-size: 1.25rem;
  }

  .md\:text-500 {
    font-size: 1.5rem;
  }

  .md\:text-600 {
    font-size: 1.75rem;
  }

  .md\:text-700 {
    font-size: 1.875rem;
  }

  .md\:text-750 {
    font-size: 2.25rem;
  }

  .md\:text-800 {
    font-size: 2.5rem;
  }

  .md\:text-900 {
    font-size: 3rem;
  }

  .md\:text-950 {
    font-size: 3.75rem;
  }

  .md\:text-major {
    font-size: 4.5rem;
  }
}
@media (max-width: 36.9375em) {
  .less-than-md\:flow-space-300 {
    --flow-space: 0.75rem;
  }

  .less-than-md\:flow-space-400 {
    --flow-space: 1rem;
  }

  .less-than-md\:flow-space-450 {
    --flow-space: 1.125rem;
  }

  .less-than-md\:flow-space-480 {
    --flow-space: 1.25rem;
  }

  .less-than-md\:flow-space-500 {
    --flow-space: 1.5rem;
  }

  .less-than-md\:flow-space-600 {
    --flow-space: 1.75rem;
  }

  .less-than-md\:flow-space-700 {
    --flow-space: 1.875rem;
  }

  .less-than-md\:flow-space-750 {
    --flow-space: 2.25rem;
  }

  .less-than-md\:flow-space-800 {
    --flow-space: 2.5rem;
  }

  .less-than-md\:flow-space-900 {
    --flow-space: 3rem;
  }

  .less-than-md\:flow-space-950 {
    --flow-space: 3.75rem;
  }

  .less-than-md\:flow-space-major {
    --flow-space: 4.5rem;
  }

  .less-than-md\:gap-top-300 {
    margin-top: 0.75rem;
  }

  .less-than-md\:gap-top-400 {
    margin-top: 1rem;
  }

  .less-than-md\:gap-top-450 {
    margin-top: 1.125rem;
  }

  .less-than-md\:gap-top-480 {
    margin-top: 1.25rem;
  }

  .less-than-md\:gap-top-500 {
    margin-top: 1.5rem;
  }

  .less-than-md\:gap-top-600 {
    margin-top: 1.75rem;
  }

  .less-than-md\:gap-top-700 {
    margin-top: 1.875rem;
  }

  .less-than-md\:gap-top-750 {
    margin-top: 2.25rem;
  }

  .less-than-md\:gap-top-800 {
    margin-top: 2.5rem;
  }

  .less-than-md\:gap-top-900 {
    margin-top: 3rem;
  }

  .less-than-md\:gap-top-950 {
    margin-top: 3.75rem;
  }

  .less-than-md\:gap-top-major {
    margin-top: 4.5rem;
  }

  .less-than-md\:measure-micro {
    max-width: 10ch;
  }

  .less-than-md\:measure-compact {
    max-width: 30ch;
  }

  .less-than-md\:measure-short {
    max-width: 40ch;
  }

  .less-than-md\:measure-long {
    max-width: 65ch;
  }

  .less-than-md\:text-300 {
    font-size: 0.75rem;
  }

  .less-than-md\:text-400 {
    font-size: 1rem;
  }

  .less-than-md\:text-450 {
    font-size: 1.125rem;
  }

  .less-than-md\:text-480 {
    font-size: 1.25rem;
  }

  .less-than-md\:text-500 {
    font-size: 1.5rem;
  }

  .less-than-md\:text-600 {
    font-size: 1.75rem;
  }

  .less-than-md\:text-700 {
    font-size: 1.875rem;
  }

  .less-than-md\:text-750 {
    font-size: 2.25rem;
  }

  .less-than-md\:text-800 {
    font-size: 2.5rem;
  }

  .less-than-md\:text-900 {
    font-size: 3rem;
  }

  .less-than-md\:text-950 {
    font-size: 3.75rem;
  }

  .less-than-md\:text-major {
    font-size: 4.5rem;
  }
}
@media (min-width: 75em) {
  .lg\:flow-space-300 {
    --flow-space: 0.75rem;
  }

  .lg\:flow-space-400 {
    --flow-space: 1rem;
  }

  .lg\:flow-space-450 {
    --flow-space: 1.125rem;
  }

  .lg\:flow-space-480 {
    --flow-space: 1.25rem;
  }

  .lg\:flow-space-500 {
    --flow-space: 1.5rem;
  }

  .lg\:flow-space-600 {
    --flow-space: 1.75rem;
  }

  .lg\:flow-space-700 {
    --flow-space: 1.875rem;
  }

  .lg\:flow-space-750 {
    --flow-space: 2.25rem;
  }

  .lg\:flow-space-800 {
    --flow-space: 2.5rem;
  }

  .lg\:flow-space-900 {
    --flow-space: 3rem;
  }

  .lg\:flow-space-950 {
    --flow-space: 3.75rem;
  }

  .lg\:flow-space-major {
    --flow-space: 4.5rem;
  }

  .lg\:gap-top-300 {
    margin-top: 0.75rem;
  }

  .lg\:gap-top-400 {
    margin-top: 1rem;
  }

  .lg\:gap-top-450 {
    margin-top: 1.125rem;
  }

  .lg\:gap-top-480 {
    margin-top: 1.25rem;
  }

  .lg\:gap-top-500 {
    margin-top: 1.5rem;
  }

  .lg\:gap-top-600 {
    margin-top: 1.75rem;
  }

  .lg\:gap-top-700 {
    margin-top: 1.875rem;
  }

  .lg\:gap-top-750 {
    margin-top: 2.25rem;
  }

  .lg\:gap-top-800 {
    margin-top: 2.5rem;
  }

  .lg\:gap-top-900 {
    margin-top: 3rem;
  }

  .lg\:gap-top-950 {
    margin-top: 3.75rem;
  }

  .lg\:gap-top-major {
    margin-top: 4.5rem;
  }

  .lg\:measure-micro {
    max-width: 10ch;
  }

  .lg\:measure-compact {
    max-width: 30ch;
  }

  .lg\:measure-short {
    max-width: 40ch;
  }

  .lg\:measure-long {
    max-width: 65ch;
  }

  .lg\:text-300 {
    font-size: 0.75rem;
  }

  .lg\:text-400 {
    font-size: 1rem;
  }

  .lg\:text-450 {
    font-size: 1.125rem;
  }

  .lg\:text-480 {
    font-size: 1.25rem;
  }

  .lg\:text-500 {
    font-size: 1.5rem;
  }

  .lg\:text-600 {
    font-size: 1.75rem;
  }

  .lg\:text-700 {
    font-size: 1.875rem;
  }

  .lg\:text-750 {
    font-size: 2.25rem;
  }

  .lg\:text-800 {
    font-size: 2.5rem;
  }

  .lg\:text-900 {
    font-size: 3rem;
  }

  .lg\:text-950 {
    font-size: 3.75rem;
  }

  .lg\:text-major {
    font-size: 4.5rem;
  }
}
/* GORKO: auto-generated utility classes end */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  /* scroll-behavior: smooth; */ /* EK code */
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01s !important;
    scroll-behavior: auto !important;
  }
}
/**
*
* Theme mixin - sets CSS vars for light and dark themes
*
*/
/**
*
* Ordered List Bullet
*
*/
:root {
  --font-normal: Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-alternate: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif;
  --flow-space: 1.75rem;
  --color-mode: "light";
  --bg-color: #fff;
  --fg-color: #1a1a1a;
  --inner-header-color: #434343;
  --link-primary-color: #0195ea;
  --link-secondary-color: #d53105;
  --button-primary-color: var(--link-primary-color);
  --button-secondary-color: #73c5f4;
  --social-icons-color: var(--link-primary-color);
  --logo-glow: rgba(0,0,0,.6);
  --menu-color: #29c396;
  --menu-hover-color: #ffc12b;
  --menu-gradient-start: #7ae3dc;
  --menu-gradient-end: #feabab;
  --widget-fg-color: #434343;
  --widget-border-gradient-start: #7ae3dc;
  --widget-border-gradient-end: #feabab;
  --widget-scrollbar-thumb-color: #1c1c1c;
  --widget-scrollbar-track-color: #e7e7e7;
  --frame-border-color: rgba(0, 0, 0, 0.2);
  --opaque-frame-border-color: #ccc;
  --partly-opaque-frame-border-color: rgba(255, 255, 255, 0.14);
  --swiper-pagination-color: var(--link-primary-color);
  --overlay-transparent: rgba(255, 255, 255, 0.6);
  --overlay-opaque: rgba(225, 223, 223, 0.8);
  --block-bg: #e8e7e5;
  --table-darker-fg: #868686;
  --logo: url("/images/light/logo.webp");
  --body-pattern: url("/images/light/bg-pattern.noop.webp");
  --body-bg-header: url("/images/light/body-bg.webp");
  --body-bg-footer: url("/images/light/body-bg-footer.webp");
  --body-bg-glow-tr: url("/images/light/body-bg-glow-tr.webp");
  --body-bg-glow-r: url("/images/light/body-bg-glow-r.webp");
  --body-bg-glow-bl: url("/images/light/body-bg-glow-bl.webp");
  --body-bg-glow-tl: url("/images/light/body-bg-glow-tl.webp");
  --books-img: url("/images/light/books.webp");
  --books-bg: url("/images/light/books-bg.webp");
  --hiring-bg: url("/images/light/hiring-bg.webp");
  --latest-news-bg: url("/images/light/latest-news-bg.webp");
  --partners-bg: url("/images/light/partners-bg.webp");
  --inner-intro-bg: url("/images/light/inner-intro-bg.webp");
  --widget-scrollbar-button-up: url("/images/light/scrollbar-button-up.webp");
  --widget-scrollbar-button-down: url("/images/light/scrollbar-button-down.webp");
  --panel-bg: url("/images/light/panel-bg.webp");
  --bullet: url("/images/icons/icon-circle-black.svg");
  --quote-icon: url("/images/icons/icon-quote-2-black.svg");
  --about-icon: url("/images/icons/icon-about-blue.svg");
  --info-icon: url("/images/icons/icon-info-blue.svg");
  --donate-icon: url("/images/icons/icon-donate-blue.svg");
  --join-us-icon: url("/images/icons/icon-join-us-blue.svg");
  --lf-500-icon: url("/images/icons/icon-lf-500-blue.svg");
  --a-500-icon: url("/images/icons/icon-a-500-blue.svg");
  --ai-500-icon: url("/images/icons/icon-ai-500-blue.svg")
  --aishield-fund-icon: url("/images/icons/icon-aishield-fund-blue.svg");
  --a-prize-icon: url("/images/icons/icon-a-prize-blue.svg");
  --bitcoin-icon: url("/images/icons/icon-bitcoin-blue.svg");
  --bone-cancer-icon: url("/images/icons/icon-bone-cancer-blue.svg");
  --conference-icon: url("/images/icons/icon-conference-blue.svg");
  --end-of-the-year-fundraiser-icon: url("/images/icons/icon-end-of-the-year-fundraiser-blue.svg");
  --global-catastrophic-risks-icon: url("/images/icons/icon-global-catastrophic-risks-blue.svg");  
  --lifeboat-to-the-stars-icon: url("/images/icons/icon-lifeboat-to-the-stars-blue.svg");
  --medical-fund-icon: url("/images/icons/icon-medical-fund-blue.svg");
  --nanoshield-fund-icon: url("/images/icons/icon-nanoshield-fund-blue.svg");
  --naval-icon: url("/images/icons/icon-naval-operations-ssg-group-meeting-blue.svg");
  --summer-growth-icon: url("/images/icons/icon-summer-growth-blue.svg");
  --time-for-a-bigger-machine-icon: url("/images/icons/icon-time-for-a-bigger-machine-blue.svg");
  --university-outreach-icon: url("/images/icons/icon-university-outreach-blue.svg");
  --usip-proposal-icon: url("/images/icons/icon-usip-proposal-blue.svg");
  --wole-soyinka-in-zero-g-icon: url("/images/icons/icon-wole-soyinka-in-zero-g-blue.svg");
  --x-risks-network-icon: url("/images/icons/icon-x-risks-network-blue.svg");
  --yes-black-icon: url("/images/icons/icon-yes-black.svg");
  --yes-icon: url("/images/icons/icon-yes-blue.svg");
  --no-black-icon: url("/images/icons/icon-no-black.svg");
  --no-icon: url("/images/icons/icon-no-blue.svg");
  --upload-icon: url("/images/icons/icon-upload-blue.svg");
  --thankyou-icon: url("/images/icons/icon-thankyou-blue.svg");
  --envelope-icon: url("/images/icons/icon-envelope-blue.svg");
  --at-icon: url("/images/icons/icon-at-blue.svg");
  --checkmark-icon: url("/images/icons/icon-checkmark-blue.svg");
  --x-icon: url("/images/icons/icon-x-blue.svg");
  --rss-icon: url("/images/icons/icon-rss-blue.svg");
  --date-icon: url("/images/icons/icon-date-blue.svg");
  --blog-home-icon: url("/images/icons/icon-blog-home-blue.svg");
  --amazon-logo: url("/images/logos/logo-amazon-black.svg");
  --chevron-right-icon: url("/images/icons/icon-chevron-right-white.svg");
  --chevron-left-icon: url("/images/icons/icon-chevron-left-white.svg");
  --search-icon: url("/images/icons/icon-search-blue.svg");
  --design-icon: url("/images/icons/icon-design-blue.svg");
  --enlarge-icon: url("/images/icons/icon-enlarge-blue.svg");
  --contact-icon: url("/images/icons/icon-contact-blue.svg");
  --youtube-icon: url("/images/icons/icon-youtube-blue.svg");
  --video-icon: url("/images/icons/icon-video-blue.svg");
  --triangle-icon: url("/images/icons/icon-triangle-blue.svg");
  --404-icon: url("/images/icons/icon-404-blue.svg");
  --media-icon: url("/images/icons/icon-media-blue.svg");
  --image-icon: url("/images/icons/icon-image-blue.svg");
  --mov-icon: url("/images/icons/icon-mov-blue.svg");
  --warning-icon: url("/images/icons/icon-warning-blue.svg");
  --staff-icon: url("/images/icons/icon-staff-blue.svg");
  --dialog-icon: url("/images/icons/icon-dialog-blue.svg");
  --star-icon: url("/images/icons/icon-star-blue.svg");
  --crown-icon: url("/images/icons/icon-crown-blue.svg");
  --molecular-icon: url("/images/icons/icon-molecular-blue.svg");
  --copy-icon: url("/images/icons/icon-copy-blue.svg");
  --bookmark-icon: url("/images/icons/icon-bookmark-blue.svg");
  --user-icon: url("/images/icons/icon-user-blue.svg");
  --policy-icon: url("/images/icons/icon-policy-blue.svg");
  --copy-icon: url("/images/icons/icon-copy-blue.svg");
  --library-icon: url("/images/icons/icon-library-blue.svg");
  --magnifier-icon: url("/images/icons/icon-magnifier-blue.svg");
  --business-card-icon: url("/images/icons/icon-business-card-blue.svg");
  --award-icon: url("/images/icons/icon-award-blue.svg");
  --brain-icon: url("/images/icons/icon-brain-blue.svg");
  --conference-icon: url("/images/icons/icon-conference-blue.svg");
  --article-icon: url("/images/icons/icon-article-blue.svg");
  --papers-icon: url("/images/icons/icon-papers-blue.svg");
  --rocket-icon: url("/images/icons/icon-rocket-blue.svg");
  --ces-icon: url("/images/icons/icon-ces-blue.svg");
  --fb-icon: url("/images/icons/icon-fb-blue.svg");
  --apple-icon: url("/images/icons/icon-apple-blue.svg");
  --rd-icon: url("/images/icons/icon-rd-blue.svg");
  --audio-icon: url("/images/icons/icon-audio-blue.svg");
  --cup-icon: url("/images/icons/icon-cup-blue.svg");
  --ribbon-icon: url("/images/icons/icon-ribbon-blue.svg");
  --elon-icon: url("/images/icons/icon-elon-blue.svg");
  --podcast-icon: url("/images/icons/icon-podcast-blue.svg");
  --www-icon: url("/images/icons/icon-www-blue.svg");
  --bobby-icon: url("/images/icons/icon-bobby-blue.svg");
  --memorial-icon: url("/images/icons/icon-memorial-blue.svg");
  --binary-icon: url("/images/icons/icon-binary-blue.svg");
  --openings-icon: url("/images/icons/icon-openings-blue.svg");
  --privacy-policy-icon: url("/images/icons/icon-privacy-policy-blue.svg");
  --special-report-icon: url("/images/icons/icon-special-report-blue.svg");
  --timeline-icon: url("/images/icons/icon-timeline-blue.svg");
  --getas-icon: url("/images/icons/icon-getas-blue.svg");
  --linkedin-icon: url("/images/icons/icon-linkedin-blue.svg");
  --blog-icon: url("/images/icons/icon-blog-blue.svg");
  --most-influential-person-icon: url("/images/icons/icon-most-influential-person-blue.svg");
  --plays-icon: url("/images/icons/icon-plays-blue.svg");
  --shivon-zilis-icon: url("/images/icons/icon-shivon-zilis-blue.svg");
  --news-icon: url("/images/icons/icon-news-blue.svg");
  --robin-hanson-icon: url("/images/icons/icon-robin-hanson-blue.svg");
  --spacex-icon: url("/images/icons/icon-spacex-blue.svg");
  --song-icon: url("/images/icons/icon-song-blue.svg");
  --mobile-icon: url("/images/icons/icon-mobile-blue.svg");
  --discounts-icon: url("/images/icons/icon-discounts-blue.svg");
  --blockchain-icon: url("/images/icons/icon-blockchain-blue.svg");
  --address-icon: url("/images/icons/icon-address-blue.svg");
  --social-media-expert-icon: url("/images/icons/icon-social-media-expert-blue.svg");
  --interview-icon: url("/images/icons/icon-interview-blue.svg");
  --congratulations-icon: url("/images/icons/icon-congratulations-blue.svg");
  --educational-icon: url("/images/icons/icon-educational-blue.svg");
  --free-breakfast-icon: url("/images/icons/icon-free-breakfast-blue.svg");
  --fundraiser-icon: url("/images/icons/icon-fundraiser-blue.svg");
  --grant-icon: url("/images/icons/icon-grant-blue.svg");
  --maximon-icon: url("/images/icons/icon-maximon-blue.svg");
  --milestone-icon: url("/images/icons/icon-milestone-blue.svg");
  --movies-icon: url("/images/icons/icon-movies-blue.svg");
  --pride-month-icon: url("/images/icons/icon-pride-month-blue.svg");
  --prize-icon: url("/images/icons/icon-prize-blue.svg");
  --report-icon: url("/images/icons/icon-report-blue.svg");
  --space-icon: url("/images/icons/icon-space-blue.svg");
  --strategy-icon: url("/images/icons/icon-strategy-blue.svg");
  --twitter-x-icon: url("/images/icons/icon-twitter-x-blue.svg");
  --wedding-icon: url("/images/icons/icon-wedding-blue.svg");
  --quotes-icon: url("/images/icons/icon-quotes-blue.svg");
  --inspirational-quotes-icon: url("/images/icons/icon-inspirational-quotes-blue.svg");
  --interviews-icon: url("/images/icons/icon-interviews-blue.svg");
  --brochure-icon: url("/images/icons/icon-brochure-blue.svg");
  --links-icon: url("/images/icons/icon-links-blue.svg");
  --forum-icon: url("/images/icons/icon-forum-blue.svg");
  --fellow-icon: url("/images/icons/icon-fellow-blue.svg");
  --educational-videos-icon: url("/images/icons/icon-educational-videos-blue.svg");
  --bubble-icon: url("/images/icons/icon-bubble-blue.svg");
  --bubble-heart-icon: url("/images/icons/icon-bubble-heart-blue.svg");
  --ai-icon: url("/images/icons/icon-ai-robot-blue.svg");
  --quote-2-icon: url("/images/icons/icon-quote-2-blue.svg");
  --dinner-icon: url("/images/icons/icon-dinner-blue.svg");
  --anti-aging-icon: url("/images/icons/icon-anti-aging-blue.svg");
  --volunteer-work-icon: url("/images/icons/icon-volunteer-work-blue.svg");
  --partnerships-icon: url("/images/icons/icon-partnerships-blue.svg");
  --counterterrorism-icon: url("/images/icons/icon-counterterrorism-blue.svg");
  --coursework-icon: url("/images/icons/icon-coursework-blue.svg");
  --resources-icon: url("/images/icons/icon-resources-blue.svg");
  --what-is-rss-icon: url("/images/icons/icon-what-is-rss-blue.svg");
  --scholarships-icon: url("/images/icons/icon-scholarships-blue.svg");
  --whats-new-icon: url("/images/icons/icon-whats-new-blue.svg");
  --world-news-icon: url("/images/icons/icon-world-news-blue.svg");
  --faq-icon: url("/images/icons/icon-faq-blue.svg");
  --finances-icon: url("/images/icons/icon-finances-blue.svg");
  --procedures-icon: url("/images/icons/icon-procedures-blue.svg");
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-mode: "dark";
  }

  :root:not([data-user-color-scheme]) {
    --bg-color: #fff;
    --fg-color: #1a1a1a;
    --inner-header-color: #434343;
    --link-primary-color: #0195ea;
    --link-secondary-color: #d53105;
    --button-primary-color: var(--link-primary-color);
    --button-secondary-color: #73c5f4;
    --social-icons-color: var(--link-primary-color);
    --logo-glow: rgba(0,0,0,.6);
    --menu-color: #29c396;
    --menu-hover-color: #ffc12b;
    --menu-gradient-start: #7ae3dc;
    --menu-gradient-end: #feabab;
    --widget-fg-color: #434343;
    --widget-border-gradient-start: #7ae3dc;
    --widget-border-gradient-end: #feabab;
    --widget-scrollbar-thumb-color: #1c1c1c;
    --widget-scrollbar-track-color: #e7e7e7;
    --frame-border-color: rgba(0, 0, 0, 0.2);
    --opaque-frame-border-color: #ccc;
    --partly-opaque-frame-border-color: rgba(255, 255, 255, 0.14);
    --swiper-pagination-color: var(--link-primary-color);
    --overlay-transparent: rgba(255, 255, 255, 0.6);
    --overlay-opaque: rgba(225, 223, 223, 0.8);
    --block-bg: #e8e7e5;
    --table-darker-fg: #868686;
    --bg-color: #000;
    --fg-color: #bababa;
    --inner-header-color: #fff;
    --link-primary-color: #4bc1e4;
    --link-secondary-color: #d53134;
    --button-primary-color: #ffc12b;
    --button-secondary-color: #73c5f4;
    --social-icons-color: #ffc12b;
    --logo-glow: rgba(255,255,255,.6);
    --menu-color: #ffc12b;
    --menu-hover-color: #29c396;
    --menu-gradient-start: #720909;
    --menu-gradient-end: #21726d;
    --widget-fg-color: #cfcfcf;
    --widget-border-gradient-start: #21726d;
    --widget-border-gradient-end: #720909;
    --widget-scrollbar-thumb-color: #7d7d7d;
    --widget-scrollbar-track-color: #1c1c1c;
    --frame-border-color: rgba(255, 255, 255, 0.14);
    --opaque-frame-border-color: #242424;
    --partly-opaque-frame-border-color: rgba(40, 40, 40, 0.8);
    --swiper-pagination-bullet-inactive-color: #cfcfcf;
    --overlay-transparent: rgba(0, 0, 0, 0.6);
    --overlay-opaque: rgba(2, 2, 2, 0.8);
    --block-bg: #191817;
    --table-darker-fg: #959595;
    --logo: url("/images/dark/logo.webp");
    --body-pattern: url("/images/dark/bg-pattern.noop.webp");
    --body-bg-header: url("/images/dark/body-bg.webp");
    --body-bg-footer: url("/images/dark/body-bg-footer.webp");
    --body-bg-glow-tr: url("/images/dark/body-bg-glow-tr.webp");
    --body-bg-glow-r: url("/images/dark/body-bg-glow-r.webp");
    --body-bg-glow-bl: url("/images/dark/body-bg-glow-bl.webp");
    --body-bg-glow-tl: url("/images/dark/body-bg-glow-tl.webp");
    --books-img: url("/images/dark/books.webp");
    --books-bg: url("/images/dark/books-bg.webp");
    --hiring-bg: url("/images/dark/hiring-bg.webp");
    --latest-news-bg: url("/images/dark/latest-news-bg.webp");
    --partners-bg: url("/images/dark/partners-bg.webp");
    --inner-intro-bg: url("/images/dark/inner-intro-bg.webp");
    --widget-scrollbar-button-up: url("/images/dark/scrollbar-button-up.webp");
    --widget-scrollbar-button-down: url("/images/dark/scrollbar-button-down.webp");
    --panel-bg: url("/images/dark/panel-bg.webp");
    --bullet: url("/images/icons/icon-circle-black.svg");
    --quote-icon: url("/images/icons/icon-quote-2-black.svg");
    --about-icon: url("/images/icons/icon-about-yellow.svg");
    --info-icon: url("/images/icons/icon-info-yellow.svg");
    --donate-icon: url("/images/icons/icon-donate-yellow.svg");
    --join-us-icon: url("/images/icons/icon-join-us-yellow.svg");
    --lf-500-icon: url("/images/icons/icon-lf-500-yellow.svg");
    --a-500-icon: url("/images/icons/icon-a-500-yellow.svg");
    --ai-500-icon: url("/images/icons/icon-ai-500-yellow.svg");
    --aishield-fund-icon: url("/images/icons/icon-aishield-fund-yellow.svg");
    --a-prize-icon: url("/images/icons/icon-a-prize-yellow.svg");
    --bitcoin-icon: url("/images/icons/icon-bitcoin-yellow.svg");
    --bone-cancer-icon: url("/images/icons/icon-bone-cancer-yellow.svg");
    --conference-icon: url("/images/icons/icon-conference-yellow.svg");
    --end-of-the-year-fundraiser-icon: url("/images/icons/icon-end-of-the-year-fundraiser-yellow.svg");
    --global-catastrophic-risks-icon: url("/images/icons/icon-global-catastrophic-risks-yellow.svg");  
    --lifeboat-to-the-stars-icon: url("/images/icons/icon-lifeboat-to-the-stars-yellow.svg");
    --medical-fund-icon: url("/images/icons/icon-medical-fund-yellow.svg");
    --nanoshield-fund-icon: url("/images/icons/icon-nanoshield-fund-yellow.svg");
    --naval-icon: url("/images/icons/icon-naval-operations-ssg-group-meeting-yellow.svg");
    --summer-growth-icon: url("/images/icons/icon-summer-growth-yellow.svg");
    --time-for-a-bigger-machine-icon: url("/images/icons/icon-time-for-a-bigger-machine-yellow.svg");
    --university-outreach-icon: url("/images/icons/icon-university-outreach-yellow.svg");
    --usip-proposal-icon: url("/images/icons/icon-usip-proposal-yellow.svg");
    --wole-soyinka-in-zero-g-icon: url("/images/icons/icon-wole-soyinka-in-zero-g-yellow.svg");
    --x-risks-network-icon: url("/images/icons/icon-x-risks-network-yellow.svg");
    --yes-icon: url("/images/icons/icon-yes-yellow.svg");
    --yes-black-icon: url("/images/icons/icon-yes-black.svg");
    --no-icon: url("/images/icons/icon-no-yellow.svg");
    --no-black-icon: url("/images/icons/icon-no-black.svg");
    --upload-icon: url("/images/icons/icon-upload-yellow.svg");
    --thankyou-icon: url("/images/icons/icon-thankyou-yellow.svg");
    --envelope-icon: url("/images/icons/icon-envelope-yellow.svg");
    --at-icon: url("/images/icons/icon-at-yellow.svg");
    --checkmark-icon: url("/images/icons/icon-checkmark-yellow.svg");
    --x-icon: url("/images/icons/icon-x-yellow.svg");
    --rss-icon: url("/images/icons/icon-rss-yellow.svg");
    --date-icon: url("/images/icons/icon-date-yellow.svg");
    --blog-home-icon: url("/images/icons/icon-blog-home-yellow.svg");
    --amazon-logo: url("/images/logos/logo-amazon-white.svg");
    --chevron-right-icon: url("/images/icons/icon-chevron-right-black.svg");
    --chevron-left-icon: url("/images/icons/icon-chevron-left-black.svg");
    --search-icon: url("/images/icons/icon-search-yellow.svg");
    --design-icon: url("/images/icons/icon-design-yellow.svg");
    --enlarge-icon: url("/images/icons/icon-enlarge-yellow.svg");
    --contact-icon: url("/images/icons/icon-contact-yellow.svg");
    --youtube-icon: url("/images/icons/icon-youtube-yellow.svg");
    --video-icon: url("/images/icons/icon-video-yellow.svg");
    --triangle-icon: url("/images/icons/icon-triangle-yellow.svg");
    --404-icon: url("/images/icons/icon-404-yellow.svg");
    --media-icon: url("/images/icons/icon-media-yellow.svg");
    --image-icon: url("/images/icons/icon-image-yellow.svg");
    --mov-icon: url("/images/icons/icon-mov-yellow.svg");
    --warning-icon: url("/images/icons/icon-warning-yellow.svg");
    --staff-icon: url("/images/icons/icon-staff-yellow.svg");
    --dialog-icon: url("/images/icons/icon-dialog-yellow.svg");
    --star-icon: url("/images/icons/icon-star-yellow.svg");
    --crown-icon: url("/images/icons/icon-crown-yellow.svg");
    --molecular-icon: url("/images/icons/icon-molecular-yellow.svg");
    --copy-icon: url("/images/icons/icon-copy-yellow.svg");
    --bookmark-icon: url("/images/icons/icon-bookmark-yellow.svg");
    --user-icon: url("/images/icons/icon-user-yellow.svg");
    --policy-icon: url("/images/icons/icon-policy-yellow.svg");
    --copy-icon: url("/images/icons/icon-copy-yellow.svg");
    --library-icon: url("/images/icons/icon-library-yellow.svg");
    --magnifier-icon: url("/images/icons/icon-magnifier-yellow.svg");
    --business-card-icon: url("/images/icons/icon-business-card-yellow.svg");
    --award-icon: url("/images/icons/icon-award-yellow.svg");
    --brain-icon: url("/images/icons/icon-brain-yellow.svg");
    --conference-icon: url("/images/icons/icon-conference-yellow.svg");
    --article-icon: url("/images/icons/icon-article-yellow.svg");
    --papers-icon: url("/images/icons/icon-papers-yellow.svg");
    --rocket-icon: url("/images/icons/icon-rocket-yellow.svg");
    --ces-icon: url("/images/icons/icon-ces-yellow.svg");
    --fb-icon: url("/images/icons/icon-fb-yellow.svg");
    --apple-icon: url("/images/icons/icon-apple-yellow.svg");
    --rd-icon: url("/images/icons/icon-rd-yellow.svg");
    --audio-icon: url("/images/icons/icon-audio-yellow.svg");
    --cup-icon: url("/images/icons/icon-cup-yellow.svg");
    --ribbon-icon: url("/images/icons/icon-ribbon-yellow.svg");
    --elon-icon: url("/images/icons/icon-elon-yellow.svg");
    --podcast-icon: url("/images/icons/icon-podcast-yellow.svg");
    --www-icon: url("/images/icons/icon-www-yellow.svg");
    --bobby-icon: url("/images/icons/icon-bobby-yellow.svg");
    --memorial-icon: url("/images/icons/icon-memorial-yellow.svg");
    --binary-icon: url("/images/icons/icon-binary-yellow.svg");
    --openings-icon: url("/images/icons/icon-openings-yellow.svg");
    --privacy-policy-icon: url("/images/icons/icon-privacy-policy-yellow.svg");
    --special-report-icon: url("/images/icons/icon-special-report-yellow.svg");
    --timeline-icon: url("/images/icons/icon-timeline-yellow.svg");
    --getas-icon: url("/images/icons/icon-getas-yellow.svg");
    --linkedin-icon: url("/images/icons/icon-linkedin-yellow.svg");
    --blog-icon: url("/images/icons/icon-blog-yellow.svg");
    --most-influential-person-icon: url("/images/icons/icon-most-influential-person-yellow.svg");
    --plays-icon: url("/images/icons/icon-plays-yellow.svg");
    --shivon-zilis-icon: url("/images/icons/icon-shivon-zilis-yellow.svg");
    --news-icon: url("/images/icons/icon-news-yellow.svg");
    --robin-hanson-icon: url("/images/icons/icon-robin-hanson-yellow.svg");
    --spacex-icon: url("/images/icons/icon-spacex-yellow.svg");
    --song-icon: url("/images/icons/icon-song-yellow.svg");
    --mobile-icon: url("/images/icons/icon-mobile-yellow.svg");
    --discounts-icon: url("/images/icons/icon-discounts-yellow.svg");
    --blockchain-icon: url("/images/icons/icon-blockchain-yellow.svg");
    --address-icon: url("/images/icons/icon-address-yellow.svg");
    --social-media-expert-icon: url("/images/icons/icon-social-media-expert-yellow.svg");
    --interview-icon: url("/images/icons/icon-interview-yellow.svg");
    --congratulations-icon: url("/images/icons/icon-congratulations-yellow.svg");
    --educational-icon: url("/images/icons/icon-educational-yellow.svg");
    --free-breakfast-icon: url("/images/icons/icon-free-breakfast-yellow.svg");
    --fundraiser-icon: url("/images/icons/icon-fundraiser-yellow.svg");
    --grant-icon: url("/images/icons/icon-grant-yellow.svg");
    --maximon-icon: url("/images/icons/icon-maximon-yellow.svg");
    --milestone-icon: url("/images/icons/icon-milestone-yellow.svg");
    --movies-icon: url("/images/icons/icon-movies-yellow.svg");
    --pride-month-icon: url("/images/icons/icon-pride-month-yellow.svg");
    --prize-icon: url("/images/icons/icon-prize-yellow.svg");
    --report-icon: url("/images/icons/icon-report-yellow.svg");
    --space-icon: url("/images/icons/icon-space-yellow.svg");
    --strategy-icon: url("/images/icons/icon-strategy-yellow.svg");
    --twitter-x-icon: url("/images/icons/icon-twitter-x-yellow.svg");
    --wedding-icon: url("/images/icons/icon-wedding-yellow.svg");
    --quotes-icon: url("/images/icons/icon-quotes-yellow.svg");
    --inspirational-quotes-icon: url("/images/icons/icon-inspirational-quotes-yellow.svg");
    --interviews-icon: url("/images/icons/icon-interviews-yellow.svg");
    --brochure-icon: url("/images/icons/icon-brochure-yellow.svg");
    --links-icon: url("/images/icons/icon-links-yellow.svg");
    --forum-icon: url("/images/icons/icon-forum-yellow.svg");
    --fellow-icon: url("/images/icons/icon-fellow-yellow.svg");
    --educational-videos-icon: url("/images/icons/icon-educational-videos-yellow.svg");
    --bubble-icon: url("/images/icons/icon-bubble-yellow.svg");
    --bubble-heart-icon: url("/images/icons/icon-bubble-heart-yellow.svg");
    --ai-icon: url("/images/icons/icon-ai-robot-yellow.svg");
    --quote-2-icon: url("/images/icons/icon-quote-2-yellow.svg");
    --dinner-icon: url("/images/icons/icon-dinner-yellow.svg");
    --anti-aging-icon: url("/images/icons/icon-anti-aging-yellow.svg");
    --volunteer-work-icon: url("/images/icons/icon-volunteer-work-yellow.svg");
    --partnerships-icon: url("/images/icons/icon-partnerships-yellow.svg");
    --counterterrorism-icon: url("/images/icons/icon-counterterrorism-yellow.svg");
    --coursework-icon: url("/images/icons/icon-coursework-yellow.svg");
    --resources-icon: url("/images/icons/icon-resources-yellow.svg");
    --what-is-rss-icon: url("/images/icons/icon-what-is-rss-yellow.svg");
    --scholarships-icon: url("/images/icons/icon-scholarships-yellow.svg");
    --whats-new-icon: url("/images/icons/icon-whats-new-yellow.svg");
    --world-news-icon: url("/images/icons/icon-world-news-yellow.svg");
    --faq-icon: url("/images/icons/icon-faq-yellow.svg");
    --finances-icon: url("/images/icons/icon-finances-yellow.svg");
    --procedures-icon: url("/images/icons/icon-procedures-yellow.svg");
  }
}
[data-user-color-scheme=dark] {
  --bg-color: #fff;
  --fg-color: #1a1a1a;
  --inner-header-color: #434343;
  --link-primary-color: #0195ea;
  --link-secondary-color: #d53105;
  --button-primary-color: var(--link-primary-color);
  --social-icons-color: var(--link-primary-color);
  --logo-glow: rgba(0,0,0,.6);
  --menu-color: #29c396;
  --menu-hover-color: #ffc12b;
  --menu-gradient-start: #7ae3dc;
  --menu-gradient-end: #feabab;
  --widget-fg-color: #434343;
  --widget-border-gradient-start: #7ae3dc;
  --widget-border-gradient-end: #feabab;
  --widget-scrollbar-thumb-color: #1c1c1c;
  --widget-scrollbar-track-color: #e7e7e7;
  --frame-border-color: rgba(0, 0, 0, 0.2);
  --opaque-frame-border-color: #ccc;
  --partly-opaque-frame-border-color: rgba(255, 255, 255, 0.14);
  --swiper-pagination-color: var(--link-primary-color);
  --overlay-transparent: rgba(255, 255, 255, 0.6);
  --overlay-opaque: rgba(225, 223, 223, 0.8);
  --block-bg: #e8e7e5;
  --table-darker-fg: #868686;
  --bg-color: #000;
  --fg-color: #bababa;
  --inner-header-color: #fff;
  --link-primary-color: #4bc1e4;
  --link-secondary-color: #d53134;
  --button-primary-color: #ffc12b;
  --social-icons-color: #ffc12b;
  --logo-glow: rgba(255,255,255,.6);
  --menu-color: #ffc12b;
  --menu-hover-color: #29c396;
  --menu-gradient-start: #720909;
  --menu-gradient-end: #21726d;
  --widget-fg-color: #cfcfcf;
  --widget-border-gradient-start: #21726d;
  --widget-border-gradient-end: #720909;
  --widget-scrollbar-thumb-color: #7d7d7d;
  --widget-scrollbar-track-color: #1c1c1c;
  --frame-border-color: rgba(255, 255, 255, 0.14);
  --opaque-frame-border-color: #242424;
  --partly-opaque-frame-border-color: rgba(40, 40, 40, 0.8);
  --swiper-pagination-bullet-inactive-color: #cfcfcf;
  --overlay-transparent: rgba(0, 0, 0, 0.6);
  --overlay-opaque: rgba(2, 2, 2, 0.8);
  --block-bg: #191817;
  --table-darker-fg: #959595;
  --logo: url("/images/dark/logo.webp");
  --body-pattern: url("/images/dark/bg-pattern.noop.webp");
  --body-bg-header: url("/images/dark/body-bg.webp");
  --body-bg-footer: url("/images/dark/body-bg-footer.webp");
  --body-bg-glow-tr: url("/images/dark/body-bg-glow-tr.webp");
  --body-bg-glow-r: url("/images/dark/body-bg-glow-r.webp");
  --body-bg-glow-bl: url("/images/dark/body-bg-glow-bl.webp");
  --body-bg-glow-tl: url("/images/dark/body-bg-glow-tl.webp");
  --books-img: url("/images/dark/books.webp");
  --books-bg: url("/images/dark/books-bg.webp");
  --hiring-bg: url("/images/dark/hiring-bg.webp");
  --latest-news-bg: url("/images/dark/latest-news-bg.webp");
  --partners-bg: url("/images/dark/partners-bg.webp");
  --inner-intro-bg: url("/images/dark/inner-intro-bg.webp");
  --widget-scrollbar-button-up: url("/images/dark/scrollbar-button-up.webp");
  --widget-scrollbar-button-down: url("/images/dark/scrollbar-button-down.webp");
  --panel-bg: url("/images/dark/panel-bg.webp");
  --bullet: url("/images/icons/icon-circle-white.svg");
  --quote-icon: url("/images/icons/icon-quote-2-white.svg");
  --about-icon: url("/images/icons/icon-about-yellow.svg");
  --info-icon: url("/images/icons/icon-info-yellow.svg");
  --donate-icon: url("/images/icons/icon-donate-yellow.svg");
  --join-us-icon: url("/images/icons/icon-join-us-yellow.svg");
  --lf-500-icon: url("/images/icons/icon-lf-500-yellow.svg");
  --a-500-icon: url("/images/icons/icon-a-500-yellow.svg");
  --ai-500-icon: url("/images/icons/icon-ai-500-yellow.svg");
  --aishield-fund-icon: url("/images/icons/icon-aishield-fund-yellow.svg");
  --a-prize-icon: url("/images/icons/icon-a-prize-yellow.svg");
  --bitcoin-icon: url("/images/icons/icon-bitcoin-yellow.svg");
  --bone-cancer-icon: url("/images/icons/icon-bone-cancer-yellow.svg");
  --conference-icon: url("/images/icons/icon-conference-yellow.svg");
  --end-of-the-year-fundraiser-icon: url("/images/icons/icon-end-of-the-year-fundraiser-yellow.svg");
  --global-catastrophic-risks-icon: url("/images/icons/icon-global-catastrophic-risks-yellow.svg");  
  --lifeboat-to-the-stars-icon: url("/images/icons/icon-lifeboat-to-the-stars-yellow.svg");
  --medical-fund-icon: url("/images/icons/icon-medical-fund-yellow.svg");
  --nanoshield-fund-icon: url("/images/icons/icon-nanoshield-fund-yellow.svg");
  --naval-icon: url("/images/icons/icon-naval-operations-ssg-group-meeting-yellow.svg");
  --summer-growth-icon: url("/images/icons/icon-summer-growth-yellow.svg");
  --time-for-a-bigger-machine-icon: url("/images/icons/icon-time-for-a-bigger-machine-yellow.svg");
  --university-outreach-icon: url("/images/icons/icon-university-outreach-yellow.svg");
  --usip-proposal-icon: url("/images/icons/icon-usip-proposal-yellow.svg");
  --wole-soyinka-in-zero-g-icon: url("/images/icons/icon-wole-soyinka-in-zero-g-yellow.svg");
  --x-risks-network-icon: url("/images/icons/icon-x-risks-network-yellow.svg");
  --yes-icon: url("/images/icons/icon-yes-yellow.svg");
  --yes-black-icon: url("/images/icons/icon-yes-black.svg");
  --no-icon: url("/images/icons/icon-no-yellow.svg");
  --no-black-icon: url("/images/icons/icon-no-black.svg");
  --upload-icon: url("/images/icons/icon-upload-yellow.svg");
  --thankyou-icon: url("/images/icons/icon-thankyou-yellow.svg");
  --envelope-icon: url("/images/icons/icon-envelope-yellow.svg");
  --at-icon: url("/images/icons/icon-at-yellow.svg");
  --checkmark-icon: url("/images/icons/icon-checkmark-yellow.svg");
  --x-icon: url("/images/icons/icon-x-yellow.svg");
  --rss-icon: url("/images/icons/icon-rss-yellow.svg");
  --date-icon: url("/images/icons/icon-date-yellow.svg");
  --blog-home-icon: url("/images/icons/icon-blog-home-yellow.svg");
  --amazon-logo: url("/images/logos/logo-amazon-white.svg");
  --chevron-right-icon: url("/images/icons/icon-chevron-right-black.svg");
  --chevron-left-icon: url("/images/icons/icon-chevron-left-black.svg");
  --search-icon: url("/images/icons/icon-search-yellow.svg");
  --design-icon: url("/images/icons/icon-design-yellow.svg");
  --enlarge-icon: url("/images/icons/icon-enlarge-yellow.svg");
  --contact-icon: url("/images/icons/icon-contact-yellow.svg");
  --youtube-icon: url("/images/icons/icon-youtube-yellow.svg");
  --video-icon: url("/images/icons/icon-video-yellow.svg");
  --triangle-icon: url("/images/icons/icon-triangle-yellow.svg");
  --404-icon: url("/images/icons/icon-404-yellow.svg");
  --media-icon: url("/images/icons/icon-media-yellow.svg");
  --image-icon: url("/images/icons/icon-image-yellow.svg");
  --mov-icon: url("/images/icons/icon-mov-yellow.svg");
  --warning-icon: url("/images/icons/icon-warning-yellow.svg");
    --staff-icon: url("/images/icons/icon-staff-yellow.svg");
    --dialog-icon: url("/images/icons/icon-dialog-yellow.svg");
    --star-icon: url("/images/icons/icon-star-yellow.svg");
    --crown-icon: url("/images/icons/icon-crown-yellow.svg");
    --molecular-icon: url("/images/icons/icon-molecular-yellow.svg");
    --copy-icon: url("/images/icons/icon-copy-yellow.svg");
    --bookmark-icon: url("/images/icons/icon-bookmark-yellow.svg");
    --user-icon: url("/images/icons/icon-user-yellow.svg");
    --policy-icon: url("/images/icons/icon-policy-yellow.svg");
    --copy-icon: url("/images/icons/icon-copy-yellow.svg");
    --library-icon: url("/images/icons/icon-library-yellow.svg");
    --magnifier-icon: url("/images/icons/icon-magnifier-yellow.svg");
    --business-card-icon: url("/images/icons/icon-business-card-yellow.svg");
    --award-icon: url("/images/icons/icon-award-yellow.svg");
    --brain-icon: url("/images/icons/icon-brain-yellow.svg");
    --article-icon: url("/images/icons/icon-article-yellow.svg");
    --papers-icon: url("/images/icons/icon-papers-yellow.svg");
    --rocket-icon: url("/images/icons/icon-rocket-yellow.svg");
    --ces-icon: url("/images/icons/icon-ces-yellow.svg");
    --fb-icon: url("/images/icons/icon-fb-yellow.svg");
    --apple-icon: url("/images/icons/icon-apple-yellow.svg");
    --rd-icon: url("/images/icons/icon-rd-yellow.svg");
    --audio-icon: url("/images/icons/icon-audio-yellow.svg");
    --cup-icon: url("/images/icons/icon-cup-yellow.svg");
    --ribbon-icon: url("/images/icons/icon-ribbon-yellow.svg");
    --elon-icon: url("/images/icons/icon-elon-yellow.svg");
    --podcast-icon: url("/images/icons/icon-podcast-yellow.svg");
    --www-icon: url("/images/icons/icon-www-yellow.svg");
    --bobby-icon: url("/images/icons/icon-bobby-yellow.svg");
    --memorial-icon: url("/images/icons/icon-memorial-yellow.svg");
    --binary-icon: url("/images/icons/icon-binary-yellow.svg");
    --openings-icon: url("/images/icons/icon-openings-yellow.svg");
    --privacy-policy-icon: url("/images/icons/icon-privacy-policy-yellow.svg");
    --special-report-icon: url("/images/icons/icon-special-report-yellow.svg");
    --timeline-icon: url("/images/icons/icon-timeline-yellow.svg");
    --getas-icon: url("/images/icons/icon-getas-yellow.svg");
    --linkedin-icon: url("/images/icons/icon-linkedin-yellow.svg");
    --blog-icon: url("/images/icons/icon-blog-yellow.svg");
    --most-influential-person-icon: url("/images/icons/icon-most-influential-person-yellow.svg");
    --plays-icon: url("/images/icons/icon-plays-yellow.svg");
    --shivon-zilis-icon: url("/images/icons/icon-shivon-zilis-yellow.svg");
    --news-icon: url("/images/icons/icon-news-yellow.svg");
    --robin-hanson-icon: url("/images/icons/icon-robin-hanson-yellow.svg");
    --spacex-icon: url("/images/icons/icon-spacex-yellow.svg");
    --song-icon: url("/images/icons/icon-song-yellow.svg");
    --mobile-icon: url("/images/icons/icon-mobile-yellow.svg");
    --discounts-icon: url("/images/icons/icon-discounts-yellow.svg");
    --blockchain-icon: url("/images/icons/icon-blockchain-yellow.svg");
    --address-icon: url("/images/icons/icon-address-yellow.svg");
    --social-media-expert-icon: url("/images/icons/icon-social-media-expert-yellow.svg");
    --interview-icon: url("/images/icons/icon-interview-yellow.svg");
    --congratulations-icon: url("/images/icons/icon-congratulations-yellow.svg");
    --educational-icon: url("/images/icons/icon-educational-yellow.svg");
    --free-breakfast-icon: url("/images/icons/icon-free-breakfast-yellow.svg");
    --fundraiser-icon: url("/images/icons/icon-fundraiser-yellow.svg");
    --grant-icon: url("/images/icons/icon-grant-yellow.svg");
    --maximon-icon: url("/images/icons/icon-maximon-yellow.svg");
    --milestone-icon: url("/images/icons/icon-milestone-yellow.svg");
    --movies-icon: url("/images/icons/icon-movies-yellow.svg");
    --pride-month-icon: url("/images/icons/icon-pride-month-yellow.svg");
    --prize-icon: url("/images/icons/icon-prize-yellow.svg");
    --report-icon: url("/images/icons/icon-report-yellow.svg");
    --space-icon: url("/images/icons/icon-space-yellow.svg");
    --strategy-icon: url("/images/icons/icon-strategy-yellow.svg");
    --twitter-x-icon: url("/images/icons/icon-twitter-x-yellow.svg");
    --wedding-icon: url("/images/icons/icon-wedding-yellow.svg");
    --quotes-icon: url("/images/icons/icon-quotes-yellow.svg");
    --inspirational-quotes-icon: url("/images/icons/icon-inspirational-quotes-yellow.svg");
    --interviews-icon: url("/images/icons/icon-interviews-yellow.svg");
    --brochure-icon: url("/images/icons/icon-brochure-yellow.svg");
    --links-icon: url("/images/icons/icon-links-yellow.svg");
    --forum-icon: url("/images/icons/icon-forum-yellow.svg");
    --fellow-icon: url("/images/icons/icon-fellow-yellow.svg");
    --educational-videos-icon: url("/images/icons/icon-educational-videos-yellow.svg");
    --bubble-icon: url("/images/icons/icon-bubble-yellow.svg");
    --bubble-heart-icon: url("/images/icons/icon-bubble-heart-yellow.svg");
    --ai-icon: url("/images/icons/icon-ai-robot-yellow.svg");
    --quote-2-icon: url("/images/icons/icon-quote-2-yellow.svg");
    --dinner-icon: url("/images/icons/icon-dinner-yellow.svg");
    --anti-aging-icon: url("/images/icons/icon-anti-aging-yellow.svg");
    --volunteer-work-icon: url("/images/icons/icon-volunteer-work-yellow.svg");
    --partnerships-icon: url("/images/icons/icon-partnerships-yellow.svg");
    --counterterrorism-icon: url("/images/icons/icon-counterterrorism-yellow.svg");
    --coursework-icon: url("/images/icons/icon-coursework-yellow.svg");
    --resources-icon: url("/images/icons/icon-resources-yellow.svg");
    --what-is-rss-icon: url("/images/icons/icon-what-is-rss-yellow.svg");
    --scholarships-icon: url("/images/icons/icon-scholarships-yellow.svg");
    --whats-new-icon: url("/images/icons/icon-whats-new-yellow.svg");
    --world-news-icon: url("/images/icons/icon-world-news-yellow.svg");
    --faq-icon: url("/images/icons/icon-faq-yellow.svg");
    --finances-icon: url("/images/icons/icon-finances-yellow.svg");
    --procedures-icon: url("/images/icons/icon-procedures-yellow.svg");
}
[data-user-color-scheme=dark] .dark-invert {
  filter: invert(1);
}

body {
  background: var(--body-bg-glow-tr) calc(50% + 480px) 0 no-repeat, var(--body-bg-glow-r) 100% 0 no-repeat, var(--body-bg-glow-bl) 0 60% no-repeat, var(--body-bg-header) calc(50% - 165px) 397px no-repeat, var(--body-pattern) 0 0 repeat, var(--bg-color);
  color: var(--fg-color);
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.5;
  transition: none;
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif;
}
body.inner {
  background: var(--body-bg-glow-tl) calc(50% - 550px) 0 no-repeat, var(--body-bg-glow-tr) calc(50% + 480px) 0 no-repeat, var(--body-bg-glow-r) 100% 0 no-repeat, var(--body-bg-glow-bl) 0 60% no-repeat, var(--body-pattern) 0 0 repeat, var(--bg-color);
}
body.transitions-enabled {
  transition: background 200ms ease-in-out, background-image 200ms ease-in-out, color 200ms ease;
}
body.transitions-enabled * {
  transition: background-color 200ms ease-in-out;
}
body:after {
  background-color: var(--overlay-transparent);
  opacity: 0.8;
  background: repeating-linear-gradient(-45deg, var(--overlay-opaque), var(--overlay-opaque) 1px, var(--overlay-transparent) 1px, var(--overlay-transparent) 6px);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: visibility 0s linear 300ms, opacity 300ms;
  visibility: hidden;
  z-index: 97;
}
body.noscroll {
  overflow: hidden;
}
body.noscroll:after {
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
  visibility: visible;
}

body:not(.inner) main {
  padding-bottom: 4.5rem;
}

a {
  color: var(--link-primary-color);
  text-decoration-color: var(--link-primary-color);
  text-decoration-skip-ink: auto;
  transition: color .3s ease, background .3s ease, text-decoration-color .3s ease;
}
ul.bw a {color: #808080} /* EK code */
ul.bw a:hover {color: #CCCCCC} /* EK code */

a:hover {
  color: #d53105;
  text-decoration-color: #d53105;
}

main:focus {
  outline: none;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  line-height: 1;
}

h1.total {
  font-size: 1.6rem; 
  color: var(--menu-color);
  margin-bottom: 1rem;
}
#scrolling_donor_list > li:first-child
{
 margin-top: -0.5rem;
}

@media (min-width: 37em) {
  ul#scrolling_donor_list
  {
   width: 360px; 
   padding-right: 30px;
   overflow-y:scroll;
  }
}

h2 {
  font-size: 2.25rem;
}
h2.alt {
  font-weight: 300;
  letter-spacing: -0.5px;
}

h3 {
  font-size: 1.875rem;
}
h3.bullet {
  background: var(--bullet) 0 4px no-repeat;
  background-size: 18px;
  padding-left: 30px;
}

h3.semibold,
h3.icon {
  font-weight: 600;
}

h3.icon {
  background-position: 10px 0;
  background-repeat: no-repeat;
  background-size: auto 46px;
  padding: 5px 0 5px 70px;
  margin-bottom: 1.3rem; /* EK line for reasonable padding after the icon and before the paragraph */
}

h4 {
  color: var(--menu-color);
  font-size: 1.875rem;
  font-weight: 400;
}

h5 {
  font-size: 1.75rem;
  font-weight: 400;
}
h5.line {
  border-bottom: 1px solid #d53105;
  font-size: 1.125rem;
  line-height: 1;
}
h5.line span {
  background: #d53105;
  color: #fff;
  display: inline-block;
  padding: 1rem 0.75rem;
}

span.alert {
  background: var(--warning-icon) 0 0/20px no-repeat;
  color: var(--menu-color);
  padding-left: 35px;
}

@media (min-width: 37em) {
  h2,h2.alt {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.25rem;
  }
}
.site-wrap {
  overflow: hidden;
  padding: 1rem;
}
@media (min-width: 75em) {
  .site-wrap {
    padding: 0;
  }
}

body.inner .inner-content {
  align-items: stretch;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding-bottom: 4.5rem;
  position: relative;
}
body.inner .inner-content.mobile-reverse-order {
  flex-direction: column;
}
body.inner .inner-content.mobile-reverse-order aside {
  margin-top: 3rem;
}
@media (min-width: 37em) {
  body.inner .inner-content {
    align-items: flex-start;
    flex-direction: row !important;
    padding-bottom: 9rem;
  }
}
body.inner .inner-content h2 {
  color: var(--inner-header-color);
}
body.inner .inner-content main {
  line-height: 1.3;
}
@media (min-width: 37em) {
  body.inner .inner-content main {
    flex: 2 1 auto;
  }
}
body.inner .inner-content aside {
  margin-bottom: 3rem;
}
body.inner .inner-content aside.no-mobile-margin {
  margin-bottom: 0;
}
@media (min-width: 37em) {
  body.inner .inner-content aside {
    flex: 0 0 250px; /* EK changed from 225 to 250 */
    margin: 0 0 0 150px !important;
    padding: 0;
  }
  body.inner .inner-content aside.medium {
    flex: 0 0 400px;
    margin-left: 60px !important;
  }
  body.inner .inner-content aside.wide {
    flex: 0 0 425px;
  }
  body.inner .inner-content aside.padded {
    padding-top: calc(3rem + 24px);
  }
}
body.inner a {
  text-decoration: none;
}

body.inner a.enlarge {
  background: var(--enlarge-icon) 0 50%/20px no-repeat;
  padding-left: 25px;
}

/**
 * WRAPPER
 * Sets a max width, adds a consisten gutter and horizontally
 * centers the contents
 */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 75rem;
  position: relative;
}

.skip-link {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 99;
}
.site-head {
  position: relative;
  z-index: 98;
}
.site-head__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.site-head__brand {
  background: var(--logo) 0 50% no-repeat;
  background-size: contain;
  font-size: 0;
  height: 110px;
  margin-inline-end: 1.75rem;
  transition: filter 0.3s ease;
  width: calc(100% - 100px);
}
.site-head__brand:hover {
  filter: drop-shadow(0 0 20px var(--logo-glow));
}
.site-head__nav {
  display: none;
}
.site-head__nav-secondary {
  align-items: stretch;
  background: var(--bg-color);
  bottom: 10px;
  display: flex;
  flex-direction: column;
  left: 10px;
  opacity: 0;
  overscroll-behavior: none;
  position: fixed;
  right: 10px;
  top: 10px;
  transform: translateX(-100%);
  z-index: 98;
  transition: all .3s ease;
}
@media (min-width: 75em) {
  .site-head__nav-secondary {
    bottom: auto;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 75rem;
    top: 0;
    transform: none;
    transition: visibility 0s linear 300ms, opacity 300ms;
    visibility: hidden;
  }
}
.site-head__nav-secondary > * {
  padding: 1rem;
}
@media (min-width: 75em) {
  .site-head__nav-secondary > * {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.site-head__nav-secondary > div {
  align-items: center;
  border-bottom: 1px solid #cfcfcf;
  display: flex;
  flex: 0 1 auto;
  justify-content: space-between;
  overscroll-behavior: none;
  position: relative;
}
@media (min-width: 75em) {
  .site-head__nav-secondary > div {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.site-head__nav-secondary > div h2 {
  display: none;
}
@media (min-width: 75em) {
  .site-head__nav-secondary > div h2 {
    display: block;
    font-size: 1.75rem;
    line-height: 1;
  }
  .site-head__nav-secondary > div h2 strong {
    color: #d53105;
  }
}
.site-head__nav-secondary > div form {
  padding-right: 90px;
  padding-top: 28px;
  position: relative;
  width: 100%;
}
@media (min-width: 75em) {
  .site-head__nav-secondary > div form {
    padding-top: 0;
  }
}
.site-head__nav-secondary > div input {
  background: var(--fg-color);
  border: none !important;
  color: var(--bg-color);
  padding-left: 12px;
  padding-top: 3px !important;
  padding-bottom: 0 !important;
  padding-right: 45px !important;
  width: 100%;
}
.site-head__nav-secondary > div button {
  align-items: center;
  background: transparent;
  border: 0;
  bottom: 0;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  right: 90px;
  width: 36px;
}
.site-head__nav-secondary > div button svg {
  height: 20px;
  width: 20px;
}
.site-head__nav-secondary > div button svg .cls-1 {
  fill: var(--fg-color);
  stroke: var(--bg-color);
}
.site-head__nav-secondary ul {
  margin: 0;
  list-style-type: none;
}
.site-head__nav-secondary ul li {
  margin: 0;
  padding: 0;
}
#sitemap-toggler:checked + label + .site-head__nav-secondary {
  transform: none;
  opacity: 1;
}
@media (min-width: 75em) {
  #sitemap-toggler:checked + label + .site-head__nav-secondary {
    transition: visibility 0s linear 0s, opacity 300ms;
    visibility: visible;
  }
}
.site-head a#theme-toggler,
.site-head label[for=sitemap-toggler] {
  cursor: pointer;
  font-size: 0;
  height: 26px;
  position: absolute;
  right: 4px;
  top: 42px;
  width: 26px;
  z-index: 97;
}
.site-head label[for=sitemap-toggler] {
  right: 45px;
  z-index: 100;
}
.site-head label[for=sitemap-toggler] span,
.site-head label[for=sitemap-toggler] span:before,
.site-head label[for=sitemap-toggler] span:after {
  background: var(--fg-color);
  display: inline-block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.site-head label[for=sitemap-toggler]:hover span,
.site-head label[for=sitemap-toggler]:hover span:before,
.site-head label[for=sitemap-toggler]:hover span:after {
  background-color: #d53105;
}
.site-head label[for=sitemap-toggler] span {
  top: 50%;
  background-color: 0.15s ease-in-out 0s;
  transition: background-color 0.3s ease;
}
.site-head label[for=sitemap-toggler] span:before, .site-head label[for=sitemap-toggler] span:after {
  content: "";
  transform-origin: 50% 50%;
  transition: background-color 0.3s ease, top 0.15s ease-in-out 0s, transform 0.07s ease-in-out;
}
.site-head label[for=sitemap-toggler] span:before {
  top: 8px;
}
.site-head label[for=sitemap-toggler] span:after {
  top: -8px;
}
.site-head #sitemap-toggler:checked + label[for=sitemap-toggler] span {
  background-color: transparent;
  transition: none !important;
}
.site-head #sitemap-toggler:checked + label[for=sitemap-toggler] span:before, .site-head #sitemap-toggler:checked + label[for=sitemap-toggler] span:after {
  transition: top 0.1s ease-in-out, transform 0.2s ease-in-out;
  top: 0;
}
.site-head #sitemap-toggler:checked + label[for=sitemap-toggler] span:before {
  transform: rotate(45deg);
}
.site-head #sitemap-toggler:checked + label[for=sitemap-toggler] span:after {
  transform: rotate(-45deg);
}
.site-head a#theme-toggler {
  background: url("../images/icon-theme-switcher.webp") 50% 50% no-repeat;
  transition: transform 0.15s ease-in-out;
}
.site-head a#theme-toggler:hover {
  transform: rotate(180deg);
}
@media (min-width: 75em) {
  .site-head {
    padding: 1.75rem 0;
  }
  .site-head__nav {
    display: block;
  }
  .site-head__brand {
    width: 340px;
  }
  .site-head a#theme-toggler,
.site-head label[for=sitemap-toggler] {
    top: -0.75rem;
  }
}

.no-js a#theme-toggler {
  display: none;
}

[data-user-color-scheme=dark] .site-head a#theme-toggler {
  transform: rotate(180deg);
}
[data-user-color-scheme=dark] .site-head a#theme-toggler:hover {
  transform: rotate(0deg);
}

footer.site-foot {
  margin: 0 -1rem;
  padding: 1rem 1rem 0;
  position: relative;
}
@media (min-width: 37em) {
  footer.site-foot {
    padding-top: 3rem;
  }
}
footer.site-foot:before {
  background: url("../images/light/body-bg-footer.webp") 50% 100% no-repeat;
  content: "";
  bottom: 100%;
  height: 898px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
footer.site-foot .getas-threat-level {
  display: block;
  text-decoration: none;
}
@media (min-width: 37em) {
  footer.site-foot .getas-threat-level {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 37em) {
  footer.site-foot .wrapper {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
footer.site-foot .wrapper > ul {
  color: #959595;
  display: grid;
  font-size: 1.125rem;
  font-weight: 400;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 16px 25px;
  list-style-type: none;
  margin: 0 0 1.875rem;
  padding: 0;
}
@media (min-width: 37em) {
  footer.site-foot .wrapper > ul {
    flex: 2 1 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-left: 4.5rem;
    margin-bottom: 3rem;
  }
}
footer.site-foot .wrapper > ul li {
  line-height: 0.8;
}
footer.site-foot .wrapper > ul li:nth-child(2n+1) {
  text-align: right;
}
@media (min-width: 37em) {
  footer.site-foot .wrapper > ul li {
    text-align-last: left !important;
  }
}
footer.site-foot .wrapper > ul a {
  color: var(--fg-color);
  font-weight: 400;
  text-decoration: none;
}
footer.site-foot .wrapper > ul a:hover {
  color: #d53105;
}
footer.site-foot .meta {
  align-items: center;
  border-top: 1px solid #cfcfcf;
  color: #868686;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: space-between;
  padding: 1rem 0;
}
@media (min-width: 37em) {
  footer.site-foot .meta {
    flex: 1 0 100%;
  }
}
footer.site-foot .meta a {
  color: var(--fg-color);
  text-decoration: none;
}
footer.site-foot .meta a:hover {
  color: #d53105;
}
footer.site-foot .meta .meta__copy {
  flex-basis: 50%;
  margin: 0;
  white-space: nowrap;
}
footer.site-foot .meta ul.social {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
footer.site-foot .meta ul.social li {
  flex: 1 1 auto;
  margin-left: 5px;
}
footer.site-foot .meta ul.social li a {
  display: block;
}

@media (max-width: 37em) {
  footer section.meta {
    flex-wrap: wrap;
    justify-content: center !important;
  }
  footer ul.social {
    justify-content: center !important;
  }
}

ul.site-map {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 20px 10px;
  flex: 0 1 100%;
  overflow: auto;
  overscroll-behavior: none;
}
main ul.site-map {
  overflow: visible;
}
@media (min-width: 37em) {
  ul.site-map {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    overflow: visible;
  }
}
ul.site-map h3 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.8px;
  text-transform: uppercase;
  line-height: 1.7;
}
ul.site-map ul {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0;
  padding: 0;
  line-height: 1.1;
}
ul.site-map li.misc {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ul.site-map .fund-campaigns {
  align-items: center;
  border-bottom: 4px solid var(--fg-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem;
}
ul.site-map .fund-campaigns a {
  display: inherit;
  flex: 0 1 auto;
  line-height: 1;
  margin-bottom: 1rem;
}
ul.site-map .fund-campaigns a svg {
  height: 11px;
}
.fund-campaigns a svg .cls-1, .fund-campaigns a svg .cls-2,
ul.site-map .fund-campaigns a svg .cls-1,
ul.site-map .fund-campaigns a svg .cls-2 {
  fill: var(--link-primary-color);
  stroke: var(--link-primary-color);
  transition: all 0.3s ease;
}
.fund-campaigns a:hover svg .cls-1, .fund-campaigns a:hover svg .cls-2,
ul.site-map .fund-campaigns a:hover svg .cls-1,
ul.site-map .fund-campaigns a:hover svg .cls-2 {
  fill: #d53105;
  stroke: #d53105;
}
ul.site-map .fund-campaigns a:first-child:after {
  border-right: 1px solid var(--fg-color);
  content: "";
  display: inline-block;
  height: 7px;
  margin: 0 5px;
  position: relative;
  top: 2px;
  width: 0;
}
.fund-campaigns a:first-child:after {
  border-right: 1px solid var(--fg-color);
  content: "";
  display: inline-block;
  height: 7px;
  margin: 0 5px;
  position: relative;
  top: -2px;
  width: 0;
}

main > ul.site-map {
  grid-template-rows: auto;
}

:root {
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-width: 10px;
}

.swiper-pagination-bullet {
  border-radius: 0;
  transition: all 0.3s ease;
}
.swiper-pagination-bullet:hover {
  background-color: #d53105;
  opacity: 1;
}

.swiper-wrapper {
  margin-bottom: 0;
  margin-top: 0;
}

.swiper-controls {
  align-items: center;
  bottom: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 37em) {
  .swiper-controls {
    position: absolute;
    width: 32.5ch;
    justify-content: flex-end;
  }
}
.swiper-controls > * {
  flex: 0 0 auto;
  height: auto;
  line-height: 1;
  margin-top: 0;
  width: auto;
}
.swiper-controls .swiper-pagination {
  color: #959595;
  font-size: 1.875rem;
  letter-spacing: -1px;
  position: static;
  user-select: none;
}
.swiper-controls .swiper-pagination .swiper-pagination-current {
  color: var(--fg-color);
  font-size: 3rem;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
  align-items: center;
  height: 40px;
  justify-content: center;
  position: static;
  width: 40px;
}
.swiper-controls .swiper-button-next:after,
.swiper-controls .swiper-button-prev:after {
  display: none;
}
.swiper-controls .swiper-button-next svg,
.swiper-controls .swiper-button-prev svg {
  fill: #959595;
  height: 25px;
  transition: fill 0.3s ease;
  width: 15px;
}
@media (min-width: 37em) {
  .swiper-controls .swiper-button-next svg,
.swiper-controls .swiper-button-prev svg {
    fill: #cfcfcf;
  }
}
.swiper-controls .swiper-button-next:hover svg,
.swiper-controls .swiper-button-prev:hover svg {
  fill: #d53105;
}
.swiper-controls .swiper-button-next svg {
  transform: rotate(180deg);
}

.nav {
  line-height: 1;
}
.nav.site-head__nav {
  position: relative;
}
.nav.site-head__nav:after {
  background: linear-gradient(to right, transparent 0, var(--menu-gradient-start) 8%, var(--menu-gradient-end) 92%, transparent 100%);
  bottom: -8px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.nav.site-head__nav a {
  color: var(--menu-color);
}
.nav.site-head__nav a:hover {
  color: var(--menu-hover-color);
}
.nav__list {
  display: flex;
  flex-wrap: wrap;
}
.nav__list > *:not(:first-child) {
  padding-inline-start: 1rem;
}


/* clip */
.nav a {
  text-decoration: none;
  display: block;
  position: relative;
}
.nav a[data-state="active"]:before,
.nav a[aria-current="page"]:before {
  background: var(--menu-hover-color);
  bottom: -8px;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  margin-top: 0.25rem;
  position: absolute;
  width: 100%;
  z-index: 2;
}

main form fieldset,
aside form fieldset {
  appearance: none;
  border: 0;
  padding: 0;
}
.inner-content form fieldset .submit {
  align-items: center;
  display: flex;
}
.inner-content aside form fieldset .submit {
  align-items: stretch;
  flex-direction: column;
}
.inner-content aside form fieldset .submit > *:not(:first-child) {
  margin-top: 12px;
}
.inner-content form fieldset .submit.stacked {
  align-items: stretch;
  flex-direction: column;
}
.inner-content
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
    [type="range"]
  ),
.inner-content .button,
.inner-content select,
.inner-content .file-input__filename,
.inner-content .file-input > label {
  height: 3rem;
  line-height: 3rem;
  padding: 0 0.75rem;
}
.inner-content textarea {
  line-height: 1.3rem; /* EK code */
  padding: 0 0.75rem;
}
.inner-content
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
    [type="range"]
  ),
.inner-content select,
.inner-content textarea,
.inner-content .file-input__filename {
  background: var(--bg-color);
  border-style: solid;
  border-width: 1px;
  border-image: linear-gradient(to bottom, #7ae3dc, #d53105) 1;
  color: var(--menu-color);
  font-family: var(--font-normal);
  /*   font-size: 1.5rem; */
  font-weight: 400;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
  padding-top: 4px;
  width: 100%;
}
input[name="s"] {margin-bottom: 0 !important;} /* This is for blog */

@media (min-width: 37em) {
  .inner-content
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
      [type="range"]
    ),
  .inner-content select,
  .inner-content textarea,
  .inner-content .file-input__filename {
    margin-bottom: 0;
  }
}

/* Checkbox custom styling */
.inner-content [type="checkbox"]:not(:checked),
.inner-content [type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}
.inner-content [type="checkbox"]:not(:checked) + label,
.inner-content [type="checkbox"]:checked + label {
  font-size: 1.5rem;
  position: relative;
  padding-left: 2.3em;
  padding-top: 0.12em;
  cursor: pointer;
}

/* checkbox aspect */
.inner-content [type="checkbox"]:not(:checked) + label:before,
.inner-content [type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border: 1px solid var(--menu-color);
  background: var(--bg-color);
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 rgba(203, 34, 237, 0.2);
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
}

/* checked mark aspect */
.inner-content [type="checkbox"]:not(:checked) + label:after,
.inner-content [type="checkbox"]:checked + label:after {
  content: "✕";
  position: absolute;
  top: 0.66em;
  left: 0.12em;
  font-size: 1.125em;
  color: var(--menu-color);
  line-height: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* checked mark aspect changes */
.inner-content [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
  transform: scale(0) rotate(45deg);
}

.inner-content [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

/* Disabled checkbox */
.inner-content [type="checkbox"]:disabled:not(:checked) + label:before,
.inner-content [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: var(--bg-color);
}

.inner-content [type="checkbox"]:disabled:checked + label:after {
  color: #777;
}

.inner-content [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* Accessibility */
.inner-content [type="checkbox"]:checked:focus + label:before,
.inner-content [type="checkbox"]:not(:checked):focus + label:before {
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.1),
    0 0 0 6px rgba(203, 34, 237, 0.2);
}

main textarea,
aside textarea {
  height: 6em;
  line-height: 0.9;
  padding-top: 15px;
  padding-bottom: 15px;
}

main .file-input,
aside .file-input {
  position: relative;
  text-align: center;
}
@media (min-width: 37em) {
  main .file-input,
  aside .file-input {
    display: block;
    text-align: left;
  }
}
main .file-input .file-input__filename,
aside .file-input .file-input__filename {
  overflow: hidden;
  padding-top: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (min-width: 37em) {
  main .file-input .file-input__filename,
  aside .file-input .file-input__filename {
    margin-right: 14px;
  }
}
main .file-input > input[type="file"],
aside .file-input > input[type="file"] {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}
main .button,
aside .button {
  font-family: var(--font-alternate);
  font-size: 1.5rem;
}
main .button.less-important,
aside .button.less-important {
  background: #cfcfcf;
}
main .button.basic,
aside .button.basic {
  background-color: transparent;
  color: var(--link-primary-color);
  font-size: 1.125rem;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}
main .button.basic:hover,
aside .button.basic:hover {
  background: transparent;
  color: #d53105;
}
main .button.hero,
aside .button.hero {
  background: var(--link-secondary-color);
  background-clip: padding-box;
  border: 6px solid rgba(255, 255, 255, 0.8);
  color: #fff;
  font-weight: 500;
  height: auto;
  line-height: 1;
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
}
main .button.hero:hover,
aside .button.hero:hover {
  background-color: #0195ea;
}
@media (min-width: 37em) {
  main .button.hero,
  aside .button.hero {
    border-width: 10px;
    font-size: 2.5rem;
    line-height: 0.8;
    padding: 1.125rem 1.75rem 0.75rem;
  }
}
main .button,
aside .button {
  background: var(--button-primary-color);
  border: 0;
  color: var(--bg-color);
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  padding-top: 1px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    text-decoration-color 0.3s ease;
}
main .button.secondary,
aside .button.secondary {
  background: var(--button-secondary-color);
}
main .file-input > label,
aside .file-input > label {
  background: var(--upload-icon) 50% 50%/20px no-repeat;
  cursor: pointer;
  font-size: 0;
  height: 40px;
  position: absolute;
  right: 0;
  text-indent: -10000em;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}
main .file-input > label,
aside .file-input > label {
  margin-bottom: 0;
}
main .button.wider {
  padding-left: 1.8em;
  padding-right: 1.8em;
}
main .button:hover,
aside .button:hover {
  background: var(--link-secondary-color);
  color: #fff;
}
aside .button.full {
  display: block;
}
aside .button.full:not(:last-child) {
  margin-bottom: 12px;
}

.inner-content form {
  background: var(--block-bg);
  border: 3px solid var(--menu-color);
  padding: 1.875rem;
}
.inner-content form h3 {
  color: var(--menu-color);
  font-weight: 600;
}
.inner-content aside form h3 {
  margin-bottom: 1.3rem;
}
.inner-content form h4 {
  font-size: 2.25rem;
  font-weight: 500;
  margin-bottom: 1em;
}
.inner-content form fieldset:not(:first-child):not(:last-child) {
  margin: 1rem 0;
}
@media (min-width: 37em) {
  .inner-content form fieldset {
    align-items: start;
    display: grid;
    grid: auto/245px 1fr 1fr;
    gap: 14px;
  }
  .inner-content form fieldset.wide {
    gap: 40px 45px;
    grid: auto / 1fr 1fr;
  }
  .inner-content form fieldset.wide .full {
    grid-column: 1/3;
  }
  /* main form fieldset.wide .col-2 {
    grid-column: 2;
  } */
  .inner-content aside form fieldset {
    grid: auto/1fr;
  }
  .inner-content form fieldset.two-columns {
    gap: 25px 30px;
    grid: auto/1fr 1fr;
  }
  .inner-content form fieldset.two-columns.long {
    grid: auto/2fr 1fr;
    gap: 12px;
  }
  .inner-content form fieldset.two-columns .full {
    grid-column: 1/3 !important;
  }
  .inner-content form fieldset.three-columns {
    gap: 25px 30px;
    grid: auto/1fr 1fr 1fr;
  }
  .inner-content form.boards fieldset.three-columns {
    gap: 25px 30px;
    grid: auto/1fr 60px 1fr;
  }
  .inner-content form fieldset.three-columns .full {
    grid-column: 1/4 !important;
  }
  .inner-content
    form
    fieldset.two-columns
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
      [type="range"]
    ),
  .inner-content form fieldset.two-columns select,
  .inner-content form fieldset.two-columns textarea,
  .inner-content form fieldset.two-columns .submit,
  .inner-content form fieldset.two-columns ul.checkboxes-full,
  .inner-content form fieldset.two-columns .col-2-3,
  .inner-content form fieldset.two-columns ul.radio,
  .inner-content form fieldset.two-columns h4,
  .inner-content form fieldset.two-columns .notification {
    grid-column: auto;
  }
}
.inner-content form fieldset.two-columns .notification,
.inner-content form fieldset.three-columns .notification {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding: 1.5rem;
}
.inner-content
  form
  fieldset
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
    [type="range"]
  ),
.inner-content form fieldset textarea,
.inner-content select,
.inner-content .file-input__filename {
  border-color: var(--menu-color);
  border-image: none;
}
main form fieldset .col-2 {
  grid-column: 2/3;
}
main form fieldset .col-3 {
  grid-column: 3/4;
}
main
  form
  fieldset
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(
    [type="range"]
  ),
main form fieldset select,
main form fieldset textarea,
main form fieldset .col-2-3 {
  grid-column: 2/4;
}
/* clip2 */

main form fieldset .grid-column-auto {
  grid-column: auto !important;
}
main form fieldset h4 {
  grid-column: 1/4;
  margin-top: 1.75rem;
}
main form fieldset .notification {
  grid-column: 1/4;
  margin: 0;
}
.inner-content form fieldset label {
  display: block;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.3em;
  /*   padding-top: calc((48px - 1em) / 2); */
}
.inner-content aside form fieldset label {
  margin-bottom: 0.4em;
}
.inner-content form fieldset label em {
  color: var(--menu-color);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  margin-left: 0.3em;
  text-transform: uppercase;
}
main form fieldset .submit {
  grid-column: 2/4;
  justify-content: space-between;
  margin: 0.75rem 0;
}
@media (min-width: 37em) {
  main form fieldset .submit {
    grid-column: 1/4;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 0;
  }
}
main form fieldset .submit > * {
  flex: 1;
  margin: 0 7px;
}
main form fieldset .submit > *:first-child {
  margin-left: 0;
}
main form fieldset .submit > *:last-child {
  margin-right: 0;
}
@media (min-width: 37em) {
  main form fieldset .submit > button {
    flex: 0 1 30%;
  }
}
main form fieldset ul.radio {
  grid-column: 2/4;
  margin: 0;
}
main form fieldset ul.radio label {
  display: inline-block;
  font-weight: 300;
}
main form fieldset ul.radio label strong {
  font-weight: 300;
}
main form fieldset ul.radio input[type="radio"] {
  display: inline-block;
  margin: 0 1rem 0 0;
}

main form fieldset ul.membership-listing {
  display: grid;
  gap: 30px;
  grid: 1fr 1fr / auto;
  margin: 0;
}
@media (min-width: 37em) {
  main form fieldset ul.membership-listing {
    grid: auto/1fr 1fr;
    grid-column: 1/3;
  }
}
main form fieldset ul.membership-listing label {
  cursor: pointer;
}
main form fieldset ul.membership-listing input[type="radio"] {
  display: none;
  height: 0;
  opacity: 0;
  visibility: hidden;
  width: 0;
}
main form fieldset ul.membership-listing input[type="radio"] + div {
  align-items: center;
  border: 1px solid var(--menu-color);
  display: flex;
  justify-content: center;
  padding: 30px;
  text-align: center;
}
main form fieldset ul.membership-listing input[type="radio"]:checked + div {
  background: var(--menu-color);
}
main form fieldset ul.membership-listing input[type="radio"] + div strong {
  background: var(--yes-icon) 50% 0/100px no-repeat;
  color: var(--menu-color);
  display: block;
  opacity: 0.2;
  padding-top: 115px;
}
main
  form
  fieldset
  ul.membership-listing
  input[type="radio"][value="N"]
  + div
  strong {
  background-image: var(--no-icon);
}
main
  form
  fieldset
  ul.membership-listing
  input[type="radio"]:checked
  + div
  strong {
  background-image: var(--yes-black-icon);
  color: #000;
  opacity: 1;
}
main
  form
  fieldset
  ul.membership-listing
  input[type="radio"][value="N"]:checked
  + div
  strong {
  background-image: var(--no-black-icon);
}

main form fieldset ul.checkboxes-full {
  margin: 1rem 0;
}
@media (min-width: 37em) {
  main form fieldset ul.checkboxes-full {
    display: grid;
    grid: auto/1fr 1fr 1fr;
    grid-column: 1/4;
    gap: 5px 20px;
    margin: 0;
  }
  main form fieldset ul.checkboxes-full.wide {
    gap: 2px;
    margin-left: -2px;
  }
}
main form fieldset ul.checkboxes-full.border {
  border-top: 1px solid var(--frame-border-color);
  border-bottom: 1px solid var(--frame-border-color);
}
main form fieldset ul.checkboxes-full li {
  display: flex;
}
main form fieldset ul.checkboxes-full.two {
  margin: 1em 0 !important;
  padding: 20px 0;
  width: 100%;
}
main form fieldset ul.checkboxes-full.two li:not(:last-child) {
  margin-bottom: 1em;
}
@media (min-width: 37em) {
  main form fieldset ul.checkboxes-full.two li:not(:last-child) {
    margin-bottom: 0;
  }
  /*EK code */
  main form fieldset ul.checkboxes-full.two {
    margin: 0 auto;
    gap: 42px;
    grid: auto/1fr 1fr;
  }
  main form fieldset ul.checkboxes-full.one {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 37em) {
  .extra {
    display: none !important;
  }
}
main form fieldset ul.checkboxes-full li input {
  vertical-align: middle;
}
main form fieldset ul.checkboxes-full li input[type="checkbox"] {
  height: 14px;
  margin-right: 15px;
  width: 14px;
}
main form fieldset ul.checkboxes-full label {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}
main form fieldset p.norm {
  font-size: 1.15rem;
  font-weight: 400;
}

.inner-content form.boards {
  background-color: var(--bg-color);
}
.inner-content form.boards fieldset .or {
  align-items: center;
  align-self: stretch;
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 0.5rem 0 1rem;
}
@media (min-width: 37em) {
  .inner-content form.boards fieldset .or {
    padding: 32px 0 0;
  }
}
.inner-content form.boards fieldset .search {
  position: relative;
}
.inner-content form.boards fieldset .alphabet ul {
  gap: 3px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.inner-content form.boards fieldset .alphabet ul li {
  border: 1px solid var(--button-primary-color);
  flex: 1 1 auto;
}
.inner-content form.boards fieldset .alphabet ul li a {
  align-items: center;
  color: var(--button-primary-color);
  display: flex;
  font: 500 1.5rem var(--font-alternate);
  justify-content: center;
  min-width: 40px;
  padding: 5px 0 3px;
}

.inner-content .notification {
  border-top: 1px solid var(--frame-border-color);
  border-bottom: 1px solid var(--frame-border-color);
  color: var(--widget-fg-color);
  margin: 1.75rem 0;
  padding: 1.5rem 15%;
  text-align: center;
}
.inner-content aside .notification {
  opacity: 0.8;
  text-align: left;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.inner-content .notification.info {
  background: var(--info-icon) 0 1.3rem/30px no-repeat;
  margin-bottom: 1rem;
  margin-top: 1rem;
  opacity: 0.8;
  padding-left: 45px !important;
  text-align: left;
}
.inner-content .notification.no-bottom-border {
  border-bottom: none;
  padding-bottom: 0;
}
.inner-content .notification.no-bottom-margin {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.inner-content .notification.no-margins {
  margin: 0 !important;
}
.inner-content .notification h6 {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 0 0.7em;
}
.inner-content .notification p {
  font-size: 1.125rem;
  line-height: 1;
  margin: 0;
}
.inner-content .notification span {
  color: var(--menu-color);
}

aside form fieldset > *:not(:first-child) {
  margin-top: 14px;
}
aside form fieldset .submit > * {
  flex: 1;
}

ul.social {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.social li {
  flex: 1 1 auto;
  max-width: 32px;
}
ul.social li:not(:last-child) {
  margin-right: 3px;
}
ul.social svg {
  display: block;
  min-width: 16px;
}
ul.social svg path {
  fill: var(--social-icons-color);
  stroke: var(--social-icons-color);
  transition: all 0.3s ease;
}
ul.social a:hover svg path {
  fill: #d53105;
  stroke: #d53105;
}

div.avatar-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 70px;
}
div.avatar-wrapper .name {
  align-items: flex-start;
  display: flex;
  flex: 2 1 auto;
  flex-direction: column;
  justify-content: center;
}
div.avatar-wrapper .name h2 {
  font-weight: 600;
}
div.avatar-wrapper .name h2 span {
  font-weight: 400;
}
div.avatar-wrapper .avatar {
  float: none;
  margin: 0;
}
div.avatar {
  margin-right: auto;
  margin-left: auto;
  min-width: 200px;
  width: 80%;
}
a.print {
  display: none;
}
div.avatar.bw img {
  filter: grayscale(1);
}
@media (min-width: 37em) {
  div.avatar-wrapper {
    flex-direction: row;
  }
  div.avatar {
    float: left;
    margin-right: 2.5rem;
    text-align: center;
    width: 260px;
  }
  a.print {
    display: inline-block;
    margin-top: 3rem;
  }
  div.avatar-wrapper a.print {
    font-family: var(--font-alternate);
    margin: 0;
  }
  a.print svg {
    display: inline-block;
    fill: var(--fg-color);
    height: 22px;
    margin-right: 5px;
    position: relative;
    top: 3px;
    transition: fill 0.3s ease;
    width: 22px;
  }
  a.print:hover svg {
    fill: var(--link-secondary-color);
  }
}
@media print {
  div.avatar {
    float: left;
    margin: 0 1.75rem 1rem 0;
    min-width: 0;
    max-width: 25%;
  }
}
a.no-image-inline-avatar:before {
  background-color: #636363;
  content: "";
}
a.no-image-inline-avatar:before,
img.inline-avatar {
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  margin: 2px 20px 2px 0;
  object-fit: cover;
  vertical-align: middle;
  width: 30px;
}
img.inline-avatar.bw {
  filter: grayscale(1);
}

.embed-youtube {
  position: relative;
  padding-bottom: 62.5%;
  /* - 16:10 aspect ratio */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

dl.timeline {
  align-items: start;
  display: grid;
  grid: auto/55px 1fr;
  gap: 2.25rem;
}

dl.timeline dt {
  align-items: center;
  background: #d53105;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 400;
  height: 55px;
  justify-content: center;
  line-height: 1;
  padding: 11px 5px 10px 5px; /* EK was plain 10 */
  text-align: center;
  width: 55px;
}
dl.timeline dt span {
  display: block;
}
dl.timeline dt > a {
  color: #fff;
}
dl.timeline dd {
  word-break: break-word;
  margin-top: -2px; /* EK adjustment */
}
dl.timeline dd > *:not(:first-child) {
  margin-top: var(--flow-space, 1.75rem);
}

dl.timeline dd a[name] {
    display: block;        /* Ensure the <a> takes up space */
    position: relative;    /* Establish positioning context */
    top: -10px;            /* Move the anchor point up 10px */
    visibility: hidden;    /* Hide the empty anchor space */
}

dl.date-list {
  font: normal 1.125rem var(--font-normal);
  line-height: 1.1;
}

dl.date-list dt {
  background: var(--date-icon) 0 0 no-repeat;
  font-size: 1rem;
  margin-top: 1.5rem;
  margin-bottom: 0.2rem;
  padding-left: 30px;
}

dl.list {
  line-height: 1;
}

dl.list dt {
  font-size: 24px;
  font-weight: 600;
}

dl.list dt a {
  text-decoration: underline;
}

dl.list dd:not(:last-child) {
  margin-bottom: 1.3em;
}

.intro {
  text-align: center;
  margin-bottom: 4.5rem;
  margin-top: 0.75rem;
  padding-top: 14rem;
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.intro h2 {
  font-size: 2.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  pointer-events: all;
  text-shadow: 0 2px 0 #fff;
}
.intro a.button {
  pointer-events: all;
}
@media (min-width: 37em) {
  .intro {
    margin-bottom: 11rem;
    padding-top: 0;
  }
  .intro h2 {
    font-size: 4.5rem;
    line-height: 0.83;
    margin: 6rem 0 3rem;
    pointer-events: none;
  }
}

@media (prefers-color-scheme: dark) {
  .intro h2 {
    text-shadow: none;
  }
}
[data-user-color-scheme=dark] .intro h2 {
  text-shadow: none;
}

.youtube-bg {
  max-width: 100%;
  position: absolute;
  top: -100px;
  width: 100%;
  z-index: 0;
}
.youtube-bg:before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (min-width: 75em) {
  .youtube-bg {
    left: -400px;
    height: 1072px;
    margin: 0;
    max-width: none;
    top: -350px;
    width: 1072px;
  }
}
.youtube-bg video {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  height: 100%;
  left: 0;
  object-fit: cover;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 75em) {
  .youtube-bg video {
    opacity: 0.4;
  }
}

.volume-control {
  position: absolute;
  right: 4px;
  text-align: center;
  top: -10px;
  z-index: 2;
}
@media (min-width: 37em) {
  .volume-control {
    top: -92px;
  }
}
@media (min-width: 75em) {
  .volume-control {
    display: block;
    left: 240px;
    margin: 0;
    padding: 30px 0;
    right: auto;
    top: 178px;
    transform: rotate(-90deg);
    width: 82px;
  }
}
.volume-control button.mobile-control {
  appearance: none;
  background: transparent;
  line-height: 26px;
  border: 0;
  display: block;
  height: 26px;
  padding: 0;
  position: relative;
  width: 26px;
}
@media (min-width: 75em) {
  .volume-control button.mobile-control {
    display: none;
  }
}
.volume-control button.mobile-control svg {
  fill: var(--fg-color);
  height: 26px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
}
.volume-control button.mobile-control svg.volume-on {
  display: none;
}
.volume-control button.mobile-control.on svg.volume-on {
  display: block;
}
.volume-control button.mobile-control.on svg.volume-off {
  display: none;
}
.volume-control input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
  position: absolute;
  right: 40px;
  top: 11px;
  width: 80px;
}
.volume-control input[type=range].visible {
  display: block;
}
@media (min-width: 75em) {
  .volume-control input[type=range] {
    display: block;
    position: static;
    transform: none;
  }
}
.volume-control input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.volume-control input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}
.volume-control input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  cursor: pointer;
  border-radius: 100%;
  height: 20px;
  margin-top: -8px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  width: 20px;
}
.volume-control input[type=range]::-moz-range-thumb {
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.volume-control input[type=range]:hover::-webkit-slider-thumb {
  background: var(--link-primary-color);
}
.volume-control input[type=range]:hover::-moz-range-thumb {
  background: var(--link-primary-color);
}
.volume-control input[type=range]::-webkit-slider-runnable-track {
  background: var(--fg-color);
  cursor: pointer;
  height: 4px;
  opacity: 0.8;
  width: 100%;
}
.volume-control input[type=range]::-moz-range-track {
  background: var(--fg-color);
  cursor: pointer;
  height: 4px;
  width: 100%;
}

.news {
  position: relative;
  z-index: 1;
}
.news h2 {
  text-align: center;
}
@media (min-width: 37em) {
  .news h2 {
    padding-right: 116px;
  }
}
.news h2 strong {
  color: var(--link-secondary-color);
  font-weight: 300;
}
.news .news__more {
  line-height: 1.1;
  margin-top: 1rem;
  position: relative;
  text-align: center;
  z-index: 2;
}
.news h3 {
  font-size: 2.25rem;
  line-height: 1;
}
@media (min-width: 37em) {
  .news h3 {
    font-size: 3rem;
  }
}
.news h3 a {
  color: #fff;
  text-decoration: none;
}
.news span.tag {
  background: var(--link-secondary-color);
  color: #000;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1.75rem;
  padding: 5px 10px 2px;
  text-transform: uppercase;
}
@media (min-width: 37em) {
  .news span.tag {
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
.news p {
  font-size: 1.5rem;
  line-height: 1.1;
}
.news .widewidewide p {
  font-size: 1.3rem;
  line-height: 1.1;
}
.news .widewidewidewide p {
  font-size: 1.2rem;
  line-height: 1.1;
}
.news .swiper {
  color: #fff;
  opacity: 0;
  overflow: visible;
  padding-top: 0.75rem;
  transition: opacity 0.3s ease 0.3s;
  z-index: 0;
}
.news .swiper.swiper-initialized {
  opacity: 1;
}
@media (min-width: 37em) {
  .news .swiper .swiper-controls {
    left: 50%;
    width: 147px;
  }
}
.news .swiper .swiper-slide {
  background-clip: padding-box;
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  opacity: 0.5;
  padding: 1.875rem 2.25rem;
  padding-right: 20%;
  transform: scale(0.75);
  transition: all 0.3s ease-in-out;
}
.news .swiper .swiper-slide:not(.swiper-slide-active) a {
  pointer-events: none;
}
.news .swiper .swiper-slide:not(.swiper-slide-active) .embed-youtube {
  position: relative;
}
.news .swiper .swiper-slide:not(.swiper-slide-active) .embed-youtube iframe {
  pointer-events: none;
}
.news .swiper .swiper-slide:not(.swiper-slide-active) .embed-youtube:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.news .swiper .swiper-slide:after, .news .swiper .swiper-slide:before {
  content: "";
  left: 0;
  position: absolute;
}
.news .swiper .swiper-slide:after {
  background: linear-gradient(to right, #000 0, #000 40%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  right: 0;
  top: 0;
  z-index: -1;
}
.news .swiper .swiper-slide:before {
  background: var(--latest-news-bg) 50% 0 no-repeat;
  background-size: contain;
  height: 272px;
  opacity: 0;
  top: 100%;
  transition: all 0.3s ease-in-out;
  width: 100%;
  z-index: -1;
}
.news .swiper .swiper-slide.video {
  background-color: #000;
  background-position: 50% 50%;
  padding: 0;
}
.news .swiper .swiper-slide.video:after {
  display: none;
}
.news .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  width: 690px;
}
.news .swiper .swiper-slide.swiper-slide-active:before {
  opacity: 1;
}
.news .swiper .swiper-slide a.news__more {
  display: inline-block;
  margin-top: 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
}

.books {
  background: var(--books-img) 50% 0 no-repeat;
  background-size: contain;
  margin-top: 4.5rem;
  position: relative;
  text-align: center;
  line-height: 1.3;
}
@media (min-width: 37em) {
  .books {
    background-position: 100% 0;
    background-size: 40%;
    margin: 0;
  }
}
.books .books__intro {
  position: relative;
}
.books .books__intro h2 {
  margin-bottom: 1rem;
}
@media (min-width: 37em) {
  .books .books__intro {
    min-height: 390px;
    padding: 6rem 50% 3rem 0;
    text-align: left;
  }
  .books .books__intro h2 {
    margin-bottom: 1.75rem;
  }
  .books .books__intro p {
    font-size: 1.75rem;
  }
}
.books .books__intro .books__featured {
  filter: drop-shadow(-13px 0 0 var(--opaque-frame-border-color)) drop-shadow(0 13px 0 var(--opaque-frame-border-color)) drop-shadow(0 -13px 0 var(--opaque-frame-border-color)) drop-shadow(13px 0 0 var(--opaque-frame-border-color));
  margin-top: 4.5rem;
  min-height: 220px;
}
.books .books__intro .books__featured li {
  position: absolute;
}
.books .books__intro .books__featured li:first-child {
  left: 10px;
  top: 0;
  z-index: 3;
}
.books .books__intro .books__featured li:nth-child(2) {
  left: 50%;
  margin-left: -75px;
  top: 0;
  z-index: 2;
}
.books .books__intro .books__featured li:nth-child(3) {
  left: auto;
  right: 10px;
  top: 0;
  z-index: 1;
}
@media (min-width: 37em) {
  .books .books__intro .books__featured {
    height: 513px;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 513px;
  }
  .books .books__intro .books__featured li:first-child {
    left: 36px;
    top: 155px;
  }
  .books .books__intro .books__featured li:nth-child(2) {
    left: 177px;
    margin: 0;
    top: 139px;
  }
  .books .books__intro .books__featured li:nth-child(3) {
    left: 320px;
    right: auto;
    top: 124px;
  }
}
.books .books__intro .books__featured .book-container {
  align-items: center;
  display: flex;
  justify-content: center;
  perspective: 600px;
}
@keyframes initAnimation {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-20deg);
  }
}
.books .books__intro .books__featured .book {
  animation: 1s ease 0s 1 initAnimation;
  height: 200px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateY(-20deg);
  transition: 1s ease;
  width: 150px;
}
.books .books__intro .books__featured .book > :first-child, .books .books__intro .books__featured .book:after {
  transition: box-shadow 1s ease;
}
.books .books__intro .books__featured .book > :first-child {
  background-color: #9e9e9e;
  border-radius: 0 2px 2px 0;
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(25px);
  width: 150px;
}
.books .books__intro .books__featured .book::before {
  background: linear-gradient(90deg, #fff 0%, #f9f9f9 5%, #fff 10%, #f9f9f9 15%, #fff 20%, #f9f9f9 25%, #fff 30%, #f9f9f9 35%, #fff 40%, #f9f9f9 45%, #fff 50%, #f9f9f9 55%, #fff 60%, #f9f9f9 65%, #fff 70%, #f9f9f9 75%, #fff 80%, #f9f9f9 85%, #fff 90%, #f9f9f9 95%, #fff 100%);
  content: " ";
  height: 194px;
  left: 0;
  position: absolute;
  top: 3px;
  transform: translateX(122px) rotateY(90deg);
  width: 48px;
}
.books .books__intro .books__featured .book ::after {
  background-color: #9e9e9e;
  border-radius: 0 2px 2px 0;
  content: " ";
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(-25px);
  width: 150px;
}
.books .books__intro .books__featured .book::after {
  background-color: #9e9e9e;
  border-radius: 0 2px 2px 0;
  content: " ";
  height: 200px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(-25px);
  width: 150px;
}
.books .books__intro .books__featured .book:hover {
  transform: rotateY(0deg);
}
.books .books__intro .books__featured .book:hover > :first-child {
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);
}
.books .swiper {
  background: var(--books-bg) 50% 161px no-repeat;
  background-size: contain;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 37em) {
  .books .swiper {
    padding-bottom: 3.75rem;
  }
}
.books .swiper h3 {
  font-size: 2.25rem;
  margin: 1.5rem 0 0.75rem;
}
@media (min-width: 37em) {
  .books .swiper h3 {
    font-size: 3rem;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 37em) {
  .books .swiper p {
    font-size: 1.5rem;
  }
}
.books .swiper .diamond-frame {
  margin: 0 auto;
  width: 290px;
}

.partners {
  position: relative;
}
@media (min-width: 37em) {
  .partners {
    margin-top: 4.5rem;
  }
}
.partners:after {
  background: var(--partners-bg) 50% 50% no-repeat;
  content: "";
  height: 674px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1032px;
  z-index: -1;
}
.partners ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  list-style-type: none;
  mask-image: linear-gradient(to right, transparent 0, #5a5151 10%, #000 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
  overflow: auto;
  padding: 0.75rem 1rem 2.5rem;
  scroll-snap-type: x mandatory;
}
@media (min-width: 37em) {
  .partners ul {
    mask-image: none;
    -webkit-mask-image: none;
  }
}
.partners ul li {
  background: #fff;
  border-radius: 10px;
  padding: 5px;
  flex: 1 0 auto;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  scroll-snap-align: center;
  transition: transform 0.3s ease;
}
@media (min-width: 37em) {
  .partners ul li {
    flex: 1 1 auto;
  }
}
.partners ul li:not(:last-child) {
  margin-right: 1rem;
}
.partners ul li:first-child {
  transform-origin: 0 50%;
}
.partners ul li:last-child {
  transform-origin: 100% 50%;
}
.partners ul li:hover {
  transform: scale(1.2);
  z-index: 2;
}
.partners ul li img {
  box-sizing: content-box;
  min-height: 30px;
  max-height: 40px;
  width: 100%;
}
.partners ul li.galaxis-aerospace, .partners ul li.us-blockchain-association {
  background: transparent;
  filter: none;
}
.partners ul li.galaxis-aerospace img, .partners ul li.us-blockchain-association img {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
  max-height: 65px;
}
.partners ul li.alliance-for-space-development {
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
.partners ul li.nanotech img {
  max-height: 65px;
}

.hiring {
  margin-bottom: 4.5rem;
  padding-top: 450px;
  position: relative;
  line-height: 1.3;
}
.hiring .hiring__image {
  background: url("../images/light/hiring-bg.webp") 0 0 no-repeat;
  height: 513px;
  left: 0;
  position: absolute;
  top: 0;
  transition: filter 0.3s ease;
  width: 513px;
}
.hiring .hiring__image:hover {
  filter: brightness(140%) saturate(120%) contrast(120%);
}
@media (min-width: 37em) {
  .hiring {
    background-size: 515px auto;
    background-position: 0 0;
    margin: 4.5rem 0;
    min-height: 515px;
    padding-left: 560px;
    padding-top: 4.5rem;
  }
}
.hiring h2 {
  margin-bottom: 0.75rem;
}
.hiring ol {
  margin: 1.5rem 0;
}

section.current-programs {
  margin-bottom: 4.5rem;
}
@media (min-width: 37em) {
  section.current-programs .current-programs__wrapper {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
  }
  section.current-programs .current-programs__wrapper > * {
    flex: 1 1 auto;
  }
}
section.current-programs h2 {
  font-size: 2.25rem;
  margin-bottom: 1.75rem;
  text-align: center;
}
@media (min-width: 37em) {
  section.current-programs h2 {
    font-size: 3.75rem;
    margin-bottom: 0.75rem;
  }
}
section.current-programs nav {
  border-bottom: 2px solid var(--link-secondary-color);
  mask-image: linear-gradient(to right, #000 0, #000 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 90%, transparent 100%);
}
@media (min-width: 37em) {
  section.current-programs nav {
    border-bottom: 0;
    border-right: 2px solid var(--link-secondary-color);
    mask-image: none;
    -webkit-mask-image: none;
    text-align: right;
  }
}
section.current-programs nav ul {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  white-space: nowrap;
}
@media (min-width: 37em) {
  section.current-programs nav ul {
    display: block;
  }
}
section.current-programs nav ul li {
  font-size: 0;
  font-weight: 500;
  margin: 0;
  padding: 0 0.75rem 0 0;
}
@media (min-width: 37em) {
  section.current-programs nav ul li {
    padding: 5px 0;
  }
}
section.current-programs nav ul li a {
  display: block;
  font-size: 1.875rem;
  overflow: hidden;
  padding: 6px 1rem 2px;
  line-height: 1;
  text-decoration: none;
}
@media (min-width: 37em) {
  section.current-programs nav ul li a {
    display: inline-block;
    padding-right: 3rem;
    text-decoration: underline;
  }
}
section.current-programs nav ul li a.active {
  background: var(--link-secondary-color);
  color: var(--bg-color);
}
@media (min-width: 37em) {
  section.current-programs nav ul li a.active {
    text-decoration: none;
  }
}
section.current-programs .current-programs_list > div[id]:not(.active) {
  display: none;
}
section.current-programs .current-programs_list > div {
  padding-top: 2.5rem;
  text-align: center;
  line-height: 1.3;
}
@media (min-width: 37em) {
  section.current-programs .current-programs_list > div {
    padding-left: 3rem;
    padding-top: 0.75rem;
    text-align: left;
  }
}
section.current-programs .current-programs_list > div h3 {
  color: var(--link-secondary-color);
}
section.current-programs .current-programs_list > div figure {
  text-align: center;
  width: 100%;
}
section.current-programs .current-programs_list div#programs-aishield {
  background: var(--programs-aishield-img) 60% 70px no-repeat;
}

.lifeboat-tv {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4.5rem;
  max-width: 680px;
  position: relative;
}
.lifeboat-tv .swiper-tv {
  overflow: visible;
}
@media (min-width: 37em) {
  .lifeboat-tv .swiper-tv {
    overflow: hidden;
  }
}
.lifeboat-tv .swiper-slide a {
  display: block;
}
.lifeboat-tv .swiper-slide a img {
  transition: filter 0.3s ease;
}
.lifeboat-tv .swiper-slide a:hover {
  background: #4bc0e454;
}
.lifeboat-tv .swiper-slide a:hover img {
  filter: brightness(140%) saturate(120%) contrast(120%);
}
.lifeboat-tv .swiper-pagination {
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
  text-align: right;
}
.lifeboat-tv .swiper-pagination .swiper-pagination-bullet {
  background: var(--link-secondary-color);
  border-radius: 5px;
  color: var(--bg-color);
  font-weight: 500;
  height: 25px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  width: 25px;
  --swiper-pagination-bullet-inactive-opacity: 0.4;
}
.lifeboat-tv .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.lifeboat-tv .swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #0195ea;
}
.lifeboat-tv p {
  margin-top: 1.75rem;
  text-align: center;
  line-height: 1.3;
}

.featured-stories,
.upcoming-events {
  margin-bottom: 4.5rem;
}
.featured-stories h2,
.upcoming-events h2 {
  border-bottom: 1px solid var(--frame-border-color);
}
@media (min-width: 37em) {
  .featured-stories h2,
.upcoming-events h2 {
    line-height: 0.6;
  }
}
.featured-stories .swiper,
.upcoming-events .swiper {
  opacity: 0;
  padding-top: 0.75rem;
  transition: opacity 0.3s ease 0.3s;
  z-index: 0;
}
.featured-stories .swiper.swiper-initialized,
.upcoming-events .swiper.swiper-initialized {
  opacity: 1;
}
.featured-stories .swiper .swiper-controls,
.upcoming-events .swiper .swiper-controls {
  margin: 1rem 0 0;
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-controls,
.upcoming-events .swiper .swiper-controls {
    bottom: auto;
    margin: 0;
    top: 0;
    width: 38ch;
  }
}
.featured-stories .swiper .swiper-slide,
.upcoming-events .swiper .swiper-slide {
  margin-top: 0.75rem;
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-slide,
.upcoming-events .swiper .swiper-slide {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem;
  }
}
.featured-stories .swiper .swiper-slide a.diamond-frame-link,
.upcoming-events .swiper .swiper-slide a.diamond-frame-link {
  margin: 0 auto;
  width: 290px;
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-slide a.diamond-frame-link,
.upcoming-events .swiper .swiper-slide a.diamond-frame-link {
    flex: 0 0 400px;
    margin-right: 2.5rem;
  }
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-slide .featured-stories__description,
.upcoming-events .swiper .swiper-slide .featured-stories__description {
    margin-top: 1.875rem;
  }
}
.featured-stories .swiper .swiper-slide h3,
.upcoming-events .swiper .swiper-slide h3 {
  font-size: 2.25rem;
  margin: 1.5rem 0 0.75rem;
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-slide h3,
.upcoming-events .swiper .swiper-slide h3 {
    font-size: 3rem;
    margin-top: 0.75rem;
  }
}
.featured-stories .swiper .swiper-slide p,
.upcoming-events .swiper .swiper-slide p {
  line-height: 1.3;
}
@media (min-width: 37em) {
  .featured-stories .swiper .swiper-slide p,
.upcoming-events .swiper .swiper-slide p {
    font-size: 1.5rem;
  }
}
.featured-stories .swiper .upcoming-events__world-news,
.upcoming-events .swiper .upcoming-events__world-news {
  font-size: 1.5rem;
  line-height: 1;
  position: absolute;
  top: 0.8em;
  right: 0;
}

@media (min-width: 37em) {
  .upcoming-events .swiper .swiper-controls {
    width: 39ch;
  }
  .upcoming-events .swiper .swiper-slide {
    flex-direction: row-reverse;
  }
  .upcoming-events .swiper .swiper-slide a.diamond-frame-link {
    margin-right: 10px;
    margin-left: 2.5rem;
  }
}

.inner-intro {
  position: relative;
  text-align: center;
}
.inner-intro:before {
  background: var(--inner-intro-bg) 50% 50% no-repeat;
  background-size: 200%;
  content: "";
  left: -1rem;
  height: 80vw;
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-60%);
  z-index: -1;
}
@media (min-width: 37em) {
  .inner-intro:before {
    background-size: auto;
    height: 900px;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    width: 100%;
  }
}
.inner-intro h1 {
  font-size: 2.5rem;
  font-weight: 300;
  margin: 1rem 0 1.75rem;
}
.inner-intro h1 a {
  color: var(--fg-color);
}
.inner-intro h1 a:hover {
  color: #d53105;
}
@media (min-width: 37em) {
  .inner-intro h1 {
    font-size: 3.75rem;
    margin-bottom: 3.75rem;
  }
  .inner-intro h1 + p {
    margin-top: -1.75rem;
  }
}
.inner-intro p {
  line-height: 1.3;
  margin: 1.75rem 0 2.5rem;
}
@media (min-width: 37em) {
  .inner-intro p {
    font-size: 2.25rem;
    margin-bottom: 4.5rem;
  }
}

.content-intro {
  background: var(--about-icon) 50% 0/150px no-repeat;
  font-family: var(--font-alternate);
  line-height: 1;
  min-height: 160px;
  padding: 200px 0 0;
}
.content-intro.donate {
  background-image: var(--donate-icon);
}
.content-intro.join-us {
  background-image: var(--join-us-icon);
}
.content-intro.lf-500 {
  background-image: var(--lf-500-icon);
}
.content-intro.a-500 {
  background-image: var(--a-500-icon);
}
.content-intro.ai-500 {
  background-image: var(--ai-500-icon);
}
.content-intro.aishield-fund {
  background-image: var(--aishield-fund-icon);
}
.content-intro.a-prize {
  background-image: var(--a-prize-icon);
}
.content-intro.bitcoin {
  background-image: var(--bitcoin-icon);
}
.content-intro.bone-cancer {
  background-image: var(--bone-cancer-icon);
}
.content-intro.conference {
  background-image: var(--conference-icon);
}
.content-intro.end {
  background-image: var(--end-of-the-year-fundraiser-icon);
}
.content-intro.global-catastrophic-risks {
  background-image: var(--global-catastrophic-risks-icon);
}
.content-intro.lifeboat-to-the-stars {
  background-image: var(--lifeboat-to-the-stars-icon);
}
.content-intro.medical-fund {
  background-image: var(--medical-fund-icon);
}
.content-intro.nanoshield-fund {
  background-image: var(--nanoshield-fund-icon);
}
.content-intro.naval {
  background-image: var(--naval-icon);
}
.content-intro.podcast {
  background-image: var(--podcast-icon);
}
.content-intro.summer-growth {
  background-image: var(--summer-growth-icon);
}
.content-intro.time-for-a-bigger-machine {
  background-image: var(--time-for-a-bigger-machine-icon);
}
.content-intro.university-outreach {
  background-image: var(--university-outreach-icon);
}
.content-intro.video {
  background-image: var(--video-icon);
}
.content-intro.usip-proposal {
  background-image: var(--usip-proposal-icon);
}
.content-intro.wole-soyinka-in-zero-g {
  background-image: var(--wole-soyinka-in-zero-g-icon);
}
.content-intro.x-risks-network {
  background-image: var(--x-risks-network-icon);
}
.content-intro.newsletter {
  background-image: var(--rss-icon);
}
.content-intro.blog {
  background-image: var(--blog-home-icon);
}
.content-intro.ark {
  background-image: var(--design-icon);
}
.content-intro.contact {
  background-image: var(--contact-icon);
}
.content-intro.youtube {
  background-image: var(--youtube-icon);
}
.content-intro.media {
  background-image: var(--media-icon);
}
.content-intro.warning {
  background-image: var(--warning-icon);
}
.content-intro.staff {
  background-image: var(--staff-icon);
}
.content-intro.legal {
  background-image: var(--copy-icon);
}
.content-intro.mission {
  background-image: var(--policy-icon);
}
.content-intro.openings {
  background-image: var(--openings-icon);
}

.content-intro.privacy-policy {
  background-image: var(--privacy-policy-icon);
}
.content-intro.special-report {
  background-image: var(--special-report-icon);
}
.content-intro.timeline {
  background-image: var(--timeline-icon);
}
.content-intro.quotes {
  background-image: var(--quotes-icon);
}
.content-intro.inspirational-quotes {
  background-image: var(--inspirational-quotes-icon);
}
.content-intro.interviews {
  background-image: var(--interviews-icon);
}
.content-intro.brochure {
  background-image: var(--brochure-icon);
}
.content-intro.links {
  background-image: var(--links-icon);
  background-position: 0 50%;
}
.content-intro.forum {
  background-image: var(--forum-icon);
  background-size: auto 150px;
}
.content-intro.fellow {
  background-image: var(--fellow-icon);
}
.content-intro.educational-videos {
  background-image: var(--educational-videos-icon);
}

.content-intro.not-found {
  background-color: var(--bg-color);
  background-image: var(--404-icon);
  background-position: 50% 45px;
  border: 2px solid var(--menu-color);
  padding: 45px;
  padding-top: 200px;
}

.content-intro.bubble {
  background-image: var(--bubble-icon);
}

.content-intro.bubble-heart {
  background-image: var(--bubble-heart-icon);
}

@media (min-width: 37em) {
  .content-intro {
    background-position: 0 0;
    background-size: auto 150px;
    padding: 0 0 0 230px; /* was 0 0 0 230px; */
    margin-bottom: 1.7rem;
  }
  .content-intro.blog,
  .content-intro.youtube {
    padding-top: 0.4em;
  }
  .content-intro.ark {
    padding-top: 1.4rem;
  }
  .content-intro.not-found {
    align-items: center;
    background-position: 150px 50%;
    display: flex;
    margin-bottom: 4rem;
    padding: 55px 55px 55px 370px;
  }
}
.content-intro h3 {
  font-weight: 500;
  font-size: 2.625rem !important;
  margin-bottom: 0.2em;
}
.content-intro p {
  line-height: normal;
}

.content-intro:not(.blog) p:not(:first-child)
{
  margin-top: 1.3rem;
}

.content-intro.blog p {
  font: 300 1.5rem var(--font-alternate) !important;
}
.content-intro.blog p a.wp {
  background: url("/images/icons/icon-wordpress.svg") 0 50%/20px no-repeat;
  display: inline-block;
  padding-left: 30px;
}
.content-intro span {
  color: var(--menu-color);
}

.icon-intro {
  align-items: center;
  background: var(--overlay-opaque);
  border: 3px solid var(--menu-color);
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: space-between;
  margin-bottom: 2rem;
  min-height: 200px;
  padding: 2rem;
}
.icon-intro h3 {
  font-size: 2.625rem;
  font-weight: 400;
}
.icon-intro .icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  flex: 0 0 150px;
  height: 150px;
  width: 150px;
}
.icon-intro .icon.thankyou {
  background-image: var(--thankyou-icon);
}
.icon-intro .icon.envelope {
  background-image: var(--envelope-icon);
}
.icon-intro .icon.no {
  background-image: var(--no-icon);
}
.icon-intro .icon.at {
  background-image: var(--at-icon);
}
.icon-intro .icon.checkmark {
  background-image: var(--checkmark-icon);
}
.icon-intro .icon.x {
  background-image: var(--x-icon);
}
.icon-intro .icon.not-found {
  background-image: var(--404-icon);
}
.icon-intro .desc {
  flex: 1 1 auto;
  text-align: center;
}
.icon-intro .desc span,
.icon-intro .desc a:not(.button) {
  color: var(--menu-color);
}
.icon-intro .desc p:not(:first-child) {
  margin-top: 0.8rem;
}
@media (min-width: 37em) {
  .icon-intro {
    flex-direction: row;
    padding: 20px 40px 20px 100px; /* 40px 40px 40px 260px; */
  }
  .icon-intro .desc {
    text-align: left;
  }
}

main ul {
  list-style-type: none;
  padding: 0;
}
main ul:not(:first-child) {
  margin: 1rem 0 0;
}
main ul.documents li {
  background: url("../images/icons/icon-document.svg") 0 2px no-repeat;
  background-size: 18px auto;
  margin-top: 1.875rem;
  padding-left: 1.875rem;
  position: relative;
}
main ul.bars li {
  padding-left: 2ch;
  position: relative;
}
main ul.bars li:before {
  color: var(--link-primary-color);
  content: "|";
  left: 0;
  position: absolute;
}

main ul.colorful li,
main ul li.no-inline-avatar {
  min-height: 34px;
  padding-left: 50px;
  padding-top: 0.2em;
  position: relative;
}

main ul.colorful li:nth-child(1):before {
  background-color: #ed2013;
}

main ul.colorful li:nth-child(2):before {
  background-color: #d92727;
}

main ul.colorful li:nth-child(3):before {
  background-color: #c2313e;
}

main ul.colorful li:nth-child(4):before {
  background-color: #a63b59;
}

main ul.colorful li:nth-child(5):before {
  background-color: #8a4776;
}

main ul.colorful li:nth-child(6):before {
  background-color: #685497;
}

main ul.colorful li:nth-child(7):before {
  background-color: #4e5eb2;
}

main ul.colorful li:nth-child(8):before {
  background-color: #3568cb;
}

main ul.colorful li:before,
main ul li.no-inline-avatar:before {
  border-radius: 100%;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  background-color: #226fdd;
}

main ul li.no-inline-avatar:before {
  background-color: #685497;
}

main ul.angles li {
  padding-left: 2ch;
  position: relative;
}
main ul.angles li:before {
  color: var(--link-primary-color);
  content: ">";
  left: 0;
  position: absolute;
}
.widget ul.diamonds li {
  padding-left: 3ch;
  position: relative;
}
.widget ul.diamonds li:before {
  color: var(--link-primary-color);
  content: "\25C6"; /* solid */
  content: "\25C7"; /* hollow */
  left: 0;
  position: absolute;
}
h3.spaced {
 margin-bottom: 1rem;
}
main ul.bars.spaced li {
  margin-top: 0.75rem;
}
main ul.discs {
  list-style-type: disc;
  padding-left: 2rem;
}
main ul.discs:not(:first-child) {
  margin-top: var(--flow-space, 1.75rem);
}
main ul.discs li {
  margin: 0.75rem 0 0;
}
main figure {
  margin-bottom: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: center;
  width: max-content;
}
main figure.bio {
  background-color: var(--block-bg);
  color: var(--table-darker-fg);
  border: 1px solid transparent;
  border-image: linear-gradient(to bottom, #7ae3dc, #d53105) 1;
  padding: 15px 15px 15px 15px;
  /* margin-top: 0.3em !important; */
}
main figure.bio img {
  padding-bottom: 15px;
}

@media (min-width: 37em) {
  main figure {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    text-align: left;
    width: min-content;
  }
}
main figure img {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media (min-width: 37em) {
  main figure img {
    max-width: none; /* Limit could be around 740px, but it seems better not to have some a huge image if we aren't displaying all of it */
  }
}
@media (min-width: 37em) {
  main figure.right {
    float: right;
    margin-left: 1.75rem;
  }
  main figure.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  main figure.left {
    float: left;
    margin-right: 1.75rem;
  }
}
main figure.left-align, main figure.text-left, main figcaption.left-align, main figcaption.text-left {
  text-align: left;
  max-width: calc(100vw - 40px); /* Prevent overflow on mobile */
}

main figure.clear {
  background: none;
  border: 0;
  padding: 0;
}

main figure.transparent {
  background: none;
  border: 0;
  margin-top: var(--flow-space);
  padding: 0;
  width: 100%;
}

main figure.transparent.right {
  float: none;
}

main figure.transparent.alt {
  margin-top: 0;
}

main figure.transparent.right>div {
  grid-column: 2;
  grid-row: 1;
}

main figure.transparent img {
  background: #fff;
  background-clip: content-box;
  border: 40px solid #262626;
  height: 365px;
  object-fit: contain;
  margin: 0;
  max-width: 100%;
}

main figure.transparent.alt img {
  border-width: 35px;
  display: block;
  height: auto;
  margin: 0 auto;
}

main figure.transparent.alt figcaption {
  margin-top: var(--flow-space);
  text-align: center;
}

main figure.transparent.right figcaption {
  grid-column: 1;
  grid-row: 1;
}

@media (min-width: 37em) {
  main figure.transparent {
    display: grid;
    gap: 40px;
    grid: auto/1fr 1fr;
  }

  main figure.transparent.alt {
    display: block;
  }

  main figure.transparent figcaption p:first-child {
    margin-top: 0;
  }
}

[data-user-color-scheme="dark"] {
  main figure.invert img {
    filter: invert(1);
  }
}

main figure.padded2 figcaption div {
  text-align: center;
}
main figure.padded2 figcaption div p {
  display: inline-block;
  text-align: left;
  margin: 0;
  padding: 0;
}
main figure.padded figcaption {
  padding-left: 20px;
  padding-right: 20px;
}
main figure.center-align, main figure.text-center, main figcaption.center {
  text-align: center;
}
main figure figcaption {
  font-size: 1.125rem;
  font-size: 1rem; /* EK code */
  margin-top: 1.5rem;
}
main figure figcaption p {
  font-size: 1rem !important; /* EK code */
  margin-top: 1rem;
}
main figure.bio figcaption {
 font-size: 1.375rem;
 line-height: 1.2;
 margin: 0;
}
main figure.bio figcaption p {
 font-size: 1.375rem;
 line-height: 1.2;
 margin: 0;
}

main blockquote {
  margin-left: 1.75rem;
}
main blockquote.bio
{
  color: var(--table-darker-fg);
  border-left-width: 5px;
  border-left-style: solid;
  border-image: linear-gradient(to bottom, #f31e0e, #1d72e3) 1;
  padding-left: 40px;
}
main blockquote.bio,
main blockquote.bio p {
  font-family: "Teko", Roboto, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
}
main div.widget blockquote.bio
{
 margin-top: 5px;
 margin-bottom: 1.3rem;
}

main blockquote.alt {
  background: url("../images/icons/icon-quote.svg") 0 0 no-repeat;
  background-size: 40px;
  margin-left: 0;
  padding-left: 50px;
}
@media (min-width: 37em) {
  main blockquote.alt {
    background-size: 95px;
    font-size: 1.875rem;
    min-height: 95px;
    padding-left: 130px;
  }
}
main blockquote p:not(:first-child) {
  margin-top: var(--flow-space, 1.75rem);
}
main table {
  background: var(--block-bg);
  border: 1px solid var(--frame-border-color);
  border-top: 0;
  box-sizing: border-box;
  margin: calc(var(--flow-space, 1.75rem) * 2.5) 0 !important;
  padding: 1rem 1rem 0;
  position: relative;
  width: 100%;
}
@media (min-width: 37em) {
  main table {
    padding: 1.875rem 1.875rem 0;
  }
}
main table tr > * {
  line-height: 1;
  padding: 8px 10px 4px;
}
main table thead tr > * {
  border-bottom: 1px solid var(--frame-border-color);
  font-weight: 400;
  padding-bottom: 1.75rem;
  text-align: left;
}
main table tbody tr > * {
  word-break: break-word;
}
main table tbody tr:first-child > * {
  padding-top: 1.75rem;
}
main table tbody tr:nth-child(2n+1) td {
  color: var(--table-darker-fg);
}
main table tbody tr.eto-high td:first-child {
  border-left: 4px solid #892BE1;
  padding-left: 20px;
}

main table tbody tr.eto-high td {
  color: #892BE1;
}

main table tfoot td .eto-high {
  border-left: 4px solid #892BE1;
  color: #892BE1;
  display: block;
  padding-left: 20px;
  text-align: left;
}

main table tbody tr.eto-medium td:first-child {
  border-left: 4px solid #ff0000;
  padding-left: 20px;
}

main table tbody tr.eto-medium td {
  color: #ff0000;
}

main table tfoot td .eto-medium {
  border-left: 4px solid #ff0000;
  color: #ff0000;
  display: block;
  margin: 10px 0;
  padding-left: 20px;
  text-align: left;
}

main table tbody tr.eto-low td:first-child {
  border-left: 4px solid #dc7b05;
  padding-left: 20px;
}

main table tbody tr.eto-low td {
  color: #dc7b05;
}

main table tfoot td .eto-low {
  border-left: 4px solid #dc7b05;
  color: #dc7b05;
  display: block;
  padding-left: 20px;
  text-align: left;
}

main table tfoot tr > * {
  border-top: 1px solid var(--frame-border-color);
  font-size: 1.125rem;
  padding: 1.5rem 0 0;
  text-align: center;
}
main table tbody tr:last-child > *,
main table tfoot tr > * {
  padding-bottom: 1rem;
}
main table caption {
  background: var(--block-bg);
  border: 1px solid var(--frame-border-color);
  border-bottom: 0;
  color: var(--bg-color);
  font-weight: 500;
  line-height: 1;
  padding: 1rem 1rem 0;
  width: 100%;
}
@media (min-width: 37em) {
  main table caption {
    padding: 1.875rem 1.875rem 0;
  }
}
main table caption span {
  background: var(--button-primary-color);
  display: block;
  padding: 0.75rem;
}

.inner main:not(.alternate-font) p:not(.avatar > p):not(form p):not(.panel p):not(header.tagged p):not(header.entry-header p):not(.more):not(.text-big),
.inner main:not(.alternate-font) ul:not(.gallery ul):not(.getas):not(.radio):not(.checkboxes-full),
.inner main:not(.alternate-font) blockquote,
.inner main:not(.alternate-font) ol,
.inner main:not(.alternate-font) dl.timeline dd {
  font-size: 1.25rem;
  font-size: 1.15rem; /* EK code */
}
.inner main:not(.alternate-font) p:not(.avatar > p):not(form p):not(.panel p):not(header.tagged p):not(header.entry-header p):not(.more),
.inner main:not(.alternate-font) ul:not(.gallery ul):not(.getas):not(.radio):not(.checkboxes-full):not(.prev-next),
.inner main:not(.alternate-font) blockquote,
.inner main:not(.alternate-font) ol,
.inner main:not(.alternate-font) dl.timeline dd {
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.inner main:not(.alternate-font) ol li:before {
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif;
}

address {
  background: url("../images/icons/icon-pin.svg") 0 0 no-repeat;
  background-size: 39px 50px;
  font-style: normal;
  padding-left: 50px;
}

[data-user-color-scheme=dark] address {
  background: url("../images/icons/icon-pin.black.svg") 0 0 no-repeat;
  background-size: 39px 50px;
 }

ol {
  counter-reset: olCounter;
  list-style-type: none;
  margin-top: calc(var(--flow-space, 1.75em) * 1.5);
  padding: 0;
}

ol li {
  counter-increment: olCounter;
  margin-bottom: 1.5rem;
  padding-left: 3rem;
  position: relative;
}
ol li:not(:last-child) {
  margin-bottom: 0.8em;
}
ol li:before {
  background: var(--link-secondary-color);
  border-radius: 3px;
  color: var(--bg-color);
  content: counter(olCounter);
  display: flex;
  font-size: inherit;
  font-weight: 500;
  height: 25px;
  justify-content: center;
  left: 0;
  line-height: 28px;
  position: absolute;
  top: 0.55em;
  transform: translateY(-50%);
  width: 25px;
}
ol li[value]:before {
 content: attr(value);
}
/* Following worked for Firefox, but Chrome is more primitive for this feature
ol li[value="5"] {
 counter-reset: olCounter 4;
}
*/

ol.alpha > li:before {
  content: counter(olCounter, lower-alpha);
}

.flow ol {
  margin-top: calc(var(--flow-space, 1.75em) * 1.5);
}

.panel {
  background: var(--block-bg);
  color: var(--widget-fg-color);
  font-size: 1.125rem;
  padding: 1.875rem;
  text-align: center;
}
.panel.glow {
  background-image: var(--panel-bg);
  background-position: 50% 0;
  border: 3px solid var(--menu-color);
}
.panel.staff,
.panel.icon,
.panel.membership {
  background: var(--bg-color);
  border: 3px solid var(--menu-color);
  padding: 2.5rem !important;
  text-align: left;
}

.panel.membership {
  font-size: 1.125rem;
  font-family: Roboto, sans-serif;
  font-weight: 400;  
}

.panel.staff h3 {
  margin-bottom: 1em;
}

.panel.icon {
  border: 1px solid var(--frame-border-color);
  background-position: top 40px right 40px;
  background-repeat: no-repeat;
  background-size: 30px;
}

.panel.icon.border {
  border: 3px solid var(--menu-color);
}

.panel h3 {
  font-weight: 600;
}

.panel.staff ul li {
  display: flex;
}

.panel.staff ul li a {
  flex: 0 0 40%;
}

.panel h4 {
  color: var(--fg-color);
  font-size: 1.5rem;
  font-weight: 400;
}
.panel > *:not(:first-child) {
  margin-top: 1rem;
}

.icon {
}

@media (min-width: 37em) {
  .icon {
    min-height: 0;
  }
}

.icon.communications {
  background-image: var(--dialog-icon);
  padding-bottom: 0;
  padding-top: 0;
}

.icon.division {
  background-image: var(--star-icon);
  padding-bottom: 0;
  padding-top: 0;
}

.icon.donors {
  background-image: var(--crown-icon);
  padding-bottom: 0;
  padding-top: 0;
}

.icon.nano {
  background-image: var(--molecular-icon);
  padding-bottom: 0;
  padding-top: 0;
}

.icon.membership {
  background-image: var(--business-card-icon);
  padding-bottom: 0;
  padding-top: 0;
}

.icon.conferences {
  background-image: var(--conference-icon);
  background-position: 0 0;
  background-size: 50px;
  padding-bottom: 7px;
  padding-top: 7px;
}

.icon.our-books {
  background-image: var(--library-icon);
  background-size: auto 36px;
  padding-bottom: 2px;
  padding-top: 2px
}

.icon.blog {
  background-image: var(--blog-icon);
  background-size: auto 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.icon.award {
  background-image: var(--award-icon);
  background-size: auto 56px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.icon.brain {
  background-image: var(--brain-icon);
  background-position: 0 0;
}

.icon.articles {
  background-image: var(--article-icon);
}

.icon.papers {
  background-image: var(--papers-icon);
}

.icon.videos {
  background-image: var(--youtube-icon);
  background-position: 0 0;
  background-size: auto 36px;
  padding-bottom: 0;
  padding-top: 0;
}

.icon.rocket {
  background-image: var(--rocket-icon);
}

.icon.ces {
  background-image: var(--ces-icon);
  background-position: 0 0;
  background-size: auto 36px;
  padding: 0 0 0 75px;
}

.icon.fb {
  background-image: var(--fb-icon);
}

.icon.apple {
  background-image: var(--apple-icon);
  background-size: auto 50px;
  padding-bottom: 2px;
  padding-top: 12px;
}

.icon.rd {
  background-image: var(--rd-icon);
  background-position: 0 3px;
  background-size: auto 30px;
  padding-bottom: 0;
  padding-top: 0;
}

.icon.audio {
  background-image: var(--audio-icon);
  background-size: auto 36px;
  padding-bottom: 0;
  padding-top: 0;
}

.icon.cup {
  background-image: var(--cup-icon);
}

.icon.binary {
  background-image: var(--binary-icon);
  background-position: 8px 0;
  background-size: auto 36px;
  padding-bottom: 0;
  padding-top: 0;
}

.icon.ribbon {
  background-image: var(--ribbon-icon);
  background-position: 14px 0;
}

.icon.elon {
  background-image: var(--elon-icon);
  background-position: 14px 0;
  background-size: auto 54px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.icon.podcasts {
  background-image: var(--podcast-icon);
  background-position: 14px 0;
}

.icon.www {
  background-image: var(--www-icon);
}

.icon.bobby {
  background-image: var(--bobby-icon);
}

.icon.memorial {
  background-image: var(--memorial-icon);
}

.icon.space {
  background-image: var(--space-icon);
}

.icon.milestone {
  background-image: var(--milestone-icon);
}

.icon.most-influential-person {
  background-image: var(--most-influential-person-icon);
  background-size: auto 54px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.icon.maximon {
  background-image: var(--maximon-icon);
  background-size: auto 26px;
  padding-bottom: 0;
  padding-left: 75px;
  padding-top: 0;
}

.icon.plays {
  background-image: var(--plays-icon);
  background-size: auto 54px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.icon.strategy {
  background-image: var(--strategy-icon);
  background-size: auto 36px;
}

.icon.pride-month {
  background-image: var(--pride-month-icon);
}

.icon.prize {
  background-image: var(--prize-icon);
}

.icon.report {
  background-image: var(--report-icon);
  padding-bottom: 0;
  padding-top: 10px;
}

.icon.getas-alert {
  background-image: var(--getas-icon);
}

.icon.shivon-zilis {
  background-image: var(--shivon-zilis-icon);
  background-size: auto 54px;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
}

.icon.news {
  background-image: var(--news-icon);
  background-size: auto 36px;
}

.icon.robin-hanson {
  background-image: var(--robin-hanson-icon);
  background-size: auto 54px;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
}

.icon.spacex {
  background-image: var(--spacex-icon);
  background-size: auto 40px;
  padding-bottom: 0;
  padding-top: 10px;
  padding-left: 75px;
}

.icon.grant {
  background-image: var(--grant-icon);
}

.icon.song {
  background-image: var(--song-icon);
}

.icon.educational {
  background-image: var(--educational-icon);
}

.icon.twitter-x {
  background-image: var(--twitter-x-icon);
}

.icon.breakfast {
  background-image: var(--free-breakfast-icon);
  background-size: auto 54px;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
}

.icon.mobile {
  background-image: var(--mobile-icon);
}

.icon.wedding {
  background-image: var(--wedding-icon);
}

.icon.quotes-old {
  background-image: var(--quotes-icon);
}

.icon.movies {
  background-image: var(--movies-icon);
  padding-bottom: 2px;
  padding-top: 8px;
}

.icon.discounts {
  background-image: var(--discounts-icon);
  background-size: auto 54px;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
}

.icon.congratulations {
  background-image: var(--congratulations-icon);
}

.icon.linkedin {
  background-image: var(--linkedin-icon);
  padding-bottom: 2px;
  padding-top: 8px;
}

.icon.blockchain {
  background-image: var(--blockchain-icon);
  padding-bottom: 2px;
  padding-top: 8px;
}

.icon.address {
  background-image: var(--address-icon);
  background-size: auto 54px;
  padding-top: 12px;
  padding-bottom: 6px;
}

.icon.fundraiser {
  background-image: var(--fundraiser-icon);
  padding-bottom: 2px;
  padding-top: 8px;
}

.icon.social {
  background-image: var(--social-media-expert-icon);
  background-size: auto 36px;
}

.icon.interview {
  background-image: var(--interview-icon);
  background-size: auto 40px;
}

.icon.ai {
  background-image: var(--ai-icon);
  background-size: auto 40px;
  padding-bottom: 0px;
  padding-top: 10px;
}

.icon.quotes {
  background-image: var(--quote-2-icon);
}

.icon.dinner {
  background-image: var(--dinner-icon);
  background-size: auto 36px;
}

.icon.anti-aging {
  background-image: var(--anti-aging-icon);
}

.content-intro.volunteer-work {
  background-image: var(--volunteer-work-icon);
}

.content-intro.partnerships {
  background-image: var(--partnerships-icon);
}

.content-intro.counterterrorism {
  background-image: var(--counterterrorism-icon);
  background-size: auto 130px;
}

.content-intro.coursework {
  background-image: var(--coursework-icon);
  background-size: auto 130px;
}

.content-intro.resources {
  background-image: var(--resources-icon);
}

.content-intro.what-is-rss {
  background-image: var(--what-is-rss-icon);
}

.content-intro.scholarships {
  background-image: var(--scholarships-icon);
  background-size: auto 120px;
}

.content-intro.whats-new {
  background-image: var(--whats-new-icon);
}

.content-intro.world-news {
  background-image: var(--world-news-icon);
}

.content-intro.faq {
  background-image: var(--faq-icon);
}

.content-intro.faq {
  background-image: var(--faq-icon);
}

.content-intro.finances {
  background-image: var(--finances-icon);
}

.content-intro.procedures {
  background-image: var(--procedures-icon);
}

.modal__overlay {
  align-items: center;
  background: repeating-linear-gradient(-45deg, var(--overlay-opaque), var(--overlay-opaque) 1px, var(--overlay-transparent) 1px, var(--overlay-transparent) 6px);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}

.modal__container {
  align-items: stretch;
  background-color: var(--bg-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  max-height: 100vh;
  padding: 30px;
}
@media (min-width: 37em) {
  .modal__container {
    max-width: 50vw;
  }
}

.modal__close {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.modal__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex: 0 1 auto;
  margin-bottom: 1.5rem;
}
.modal__header .modal__close:before {
  color: var(--fg-color);
  content: "✕";
  transition: color 0.3s ease;
}
.modal__header .modal__close:hover:before {
  color: #d53105;
}

.modal__content {
  color: var(--fg-color);
  flex: 1 1 90%;
  overflow: auto;
  line-height: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal__content.img {
  overflow: hidden;
  padding: 0;
}
.modal__content img {
  display: block;
  max-width: 100%;
}

.modal__footer {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  margin-top: 1.5rem;
}
.modal__footer > * {
  flex: 1;
}
@media (min-width: 37em) {
  .modal__footer > * {
    flex: 0 1 40%;
  }
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-3-18 16:51:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.rotate-in-center {
  animation: rotate-in-center 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
  animation: bounce-in-top 1.1s both;
}
.roll-in-blurred-left {
  -webkit-animation: roll-in-blurred-left 0.65s cubic-bezier(0.23, 1, 0.32, 1)
    both;
  animation: roll-in-blurred-left 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}
@keyframes rotate-in-center {
  0% {
    transform: rotate(-360deg) scale(0.5);
    opacity: 0;
  }
  100% {
    transform: rotate(0) scale(1);
    opacity: 1;
/  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
    transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
    filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
  }
}

header.tagged {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  line-height: 1;
}
header.tagged .tagged__header {
  align-items: center;
  background: #d53105;
  color: #fff;
  display: flex;
  font-size: 1.125rem;
  font-weight: 400;
  height: 55px;
  justify-content: center;
  line-height: 1;
  margin-right: 0.75rem;
  width: 55px;
}
header.tagged h3 {
  font-size: 1.875rem;
  font-weight: 600;
}
header.tagged p {
  font-size: 1.125rem;
}

ul.guardian-award {
  display: block;
}
@media (min-width: 37em) {
  ul.guardian-award {
    display: grid;
    gap: 30px;
    grid: auto/1fr 1fr;
    padding: 87px 0 0 !important;
  }
}
ul.guardian-award li {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  line-height: 1;
  margin: 0 0 1rem;
}
ul.guardian-award li .diamond-frame-link {
  flex: 0 0 174px;
  margin: 0 12px 0 0;
}
@media (min-width: 37em) {
  ul.guardian-award li {
    font-size: 1.875rem;
    margin-bottom: 0;
  }
  ul.guardian-award li:nth-child(2n + 1) {
    flex-direction: row-reverse;
    margin-top: -174px;
    text-align: right;
  }
  ul.guardian-award li:nth-child(2n + 1) .diamond-frame-link {
    margin: 0 0 0 12px;
  }
  ul.guardian-award li:last-child:nth-child(2n + 1) {
    margin-top: -87px;
  }
}
ul.guardian-award li a {
  font-weight: 500;
}
ul.guardian-award li strong {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
  margin-top: 5px;
}
@media (min-width: 37em) {
  ul.guardian-award li strong {
    font-size: 1.5rem;
    margin-top: 2px;
  }
}

ul.getas li {
  margin-bottom: 1rem;
}
@media (min-width: 37em) {
  ul.getas {
    display: grid;
    grid: auto/1fr 1fr;
    gap: 1.875rem;
  }
  ul.getas li {
    margin-bottom: 0;
  }
  ul.getas li .getas__item {
    height: 100%;
  }
}

.getas__item {
  align-items: center;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8) 0,
    rgba(255, 255, 255, 0.3) 50%,
    rgba(255, 255, 255, 0) 50.1%
  );
  border: 7px solid white;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  padding: 23px 1.125rem 1rem;
  text-align: center;
  text-shadow: 0 6px 6px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
  transition: filter 0.3s ease;
}
main .getas__item:is(h5) {
  margin-bottom: 1.75rem;
  margin-top: calc(var(--flow-space) * 3);
}
aside .widget .getas__item:is(h5) {
  color: #fff;
}
.getas__item[href]:hover {
  color: #fff;
  filter: brightness(80%);
}
.getas__item svg {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
  fill: #fff;
  height: 1em;
  margin-right: 10px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

.getas__item.low {
  background-color: #6e8825;
  box-shadow: inset 0 0 0 2px #6e8825;
}

.getas__item.guarded {
  background-color: #49d3ff;
  box-shadow: inset 0 0 0 2px #49d3ff;
}

.getas__item.elevated {
  background-color: #ffee02;
  box-shadow: inset 0 0 0 2px #ffee02;
}

.getas__item.high {
  background-color: #ffa500;
  box-shadow: inset 0 0 0 2px #ffa500;
}

.getas__item.severe {
  background-color: #990002;
  box-shadow: inset 0 0 0 2px #990002;
}

.getas__item.emergency {
  background-color: #730004;
  font-size: 1.5rem;
}

.getas__item.emergency {
  background-image:
    radial-gradient(circle, #000 10%, transparent 11%),
    radial-gradient(circle, #000 10%, transparent 11%);
  background-size: 10px 10px;
  background-position:
    0 0,
    5px 5px;
  animation: 0.8s ease-in-out infinite both normal emergency;
}

@keyframes emergency {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #730004;
  }
  100% {
    background-color: transparent;
  }
}

h2.getas-threat-level,
a.getas-threat-level {
  border: 4px solid var(--link-primary-color);
  border-left: 0;
  border-right: 0;
  color: var(--link-primary-color) !important;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 1.875rem;
  padding: 18px 0 16px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

h2.getas-threat-level.elevated {
  color: #ffee02 !important;
  border-color: #ffee02 !important;
}

h4.normal_margins
{
 margin-top: 0; margin-bottom: 1.3rem;
}

img.inline {height: 0.8em; display: inline; vertical-align: -2px;}

ol.more-reports, aside ol
{
 margin-top: 0;
 margin-bottom: -1.5rem;
}

.up ol li, ol.up li {
  margin-topx: -0.5em; /* Add this to push text up */
}
.up ol li:before, ol.up li:before {
 top: 1.05em; /* Add to push red boxes down. Overall, text doesn't move but boxes do! */
}

h3.tight
{
 margin-top: calc(var(--flow-space) * 1) !important;
}

p.right
{
 text-align: right;
}

@media (max-width: 37em) { /*EK code */
 .extra {display: none !important;}
}

@media (min-width: 37em) {
  main form fieldset ul.checkboxes-full.wide {
    gap: 2px; margin-left: -2px;
  }
 /* main form fieldset.wide
 {grid: auto/145px 1fr 1fr;} EK removing */
}

header.tagged .tagged__header a, time a { /*EK code */
  color: #fff;
}

header.tagged .tagged__header a:hover, time a:hover { /*EK code */
  color: yellow;
}

@-moz-document url-prefix() {
    @supports (-moz-appearance:none) {
        option {
            font-size: 1.15rem;
        }
    }
}

span.highlight
{
  color: var(--link-secondary-color); /* EK code */
}

h3#reply-title, ol.comment-list button /* EK code */
{
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

.comments-area input /*EK code */
{
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
}

div.comment-respond button /* EK code */
{
  font-weight: 700 !important;
}

textarea.comments /* EK code */
{
 height: 8em;
}

.comments-area textarea, textarea#testimonial, textarea#comments, textarea.comments /* EK code */
{
  font-family: var(--font-normal) !important;
  font-size: 1rem !important;
  font-weight: 400;
}

.nobr {
  white-space: normal;
}

/* Apply no-wrap only on larger screens (typically PCs) */
@media (min-width: 37em) {
  .nobr {
    white-space: nowrap;
  }
}

div.swiper li.swiper-slide.rightl /* EK code */
{
 background-position: 90% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightlrightl /* EK code */
{
 background-position: 80% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightlrightlrightl /* EK code */
{
 background-position: 70% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightlrightlrightlrightl /* EK code */
{
 background-position: 60% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.center /* EK code */
{
 background-position: 50% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.centercenter,
div.swiper li.swiper-slide.centerr /* EK code */
{
 background-position: 40% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.centercentercenter,
div.swiper li.swiper-slide.centerrr /* EK code */
{
 background-position: 30% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.centercentercentercenter,
div.swiper li.swiper-slide.centerrrr /* EK code */
{
 background-position: 20% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightless, div.swiper li.swiper-slide.rightl /* EK code */
{
 background-position: 50px 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.right /* EK code */
{
 background-position: 100px 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightright 
/* EK code, also have wider / widerwider for wider text and widewide for no background */
{
 background-position: 125px 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightrightright /* EK code */
{
 background-position: 150px 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.rightrightrightright /* EK code */
{
 background-position: 175px 0;
 background-repeat: no-repeat;
}

.bw a.diamond-frame-link:hover img { /*EK code */
  filter: brightness(140%) saturate(120%) contrast(120%) grayscale(1);
}

a.getas-threat-level.elevated /*EK code */
{
 border: 4px solid #ffee02;
 border-left: 0;
 border-right: 0;
 color: #ffee02 !important;
}
@media (min-width: 36.9375em)
{
 section.news div.swiper h3 /*EK code */
 {
  width: 500px;
 }
}

div.swiper li.widewidewidewide, div.swiper li.widewidewide, div.swiper li.widewide, div.swiper li.wide  /*EK code */
{
 background-image: url('/images/blank.jpg') !important;
}
div.swiper li.widewide h3, div.swiper li.widerwider h3 /*EK code */
{
 font-size: 2.25rem;
}
div.swiper li.widewidewidewide h3 /*EK code */
{
 font-size: 1.3rem;
}
div.swiper li.widewidewide h3 /*EK code */
{
 font-size: 1.5rem;
}
@media (min-width: 36.9375em)
{
 div.swiper li.widewidewidewide p, div.swiper li.widewidewide p, div.swiper li.widewide p, div.swiper li.wide p /*EK code */
 {
  width: 500px;
 }
}
@media (min-width: 36.9375em)
{
 div.swiper li.wider p /*EK code */
 {
  width: 350px;
 }
 div.swiper li.widerwider p /*EK code */
 {
  width: 400px;
 }
}

main.bio h2 /*EK code */
{margin-top: 0em !important}

main.bio ul:not(.books__featured):not(.not_bio):not(.nodisc), ul.normal, ul.bio, ul.disc /*EK code */
{
 margin-top: 1.3em !important; margin-bottom: 1.3em;
 list-style: disc; margin-left: 2em !important;
}

main.bio :is(ul,ol:not(.books__featured):not(.nodisc)) li, ul.normal li, ul.bio li, ul.disc li /*EK code */
{
 margin-bottom: 1.3em;
}

/* I THINK YOU ALWAYS WANT TO GO UP A BIT, AT LEAST FOR OL */
:target, #notes + :is(ul,ol) li
{
 scroll-margin-top: 1.3em;
}
main.bio :is(ul,ol).tight li
{
 margin-bottom: 0;
}

main.bio :is(ul,ol).two_columns
{
}

@media (min-width: 37em) /*EK code */
{ 
 main.bio :is(ul,ol).two_columns
 {
  columns: 2; column-gap: 70px;
  white-space: nowrap; 
 }
}

main.bio :is(ul,ol:not(.books__featured)) p, ul.normal p /*EK code */
{
 margin-bottom: 1.3em;
}

main.bio :is(ol:not(.books__featured)) li p:last-child, ul.normal li p:last-child /*EK code */
{
 margin-bottom: 0;
}

@media (min-width: 37em) { /*EK code */
  div.avatar a.print {
    margin-bottom: 1rem;
 }
}

.swiper-slide a { /*EK code */
  pointer-events: auto !important;
}

h2.getas-threat-level:hover,
a.getas-threat-level:hover {
  border-color: #d53105 !important;
  color: #d53105 !important;
  filter: drop-shadow(0 0 20px #d53105);
  transform: scale(1.2);
}
h2.getas-threat-level strong,
a.getas-threat-level strong {
  display: block;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 0.8;
}
.widget h2.getas-threat-level,
.widget a.getas-threat-level {
  margin-bottom: 0;
}

.widget {
  background: var(--bg-color);
  border-style: solid;
  border-width: 1px;
  border-image: linear-gradient(
      to bottom,
      var(--widget-border-gradient-start),
      var(--widget-border-gradient-end)
    )
    1;
  color: var(--widget-fg-color);
  font-size: 1.125rem;
  padding: 1.75rem 1.875rem;
  word-break: break-word;
  line-height: 1.3;
}
.widget.normal,
.normal {
  font-family: var(--font-normal);
  font-weight: 400;
  font-size: 1.15rem !important; /* widget wants it to be smaller */
  line-height: 1.3 !important; /* widget p defaults to less */
  color: var(--fg-color) !important; /* more widget problems */
}
@media (min-width: 37em) {
  .widget ::-webkit-scrollbar {
    width: 9px;
  }
  .widget ::-webkit-scrollbar-track {
    background: var(--widget-scrollbar-track-color);
  }
  .widget ::-webkit-scrollbar-thumb {
    background-color: var(--widget-scrollbar-thumb-color);
    border: 1px solid var(--widget-scrollbar-track-color);
  }
  .widget ::-webkit-scrollbar-button {
    background: var(--widget-scrollbar-track-color)
      var(--widget-scrollbar-button-up) 50% 50% no-repeat;
    height: 15px;
    position: relative;
    width: 9px;
  }
  .widget ::-webkit-scrollbar-button:increment {
    background-image: var(--widget-scrollbar-button-down);
  }
  .widget * {
    scrollbar-color: var(--widget-scrollbar-thumb-color)
      var(--widget-scrollbar-track-color);
    /* thumb and track color */
    scrollbar-width: thin;
  }
}
.widget:not(:last-child) {
  margin-bottom: 1.875rem;
}
.widget .full-width {
  text-align: center;
}
.widget .full-width img {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 37em) {
  .widget .full-width {
    margin-left: -1.875rem;
    margin-right: -1.875rem;
  }
}
.widget h3.alt {
  font-size: 2.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.widget h4 {
  color: var(--fg-color);
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0.5rem 0 1.125rem;
}
.widget.h-standard h3
{
 margin-bottom: 1.5rem;  /* more than one line, but close */
}

.widget.h-standard h4, .widget h4.h-standard
{
  color: var(--menu-color);
  margin-top: 2.6rem; /* two lines */
}
.widget h4:first-child {
  margin-top: 0;
}
.widget h5 {
  color: var(--menu-color);
  font-size: 1.125rem;
  font-weight: 400;
  margin: 1.5rem 0 1.125rem;
  text-transform: uppercase;
}
.widget ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.widget.spaced ul > li, .widget ul.spaced > li {
  line-height: 1.1;
  /* margin-top: 1rem; */
  margin-top: 0.5rem;
}
.widget ul.triangle li {
  background: var(--triangle-icon) 0 0.4em/7px no-repeat;
  padding-left: 15px;
}
ul.safety li {
  background: url("/images/icons/icon-safety.svg") 0 0/16px no-repeat;
  min-height: 20px;
  padding-left: 30px;
}
.widget ul.scroll,
.widget ol.scroll {
  border-bottom: 1px solid var(--frame-border-color);
  border-top: 1px solid var(--frame-border-color);
  max-height: 50vw;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  overflow: auto;
}
.widget ul ul {
  opacity: 0.6;
  padding-left: 10px;
}
div.widget.tag-cloud ul ul {opacity: 0.8}

.widget ul.bullet {
  padding-left: 26px;
}
.widget ul.bullet li {
  padding-bottom: 2px;
  padding-top: 5px;
  position: relative;
}
.widget ul.bullet li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.widget ul.bullet li:after {
  background: url("/images/icons/icon-circle-blue.svg") 0 50% no-repeat;
  background-size: 10px;
  content: "";
  height: 10px;
  left: -26px;
  position: absolute;
  top: 10px;
  width: 10px;
}
.widget p,
.widget address {
  line-height: 1.1;
}
main .widget p {
  line-height: 1.3;
}
main .widget p.info {
  background: var(--block-bg) var(--info-icon) 30px 50%/30px no-repeat;
  border: 1px solid var(--frame-border-color);
  border-left: none;
  border-right: none;
  color: var(--button-primary-color);
  font-family: var(--font-alternate) !important;
  font-size: 1.5rem !important;
  margin-left: -30px;
  margin-right: -30px;
  padding: 10px 30px 10px 80px;
}
div.widget.normal p {
  line-height: 1.3 !important;
}
.widget p:not(:last-child),
.widget address:not(:last-child) {
  margin-bottom: 1rem;
}
.widget img {
  display: block;
}
.widget hr {
  background: rgba(115, 115, 115, 0.5);
  border: 0;
  height: 1px;
  margin: var(--flow-space) 0;
}
.widget dl.spread {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.widget .lang-support a {
  background-position: 0 0.2em;
  background-repeat: no-repeat;
  background-size: 25px;
  padding-left: 35px;
}
.widget .lang-support.italian a {
  background-image: url("/images/icons/icon-flag-italian.svg");
  padding-left: 35px;
}
.widget .lang-support.russian a {
  background-image: url("/images/icons/icon-flag-russian.svg");
  padding-left: 35px;
}
.widget span.color {
  color: var(--button-primary-color);
}

.widget.language {
  padding: 7px 30px 7px 7px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 37em) {
  .widget.language {
    padding: 1.75rem 1.875rem;
    position: static;
  }
}
.widget.language h4 {
  display: none;
}
@media (min-width: 37em) {
  .widget.language h4 {
    display: block;
  }
}
.widget.language ul {
  text-align: right;
}
@media (min-width: 37em) {
  .widget.language ul {
    text-align-last: left;
  }
}
.widget.language ul li {
  display: inline;
  height: 0;
  width: 0;
}
@media (min-width: 37em) {
  .widget.language ul li {
    display: block;
    height: auto;
    width: auto;
  }
}
.widget.language ul li a {
  margin: 0;
  text-decoration: none;
  transition: none;
}
@media (min-width: 37em) {
  .widget.language ul li a {
    display: block !important;
    font-size: 1.125rem !important;
    height: auto !important;
    width: auto !important;
  }
}
.widget.language ul li a:hover {
  background-color: var(--fg-color);
  color: var(--bg-color);
}
.widget.language ul li input[type="radio"] {
  display: none;
}
.widget.language ul li input[type="radio"] + label + a {
  display: none;
  font-size: 0;
  height: 30px;
  width: 40px;
}
@media (min-width: 37em) {
  .widget.language ul li input[type="radio"] + label + a {
    background-position: 10px calc(50% - 2px);
    background-repeat: no-repeat;
    padding: 2px 0 0 35px;
    display: block;
  }
}
.widget.language ul li input[type="radio"]:checked + label + a {
  display: block;
}
@media (min-width: 37em) {
  .widget.language ul li input[type="radio"] {
    display: none;
  }
  .widget.language ul li input[type="radio"] + label {
    display: none;
  }
}
.widget.language ul li.chinese a {
  background-image: url("../images/flags/big/lang_chinese.svg");
}
.widget.language ul li.english a {
  background-image: url("../images/flags/big/lang_english.svg");
}
.widget.language ul li.esperanto a {
  background-image: url("../images/flags/big/lang_esperanto.svg");
}
.widget.language ul li.finnish a {
  background-image: url("../images/flags/big/lang_finnish.svg");
}
.widget.language ul li.french a {
  background-image: url("../images/flags/big/lang_french.svg");
}
.widget.language ul li.german a {
  background-image: url("../images/flags/big/lang_german.svg");
}
.widget.language ul li.greek a {
  background-image: url("../images/flags/big/lang_greek.svg");
}
.widget.language ul li.hebrew a {
  background-image: url("../images/flags/big/lang_hebrew.svg");
}
.widget.language ul li.japanese a {
  background-image: url("../images/flags/big/lang_japanese.svg");
}
.widget.language ul li.korean a {
  background-image: url("../images/flags/big/lang_korean.svg");
}
.widget.language ul li.polish a {
  background-image: url("../images/flags/big/lang_polish.svg");
}
.widget.language ul li.portuguese_brazil a {
  background-image: url("../images/flags/big/lang_portuguese_brazil.svg");
}
.widget.language ul li.portuguese_portugal a {
  background-image: url("../images/flags/big/lang_portuguese_portugal.svg");
}
.widget.language ul li.romanian a {
  background-image: url("../images/flags/big/lang_romanian.svg");
}
.widget.language ul li.russian a {
  background-image: url("../images/flags/big/lang_russian.svg");
}
.widget.language ul li.spanish a {
  background-image: url("../images/flags/big/lang_spanish.svg");
}
@media (min-width: 37em) {
  .widget.language ul li.chinese a {
    background-image: url("../images/flags/lang_chinese.gif");
  }
  .widget.language ul li.english a {
    background-image: url("../images/flags/lang_english.gif");
  }
  .widget.language ul li.esperanto a {
    background-image: url("../images/flags/lang_esperanto.gif");
  }
  .widget.language ul li.finnish a {
    background-image: url("../images/flags/lang_finnish.gif");
  }
  .widget.language ul li.french a {
    background-image: url("../images/flags/lang_french.gif");
  }
  .widget.language ul li.german a {
    background-image: url("../images/flags/lang_german.gif");
  }
  .widget.language ul li.greek a {
    background-image: url("../images/flags/lang_greek.gif");
  }
  .widget.language ul li.hebrew a {
    background-image: url("../images/flags/lang_hebrew.gif");
  }
  .widget.language ul li.japanese a {
    background-image: url("../images/flags/lang_japanese.gif");
  }
  .widget.language ul li.korean a {
    background-image: url("../images/flags/lang_korean.gif");
  }
  .widget.language ul li.polish a {
    background-image: url("../images/flags/lang_polish.gif");
  }
  .widget.language ul li.portuguese_brazil a {
    background-image: url("../images/flags/lang_portuguese_brazil.gif");
  }
  .widget.language ul li.portuguese_portugal a {
    background-image: url("../images/flags/lang_portuguese_portugal.gif");
  }
  .widget.language ul li.romanian a {
    background-image: url("../images/flags/lang_romanian.gif");
  }
  .widget.language ul li.russian a {
    background-image: url("../images/flags/lang_russian.gif");
  }
  .widget.language ul li.spanish a {
    background-image: url("../images/flags/lang_spanish.gif");
  }
}
@media (min-width: 37em) {
  .widget.language input#language-menu {
    display: none;
  }
}
.widget.language input#language-menu + label {
  display: block;
  height: 30px;
  left: 7px;
  padding: 0 !important;
  position: absolute;
  right: 0;
}
@media (min-width: 37em) {
  .widget.language input#language-menu + label {
    display: none;
  }
}
.widget.language input#language-menu + label:after {
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: var(--fg-color) transparent transparent transparent;
  content: "";
  height: 0;
  left: auto;
  opacity: 1;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: 50% 0;
  width: 0;
}
.widget.language input#language-menu:checked + label {
  left: auto;
  width: 30px;
}
.widget.language input#language-menu:checked + label:after {
  transform: rotate(180deg);
}
.widget.language input#language-menu + label:before {
  display: none;
}
.widget.language input#language-menu:checked + label + ul {
  font-size: 0;
}
.widget.language input#language-menu:checked + label + ul li {
  display: inline-block;
  height: 30px;
  margin: 0 7px 7px 0;
  width: 40px;
}
.widget.language
  input#language-menu:checked
  + label
  + ul
  input[type="radio"]
  + label
  + a {
  display: inline-block;
}
.widget.language p {
  display: none;
}
@media (min-width: 37em) {
  .widget.language p {
    display: block;
    margin-top: 1rem;
  }
}

.widget.language-support li {
  background-position: 0 0.15em;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.widget.language-support li.it {
  background-image: url("../images/flags/lang_italian.gif");
}
.widget.language-support li.ru {
  background-image: url("../images/flags/lang_russian.gif");
}

.widget.alpha-menu {
  padding: 1rem;
}
.widget.alpha-menu ul {
  display: grid;
  grid: 1fr / repeat(5, 1fr);
  place-items: stretch;
  font-size: 1.5rem;
}
.widget.alpha-menu ul li {
  border-right: 1px solid var(--widget-border-gradient-start);
  border-bottom: 1px solid var(--widget-border-gradient-start);
  font-weight: 400;
  padding: 4px 0 0;
  text-align: center;
}
.widget.alpha-menu ul li:nth-child(5n) {
  border-right: 0;
}
.widget.alpha-menu ul li:nth-child(5n + 1):nth-last-child(-n + 5),
.widget.alpha-menu ul li:nth-child(5n + 1):nth-last-child(-n + 5) ~ * {
  border-bottom: 0;
}
.widget.alpha-menu ul a {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
}

.widget.getas .getas__item {
  font-size: 1.5rem;
  margin-bottom: 0;
  padding-top: 1.125rem;
}
.widget.getas .getas__item svg {
  top: -1.4px;
}
.widget.getas time {
  display: block;
  margin: 8px 0 1rem;
  opacity: 0.6;
}

.widget.hidden {
  display: none;
}
.widget.login {
  padding: 12px 15px;
}
.widget.login svg {
  display: inline-block;
  fill: var(--fg-color);
  height: 24px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 24px;
}
.widget.chemistry,
.widget.tag-cloud {
  background: transparent;
  border: 0;
  padding: 0;
}
.widget.tag-cloud {
  font-weight: 500;
  text-align: center;
}
.widget.tag-cloud li {
  display: inline-block;
}
.widget.tag-cloud a {
  display: inline-block;
  line-height: 1em;
  margin: 0 2px 0 0;
  transition: all 0.3s ease;
}
.widget.tag-cloud a:hover {
  text-shadow: 0 0 10px var(--bg-color);
  transform: scale(1.2);
}
.widget.tag-cloud .tag-link-solid {
  color: #baba00;
}
.widget.tag-cloud .tag-link-0 {
  color: #e3e551;
}
.widget.tag-cloud .tag-link-1 {
  color: #b7d8ff;
}
.widget.tag-cloud .tag-link-2 {
  color: #cfcaff;
}
.widget.tag-cloud .tag-link-3 {
  color: #d1f983;
}
.widget.tag-cloud .tag-link-4 {
  color: #ffcc8a;
}
.widget.tag-cloud .tag-link-5 {
  color: #b7d8ff;
}
.widget.tag-cloud .tag-link-6 {
  color: #72a2ff;
}
.widget.tag-cloud .tag-link-7 {
  color: #8affea;
}
.widget.tag-cloud .tag-link-8 {
  color: #ff5aee;
}
.widget.tag-cloud .tag-link-9 {
  color: #ece587;
}
.widget.tag-cloud .tag-link-10 {
  color: #c3ee79;
}
.widget.tag-cloud .tag-link-11 {
  color: #90fbe2;
}
.widget.tag-cloud .tag-link-12 {
  color: #8eff97;
}
.widget.tag-cloud .tag-link-13 {
  color: #fbff97;
}
.widget.tag-cloud .tag-link-14 {
  color: #7c874f;
}
.widget.tag-cloud .tag-link-15 {
  color: #6ef1be;
}
.widget.tag-cloud .tag-link-16 {
  color: #c7e0fd;
}
.widget.tag-cloud .tag-link-17 {
  color: #c87adb;
}
.widget.tag-cloud .tag-link-18 {
  color: #f58d9a;
}
.widget.tag-cloud .tag-link-19 {
  color: #53f0d3;
}
.widget.tag-cloud .tag-link-20 {
  color: #8effb2;
}
.widget.tag-cloud .tag-link-21 {
  color: #b49efb;
}
.widget.tag-cloud .tag-link-22 {
  color: #fdd4fc;
}
.widget.tag-cloud .tag-link-23 {
  color: #f879ff;
}
.widget.tag-cloud .tag-link-24 {
  color: #a3f6fc;
}
.widget.tag-cloud .tag-link-25 {
  color: #fc77bb;
}
.widget.tag-cloud .tag-link-26 {
  color: #eff1c0;
}
.widget.tag-cloud .tag-link-27 {
  color: #acfa32;
}
.widget.tag-cloud .tag-link-28 {
  color: #849b11;
}
.widget.tag-cloud .tag-link-29 {
  color: #eeeaeb;
}
.widget.tag-cloud .tag-link-30 {
  color: #eafcfd;
}
.widget.tag-cloud .tag-link-31 {
  color: #6267e6;
}
.widget.tag-cloud .tag-link-32 {
  color: #72cfd0;
}
.widget.tag-cloud .tag-link-33 {
  color: #79c1ef;
}
.widget.tag-cloud .tag-link-34 {
  color: #ffff3b;
}
.widget.chemistry {
  margin-top: -1.75rem;
  text-align: center;
}
.widget.chemistry a {
  display: block;
}
.widget.chemistry img {
  display: inline-block;
  margin: 0;
}
.widget.categories .compact.therest {
  display: none;
}
.widget.categories .compact.therest.visible {
  display: block;
}
.widget.categories a.more {
  cursor: pointer;
  display: inline-block;
}
.widget.categories .hidden {
  display: none;
}

.widget.top-10-authors ol li {
  line-height: 1em;
  padding-left: 1.875rem;
}
.widget.top-10-authors ol li:not(:last-child) {
  margin-bottom: 0.4rem;
}
.widget.top-10-authors ol li:before {
  align-items: flex-end;
  font-size: 0.75rem;
  font-weight: 500;
  height: 16px;
  line-height: 12px;
  width: 16px;
}
.widget.top-10-authors .hidden {
  display: none;
}

.widget.crowdfunding-social {
  background: transparent;
  border: none;
  padding: 0;
}
.widget.crowdfunding-social .fund-campaigns {
  align-items: center;
  border-bottom: 4px solid var(--social-icons-color);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.widget.crowdfunding-social .fund-campaigns span {
  color: var(--social-icons-color);
  flex: 0 2 0;
  height: 11px;
  font-size: 6px;
  line-height: 11px;
  min-width: 10px;
  text-align: center;
  vertical-align: middle;
}
.widget.crowdfunding-social .fund-campaigns a:first-child:after {
  border-right: 1px solid rgba(100, 100, 100, 0.8);
  content: "";
  display: inline-block;
  height: 6px;
  margin-right: 5px;
  vertical-align: middle;
  width: 3px;
}
.widget.crowdfunding-social .fund-campaigns a svg {
  height: 11px;
}
.widget.crowdfunding-social .fund-campaigns a svg .cls-1,
.widget.crowdfunding-social .fund-campaigns a svg .cls-2 {
  fill: var(--link-primary-color);
  stroke: 0;
}

.widget.search,
.widget.search form {
  background: none;
  border: 0;
  padding: 0;
}
.widget.search h4 {
  margin-bottom: 0.2em;
}
.widget.search input[name="s"] {
}
.widget.search fieldset {
  display: block;
  position: relative;
}
.widget.search button[type="submit"],
.inner-content form.boards fieldset .search div button[type="submit"] {
  background: var(--search-icon) 50% 50% no-repeat;
  border: 0;
  content: "";
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 48px;
  margin: 0;
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
.widget.quote {
  background: none;
  border: none;
  padding: 0;
}
.widget.quote h3 {
  background: var(--quote-icon) 100% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: 2.25rem;
  font-weight: 500;
  margin-bottom: 0.2em;
  padding: 0 55px 0 0;
}
.widget.quote blockquote {
  border-left: 5px solid transparent;
  border-image: linear-gradient(to bottom, #1d72e3, #f31e0e) 1;
  color: var(--table-darker-fg);
  font-family: var(--font-normal);
  font-size: 1rem;
  padding-left: 25px;
}
.widget.quote blockquote,
.widget.quote blockquote p {
  line-height: 1.3;
}

.widget .google-translate,
.widget .powered-by-yt {
  border-top: 1px solid var(--frame-border-color);
  color: var(--table-darker-fg);
  padding-top: 1em;
}
.widget .powered-by-yt {
  margin-top: 1em;
}
.widget .powered-by-yt img {
  display: inline-block;
}
.widget .powered-by-yt a {
  display: inline-block;
  vertical-align: -0.25em;
}

.widget.interesting-places ul {}

.widget.interesting-places ul li:not(:last-child) {
  border-bottom: 1px solid var(--frame-border-color);
}

.widget.interesting-places ul li {
  background-position: 0 .6rem;
  background-repeat: no-repeat;
  background-size: 22px;
  padding: .6rem 0 .6rem 40px;
}

.widget.interesting-places ul li:first-child {
  background-position: 0 0;
  padding-top: 0;
}

.widget.interesting-places ul li:last-child {
  padding-bottom: 0;
}

.widget.interesting-places ul li.blog {
  background-image: var(--bookmark-icon);
  background-size: 18px;
}

.widget.interesting-places ul li.board {
  background-image: var(--user-icon);
}

.widget.interesting-places ul li.our-books {
  background-image: var(--library-icon);
}

.widget.interesting-places ul li.programs {
  background-image: var(--magnifier-icon);
}

.img-list li:not(:first-child) {
  margin-top: 1rem;
}
.img-list li:last-child dl {
  padding-bottom: 0;
}
.img-list a[name]
{
  display: none;
}
.img-list li > a {
  display: block;
  height: 100px;
}
.img-list dl {
  line-height: 1.3; /* EK was 1 */
  padding: 0px 5px 8px 5px; /* EK was 8px 5px */
}
.img-list dt {
  font-size: 1.5rem;
}
.img-list dd {
  font-size: 1.125rem;
}
.img-list dd.blockquote {
  background: var(--block-bg);
  margin: 10px -5px 0 -5px;
  padding: 5px;
  position: relative;
}
.img-list dd.blockquote:before {
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent var(--block-bg) transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
.img-list dd.blockquote p {
  margin: 5px 0 0;
}
.img-list img:not(blockquote img) {
  background: #fff;
  display: block;
  height: 100px;
  object-fit: contain;
  padding: 20px;
  width: 100%;
}

@media (min-width: 37em) {
  main .img-list {
    align-items: flex-start;
    display: grid;
    gap: 1.75rem;
    grid: auto/repeat(3, 1fr);
  }
  main .img-list li {
    margin-top: 0 !important;
  }
}

.widget.img-list *:not(h3) {
  font-family: var(--font-normal);
}
.widget.img-list li:not(:first-child) {
  margin-top: 2rem;
}
.widget.img-list blockquote img {
 display: inline; 
 vertical-align: -1px; 
 height: 1em;
}
.widget.img-list img:not(blockquote img) {
  filter: grayscale(1) invert(1) contrast(0.7);
  transition: all 0.3s ease;
}
.widget.img-list a:hover img {
  filter: none;
}
.widget.img-list dl {
  margin: 0.8rem 0 0;
  padding: 0;
}
.widget.img-list dt {
  font-size: 1.125rem;
  font-weight: normal;
}
.widget.img-list dd {
  margin-top: 0em; /*EK was 0.3em */
  font-size: 1rem;
}
.widget.img-list dd.blockquote {
  background: none;
  margin: 1.5rem 0 0;
  padding: 0;
}
.widget.img-list dd.blockquote blockquote {
  background: none;
  border-left: 5px solid transparent;
  border-image: linear-gradient(to bottom, #1d72e3, #f31e0e) 1; /*Don't like this */
  color: var(--table-darker-fg);
  font-family: var(--font-normal);
  font-size: 1rem;
  margin: 0;
  padding-left: 25px;
}
.widget.img-list dd.blockquote::before {
  display: none;
}

.donors-list li:not(:first-child) {
  margin-top: 1rem;
}
.donors-list li:last-child dl {
  padding-bottom: 0;
}
 .donors-list li > a:not([name]) { /* EK code added not */
  display: block;
  height: 64px;
}
.donors-list dl {
  line-height: 1;
  padding: 8px 5px;
}
.donors-list dt {
  font-size: 1.5rem;
}
.donors-list dd {
  font-size: 1.125rem;
}
.donors-list dd.blockquote {
  background: var(--block-bg);
  margin: 10px -5px 0 -5px;
  padding: 5px;
  position: relative;
}
.donors-list dd.blockquote:before {
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent var(--block-bg) transparent;
  bottom: 100%;
  content: "";
  height: 0;
  left: 14px;
  position: absolute;
  width: 0;
}
.donors-list dd.blockquote p {
  margin: 5px 0 0;
}

.donors-list img {
  background: #fff;
  display: block;
  height: 64px;
  object-fit: contain;
  padding: 5px;
  width: 100%;
}

.donors-list blockquote img { /* EK code beep */
  background: transparent;
  display: inline;
  height: auto;
  object-fit: fill;
  padding: 0;
  width: 1rem;
  vertical-align: -1px;
}

@media (min-width: 37em) {
  main .donors-list {
    align-items: flex-start;
    display: grid;
    gap: 1.75rem;
    grid: auto/repeat(3, 1fr);
  }
  main .donors-list li {
    margin-top: 0 !important;
  }
}

.gallery {
  background: var(--block-bg);
  padding: 0.75rem;
}
@media (min-width: 37em) {
  .gallery {
    padding: 2.5rem;
  }
}
.gallery ul {
  display: grid;
  gap: 1.5rem;
  grid: auto/repeat(2, 1fr);
}
@media (min-width: 37em) {
  .gallery ul {
    grid: auto/repeat(4, 1fr);
  }
}
.gallery ul li {
  position: relative;
}
.gallery ul li:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.gallery ul li img {
  display: block;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: transform 0.3s ease;
  width: 100%;
}
.gallery ul li a:hover img {
  transform: scale(1.2);
}
.gallery.files ul {
  display: block;
}
.gallery.files ul li {
  background: url("../images/icons/icon-video.svg") 0 0.15em no-repeat;
  background-size: 20px;
  padding-left: 2.25rem;
}
.gallery.files ul li:not(:last-child) {
  margin-bottom: 0.2em;
}
.gallery.files ul li:before {
  display: none;
}
.gallery h5 {
  border-bottom: 1px solid var(--frame-border-color);
  border-top: 1px solid var(--frame-border-color);
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
  padding: 1rem 0;
  text-align: center;
}

ul.persons {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
ul.persons > li {
  flex: 0 0 260px;
  margin: 0 3.75rem 3rem;
}
@media (min-width: 37em) {
  ul.persons > li {
    margin: 0 3.75rem 0.75rem;
  }
}
ul.persons .diamond-frame {
  margin-bottom: 1.5rem;
}
ul.persons h3 {
  color: #868686;
  margin: 0.1em 0 1.875rem;
}
ul.persons p {
  margin-top: 1.875rem;
}

form.subscribe {
  background: none;
  padding: 0;
}
form.subscribe fieldset {
  text-align: center;
  grid: auto/3fr 1fr;
}
form.subscribe fieldset > input:not([type=checkbox]):not([type=radio]):not([type=file]) {
  grid-column: auto;
}
form.subscribe fieldset > .button {
  display: block;
  width: 100%;
}

.sort-bar {
  align-items: center;
  border-bottom: 1px solid var(--link-primary-color);
  border-top: 1px solid var(--link-primary-color);
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 4.5rem 1.5rem !important;
  mask-image: linear-gradient(to right, transparent 0, #5a5151 10%, #000 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
  padding: 0.5em 0;
}
@media (min-width: 37em) {
  .sort-bar {
    flex-direction: row;
    padding: 0;
  }
}
.sort-bar dt {
  padding: 0 4.5rem;
}
.sort-bar dd a {
  display: block;
  padding: 0.25em 0.75rem;
}
.sort-bar dd.active a,
.sort-bar dd a:hover {
  background: var(--link-primary-color);
  color: var(--bg-color);
}

ul.diamond-image-gallery {
  background: url("../images/advisory-board/memorial-bg-mobile.webp") 0 0 no-repeat;
  height: 578px;
  margin: 0 auto;
  width: 360px;
  position: relative;
}
@media (min-width: 37em) {
  ul.diamond-image-gallery {
    background-image: url("../images/advisory-board/memorial-bg.webp");
    height: 416px;
    width: 702px;
  }
}
ul.diamond-image-gallery li {
  position: absolute;
}
ul.diamond-image-gallery li.bw {
  filter: grayscale(1);
}
ul.diamond-image-gallery li.image-1 {
  height: 250px;
  left: 0;
  top: 136px;
  width: 250px;
}
ul.diamond-image-gallery li.image-2 {
  height: 180px;
  left: 180px;
  top: 62px;
  width: 180px;
}
ul.diamond-image-gallery li.image-3 {
  height: 207px;
  left: 144px;
  top: 303px;
  width: 207px;
}
ul.diamond-image-gallery li.image-4 {
  height: 129px;
  left: 96px;
  top: 0;
  width: 129px;
}
ul.diamond-image-gallery li.image-5 {
  height: 181px;
  left: 0;
  top: 397px;
  width: 181px;
}
@media (min-width: 37em) {
  ul.diamond-image-gallery li.image-1 {
    left: 49px;
    top: 121px;
  }
  ul.diamond-image-gallery li.image-2 {
    left: 224px;
    top: 49px;
  }
  ul.diamond-image-gallery li.image-3 {
    left: 289px;
    top: 189px;
  }
  ul.diamond-image-gallery li.image-4 {
    left: 413px;
    top: 111px;
  }
  ul.diamond-image-gallery li.image-5 {
    left: 496px;
    top: 170px;
  }
}
ul.diamond-image-gallery li img {
  transition: filter 0.3s ease, opacity 0.3s ease-in;
  opacity: 1;
}
ul.diamond-image-gallery li .transitioning-src {
  transition: filter 0.3s ease, opacity 0.3s ease-out;
  opacity: 0;
}

ul.banners {
  align-items: center;
  display: grid;
  grid: auto/1fr 1fr;
  gap: var(--auto-grid-gap, 2.5rem);
  justify-content: center;
}
@media (min-width: 37em) {
  ul.banners {
    grid: auto/1fr 1fr 1fr;
  }
}
ul.banners li {
  align-items: center;
  align-self: stretch;
  background: #000;
  display: flex;
  justify-content: center;
  padding: 1.875rem;
  position: relative;
  transition: transform 0.3s ease;
}
ul.banners li:after {
  background: url("../images/icons/icon-download.svg") 50% 50% no-repeat;
  bottom: 10px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 10px;
  width: 20px;
}
ul.banners li:hover {
  transform: scale(1.2);
}
ul.banners li.light {
  background: #fff;
}

/**
 * FLOW
 * Applies a margin to sibling elements based on a --flow-space custom property.
 */
.flow > *:not(.avatar) + *:not(select), .normal_p_spacing p {
  margin-top: var(--flow-space, 1.75rem);
}
.flow > div.content-intro + p {
  margin-top: 0 !important;
}
.flow > h3 + p {
  margin-top: 0 !important;
}
.flow > h4 + p {
  margin-top: 0 !important;
}
.flow > h5 + p {
  margin-top: 0 !important;
}
.flow > h6 + p {
  margin-top: 0 !important;
}
.flow > * + h3:not(:last-child),
.flow > * + h4:not(:last-child) {
  margin-top: calc(var(--flow-space) * 2);
}

/* Cool EK-Claude code */

main:not(.newsletter) h4:first-of-type:not(:is(p,blockquote) ~ h4) {
  margin-top: 0 !important;
}

h3.tight {
  margin-top: calc(var(--flow-space) * 1) !important;
}

.visually-hidden, .skip-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

@media (max-width: 36.9375em) {
  .hide-on-mobile {
    display: none;
  }
}

.frame {
  border: 18px solid var(--frame-border-color);
}

a.more,
a.more-link {
  color: var(--link-secondary-color);
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
a.more:hover,
a.more-link:hover {
  color: var(--link-primary-color);
}

a.more-link {
  display: block;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: var(--flow-space, 1.75rem);
  font-family: var(--font-alternate);
}

figure.diamond {
  background: transparent;
  border: 0;
  padding: 0;
}
figure.diamond.right {
  float: right;
}
figure.diamond.left {
  float: left;
}
figure.diamond > div,
.diamond-frame {
  padding: 22px;
  position: relative;
}
figure.diamond figcaption {
  border-left: 3px solid #666;
  font-size: 22px;
  margin: 20px 20px 0;
  padding-left: 20px;
}
.diamond-frame.thinner {
  padding: 11px;
}
figure.diamond > div:after,
.diamond-frame:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
figure.diamond > div:before,
.diamond-frame:before {
  background: var(--frame-border-color);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.diamond-frame.partly-opaque:before {
  background: var(--partly-opaque-frame-border-color);
}
figure.diamond > div > img,
.diamond-frame img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  height: calc(100% - 44px);
  object-fit: cover;
  position: absolute;
  width: calc(100% - 44px);
  z-index: 2;
}
.diamond-frame.thinner img {
  height: calc(100% - 22px);
  width: calc(100% - 22px);
}
@media print {
  figure.diamond > div,
  .diamond-frame {
    padding: 0;
    position: static;
  }
  figure.diamond > div:before,
  .diamond-frame:before,
  figure.diamond > div:after,
  .diamond-frame:after {
    display: none;
  }
  figure.diamond > div > img,
  .diamond-frame img {
    clip-path: none;
    height: auto;
    position: relative;
    width: auto;
  }
}

a.diamond-frame-link {
  display: block;
}
a.diamond-frame-link .diamond-frame:before, .row-gallery a:before {
  transition: all 0.3s ease;
}
a.diamond-frame-link img, .row-gallery a img {
  transition: filter 0.3s ease;
}
a.diamond-frame-link:hover .diamond-frame:before {
  background: #4bc0e454;
}
a.diamond-frame-link:hover img, .row-gallery a:hover img {
  filter: brightness(140%) saturate(120%) contrast(120%);
}

.diamond-frame.top img { /* EK code */
  object-position: 0 0;
}
.diamond-frame.top imgc { /* EK code */
  object-position: 0 50%;
}
.diamond-frame.bottom img { /* EK code */
  object-position: 0 100%;
}
.diamond-frame.top10px img { /* EK code */
  object-position: 0 10px;
}
.diamond-frame.top25px img { /* EK code */
  object-position: 0 25px;
}
.diamond-frame.top10p img { /* EK code */
  object-position: 0 10%;
}
.diamond-frame.top45 img { /* EK code */
  object-position: 50% 45%;
}
.diamond-frame.topl img { /* EK code */
  object-position: 50% 40%;
}
.diamond-frame.topll img { /* EK code */
  object-position: 50% 30%;
}
.diamond-frame.centerr img {
 object-position: calc(50% + 10px) 50%;
}

.diamond-frame.rightright img { /* EK code */
  object-position: 0% 50%;
}
.diamond-frame.top.rightright img { /* EK code */
  object-position: 0% 0;
}
.diamond-frame.right img { /* EK code */
  object-position: 20% 50%;
}
.diamond-frame.top.right img { /* EK code */
  object-position: 20% 0;
}
.diamond-frame.rightr img { /* EK code */
  object-position: 30% 50%;
}
.diamond-frame.top.rightr img { /* EK code */
  object-position: 30% 0;
}
.diamond-frame.rightrr img { /* EK code */
  object-position: 40% 50%;
}
.diamond-frame.top.rightrr img { /* EK code */
  object-position: 40% 0;
}
.diamond-frame.left img { /* EK code */
  object-position: 80% 50%;
}
.diamond-frame.top.left img { /* EK code */
  object-position: 80% 0;
}
.diamond-frame.leftl img { /* EK code */
  object-position: 70% 50%;
}
.diamond-frame.top.leftl img { /* EK code */
  object-position: 70% 0;
}
.diamond-frame.leftll img { /* EK code */
  object-position: 60% 50%;
}
.diamond-frame.top.leftll img { /* EK code */
  object-position: 60% 0;
}

@media (min-width: 37em) { /* EK code */
  .text-huge {
    font-size: 2rem;
  }
}
@media (min-width: 37em) { /* EK code */
  .text-very-big {
    font-size: 1.5rem;
  }
}
@media (min-width: 37em) { /* EK code */
  .text-big {
    font-size: 1.3rem;
  }
}

.text-tiny {
  font-size: 1.125rem;
}

@media (min-width: 37em) {
  .alternate-font .text-big {
    font-size: 1.75rem;
  }
}

.margin-top-0 {
  margin-top: 0;
}

 .container {
            display: flex;
            width: 100% !important;
            margin: 0 auto;
            gap: 0px; /* was 20 */
            padding: 0px; /* was 20 */
        }

        /* .column and .container are for two column ul */
        .column {
            flex: 1;
            padding: 0px 20px 20px 0px;
            border-radius: 5px;
            width: 40%; 
       }

        /* Responsive design for mobile */
        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
        }

.columns-2 {
  column-count: 2;
  column-gap: 3rem;
}

.mobile-columns-2 {
  column-count: 2;
  column-gap: 1.5rem;
}
@media (min-width: 37em) {
  .mobile-columns-2 {
    column-count: 1;
    column-gap: 0;
  }
}

.grid {
  display: grid;
  grid: auto/1fr 1fr;
  gap: var(--auto-grid-gap, 1.5rem);
}

.row-gallery-simple {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Adjust this value for desired spacing */
    flex-wrap: wrap; /* Optional: allows wrapping on smaller screens */
    margin-bottom: 1rem;
}

.row-gallery-simple figure {
    margin: 0; /* Remove default figure margins */
}

/* For now, adding the bright hovers to .bio as well as .report */
.row-gallery-simple a:before, .report a:before, .bio a:before {
  transition: all 0.3s ease;
}
.report ul a:before, .bio ul a:before {transition: none}

.row-gallery-simple a img, .report a img, .bio a img {
  transition: filter 0.3s ease;
}
.report ul a:hover img, .bio ul a:hover img {transition: none}
.row-gallery-simple a:hover img, .report a:hover img, .bio a:hover img {
  filter: brightness(140%) saturate(120%) contrast(120%);
}
.report ul a:hover img, .bio ul a:hover img {filter: none}

/* Better down here after I'm done reseting .report ul stuff */

.auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size, 16rem), 1fr));
  grid-gap: var(--auto-grid-gap, 1.5rem);
}
.auto-grid img {
  transition: transform 0.3s ease !important;
  width: 100%;
}
.auto-grid li:hover img {
  transform: scale(1.2) !important;
}

/* Bone Cancer design */

main .row-gallery figure {
  background: none;
  border: 0;
  padding: 0;
  width: auto;
}

main .row-gallery figure img {
  background: #fff;
  background-clip: content-box;
  border: 25px solid #262626;
  height: 250px;
  object-fit: contain;
  max-width: 100%;
}

main .row-gallery.big figure img {
  background: #fff;
  background-clip: content-box;
  border: 40px solid #262626; /* rgba(150, 150, 150, 0.2); */
  height: 365px;
  object-fit: cover; /* contain */
  max-width: 100%;
}

@media (min-width: 37em) {
  .row-gallery {
    display: grid;
    gap: 20px 40px;
    grid: auto/1fr 1fr 1fr;
  }

  .row-gallery.big {
    gap: 30px 60px;
    grid: auto/1fr 1fr;
  }

  main .row-gallery.big figure img {
    margin: 0;
  }
}

/* Current Programs List */

ul.programs li p {
  color: var(--fg-color);
  font-size: 1.15rem !important;
  margin: 0; /* Reset default margins */
  line-height: 1.3;
}
ul.programs li strong {
  font-weight: 500;
}
ul.programs li {
  align-items: flex-start;
  display: flex;
  flex-direction: column; /* Stack image and text-content vertically on mobile */
  font-family: "Teko", Roboto, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1;
  padding: 140px 0 0; /* Mobile padding */
  position: relative;
}

ul.programs li .image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
}
ul.programs li .image-link img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease, filter 0.3s ease;
}

ul.programs li .image-link img:hover {
  transform: scale(1.1); /* Keep your existing scale */
  filter: hue-rotate(90deg) brightness(1.2) contrast(1.1); /* Simulated gradient tint */
  animation: gradientFilterShift 1s infinite alternate; /* Animate the effect */
}

/* Keyframes for a shifting "gradient" effect */
@keyframes gradientFilterShift {
  0% {
    filter: hue-rotate(0deg) brightness(1.2) contrast(1.1);
  }
  50% {
    filter: hue-rotate(180deg) brightness(1.4) contrast(1.2);
  }
  100% {
    filter: hue-rotate(360deg) brightness(1.2) contrast(1.1);
  }
}

ul.programs li .text-content {
  display: flex;
  flex-direction: column; /* Stack text-link and p vertically */
  width: 100%; /* Full width on mobile */
}
ul.programs li .text-link {
  display: block; /* Forces text-link onto its own line */
  margin-bottom: 0px; /* Was 10px; Space between text-link and p */
}
ul.programs li .image-link img:hover {
  transform: scale(1.1);
  filter: brightness(1.2);
}

/* Desktop adjustments */
@media (min-width: 37em) {
  ul.programs li {
    flex-direction: row; /* Image and text-content side by side */
    min-height: 100px;
    padding: 0 0 0 140px; /* Space for image */
  }
  ul.programs li .image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
  }
  ul.programs li .text-content { /* Was 140px */
    margin-left: 0px; /* Align text-content to the right of the image */
    width: calc(100% - 0px); /* Adjust width to fit beside image */
  }
}

ul.programs li:not(:last-child) {
  margin-bottom: 45px;
}

/* Current program styles - e.g. Nanoshield */

.program-intro {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-bottom: 1.3rem;
}
.program-intro h3 {
  font-size: 48px;
  font-weight: 600;
}
.program-intro .w p {
  font-size: 1.125rem !important;
}
.program-intro .w p.tiny {
  margin-bottom: 40px;
}
@media (min-width: 37em) {
  .program-intro {
    align-items: start;
    flex-direction: row;
    gap: 80px;
    justify-content: space-between;
  }
  .program-intro > img {
    display: block;
    flex: 0 1 160px;
    object-fit: contain;
    width: 160px;
    margin-bottom: 1.3em;
  }
  .program-intro .w {
    flex: 1 1 auto;
  }
}

/* Books Carousel */

.scene {
  margin: 40px 0;
  position: relative;
  width: 202px;
  height: 313px;
  /* width: 210px;
  height: 140px; */
  margin: 0 auto;
  perspective: 1000px;
}

.carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s;
}

.carousel__cell {
  position: absolute;
  /*   width: 190px;
  height: 120px; */
  width: 186px;
  height: 297px;
  left: 10px;
  top: 10px;
  transition:
    transform 1s,
    opacity 1s;
}

.carousel__cell:nth-child(1) {
  transform: rotateY(0deg) translateZ(288px);
}
.carousel__cell:nth-child(2) {
  transform: rotateY(40deg) translateZ(288px);
}
.carousel__cell:nth-child(3) {
  transform: rotateY(80deg) translateZ(288px);
}
.carousel__cell:nth-child(4) {
  transform: rotateY(120deg) translateZ(288px);
}
.carousel__cell:nth-child(5) {
  transform: rotateY(160deg) translateZ(288px);
}
.carousel__cell:nth-child(6) {
  transform: rotateY(200deg) translateZ(288px);
}
.carousel__cell:nth-child(7) {
  transform: rotateY(240deg) translateZ(288px);
}
.carousel__cell:nth-child(8) {
  transform: rotateY(280deg) translateZ(288px);
}
.carousel__cell:nth-child(9) {
  transform: rotateY(320deg) translateZ(288px);
}
.carousel__cell img {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 1));
}

.carousel-options {
  text-align: center;
  position: relative;
  z-index: 2;
  background: hsla(0, 0%, 100%, 0.8);
}
.carousel-title {
  /* border: 1px solid red; */
  align-items: center;
  color: #a3a3a3;
  display: flex;
  font-size: 24px;
  justify-content: center;
  margin: 0 !important;
  min-height: 120px;
  position: relative;
  top: -20px;
  /* z-index: -1; */
}
.carousel-title:after {
  background: radial-gradient(
    ellipse at center,
    rgba(27, 150, 148, 1) 0%,
    rgba(27, 150, 148, 0) 80%
  );
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}

/* Previous-Next links */
div.prev-next ul li a {
  font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
}

.prev-next {
  background: var(--button-primary-color);
  color: var(--bg-color);
}
.prev-next ul {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 15px 6px;
}
.prev-next a {
  color: var(--bg-color);
  font-weight: 500;
}
.prev-next a:hover {
  color: var(--link-secondary-color);
}
.prev-next .prev a {
  background: url("/images/icons/chevron-left-white.svg") 0 45%/10px 17px
    no-repeat;
  padding-left: 30px;
}
.prev-next .prev a:hover {
  background-position: 5% 45%;
}
.prev-next .next a {
  background: url("/images/icons/chevron-right-white.svg") 100% 45%/10px 17px
    no-repeat;
  padding-right: 30px;
}
.prev-next .next a:hover {
  background-position: 95% 45%;
}

/* Donate page */

.amazon-link {
  background: var(--amazon-logo) 0 50%/65px 21px no-repeat;
  display: inline-block;
  height: 21px;
  text-indent: -10000em;
  vertical-align: -0.35em;
  width: 65px;
}
.amazon-link:hover {
  transform: scale(1.1);
}

/* Contact page */

@media (min-width: 37em) {
  .contact-info {
    column-count: 2;
    column-gap: 3rem;
  }
  .contact-info dl {
    display: inline-block;
  }
}
.contact-info dl {
  font: 400 1.125rem var(--font-normal);
  width: 100%;
}
.contact-info dl dt {
  margin-bottom: 0.5em;
}
.contact-info dl dd {
  margin-bottom: 0.8em;
}
.contact-info dl a {
  background: var(--envelope-icon) 0 0.15em/20px no-repeat;
  padding-left: 35px;
}

/*
 * Videos page
*/
.video-caption {
  background: rgba(100, 100, 100, 0.2);
  margin-top: 0 !important;
  padding: 20px;
}
.video-caption p:not(:last-child) {
  margin-bottom: 1em;
}
body main ul.videos {
  margin: calc(var(--flow-space) * 1.3) 0 0 0 !important;
  padding: 0;
}
ul.videos li {
  background: var(--video-icon) 0 0/30px no-repeat;
  list-style-type: none;
  min-height: 27px;
  padding: 0 0 0 50px;
}

/**/
/* VIP section */
/**/
ul.media-list {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  padding: 0;
}

@media (min-width: 37em) {
  ul.media-list {
    grid-template-columns: repeat(4, 1fr);
  }
}

ul.media-list li {
  background: var(--image-icon) 0 50%/30px no-repeat;
  min-height: 30px;
  padding: 4px 0 0 40px;
}

ul.media-list.mov li {
  background-image: var(--mov-icon);
}


/**/
/* Bone cancer page */
/**/
.update {
  border: 2px solid var(--menu-color);
  border-radius: .8em;
  color: var(--menu-color);
  display: inline-block;
  font-family: var(--font-normal);
  margin: calc(var(--flow-space) * 2) 0 calc(var(--flow-space) / 2);
  font-size: 1.125rem;
  padding: .2em 0.5em;
}

/**
*
* Overrides for the blog section (Wordpress)
*
*/

@media (min-width: 37em) {
  p.logged-in-as {width: 400px;}
}

#wpadminbar .avatar {
  min-width: 0;
}

.wp a.more-link {
  display: inline-block;
  white-space: normal;
}

.wp .more-link-wrapper a.more-link {
  margin-top: 0;
}

article.hentry {
  border: 2px solid #c4303b;
  padding: 2px;
}

article.hentry:not(:first-child) {
  margin-top: 3rem;
}

article figure.entry-thumbnail {
  background: none;
  border: none;
  border-bottom: 1px solid var(--opaque-frame-border-color);
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
}

article figure.entry-thumbnail img {
  max-width: 100%;
}

div.entry-details {
  background: var(--overlay-opaque);
  padding: 30px;
}

/* code for date begins */
header.entry-header time a {
  color: #fff;
}
header.entry-header time a:hover {
  color: yellow;
}
header.entry-header time.entry-date {
  align-items: center;
  background: #d53105;
  color: #fff;
  display: flex;
  flex: 0 0 55px;
  font-size: 1.125rem;
  font-weight: 400;
  height: 55px;
  justify-content: center;
  line-height: 1;
  margin-right: 0; /* Remove right margin since we're using gap */
  text-align: center;
  width: 55px;
}
/* Fix for moving the date box to the left of the title */
header.entry-header {
  display: flex;
  align-items: center; /* Vertically center both date and title */
  gap: 0.75rem; /* Add some space between date and title */
}

header.entry-header h1.entry-title {
  flex: 1; /* Take up remaining space */
  margin: 0; /* Remove any default margins */
}

/* Ensure the title doesn't have conflicting styles */
.entry-details header.entry-header h1.entry-title {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2; /* Slightly increased for better readability */
}

header.entry-header timex {
  display: block;
}
header.entry-header timex.entry-date {
  margin-bottom: -2px;
}
/* code for date ends */

header.entry-header .posted-on {
  color: var(--button-primary-color);
  font-size: 1rem;
  font-weight: 600;
/*  text-transform: uppercase; */
}

/* following is for date format we aren't using
header.entry-header .posted-on br {
  display: none;
}
header.entry-header .posted-on a {
  color: var(--button-primary-color);
}
*/

header.entry-header h2.entry-title {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 0.8;
}

div.entry-content>*:not(:first-child) {
  margin-top: var(--flow-space, 1.75rem);
}

div.entry-content p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

div.entry-content blockquote {
  background: url("../images/icons/icon-quote.svg") 0 0 no-repeat;
  background-size: 40px;
  margin-left: 0;
  padding-left: 50px;
}

@media (min-width: 37em) {
  div.entry-content blockquote {
    background-size: 95px;
    font-size: 1.75rem;
    min-height: 95px;
    padding-left: 130px;
  }
}

@media (min-width: 37em) {
  div.entry-content figure {
    width: auto;
  }
}

footer.entry-footer {
  margin-top: var(--flow-space);
}

footer.entry-footer .entry-meta p {
  font: 1.125rem var(--font-alternate) !important;
}

footer.entry-footer .more-link-wrapper {
  margin-top: var(--flow-space);
  /* text-align: center; EK test, not needed */
}

footer.entry-footer .more-link-wrapper .button.more-link {
  color: var(--bg-color);
  width: 100%;
}

@media (min-width: 37em) {
  footer.entry-footer .more-link-wrapper .button.more-link {
    /* max-width: 50%; EK code to remove this not needed code */
  }
}

nav.navigation.pagination {
  background: var(--button-primary-color);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
  margin-top: 4.5rem;
  padding: 9px 10px 7px;
  text-align: center;
}

nav.navigation.pagination a,
nav.navigation.pagination .page-numbers.current {
  padding: 5px 8px 3px;
}

nav.navigation.pagination a.prev,
nav.navigation.pagination a.next {
  color: var(--bg-color);
  margin: 0 1.875rem;
}

nav.navigation.pagination a.prev {
  background: var(--chevron-left-icon) 0 50%/10px no-repeat;
  padding-left: 25px;
}

nav.navigation.pagination a.next {
  background: var(--chevron-right-icon) 100% 50%/10px no-repeat;
  padding-right: 25px;
}

nav.navigation.pagination a:hover {
  color: var(--link-secondary-color);
}

nav.navigation.pagination .page-numbers {
  color: var(--bg-color);
  display: inline-block;
}

nav.navigation.pagination .page-numbers.current {
  background: var(--bg-color);
  color: var(--fg-color);
  padding-left: 15px;
  padding-right: 15px;
}

nav.navigation.pagination .page-numbers.dots {
  opacity: 0.3;
}

.comments-area {
  margin-top: 2rem;
  --comment-flow: 1.125rem;
}

.comments-area h2.comments-title {
  font-size: 1.875rem;
  line-height: 1;
}

.comments-area h2.comments-title span {
  background: var(--link-secondary-color);
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 10px 0 0;
  padding: 3px 10px 0;
  position: relative;
  top: -2px;
}

.comments-area h2.comments-title span:after {
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #d53205 transparent transparent transparent;
  bottom: -10px;
  content: "";
  height: 0;
  left: 10px;
  position: absolute;
  width: 0;
}

.comments-area ol.comment-list li.comment {
  line-height: 1;
  margin: 1.75rem 0 0;
  padding-left: 0;
}

.comments-area ol.comment-list li.comment:before {
  display: none;
}

.comments-area ol.comment-list li.comment a {
  color: var(--menu-color);
}

.comments-area ol.comment-list li.comment a:hover {
  color: var(--link-secondary-color);
}

.comments-area ol.comment-list li.comment .comment-author {
  margin-bottom: 4px;
}

.comments-area ol.comment-list li.comment .comment-author img.avatar {
  display: none;
}

.comments-area ol.comment-list li.comment .comment-author b.fn {
  font-weight: 300;
}

.comments-area ol.comment-list li.comment .comment-metadata {
  font-size: 1.25rem;
}

.comments-area ol.comment-list li.comment .comment-content {
  line-height: 1.2;
}

.comments-area ol.comment-list li.comment .comment-content>* {
  margin-top: var(--comment-flow);
}

.comments-area ol.comment-list li.comment .reply {
  margin-top: var(--comment-flow);
}

.comments-area ol.comment-list li.comment ol.children {
  margin-top: var(--comment-flow);
  padding-left: 3rem;
}

.comments-area .comment-respond {
  background: var(--block-bg);
  border: 3px solid var(--menu-color);
  font-family: var(--font-alternate);
  margin-top: 2rem;
  padding: 1.875rem;
}

.comments-area .comment-respond .comment-reply-title {
  color: var(--menu-color);
  font-size: 2.25rem;
  font-weight: 500;
  margin: 0;
}

.comments-area .comment-respond .comment-reply-title+p {
  font: 1.125rem var(--font-normal);
  margin: 0 0 var(--flow-space);
}

.comments-area .comment-respond .comment-reply-title small {
  margin-left: 1em;
}

.comments-area #cancel-comment-reply-link {
  font-size: 1rem;
}

.comments-area .comment-respond form {
  background: 0;
  border: none;
  padding: 0;
}

.comments-area .comment-respond form .notification {
  margin: 0 0 0.5rem !important;
  padding: 1rem !important;
}

.comments-area .comment-respond form .required-field-message {
  display: none;
}

.comments-area .comment-respond form>p {
  margin-top: 0.75rem;
}

.comments-area .comment-respond form p.form-submit {
  grid-column: 1/4 !important;
  margin: 2rem 0 0.5rem;
  text-align: center;
}

@media (min-width: 37em) {
  .comments-area .comment-respond form p.form-submit {
    margin: 0 0 0.5rem;
  }
}

.comments-area p.no-comments {
  color: #d53105;
  font-size: 1.875rem;
  margin: 3rem 0;
  text-align: center;
}

.archive.author header.page-header {
  display: flex;
  flex-direction: column;
  --flow-space: 1.125rem;
}

@media (min-width: 37em) {
  .archive.author header.page-header {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
  }
}

.archive.author header.page-header .author-image {
  flex: 0 0 250px;
  margin: 0 0 2.5rem;
}

@media (min-width: 37em) {
  .archive.author header.page-header .author-image {
    margin: 0 2.5rem 0 0;
  }
}

.archive.author header.page-header .author-image .diamond-frame {
  margin: 0 auto;
  max-width: 250px;
}

.archive.author .panel {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.archive.author .panel>* {
  margin-top: 0;
}

.archive.author .panel label {
  bottom: -2px;
  font-size: 1.5rem;
  margin-right: 1.25rem;
  position: relative;
}

.archive.author .panel select {
  font-weight: 400;
  margin: 0;
  min-width: 30%;
  width: auto;
}

.archive.author dl.date-list.posts {
  font-family: var(--font-normal);
  font-size: 1rem;
  gap: 1.5rem;
  line-height: 1.3;
}

@media (min-width: 37em) {
  .archive.author dl.date-list.posts {
    grid: auto/1fr 4fr;
  }
}

.website-link {
  word-break: break-word;
}
/* EK code to increase padding around checkboxes */
.inner-content [type="checkbox"] + label {
  line-height: 1.5;
}

/* EK code to highlight checkbox being checked */
.inner-content [type="checkbox"] + label:hover::before {
  border-color: var(--link-secondary-color);
}