/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
html {
  font-size: calc(100% + 0.15vw);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
}

:root {
  --color-bkgd: rgba(35, 37, 34, 1);
  --color-dialog: #2e2e38;
  --color-highlight: rgba(73, 83, 70, 1);
  --color-text: #fff;
  --color-link: #41bd51;
  --color-start: #fff;
  --color-detection: #f8dd00;
  --color-verification: #d2ba00;
  --color-notification: #d2ba00;
  --color-response: #b5a000;
  --color-control: #988600;
  --line-height: 1.618;
  --base: 1.618rem;
  --base-half: calc(var(--base) / 2);
  --base-quarter: calc(var(--base) / 4);
  --base--1: calc(var(--base) * -1);
  --base-x2: calc(var(--base) * 2);
  --base-x3: calc(var(--base) * 3);
  --base-x4: calc(var(--base) * 4);
  --grid: calc(var(--base) / 3);
  --max-width: 78rem;
  --max-column-width: calc(var(--max-width) / 2);
  --radius: 8px;
  --ratio: 1.6;
  --typescale: 1.333;
  --padding: calc(var(--baseline) * 1.5);
  --radius: 14px;
  --form-height: 2.3rem;
  --admin-bar-allowance: 0px;
  --bar-width: 36px;
  --menu-width: 24rem;
  --rtsl-purple: #382986;
  --rtsl-red: #E8383D;
  --rtsl-orange: #F3775C;
  --rtsl-yellow: #FCBA24;
  --rtsl-light-green: #85BD40;
  --rtsl-dark-green: #40BD52;
  --rtsl-light-purple-1: #6577BA;
  --rtsl-light-purple-2: #B2B1D9;
  --rtsl-light-purple-3: #E6E8F5;
  --rtsl-light-purple-4: #f5f6fc;
  --rtsl-soft-black: #25252C;
  --rtsl-dark-grey: #393946;
  --rtsl-nav-grey: #515167;
  --rtsl-mid-grey: #69697D;
  --rtsl-grey: #9292A4;
  --rtsl-divider: #B4B6C5;
  --rtsl-chart-grey: #E4E7EE;
  --rtsl-footer: #E4E7F1;
  --rtsl-bkgd: #F6F6F9;
  --rtsl-white: #ffffff;
}

body.admin-bar {
  --admin-bar-allowance: 32px;
}

h1, h2, h3, h4, .etdh-menu, .elementor-kit-7 .etdh-menu label {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}

