@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, p.normal {
  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 .widget.rounded, aside.special-report .widget {
  background-clip: padding-box;
  border: 12px solid rgba(125, 125, 125, .15);
  border-radius: 25px;
  font: 1rem var(--font-normal);
  padding: 25px;
}
aside .widget.rounded :is(h3,h4), aside.special-report .widget :is(h3,h4)
{
 font-family: var(--font-alternate);
}

aside .widget.rounded:not(.spaced) ul > li:not(:last-child), 
aside.special-report .widget:not(.spaced) ul > li:not(:last-child)
{
 margin-bottom: 0.25rem; /* A lot of lists were too cramped */
}

aside .widget.rounded p, aside.special-report .widget p {
  line-height: 1.3;
}

/* Not being used
aside .widget.rounded a {
  color: var(--menu-color);
}
aside .widget.rounded a:hover {
  color: var(--menu-hover-color);
}
*/

.widget.center, h3.center, h4.center
{
 text-align: center;
}

h3.normal, h4.normal
{
 font-family: Roboto, sans-serif;
}

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

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

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

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

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

blockquote.small
{
 margin: 0 auto;
 display: table; /* Makes the div shrink to fit content */
 max-width: calc(100vw - 40px); /* Prevent overflow on mobile */
}

div.smallbox,div.small-box,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;
}

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: 1200px) {
  .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: 1199px) {
  .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: 1200px) {
  .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");
  --patent-icon: url("/images/icons/icon-patent-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");
  --substack-icon: url("/images/icons/icon-substack-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");
  --un-icon: url("/images/icons/icon-un-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-2-icon: url("/images/icons/icon-media-2-blue.svg");
  --member-services-and-discounts-icon: url("/images/icons/icon-member-services-and-discounts-blue.svg");
  --new-icon: url("/images/icons/icon-new-blue.svg");
  --donors-icon: url("/images/icons/icon-donors-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");
    --patent-icon: url("/images/icons/icon-patent-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");
    --substack-icon: url("/images/icons/icon-substack-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");
    --un-icon: url("/images/icons/icon-un-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");
    --media-2-icon: url("/images/icons/icon-media-2-yellow.svg");
    --member-services-and-discounts-icon: url("/images/icons/icon-member-services-and-discounts-yellow.svg");
    --new-icon: url("/images/icons/icon-new-yellow.svg");
    --donors-icon: url("/images/icons/icon-donors-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");
    --patent-icon: url("/images/icons/icon-patent-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");
    --substack-icon: url("/images/icons/icon-substack-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");
    --un-icon: url("/images/icons/icon-un-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");
    --media-2-icon: url("/images/icons/icon-media-2-yellow.svg");
    --member-services-and-discounts-icon: url("/images/icons/icon-member-services-and-discounts-yellow.svg");
    --new-icon: url("/images/icons/icon-new-yellow.svg");
    --donors-icon: url("/images/icons/icon-donors-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: 1200px) {
  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 center;
  background-repeat: no-repeat;
  background-size: auto min(46px,100%); /* Causes icon to scale down for mobile use */
  padding: 5px 0 5px 70px;
  margin-bottom: 0.8rem; /* Important for two line headers in mobile */
  @media (min-width: 1200px) {
  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: 1200px) {
  h2,h2.alt {
    font-size: 3rem;
  }

  h3 {
    font-size: 2.25rem;
  }
}
.site-wrap {
  overflow: hidden;
  padding: 1rem;
}
@media (min-width: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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.newsletter {
    margin-left: 130px !important;
  }
  body.inner .inner-content aside.tinytiny {
    flex: 0 0 280px;
    margin-left: 120px !important;
  }
  body.inner .inner-content aside.tiny {
    flex: 0 0 300px;
    margin-left: 100px !important;
  }
  body.inner .inner-content aside.small {
    flex: 0 0 330px;
    margin-left: 70px !important;
  }
  body.inner .inner-content aside.medium {
    flex: 0 0 400px;
    margin-left: 60px !important;
  }
  body.inner .inner-content aside.wide {
    flex: 0 0 425px;
    margin-left: 60px !important;
  }
  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;
  overflow-y: auto; /* Adds scrollbar only if needed */
  max-height: 100vh; /* Limit height to 100% of viewport height */
}
@media (min-width: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  #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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  footer.site-foot .getas-threat-level {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1199px) {
  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: 1200px) {
  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: 1200px) {
  .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: 1200px) {
  .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: 0px 0.75rem; /* Was 0px 0.75rem, trying to lower text slightly */
  /* For .button specifically, this sizing block sets the box dimensions.
     The button architecture continues further down with three more rules:
       - .inner-content a.button.button: padding-top: 2px (anchor-only nudge)
       - main .button, aside .button:    colors, fonts, transitions, etc.
       - main button.button, aside button.button: text-box-trim (button-only)
     Anchors get manual 2px padding-top compensation; <button> elements get
     text-box-trim for perfect optical centering via the UA centering quirk.
     See the comment blocks at each of those rules for the full reasoning.

     If you wanted to truly fix it for anchors without giving up 
     text-box-trim, the path would be to make the anchor behave more like a 
     button — wrap the text in a <span> child and apply text-box-trim plus 
     centering to the span instead of relying on the implicit anonymous box. 
     That would let the trim and the centering live in the same box. But that 
     requires HTML changes across the site for every anchor-button, which 
     isn't worth it for a 2px difference. The padding-top: 2px nudge is the 
     right call.

     The deeper takeaway: <button> and <a class="button"> look identical 
     visually when styled the same way, but they're fundamentally different 
     elements under the hood. Most of the time the difference doesn't matter. 
     Text-box-trim is one of the cases where it does.

     ---

     Original Teko-metrics problem: For Teko, the cap-height region sits in
     roughly the top 70% of the em-box, with the bottom 25–30% reserved for
     descender space that "SUBMIT" never uses.

     This is the problem the CSS Working Group is trying to solve with 
     text-box-trim / text-box-edge — they let you trim the line-box to 
     actual cap-height or x-height edges so optical centering becomes 
     automatic. Browser support is uneven enough that hand-tuned padding is 
     still the pragmatic move for anchors (where text-box-trim doesn't
     cooperate with explicit centering).

     I moved back to 0px and tried text-box-trim / text-box-edge
     Chrome, Edge, Safari, and iOS Safari supports this.
  */
}
.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: 1200px) {
  .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 for checkboxes, I'm finding this annoying, removed for now - thick purple borders */
/*.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: 1200px) {
  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: 1200px) {
  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;
}

/* ===========================================================================
   ANCHOR-BUTTON VERTICAL NUDGE (for <a class="button">, NOT <button>)
   ---------------------------------------------------------------------------
   <button> elements get UA-internal centering + text-box-trim via the
   button-only rule below -- DO NOT add <button> selectors here.

   For anchors, we accept that text-box-trim doesn't cooperate with any
   explicit centering mechanism we've tried (inline-flex, inline-grid both
   leave the text visibly high). So anchors don't get text-box-trim, and
   instead rely on line-height-based half-leading centering, with a
   manual 2px padding-top nudge to compensate for Teko's natural tendency
   to sit slightly above optical center.

   The 2px figure is empirical -- it's the same correction Eric arrived at
   independently earlier in this session for line-height-based centering on
   the SUBMIT button before text-box-trim was introduced. The padding-top
   shifts the line-box (and the text inside it) down by 2px, which lands
   the optical center roughly at the geometric center for Teko at 1.5rem.

   The line-box at line-height: 3rem will overflow the content area by 2px
   at the bottom, but since all button labels are uppercase with no
   descenders, no visible glyph extends into that overflow.

   WHY THE DOUBLED `.button.button` SELECTOR:
   Specificity bump from (0,2,1) to (0,3,1). Beats the shorthand
   `padding: 0 0.75rem` from .inner-content .button (which sets padding-top
   to 0) and the lower-specificity rules elsewhere. Not a typo.
   =========================================================================== */
.inner-content a.button.button {
  padding-top: 2px;
}

main .button,
aside .button {
  background: var(--button-primary-color);
  border: 0;
  color: var(--bg-color);
  cursor: pointer;
  display: inline-block;
  /* IMPORTANT: do NOT switch this to inline-flex with align-items/justify-content.
     <button> elements have a UA-internal centering mechanism that cooperates
     correctly with text-box-trim. Replacing it with explicit flex breaks the
     optical centering because text-box-trim's line-box trimming happens inside
     the anonymous flex item rather than at the button's outer box, and
     align-items: center then centers the un-trimmed flex item instead of the
     trimmed text-box.

     <a class="button"> anchors don't get the UA quirk. Both flex and grid
     centering were tried as alternatives and both produced visibly-high
     text when combined with text-box-trim. So anchors don't get
     text-box-trim at all (see button-only rule below) and instead get a
     2px padding-top nudge (see .inner-content a.button.button above)
     to compensate for Teko's natural high-bias under plain line-height
     centering. */
  font-family: var(--font-alternate);
  font-size: 1.5rem;
  font-weight: 400;
  min-height: 3rem; /* prevents flex-column-item collapse on <button> elements
                       inside column flex containers (e.g., Subscribe in
                       .submit.stacked) once UA centering + text-box-trim
                       reduce content height. */
  text-align: center;
  /* text-box-trim/text-box-edge intentionally NOT set here -- they only
     produce optical centering when combined with <button>'s UA-internal
     centering. See the button-only rule below. */
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 0.3s ease,
    background 0.3s ease,
    text-decoration-color 0.3s ease;
}

/* ===========================================================================
   TEXT-BOX-TRIM FOR <button> ELEMENTS ONLY
   ---------------------------------------------------------------------------
   text-box-trim gives optical cap-to-baseline centering, but only when
   combined with the UA-internal centering mechanism that <button> elements
   have built in. Applying it to anchors produces visibly-high text under
   every explicit centering mechanism (inline-flex with align-items: center,
   inline-grid with place-items: center -- both tested).

   So we restrict text-box-trim to <button> here. Anchors get a 2px
   padding-top nudge instead, applied in .inner-content a.button.button.

   <button> elements (Submit, Subscribe, Submit Comment): perfect optical
   centering via UA + text-box-trim.
   <a class="button"> anchors (Read more, donor list, etc.): close-enough
   centering via line-height + 2px padding-top correction.
   =========================================================================== */
main button.button,
aside button.button {
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
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: 1200px) {
  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.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;
}
/* .full anchors (donor-list, Lifeboat 500) need block-level layout to span
   full width. The .inner-content a.button.button rule (0,3,1) only sets
   padding-top, not display, so this rule's display: block applies cleanly
   without specificity gymnastics. */
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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1199px) {
  .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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  .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;
}

h2.intro__heading {
 line-height: 1;
}

.youtube-bg {
  max-width: 100%;
  position: absolute;
  top: -50px; /* -100px; */
  width: 100%;
  z-index: 0;
}
.youtube-bg:before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media (min-width: 1200px) {
  .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: 1200px) {
  .youtube-bg video {
    opacity: 0.4;
  }
}

.volume-control {
  position: absolute;
  right: 4px;
  text-align: center;
  top: -10px;
  z-index: 2;
}
@media (min-width: 1200px) {
  .volume-control {
    top: -92px;
  }
}
@media (min-width: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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.4rem;
  line-height: 1.1;
}
.news .widerwiderwider p {
  font-size: 1.4rem;
  line-height: 1.1;
}
.news .widerwiderwiderwider p {
  font-size: 1.35rem;
  line-height: 1.1;
}
.news .widerwiderwiderwiderwider p {
  font-size: 1.3rem;
  line-height: 1.1;
}
.news .widewidewidewide p {
  font-size: 1.3rem;
  line-height: 1.1;
}
.news .widewidewidewidewide 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: 1200px) {
  .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;
  pointer-events: none; /* CHANGE 2026-09: this decoration hangs 272px below the slide and was intercepting clicks on the books heading on phones */
  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;
  }

  /* CHANGE 2026-09: the "Learn about all our books | >" line matches "More News | >" (.news p is 1.5rem) */
  .books .books__intro p.books__more {
    font-size: 1.5rem;
    line-height: 1.1;
    margin-top: 0.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: 460px; /* CHANGE 2026-09: four covers, two rows of two on phones */
}

.books .books__intro .books__featured li {
  position: absolute;
}

/* CHANGE 2026-09: four covers in publication order, two centred pairs on phones; left-most in front on desktop */
.books .books__intro .books__featured li:first-child {
  left: 50%;
  margin-left: -165px;
  top: 0;
  z-index: 4;
}

.books .books__intro .books__featured li:nth-child(2) {
  left: 50%;
  margin-left: 15px;
  top: 0;
  z-index: 3;
}

.books .books__intro .books__featured li:nth-child(3) {
  left: 50%;
  margin-left: -165px;
  top: 240px;
  z-index: 2;
}

.books .books__intro .books__featured li:nth-child(4) {
  left: 50%;
  margin-left: 15px;
  top: 240px;
  z-index: 1;
}

@media (min-width: 37em) {
  .books .books__intro .books__featured {
    height: 513px;
    margin: 0;
    min-height: 0; /* CHANGE 2026-09: the phone min-height must not apply here */
    position: absolute;
    right: 0;
    top: 0;
    width: 513px;
  }

  /* CHANGE 2026-09: four covers side by side in the same 513px box: each
     book scaled to 80% (120x160) and 122px apart, so they just touch */
  .books .books__intro .books__featured .book-container {
    transform: scale(0.8);
    transform-origin: 0 0;
  }

  .books .books__intro .books__featured li:first-child {
    left: 8px;
    margin: 0;
    top: 182px;
  }

  .books .books__intro .books__featured li:nth-child(2) {
    left: 130px;
    margin: 0;
    top: 167px;
  }

  .books .books__intro .books__featured li:nth-child(3) {
    left: 252px;
    margin: 0;
    top: 152px;
  }

  .books .books__intro .books__featured li:nth-child(4) {
    left: 374px;
    margin: 0;
    top: 137px;
  }
}

/* CHANGE 2026-09: the books page's own strip (books.shtml), formerly inline
   styles. Phones: in flow below the page title, two centred pairs. Desktop:
   pulled up under the title as before, and only as tall as the covers. */
.books.books--page {
  background: none;
  margin-top: 0;
}

.books.books--page .books__intro {
  padding: 0;
}

.books.books--page .books__featured {
  margin: 2rem auto 0;
  position: relative;
}

@media (min-width: 37em) {
  .books.books--page {
    margin-top: -100px;
  }

  .books.books--page .books__intro {
    min-height: 375px;
  }

  .books.books--page .books__featured {
    height: 0;
    margin: 0 auto;
    right: auto;
    top: auto;
  }
}

.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);
}