.parent-pageid-488.elementor-kit-7 a {
  transition: all 0.2s ease-in-out;
}
.parent-pageid-488.elementor-kit-7 a:hover {
  color: inherit;
}
.parent-pageid-488.elementor-kit-7 h1, .parent-pageid-488.elementor-kit-7 h2, .parent-pageid-488.elementor-kit-7 h3, .parent-pageid-488.elementor-kit-7 h4, .parent-pageid-488.elementor-kit-7 .etdh-menu, .parent-pageid-488.elementor-kit-7 label {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}
.parent-pageid-488.elementor-kit-7 h1 {
  font-size: calc(1rem * var(--typescale) * var(--typescale) * var(--typescale) * var(--typescale));
  font-weight: 800;
  letter-spacing: -0.04rem;
  line-height: 0.8;
}
.parent-pageid-488.elementor-kit-7 h2 {
  font-size: calc(1rem * var(--typescale) * var(--typescale));
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  margin-top: 0;
}
.parent-pageid-488.elementor-kit-7 h3 {
  font-weight: 700;
  font-size: calc(1rem * var(--typescale));
  letter-spacing: 0;
}
.parent-pageid-488.elementor-kit-7 .chapter-intro h3 {
  font-family: "Public Sans";
  text-transform: unset;
}
.parent-pageid-488.elementor-kit-7 h4 {
  font-weight: 500;
  font-size: 0.875rem;
  opacity: 0.7;
  margin: 0;
}
.parent-pageid-488.elementor-kit-7 .etdh-references {
  font-size: 0.75rem;
}
.parent-pageid-488.elementor-kit-7 blockquote {
  font-size: calc(1rem * var(--typescale));
  font-weight: 700;
  position: relative;
  max-width: 40ch;
  padding-bottom: var(--base-half);
  margin: 0;
  line-height: 1.3;
}
.parent-pageid-488.elementor-kit-7 blockquote:after {
  content: "";
  position: absolute;
  top: 100%;
  height: 10px;
  background: var(--rtsl-red);
  transform: rotate(-8deg);
  z-index: 1;
}
.parent-pageid-488.elementor-kit-7 .quotes blockquote p {
  position: relative;
  padding-inline: 1.75rem;
}
.parent-pageid-488.elementor-kit-7 .quotes blockquote p:before {
  content: open-quote;
  position: absolute;
  left: 0;
  top: -0.7rem;
}
.parent-pageid-488.elementor-kit-7 .quotes blockquote p:after {
  content: close-quote;
  position: absolute;
  margin-top: -0.7rem;
  margin-left: 0.1rem;
}
.parent-pageid-488.elementor-kit-7 .quotes blockquote p:before, .parent-pageid-488.elementor-kit-7 .quotes blockquote p:after {
  color: var(--rtsl-red);
  font-size: 3.5rem;
  font-family: "Public Sans", sans-serif;
}
.parent-pageid-488.elementor-kit-7 .quotes cite {
  display: flex;
  font-style: normal;
  font-size: 0.75rem;
  gap: 0.5rem;
  position: absolute;
  top: 115%;
  left: 40%;
}
.parent-pageid-488.elementor-kit-7 .quotes cite:before {
  content: "";
  background: var(--rtsl-red);
  width: 1.75rem;
  height: 2px;
  display: block;
  margin-top: 0.4rem;
}
.parent-pageid-488.elementor-kit-7 sup {
  padding-inline: 0.25ch;
}

blockquote:after {
  left: -2px;
  right: -2px;
}

@media screen and (max-width: 899px) {
  .parent-pageid-488.elementor-kit-7 h1 {
    font-size: 15.5vw;
  }
  .figcaption {
    margin-top: -1rem;
  }
}
.elementor-widget-image figcaption.wp-caption-text.widget-image-caption,
.figcaption {
  color: var(--rtsl-divider);
  font-size: 0.75rem;
  font-style: normal;
  margin-top: var(--base-half);
  text-align: left;
}

.enablers .elementor-widget-text-editor {
  font-size: 0.875rem;
  line-height: 1.4;
}

code {
  text-transform: none;
  font-weight: 400;
  font-family: "Roboto Mono", monospace;
  padding: 4px;
  background: #000;
  color: #ffc932;
  border-radius: 4px;
}

.etdh-logo {
  font-weight: 800;
  white-space: nowrap;
  text-transform: uppercase;
  margin-left: -2px;
}
.etdh-logo span {
  position: relative;
  padding-left: 2px;
}
.etdh-logo span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 46%;
  height: 20%;
  background: var(--rtsl-red);
  mix-blend-mode: multiply;
  transform: rotate(-8deg);
}

.parent-pageid-488.elementor-kit-7 .etdh-footer h1 {
  margin: 0;
}
.parent-pageid-488.elementor-kit-7 .etdh-footer h3 {
  margin: 0;
  font-weight: 400;
}