.single-book {
  align-items: center;
  display: flex;
  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));
  justify-content: center;
  margin: 3rem 0;
  perspective: 600px;
}

.single-book>div {
  animation: 1s ease 0s 1 initAnimation;
  height: 225px;
  position: relative;
  transform-style: preserve-3d;
  transform: rotateY(-20deg);
  transition: 1s ease;
  width: 150px;
}

.single-book>div:hover {
  transform: rotateY(0deg);
}

.single-book>div: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: 218px;
  left: 0;
  position: absolute;
  top: 3px;
  transform: translateX(122px) rotateY(90deg);
  width: 48px;
}

.single-book>div>img {
  background-color: #9e9e9e;
  border-radius: 0 2px 2px 0;
  height: 225px;
  object-fit: fill;
  left: 0;
  top: 0;
  transform: translateZ(25px);
  transition: box-shadow 1s ease;
  width: 150px;
}

.single-book>div:hover>img {
  box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5)
}

.single-book>div:after {
  background-color: #9e9e9e;
  border-radius: 0 2px 2px 0;
  content: " ";
  height: 225px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateZ(-25px);
  transition: box-shadow 1s ease;
  width: 150px;
}

@media (min-width: 1200px) {
  #main-content .single-book>div {
    height: 337.5px;
    width: 225px;
  }

  #main-content .single-book>div:before {
    height: 330px;
    width: 72px;
    top: 4.5px;
    transform: translateX(183px) rotateY(90deg);
  }

  #main-content .single-book>div>img {
    transform: translateZ(37.5px);
    height: 337.5px;
    width: 225px;
  }

  #main-content .single-book>div:after {
    height: 337.5px;
    width: 225px;
    transform: translateZ(-37.5px);
  }
}

/* This makes the entire book area consistently clickable rather 
   than having dead zones where the 3D layers interfere with the 
cursor interaction. */
.single-book {
  position: relative;
  z-index: 1;
}
.single-book > div > img {
  pointer-events: none;
}
.single-book {
  pointer-events: all;
}

/* Following code is for when I wanted to put books on page that
   was not the main page */

.books .swiper {
  background: var(--books-bg) 50% 161px no-repeat;
  background-size: contain;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1200px) {
  .books .swiper {
    padding-bottom: 3.75rem;
  }
}
.books .swiper h3 {
  font-size: 2.25rem;
  margin: 1.5rem 0 0.75rem;
}
@media (min-width: 1200px) {
  .books .swiper h3 {
    font-size: 3rem;
    margin-top: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .books .swiper p {
    font-size: 1.5rem;
  }
}
.books .swiper .diamond-frame {
  margin: 0 auto;
  width: 290px;
}

.partners {
  position: relative;
}
@media (min-width: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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-2-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.bubble {
  background-image: var(--bubble-icon);
}

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

@media (min-width: 1200px) {
  .content-intro {
    background-position: 0 0;
    background-size: auto 150px;
    padding: 0 0 0 230px;
    margin-bottom: 1.7rem; /* I added this */
  }

  .content-intro.center {
    align-items: center;
    display: flex;
  }

  .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):not(h3 + p)
{
  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: 1200px) {
  .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;
}
figure {
  margin-bottom: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: center;
  width: max-content;
}
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; */
}
figure.bio img {
  padding-bottom: 15px;
}

@media (min-width: 1200px) {
  figure {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    text-align: left;
    width: min-content;
  }
}
figure img {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
@media (min-width: 1200px) {
  figure img {
    max-width: none; /* Limit could be around 760px, but it seems better not to have some a huge image if we aren't displaying all of it */
  }
}

@media (min-width: 1200px) {
  figure.right {
    float: right;
    margin-left: 1.75rem;
  }
  figure.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  figure.left {
    float: left;
    margin-right: 1.75rem;
  }
}
figure.left-align, figure.text-left, main figcaption.left-align, main figcaption.text-left, figcaption.left {
  text-align: left;
  max-width: calc(100vw - 40px); /* Prevent overflow on mobile */
}
main figcaption
{
  max-width: calc(100vw - 40px); /* Prevent overflow on mobile */
}


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

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

figure.transparent.right {
  float: none;
}

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

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

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

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

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

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

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

  figure.transparent.alt {
    display: block;
  }

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

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

figure.padded2 figcaption div {
  text-align: center;
}
figure.padded2 figcaption div p {
  display: inline-block;
  text-align: left;
  margin: 0;
  padding: 0;
}
figure.padded figcaption {
  padding-left: 20px;
  padding-right: 20px;
}
figure.center-align, figure.text-center, main figcaption.center {
  text-align: center;
}
figure.center figcaption.center
{
 width: 780px; /* Legacy code compared to the container code below */
}

main {
  container-type: inline-size;
}

@container (max-width: 800px) {
  /* These styles only apply when main is 800px or less which is always */
  figure.center figcaption.center
  {
   max-width: 100%; /* Width of main on PC */
  }
}

figure figcaption {
  font-size: 1.125rem;
  font-size: 1rem; /* EK code */
  margin-top: 1.5rem;
}
figure figcaption p, p.figcaption {
  font-size: 1rem !important; /* EK code */
  margin-top: 1rem;
}
figure.bio figcaption {
 font-size: 1.375rem;
 line-height: 1.2;
 margin: 0;
}
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 blockquote.bio.big, main blockquote.bio.big p
{
 font-size: 22px !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: 1200px) {
  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: 1200px) {
  main table {
    padding: 1.875rem 1.875rem 0;
  }
}
main table tr > * {
  line-height: 1;
  padding: 8px 10px 4px;
}
/* bop */
main table thead tr > * {
  font-weight: 400;
  text-align: left;
  vertical-align: top; /* Claude */
}

main table thead.two tr:first-child > * {padding-top: 0}
main table thead.two tr:last-child > * {padding-top: 0}

main table thead tr:last-child > * {
  border-bottom: 1px solid var(--frame-border-color);
  padding-bottom: 1.75rem;
}
main table tbody tr > * {
  word-break: break-word;
}
main table tbody tr:first-child > * {
  padding-top: 1.75rem;
}
main table.nothead tbody tr:first-child > * {
  padding-top: 0;
}

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 tfoot td p:not(:first-child) {
  margin-top: 1rem;
}

td.left {
 text-align: left;
}
td.right {
 text-align: right;
 padding-right: 0;
}

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: 1200px) {
  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.15rem; /* EK code, was 1.15rem */
}
.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;
}
ol.comment-list div#respond form#commentform
{
 font-size: 1.5rem;
 /* font-weight: 400; Messing up Edit your profile text for replies */
}