.etdh-footer .etdh-share h4 {
  text-align: center;
}
.etdh-footer .share-now {
  justify-content: center;
}
.etdh-footer .prev a, .etdh-footer .next a {
  color: #fff;
  padding-bottom: var(--base-x3);
}
.etdh-footer .prev a:after, .etdh-footer .next a:after {
  background: url(/wp-content/uploads/2024/02/red-arrow.svg) no-repeat right center;
  background-size: 872px 32px;
  bottom: -1.5rem;
  content: "";
  height: 1rem;
  position: absolute;
  transition: all 0.4s ease-out;
  width: calc(100% - 1rem);
  left: 0;
}
.etdh-footer .prev a:hover, .etdh-footer .next a:hover {
  color: #fff;
}
.etdh-footer .prev a:hover:after, .etdh-footer .next a:hover:after {
  width: 100%;
  left: 0;
}
.etdh-footer .prev a:after {
  left: 1rem;
  transform: rotate(180deg);
}
.etdh-footer .next {
  text-align: right;
}

body.parent-pageid-488 {
  background: var(--rtsl-soft-black);
  color: var(--rtsl-white);
  line-height: 1.618;
}
body.parent-pageid-488 .e-con {
  --container-default-padding-block-start: var(--base);
  --container-default-padding-block-end: var(--base);
}
body.parent-pageid-488 .e-con > .e-con-inner {
  height: unset;
}

.sr-only {
  left: -9999rem;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
}

@media screen and (min-width: 500px) and (max-width: 899px) {
  .main-grid .e-con-inner {
    padding-inline: var(--base);
  }
}
@media screen and (max-width: 899px) {
  .parent-pageid-488.elementor-kit-7 blockquote {
    margin-bottom: var(--base-x2);
  }
  .virus-image {
    max-width: 30ch;
    margin-inline: auto;
  }
}
@media screen and (min-width: 900px) {
  .main-title h1 {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: 1fr min-content min-content;
    column-gap: var(--base-half);
    row-gap: 0;
  }
  .main-title h1 span:nth-child(1) {
    font-size: 12vw;
    grid-column: 1;
    grid-row: 1/span 3;
  }
  .main-title h1 span:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    font-size: 3vw;
  }
  .main-title h1 span:nth-child(3) {
    grid-column: 2;
    grid-row: 3;
    font-size: 4vw;
  }
  .etdh-references {
    column-count: 2;
    column-gap: var(--base);
  }
  .pull-right blockquote:after {
    right: -25%;
  }
  .pull-left blockquote:after {
    left: -25%;
  }
  .main-grid .e-con-inner {
    display: grid;
    gap: var(--base);
    grid-template-columns: repeat(11, 1fr);
  }
  .main-grid.header .e-con-inner {
    row-gap: 0;
  }
  .main-grid .grid-row-1 {
    grid-row: 1;
  }
  .main-grid .cols-1-2,
  .main-grid .share-social {
    grid-column: 1/span 2;
  }
  .main-grid .cols-1-3,
  .main-grid .left-sidebar {
    grid-column: 1/span 3;
  }
  .main-grid .cols-1-3 .figcaption p,
  .main-grid .left-sidebar .figcaption p {
    margin-left: auto;
  }
  .main-grid .cols-1-4 {
    grid-column: 1/span 4;
  }
  .main-grid .cols-1-5 {
    grid-column: 1/span 5;
  }
  .main-grid .cols-1-6 {
    grid-column: 1/span 6;
  }
  .main-grid .cols-1-7 {
    grid-column: 1/span 7;
  }
  .main-grid .cols-1-8,
  .main-grid .image-left {
    grid-column: 1/span 8;
  }
  .main-grid .full-width {
    grid-column: 1/span 11;
  }
  .main-grid .cols-2-7,
  .main-grid .chapter-intro {
    grid-column: 2/span 6;
  }
  .main-grid .main-title {
    grid-column: 2/span 10;
  }
  .main-grid .text-column {
    grid-column: 3/span 5;
  }
  .main-grid .cols-3-6 {
    grid-column: 3/span 6;
  }
  .main-grid .cols-3-11,
  .main-grid .enablers {
    grid-column: 3/span 9;
  }
  .main-grid .cols-4-11,
  .main-grid .image-right {
    grid-column: 4/span 8;
  }
  .main-grid .cols-5-11 {
    grid-column: 5/span 11;
  }
  .main-grid .cols-6-11 {
    grid-column: 6/span 11;
  }
  .main-grid .cols-7-11 {
    grid-column: 7/span 11;
  }
  .main-grid .cols-8-11 {
    grid-column: 7/span 11;
  }
  .main-grid .cols-9-11,
  .main-grid .right-sidebar {
    grid-column: 9/span 3;
  }
  .main-grid .cols-10-11 {
    grid-column: 10/span 2;
  }
  .main-grid .cols-9-10,
  .main-grid .virus-image {
    grid-column: 9/span 2;
  }
  .main-grid .map {
    grid-column: 4/span 8;
  }
  .main-grid .map svg {
    margin-left: auto;
    display: block;
  }
  .main-grid .time-bar {
    grid-column: 2;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2' fill='none'%3E%3Cpath fill='%2369697D' d='M0 0h2v2H0z'/%3E%3C/svg%3E") calc(100% - 15px) repeat-y;
  }
  .main-grid .time-bar svg {
    display: block;
    margin-left: auto;
  }
  .elementor-widget-image figcaption.wp-caption-text.widget-image-caption,
  .figcaption {
    max-width: 30ch;
  }
  .elementor-widget-image figcaption.wp-caption-text.widget-image-caption p,
  .figcaption p {
    max-width: 30ch;
  }
}
@media screen and (min-width: 1200px) {
  .etdh-references {
    column-count: 3;
  }
}
.virus-image img {
  aspect-ratio: 1/1;
  width: 108%;
  max-width: 240px;
  margin-left: -4%;
  border-radius: 30rem;
  box-shadow: 0px 0px 40px rgba(37, 37, 44, 0.4);
}