address {
  background: url("../images/icons/icon-pin-red.svg") 0 0 no-repeat;
  background-size: 39px 50px;
  font-style: normal;
  padding-left: 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:not(.default):not(.simple) 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 p {
  font-family: var(--font-normal);
  font-weight: 400;
}

.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;
}

.thumb-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.thumb-container .thumb {
  background: #85a6b9;
  border-radius: 100%;
  height: 250px;
  overflow: hidden;
  width: 250px;
}

.thumb-container .thumb img {
  height: 100%;
  /* filter: grayscale(100%) hue-rotate(90deg); */
  mix-blend-mode: luminosity;
  object-fit: cover;
  width: 100%;
}

.thumb-container .description>*:not(:first-child) {
  margin-top: var(--flow-space);
}

.thumb-container .description {
  padding-top: 0.5em;
}

.thumb-container .description>h4+* {
  margin-top: 0 !important;
}

@media (min-width: 1200px) {
  .thumb-container {
    align-items: flex-start;
    flex-direction: row;
  }

  .thumb-container .thumb {
    flex: 0 0 55px;
    height: 55px;
    width: 55px;
  }
}

.icon { 
 /* min-height: 50px; removed for a reason */
}

@media (min-width: 1200px) {
  .icon {
    min-height: 0;
  }
}

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

.icon.division {
  background-image: var(--star-icon);
  background-position: 10px calc(50% - 2px);   /* 2px above center */
  padding-bottom: 0;
  padding-top: 0;
}

.icon.donors {
  background-image: var(--crown-icon);
  background-position: 10px calc(50% - 4px);   /* 4px above center */
  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 center;            /* was: 0 0 */
  background-size: auto min(40px, 100%);
  padding-bottom: 7px;
  padding-top: 7px;
  @media (min-width: 1200px) {
    background-size: auto min(50px, 100%);
  }
}

.icon.our-books {
  background-image: var(--library-icon);
  background-size: auto min(36px,100%); /* 100% for safety */
  padding-bottom: 2px;
  padding-top: 2px;
  /* The visual gap in PC mode is just the 1.3rem margin looking oversized relative to the smaller 36px icon. */
  @media (min-width: 1200px) {margin-bottom: 0.8rem}
}

.icon.patent {
  background-image: var(--patent-icon);
  background-size: auto min(40px,100%); /* 100% for safety */
  padding-bottom: 2px;
  padding-top: 2px;
  /* The visual gap in PC mode is just the 1.3rem margin looking oversized relative to the smaller 36px icon. */
  @media (min-width: 1200px) {margin-bottom: 0.8rem}
}

.icon.blog {
  background-image: var(--blog-icon);
  background-size: auto min(40px, 100%);
  padding-top: 4px;
  padding-bottom: 4px;
  /* The visual gap in PC mode is just the 1.3rem margin looking oversized relative to the smaller 36px icon. */
  @media (min-width: 1200px) {margin-bottom: 1rem}
}

.icon.award {
  background-image: var(--award-icon);
  background-size: auto min(40px, 100%);
  padding-top: 10px;
  padding-bottom: 10px;
  @media (min-width: 1200px) {
    background-size: auto min(56px, 100%);
  }
}

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

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

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

.icon.videos {
  background-image: var(--youtube-icon);
  background-position: 6px center;
  background-size: auto min(36px, 100%);
  padding-bottom: 0;
  padding-top: 0;
}

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

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

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

.icon.apple {
  background-image: var(--apple-icon);
  background-size: auto min(40px, 100%);
  padding-bottom: 2px;
  padding-top: 12px;
  @media (min-width: 1200px) {
    background-size: auto min(50px, 100%);
  }
}

.icon.rd {
  background-image: var(--rd-icon);
  background-position: 4px center;
  background-size: auto min(30px, 100%);
  padding-bottom: 0;
  padding-top: 0;
}

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

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

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

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

.icon.elon {
  background-image: var(--elon-icon);
  background-position: 14px center;
  background-size: auto min(40px, 100%);
  padding-top: 9px;
  padding-bottom: 9px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

.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 min(40px, 100%);
  padding-top: 9px;
  padding-bottom: 9px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

.icon.plays {
  background-image: var(--plays-icon);
  background-size: auto min(40px, 100%);
  padding-top: 9px;
  padding-bottom: 9px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

.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 min(40px, 100%);
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

.icon.robin-hanson {
  background-image: var(--robin-hanson-icon);
  background-size: auto min(40px, 100%);
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

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

.icon.lifeshieldbunkers {
  background-image: url("/images/icons/programs/10x/lifeshieldbunkers.png");
}

.icon.infopreserver {
  background-image: url("/images/icons/programs/10x/infopreserver.png");
}

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

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

.icon.educational {
  background-image: var(--educational-icon);
  background-size: auto min(40px, 100%);
  background-position: 6px center;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 70px;
  @media (min-width: 1200px) {
    padding-left: 62px;     /* desktop: tighter */
    background-size: auto min(54px, 100%);
  }
}

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

.icon.breakfast {
  background-image: var(--free-breakfast-icon);
  background-size: auto min(40px, 100%);
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

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

.icon.un {
  background-image: var(--un-icon);
  padding: 0 0 0 70px; /* The padding you settled on */
  
  /* Increase from the 46px default for mobile */
  background-size: auto min(52px, 100%); 
}

@media (min-width: 1200px) {
  .icon.un {
    /* Increase for desktop screens */
    background-size: auto min(65px, 100%); 
  }
}

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

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

.icon.movies {
  background-image: var(--movies-icon);
  background-size: auto min(36px, 100%);
}

/* Following is probably garbage but I'm saving it just in case */
.icon.movies2 {
  background-image: var(--movies-icon);
  padding-bottom: 2px;
  padding-top: 8px;
}

.icon.discounts {
  background-image: var(--discounts-icon);
  background-size: auto min(40px, 100%);
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 75px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

.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 min(40px, 100%);
  padding-top: 12px;
  padding-bottom: 6px;
  @media (min-width: 1200px) {
    background-size: auto min(54px, 100%);
  }
}

.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 min(36px, 100%);
}

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

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

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

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

.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);
}

.content-intro.member-services-and-discounts {
  background-image: var(--member-services-and-discounts-icon);
  background-position: 5px 0;
}

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

.content-intro.donors {
  background-image: var(--donors-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: 1200px) {
  .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;
  /* following 3 lines center zoomed diamond image vertically */
  display: flex; 
  align-items: center;
  justify-content: center;
}
.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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  ul.guardian-award li strong {
    font-size: 1.5rem;
    margin-top: 2px;
  }
}

ul.getas li {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  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:is(.default,.simple)
{
 padding-left: 0px;
}

ol:is(.default,.simple) ol:is(.default,.simple)
{
 padding-left: 5px;
}

ol:is(.default,.simple) li
{
 padding-left: 1rem;
}

ol:is(.default,.simple) li:not(:last-child) {
  margin-bottom: 0rem;
}

ol:is(.default,.simple) li[value] {
  display: flex;
  align-items: baseline;
}

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

/* Override when the parent li has a following li sibling
   ol within another list situation */
/* Override for nested ol */
aside li > ol {
    margin-bottom: -1rem;
}

ol.indent {margin-left: 1.3rem;}

.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;
}

p.center
{
 text-align: center;
}

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

@media (min-width: 1200px) {
  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; Decided that other buttons don't do bold
  so we shouldn't do that for just one button. */
}

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: 1200px) {
  .nobr {
    white-space: nowrap;
  }
}