#content {
  padding-left: var(--bar-width);
}

.etdh-menu {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  bottom: 0;
  text-transform: uppercase;
  display: grid;
  grid-template-columns: var(--bar-width) min-content;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  background: var(--rtsl-soft-black);
  color: #fff;
}
.etdh-menu h3 {
  letter-spacing: 0;
}
.etdh-menu #menu-toggle {
  display: none;
}
.etdh-menu label {
  position: relative;
  z-index: 10;
  background: var(--rtsl-red);
  grid-column: 1;
  display: flex;
  gap: var(--base-half);
  padding-top: calc(var(--base-half) + var(--admin-bar-allowance));
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.etdh-menu label .menu-icon {
  fill: var(--rtsl-white);
  width: 24px;
  height: 24px;
}
.etdh-menu label .menu-icon rect {
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.etdh-menu label span {
  transform: rotate(-90deg);
}
.etdh-menu ul {
  position: relative;
  z-index: 2;
  list-style-type: none;
  grid-column: 2;
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: var(--admin-bar-allowance) 0 0 0;
  transition: all 0.3s ease-in-out;
  margin-left: calc(var(--menu-width) * -1);
  pointer-events: none;
  max-width: var(--menu-width);
  width: calc(100vw - var(--bar-width));
  border-right: 1px solid var(--rtsl-nav-grey);
  line-height: 0.95;
}
.etdh-menu a {
  opacity: 0.6;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  color: var(--rtsl-white);
  display: block;
}
.etdh-menu a:hover {
  opacity: 1;
}
.etdh-menu li.chapter a {
  display: grid;
  gap: 0;
  grid-template-columns: 0px 1fr;
  transition: all 0.2s ease-in-out;
  grid-template-columns: var(--base-x2) 1fr;
  margin-left: calc(var(--base-x2) * -1);
}
.etdh-menu li.chapter a:hover {
  margin-left: 0;
}
.etdh-menu li.chapter figure {
  margin: 0;
  overflow: hidden;
  height: auto;
}
.etdh-menu li.chapter figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  aspect-ratio: 9/7;
}
.etdh-menu li.chapter div {
  padding: var(--base-half);
}
.etdh-menu li.chapter + li {
  border-top: 1px solid var(--rtsl-nav-grey);
}
.etdh-menu li.chapter.active > a {
  opacity: 1;
  grid-template-columns: var(--base-x4) 1fr;
  margin: 0;
}
.etdh-menu .logo {
  align-self: flex-start;
  padding: var(--base-half);
}
.etdh-menu .logo a {
  opacity: 1;
  margin-left: 0;
}
.etdh-menu .logo h3 {
  margin: 0;
  font-size: 1.41rem;
}
.etdh-menu .menu-footer {
  margin-top: auto;
  display: flex;
  gap: var(--base);
  padding: var(--base-half) var(--base-half) var(--base-x2) var(--base-half);
}
.etdh-menu .menu-footer .active a {
  border-bottom: 2px solid var(--rtsl-red);
  opacity: 1;
}
.etdh-menu .menu-years {
  display: flex;
  gap: var(--base);
  padding: 0 var(--base-half) var(--base-x2) var(--base-half);
  font-size: calc(1rem * var(--typescale));
  line-height: 1;
  position: relative;
}
.etdh-menu .menu-years .years-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(37, 37, 45, 0) 0%, #25252d 100%);
  pointer-events: none;
}
.etdh-menu .menu-years .active {
  z-index: 1;
}
.etdh-menu .menu-years .active a {
  border-bottom: 3px solid var(--rtsl-red);
  opacity: 1;
}
.etdh-menu .virus {
  margin: 0;
  font-size: 1.41rem;
  font-weight: 700;
}
.etdh-menu .location {
  display: none;
  margin: 0;
  font-weight: 500;
}
.etdh-menu .languages {
  display: flex;
  gap: 1ch;
  font-size: 0.875rem;
}
.etdh-menu .languages img {
  width: 1.5rem;
  height: 1rem;
}
.etdh-menu .active .virus {
  font-size: 2.82rem;
  line-height: 0.9;
  margin-bottom: 0.5rem;
}
.etdh-menu .active .virus span {
  background-color: var(--rtsl-soft-black);
  position: relative;
}
.etdh-menu .active .virus span:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 46%;
  height: 16%;
  background: var(--rtsl-red);
  mix-blend-mode: multiply;
  transform: rotate(-8deg);
}
.etdh-menu .active .location {
  display: block;
  position: relative;
  z-index: 1;
}
.etdh-menu #menu-toggle:checked ~ ul {
  pointer-events: unset;
  margin-left: 0;
}
.etdh-menu #menu-toggle:checked ~ label .menu-icon .bar {
  opacity: 0;
}
.etdh-menu #menu-toggle:checked ~ label .menu-icon #turn1 {
  transform: rotate(45deg);
}
.etdh-menu #menu-toggle:checked ~ label .menu-icon #turn2 {
  transform: rotate(-45deg);
}