div.swiper li.swiper-slide.rightl /* EK code - this rightl code is really being ignored, assign it to different characters one day and then rename rightlrightl, etc. */
{
 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.centercentercentercentercenter,
div.swiper li.swiper-slide.centerrrrr /* EK code */
{
 background-position: 10% 0;
 background-repeat: no-repeat;
}

div.swiper li.swiper-slide.centercentercentercentercentercenter,
div.swiper li.swiper-slide.centerrrrrr /* EK code */
{
 background-position: 0 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.norm /* EK code */
/* Can delete comment: without the important it was doing something crazy like setting the first 0 to 100% which doesn't make sense as that code around line 3825 is before this code */
{
 background-position: 0 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.rightc /* EK code */
{
 background-position: 100px 50%;
 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.rightrightc 
/* EK code, also have wider / widerwider for wider text and widewide for no background */
{
 background-position: 125px 50%;
 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.rightrightrightc /* EK code */
{
 background-position: 150px 50%;
 background-repeat: no-repeat;
}
div.swiper li.swiper-slide.rightrightrightrightc /* EK code */
{
 background-position: 175px 50%;
 background-repeat: no-repeat;
}
div.swiper li.swiper-slide.rightrightrightrightrightc /* EK code */
{
 background-position: 200px 50%;
 background-repeat: no-repeat;
}

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

@media (max-width: 1199px)
{
 div.swiper li.swiper-slide.rightless, 
 div.swiper li.swiper-slide.rightl,
 div.swiper li.swiper-slide.rightlrightl,
 div.swiper li.swiper-slide.rightlrightlrightl,
 div.swiper li.swiper-slide.rightlrightlrightlrightl,
 div.swiper li.swiper-slide.right, 
 div.swiper li.swiper-slide.rightright, 
 div.swiper li.swiper-slide.rightrightright, 
 div.swiper li.swiper-slide.rightrightrightright, 
 div.swiper li.swiper-slide.rightc,
 div.swiper li.swiper-slide.rightrightc,
 div.swiper li.swiper-slide.rightrightrightc,
 div.swiper li.swiper-slide.rightrightrightrightc,
 div.swiper li.swiper-slide.rightrightrightrightrightc,
 div.swiper li.swiper-slide.center,
 div.swiper li.swiper-slide.centercenter,
 div.swiper li.swiper-slide.centercentercenter,
 div.swiper li.swiper-slide.centercentercentercenter,
 div.swiper li.swiper-slide.centercentercentercentercenter,
 div.swiper li.swiper-slide.centerr,
 div.swiper li.swiper-slide.centerrr,
 div.swiper li.swiper-slide.centerrrr,
 div.swiper li.swiper-slide.centerrrrr
 {
  background-position: 0 0;
 }
}

.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: 1200px)
{
 section.news div.swiper h3 /*EK code */
 {
  width: 500px;
 }
}

div.swiper li.widewidewidewidewide, 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.widerwiderwider h3 /*EK code */
{
 font-size: 2.25rem; /* not changed yet */
}
div.swiper li.widerwiderwiderwider h3 /*EK code */
{
 font-size: 2.25rem; /* not changed yet */
}
div.swiper li.widerwiderwiderwiderwider h3 /*EK code */
{
 font-size: 2rem; /* not changed yet */
}
div.swiper li.widewide h3, div.swiper li.widerwider h3 /*EK code */
{
 font-size: 2.25rem;
}
div.swiper li.widewidewidewidewide h3 /*EK code */
{
 font-size: 1.3rem;
}
div.swiper li.widewidewidewide h3 /*EK code */
{
 font-size: 1.5rem;
}
@media (min-width: 1200px)
{
 div.swiper li.widewidewidewidewide p, 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: 1200px)
{
 div.swiper li.wider p /*EK code */
 {
  width: 350px;
 }
 div.swiper li.widerwider p /*EK code */
 {
  width: 400px;
 }
 div.swiper li.widerwiderwider p /*EK code */
 {
  width: 420px;
 }
 div.swiper li.widerwiderwiderwider p /*EK code */
 {
  width: 420px;
 }
 div.swiper li.widerwiderwiderwiderwider p /*EK code */
 {
  width: 425px;
 }
}

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

ul.normal, ul.bio, ul.disc /*EK code */
{
 margin-top: 1.3em !important; margin-bottom: 1.3em;
 list-style: disc; margin-left: 2em !important;
}

/* CHANGE 2026-09: bio lists use a hanging "›" marker (same treatment as
   ul.angles, typographic guillemet instead of ">") at the text margin instead of the browser disc, and
   items are spaced a third of a line apart instead of a full paragraph.
   Lists that bring their own marker (angles/bars/colorful/diamonds) or
   ask for a disc are left alone. */
main.bio ul:not(.books__featured):not(.not_bio):not(.nodisc):not(.angles):not(.bars):not(.colorful):not(.diamonds):not(.disc)
{
 margin-top: 1.3em !important; margin-bottom: 1.3em;
 list-style: none; margin-left: 0 !important;
}
main.bio ul:not(.books__featured):not(.not_bio):not(.nodisc):not(.angles):not(.bars):not(.colorful):not(.diamonds):not(.disc) > li
{
 padding-left: 2ch;
 position: relative;
}
main.bio ul:not(.books__featured):not(.not_bio):not(.nodisc):not(.angles):not(.bars):not(.colorful):not(.diamonds):not(.disc) > li:before
{
 content: "\203A" / "";   /* CHANGE 2026-09: single guillemet (as the book) rather than ASCII ">"; empty alt text so screen readers skip it */
 color: var(--link-primary-color);
 position: absolute;
 left: 0;
}

/* CHANGE 2026-09: ul items only — was 1.3em (a full paragraph gap between
   items); ol items keep 1.3em and their red-square numbering below */
main.bio ul:not(.tight) li /*EK code */
{
 margin-bottom: 0.5em;
}
main.bio ol:not(.books__featured):not(.nodisc):not(.tight) 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 */
/* Note that trying to go to <a name=""> can give you an extra
line that you don't want. Easiest to just switch to id="" format */
:target, #notes + :is(ul,ol) li
{
 scroll-margin-top: 1.3em;
}
ul.programs li
{
 scroll-margin-top: 0 !important;
}

main.bio :is(ul,ol).tight li
{
 margin-bottom: 0;
}

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

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

main.bio :is(ul:not(.tight),ol:not(.books__featured):not(.tight)) 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: 1200px) { /*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, p.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 */
}

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

@media (min-width: 1200px) {
  .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: 1200px) {
  .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 :is(ul,ol) > li, .widget :is(ul,ol).spaced > li, div.widget.norm.spaced p {
  line-height: 1.1 !important; 
  /* It helps to put the lines closer together for readability */
  /* margin-top: 1rem; */
  margin-top: 0.5rem;
}
.widget.spaced.address ul > li, .widget ul.spaced > li {
  line-height: 1.1 !important;
  margin-top: 1rem;
}
.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.address {
  line-height: 1.1 !important;
}
.widget:not(.address) 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: 1200px) {
  .widget.language {
    padding: 1.75rem 1.875rem;
    position: static;
  }
}
.widget.language h4 {
  display: none;
}
@media (min-width: 1200px) {
  .widget.language h4 {
    display: block;
  }
}
.widget.language ul {
  text-align: right;
}
@media (min-width: 1200px) {
  .widget.language ul {
    text-align-last: left;
  }
}
.widget.language ul li {
  display: inline;
  height: 0;
  width: 0;
}
@media (min-width: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 14px;
  width: 16px;
  top: 0.8em; /* Adjusting red box - smaller goes up */
}
.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;
}

div.widget.interesting-places
{
 padding: 20px 15px 20px 25px;
}

.widget.interesting-places ul li {padding: .6rem 0 .6rem 0px;}

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

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

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

.widget.interesting-places ul li a.image::before {
  content: ""; /* Required for pseudo-element to appear */
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 18px; /* Space between icon and text */
  vertical-align: middle; /* Align with text */
}

.widget.interesting-places ul li a.blog::before {
  width: 18px;
  height: 18px;
  background-image: var(--blog-icon);
  background-size: 18px;
  position: relative;
  top: -2px; /* Moves the icon up by 2px */
}

.widget.interesting-places ul li a.board::before {
  width: 22px;
  height: 22px;
  background-image: var(--user-icon);
  background-size: 22px;
  position: relative;
  top: -1px; /* Moves the icon up by 1px */
}

.widget.interesting-places ul li a.our-books::before {
  width: 22px;
  height: 22px;
  background-image: var(--library-icon);
  background-size: 22px;
  position: relative;
  top: 2px; /* Moves the icon down by 2px */
}

.widget.interesting-places ul li a.programs::before {
  width: 22px;
  height: 22px;
  background-image: var(--magnifier-icon);
  background-size: 22px;
}

.widget.interesting-places ul li a.image:hover {
  /* background-position-x: 5px; */
  filter: brightness(120%) saturate(110%) contrast(110%);
}

.widget.issues {
  background: var(--block-bg);
  border: 3px solid var(--menu-color);
}

.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: 1200px) {
  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):not(dt):not(dt a) {
  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:not(:first-child) { /* Added not first-child code */
  margin: 0.8rem 0 0;
  padding: 0;
}
.widget.img-list dt {
  font-size: 1.5rem;
  font-weight: normal;
  font-family: var(--font-alternate);
}
.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;
  font-family: var(--font-alternate);
}
.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 {
  background: transparent;
  display: inline;
  height: auto;
  object-fit: fill;
  padding: 0;
  width: 1rem;
  vertical-align: -1px;
}

@media (min-width: 1200px) {
  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: 1200px) {
  .gallery {
    padding: 2.5rem;
  }
}
.gallery ul {
  display: grid;
  gap: 1.5rem;
  grid: auto/repeat(2, 1fr);
}
@media (min-width: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  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: 1200px) {
  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);
}