.page-overlay {
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  background: transparent;
}

@media screen and (max-width: 899px) {
  .etdh-menu .active .virus {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1199px) {
  footer {
    position: relative;
    z-index: 11;
  }
}
.etdh-menu ul {
  pointer-events: unset;
}

.etdh-menu label .menu-icon, .etdh-menu label span {
  pointer-events: none;
}

.etdh-menu:has(#menu-toggle:checked) {
  box-shadow: 6px 0px 20px rgba(0, 0, 0, 0.6);
}

.etdh-menu #menu-toggle:checked ~ ul {
  margin-left: 0;
}

body:has(#menu-toggle:checked) .etdh-menu {
  box-shadow: 6px 0px 20px rgba(0, 0, 0, 0.6);
}
body:has(#menu-toggle:checked) .overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.share-now {
  list-style: none;
  padding: 0;
  margin: var(--base-quarter) 0 0 0;
  display: flex;
  gap: 1rem;
}
.share-now a {
  color: #fff;
}
.share-now a:hover, .share-now a:focus {
  border-bottom: 2px solid var(--rtsl-red);
}

.parent-pageid-488 .timeline {
  --time-bar: 48px;
  --time-icon: 24px;
  list-style-type: none;
  display: grid;
  gap: 0;
  padding: 0;
}
.parent-pageid-488 .timeline li {
  position: relative;
  font-size: 0.75rem;
  margin-top: 0;
  display: grid;
  line-height: 1.3;
}
.parent-pageid-488 .timeline li p {
  max-width: 10rem;
}
.parent-pageid-488 .timeline li time {
  display: block;
  margin-top: 0;
  white-space: nowrap;
}
.parent-pageid-488 .timeline li b {
  display: block;
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  line-height: 1;
}
.parent-pageid-488 .timeline li b sup {
  font-size: 0.75rem;
}
.parent-pageid-488 .timeline li:before {
  content: "";
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: var(--time-icon);
  grid-area: bar;
  height: 100%;
  border-radius: 2rem;
  width: var(--time-bar);
}
.parent-pageid-488 .timeline li.emerge {
  --order: 1;
}
.parent-pageid-488 .timeline li.emerge:before {
  background-color: var(--color-start);
  background-image: url(icons/emerge.svg);
}
.parent-pageid-488 .timeline li.emerge b {
  color: var(--color-start);
}
.parent-pageid-488 .timeline li.detect {
  --order: 2;
}
.parent-pageid-488 .timeline li.detect:before {
  background-color: var(--color-detection);
  background-image: url(icons/detect.svg);
}
.parent-pageid-488 .timeline li.detect b {
  color: var(--color-detection);
}
.parent-pageid-488 .timeline li.notify {
  --order: 3;
}
.parent-pageid-488 .timeline li.notify:before {
  background-color: var(--color-notification);
  background-image: url(icons/notify.svg);
}
.parent-pageid-488 .timeline li.notify b {
  color: var(--color-notification);
}
.parent-pageid-488 .timeline li.respond {
  --order: 4;
}
.parent-pageid-488 .timeline li.respond:before {
  background-color: var(--color-response);
  background-image: url(icons/respond.svg);
}
.parent-pageid-488 .timeline li.respond b {
  color: var(--color-response);
}
.parent-pageid-488 .timeline li.control {
  --order: 5;
}
.parent-pageid-488 .timeline li.control:before {
  background-color: var(--color-control);
  background-image: url(icons/control.svg);
  width: var(--time-bar);
  height: var(--time-bar);
}
.parent-pageid-488 .timeline li.control b {
  color: var(--color-control);
}