/* To align the first paragraph with the top of a floated right image */
main figure.right + p {
  margin-top: 0 !important;
}

/* So <p><b>something</b> does always start a new paragraph with spacing before it */
main p:has(> b:first-child) {
    margin-top: 1.3rem !important;
}

/* Above causes problems when there are many floating right images, so far the <p><b> code has been enough. */
main figure.new {
  margin-top: 1.3rem !important;
}

main figure.right:has(+ h3:first-of-type) {
    margin-top: calc(var(--flow-space) * 2);
}
/* Cool EK-Claude code */

/* main div:has(video) + h4 I'm not sure about that. */
main:not(.newsletter) h4:first-of-type:not(:is(p,blockquote,figure,video,.plyr,.widget) ~ 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: 1199px) {
  .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: 1200px) { /* EK code */
  .text-huge {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) { /* EK code */
  .text-very-big {
    font-size: 1.5rem;
  }
}
@media (min-width: 1200px) { /* EK code */
  .text-big {
    font-size: 1.3rem;
  }
}

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

@media (min-width: 1200px) {
  .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: 1199px) {
            .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  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: 1200px) {
  .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;
  }
}

.program-intro:has(+ div video) {
  padding-bottom: 0;
}

/* 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;
  flex-direction: column;
  font-size: 24px;
  justify-content: center;
  margin: 0 !important;
  min-height: 120px;
  position: relative;
  top: -20px;
  /* z-index: -1; */ beep
}
@media (min-width: 1200px) {
 .carousel-title {
   flex-direction: row;
   gap: 0.25em; /* <--- ADD THIS LINE to create space */
 }
}

.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: 1200px) {
  .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: 1200px) {
  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;
}

/* Putting code near end so it overrides all */
.widget.norm p, .widget p.norm
{
 font-family: var(--font-normal) !important;
 font-weight: 400;
 font-size: 1rem;
 line-height: 1.3; /* widget p defaults to less last tried */
}

aside div.widget:not(.language):not(.img-list):not(.alt):not(.address):not(.tag-cloud) li
{
 font-family: var(--font-normal) !important;
 font-weight: 400;
 font-size: 1rem;
 line-height: 1.3; /* widget p defaults to less last tried */
}

ol:is(.default,.simple) li[value]::before 
{
 content: attr(value) ".";
 flex-shrink: 0;
 margin-right: 0.5rem;
}
ol:is(.default,.simple) li[value=""]::before {
 content: "1.";
 visibility: hidden;
}
ol:not(.default):not(.simple) li::before {
 font-family: "Teko", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

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

span.tags-links
{
 padding-left: 0.25rem;
}

span.cancel-paren {font-size: 1.5rem;}
span.cancel-paren:first-of-type {
    margin-left: 20px;
}
a#cancel-comment-reply-link {margin-left: 20px}

@media (min-width: 1200px) {
  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;
}

.widget.blogroll
{
 line-height: 1.6 !important;
}

/* 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: 1200px) {
  div.entry-content blockquote {
    background-size: 95px;
    font-size: 1.75rem;
    min-height: 95px;
    padding-left: 130px;
  }
}

@media (min-width: 1200px) {
  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: 1200px) {
  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 :is(form#commentform,h3#reply-title) a {
  color: var(--link-primary-color);
}

.comments-area ol.comment-list li.comment a:hover {
  color: var(--link-secondary-color);
}
.comments-area ol.comment-list li.comment :is(form#commentform,h3#reply-title) a:hover {
  color: #d53105;
}

.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;
}

/* Experimenting and making cancel reply bigger */
.comments-area #cancel-comment-reply-link {
  font-size: 1.5rem;
}

.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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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: 1200px) {
  .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);
}

/* Checkbox on right, label text on left, no wrapping, not being used right now
.checkbox-right {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
}
.checkbox-right label {
  padding-left: 0 !important;
  padding-right: 2.5em !important;
}
.checkbox-right label::before {
  left: auto !important;
  right: 0 !important;
}
.checkbox-right label::after {
  left: auto !important;
  right: 0.12em !important;
}
*/

/* Checkbox on right, label text on left, text wraps */
@media (min-width: 1200px) {
 .checkbox-right {
   grid-column: 1 / -1;
   position: relative;
 }
 .checkbox-right label {
   position: static !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   line-height: 1 !important;
 }
 .checkbox-right label {
   max-width: 245px;
 }
 .checkbox-right label::before {
   left: calc(245px + 14px) !important;
   right: auto !important;
 }
 .checkbox-right label::after {
   left: calc(245px + 14px + 0.12em) !important;
   right: auto !important;
 }
}
@media (max-width: 1199px) {
.checkbox-right label {
  font-weight: 300 !important;
}
}
/* Code for box with two items side by side for RSS page and other pages */
body.container {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f0f0f0;
}

.items-container {
    max-width: 1000px;
    margin: 0 auto;
}

.item {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.item-title {
    margin: 0 0 10px;
    font-size: 1.5em;
    color: #0066cc;
}

.item p {
    margin: 5px 0;
    line-height: 1.4;
}

.item p strong {
    color: #333;
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .item {
        padding: 10px;
        margin-bottom: 10px;
    }

    .item-title {
        font-size: 1.2em;
    }

    .item p {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .items-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .item {
        flex: 1 1 calc(50% - 10px); /* Two columns on desktop */
        margin-bottom: 0;
    }
}


/* PLYR */

:root {
  --plyr-color-main: #d53134;
  --plyr-control-icon-size: 24px;
  --plyr-range-track-height: 3px;
  --plyr-range-thumb-height: 10px;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

.plyr__controls {
  justify-content: flex-start;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  bottom: 42px;
  left: 0;
  padding: 0 !important;
  position: absolute;
  right: 0;
}

.plyr__controls .plyr__controls__item:first-child {
  margin-right: 0 !important;
}

.plyr__controls .plyr__controls__item:last-child {
  margin-left: auto;
}