@media screen and (max-width: 899px) {
  .timeline {
    --min: var(--time-bar);
    margin: var(--base) auto;
    grid-template-columns: 1fr;
    grid-template-rows: var(--timeline) var(--time-bar);
    min-height: calc(var(--time-bar) * 2 * 5);
    width: min-content !important;
  }
  .timeline li {
    grid-column: 1;
    grid-row-start: var(--order);
    min-height: var(--time-bar);
    grid-row-end: 6;
    grid-template-columns: var(--time-bar) 8rem;
    gap: 0 1rem;
    grid-template-areas: "bar info";
  }
  .timeline li:before {
    background-position: center calc((var(--time-bar) - var(--time-icon)) / 2);
  }
  .timeline li p {
    grid-area: info;
  }
}
@media screen and (min-width: 900px) {
  .parent-pageid-488 .timeline {
    --min: 8rem;
    height: auto;
    grid-template-columns: var(--timeline) min-content;
  }
  .parent-pageid-488 .timeline li {
    min-height: var(--time-bar);
    grid-row: 1;
    grid-column-start: var(--order);
    grid-column-end: 6;
    grid-template-rows: var(--time-bar) 1fr;
    gap: 1rem 0;
    grid-template-areas: "bar" "bottom";
  }
  .parent-pageid-488 .timeline li p {
    grid-area: bottom;
    padding-left: 0.75rem;
  }
  .parent-pageid-488 .timeline li:before {
    width: 100%;
    height: var(--time-bar);
    background-position: calc((var(--time-bar) - var(--time-icon)) / 2) center;
  }
  .parent-pageid-488 .timeline li.control {
    text-align: right;
  }
  .parent-pageid-488 .timeline li.control p {
    padding-right: 1rem;
  }
  .parent-pageid-488 .timeline li.control:before {
    margin-left: auto;
  }
  .parent-pageid-488 .timeline li.emerge:before {
    background-image: url(icons/emerge-horizontal.svg);
  }
}
.animate,
.animate blockquote:after,
.etdh-logo span:after {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

.delay-2 {
  animation-delay: 0.2s;
}

.delay-4 {
  animation-delay: 0.4s;
}

.delay-6 {
  animation-delay: 0.6s;
}

.delay-8 {
  animation-delay: 0.8s;
}

.delay-1s {
  animation-delay: 1s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .animate {
    animation: none !important;
  }
}
.etdh-logo span:after {
  animation-name: logoslash;
  transform-origin: left top;
  animation-timing-function: ease-out;
}

.slash.in-view blockquote:after {
  animation-name: slash;
  transform-origin: left top;
  animation-timing-function: ease-out;
}

.slash.pull-left.in-view blockquote:after {
  transform-origin: right top;
  margin-top: -15%;
}

.slide-left.in-view {
  animation-name: slideinleft;
}

.slide-right.in-view {
  animation-name: slideinright;
}

.slide-up.in-view {
  animation-name: slideup;
}

.fade-in.in-view {
  animation-name: fadein;
}

.appear.in-view {
  animation-name: appear;
  transform-origin: center center;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
}

.pulse.in-view {
  animation-name: pulse;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
}

@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1.2);
  }
  50% {
    opacity: 0.3;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes appear {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes logoslash {
  from {
    transform: rotate(-8deg) translateY(70%) scaleX(0);
  }
  to {
    transform: rotate(-8deg) translateY(70%) scaleX(1);
  }
}
@keyframes slash {
  from {
    transform: rotate(-8deg) translateY(var(--base-half)) scaleX(0);
  }
  to {
    transform: rotate(-8deg) translateY(var(--base-half)) scaleX(1);
  }
}
@keyframes slideinleft {
  from {
    opacity: 0;
    transform: translateX(-3rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideinright {
  from {
    opacity: 0;
    transform: translateX(2rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideup {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes headingslash {
  from {
    transform: rotate(-8deg) translateY(20%) scaleX(0);
  }
  to {
    transform: rotate(-8deg) translateY(20%) scaleX(1);
  }
}
.deletion-line {
  position: relative;
}

.deletion-line:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  height: 20%;
  background: var(--rtsl-red);
  mix-blend-mode: multiply;
  transform: rotate(-8deg);
}

.deletion-line:after {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  animation-name: headingslash;
  transform-origin: left top;
}

main .etdh-menu * + * {
  margin-top: 0;
}

.etdh-references a {
  overflow-wrap: break-word;
}
.etdh-references li {
  break-inside: avoid-column;
}

@keyframes radar-circles {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.main-grid .map svg #static-circles {
  display: none;
}

.main-grid .map svg #circle-1, .main-grid .map svg #circle-2, .main-grid .map svg #circle-3 {
  animation: radar-circles 4s infinite;
  transform-origin: 50% 50%;
  transform-box: content-box;
  opacity: 0;
  transform: scale(0.5);
  transform-box: fill-box;
}

.main-grid .map svg #circle-2 {
  animation-delay: 1s;
}

.main-grid .map svg #circle-3 {
  animation-delay: 2s;
}

.main-grid .map path {
  vector-effect: non-scaling-stroke;
}

.main-grid .map svg {
  max-width: 100%;
  height: 100%;
  width: 100%;
}