/* is this working? */
:root {
  /* Site colors */
  --color-blue: rgb(37, 92, 199); // #255cc7;
  --color-blue-light: rgb(214, 228, 255); // #d6e4ff;
  --color-teal: rgb(13, 113, 136); // #0d7188;
  --color-teal-light: rgb(205, 239, 247); // #cdeff7;
  --color-red: rgb(174, 42, 94); // #ae2a5e;
  --color-red-light: rgb(249, 216, 229); // #f9d8e5;
  --color-green: rgb(7, 115, 53); // #077335;
  --color-green-light: rgb(193, 238, 212); // #c1eed4;
  --color-purple: rgb(95, 62, 228); // #5f3ee4;
  --color-purple-light: rgb(224, 216, 255); // #e0d8ff;
  --color-neutral-10: rgb(245, 245, 245); // #f5f5f5;
  --color-black: rgb(0, 0, 0);
  --color-text: rgb(72, 72, 72); // #484848;

  --bg-accent-color: #f9d8e5;
  --text-accent-color: #ae2a5e;

  /* Font sizes */
  /* TODO: Show alternatives to this tiny tiny size */
  --font-size-h1: 30px;
  --font-size-h2: 25px;
  --font-size-h3: 18px;
  --font-size-h4: 18px;
  --font-size-h5: 12px;

  --font-size-xxl: 22px;
  --font-size-xl: 18px;
  --font-size-lg: 16px;
  --font-size: 14px;
  --font-size-sm: 13px;
  --font-size-xs: 12px;
  --font-size-xxs: 10px;
}

body {
  color: var(--color-text);
  font-size: var(--font-size);
  font-family: Lato, sans-serif;
  user-select: none;
}

img,
svg {
  pointer-events: none;
}

a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: inherit;
}

a:focus,
a:hover {
  text-decoration: none;
}

a:focus {
  outline-color: var(--text-accent-color);
}

a:not([class]) {
  outline-offset: 0.25rem;
}

.logo {
  font-size: var(--font-size-h1);
  font-weight: 400;
  letter-spacing: 6px;
  color: var(--color-black);
  display: table-cell;
  vertical-align: bottom;
  height: 124px;
  transition: all 0.4s;
}

@media (prefers-reduced-motion) {
  .logo {
    -webkit-transition: none;
    transition: none;
  }
}

hr {
  margin-top: 10px;
}

h1 {
  font-size: var(--font-size-h1);
}

h2,
h3 {
  font-size: var(--font-size-h2);
  margin-top: 0px;
}

h2 {
  margin-bottom: 6px;
  font-weight: 300;
}

h3 {
  font-size: var(--font-size-h3);
}

h5 {
  font-size: var(--font-size-h5);
  text-decoration: underline;
}

.heading-tertiary {
  font-size: var(--font-size-h3);
  font-weight: 500;
  padding-top: 15px;
}

/* NAVIGATION */
.navbar-nav {
  margin-top: 20px;
  padding-bottom: 0;
}

.navbar-nav>li>a {
  padding-bottom: 0;
}

.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover {
  background-color: transparent;
}

.navbar-toggle {
  margin-top: 15px;
  border: 2px solid #585858;
  border-radius: 0;
}

.icon-bar {
  background-color: var(--text-accent-color);
}

.navbar-header {
  /*width: 40%;*/
}

.nav-btn {
  color: var(--text-accent-color);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 16px;
  min-width: 71px;
  height: 110px;
  border: none;
  text-align: left;
  /* text-transform: uppercase; */
  vertical-align: bottom;
  padding-bottom: 14px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

@media (prefers-reduced-motion) {
  .nav-btn {
    -webkit-transition: color 0.9s, background-color 0.9s;
    transition: color 0.9s, background-color 0.9s;
  }
}

.nav>li>a {
  display: table-cell;
  padding-left: 0;
  padding-right: 32px;
}

.nav>li:last-child>a {
  padding-right: 0;
}

.dropdown-menu {
  -webkit-box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.075);
  box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.075);
}

.dropdown-menu>li {
  border-top: 1px solid #fff;
  position: relative;
}

.dropdown-menu>li:first-child {
  border-top: none;
}

.dropdown-menu>li>a {
  padding: 3px 0px;
  font-size: var(--font-size-xs);
  color: inherit;
}

.dropdown-menu>li>a:hover {
  background-color: transparent;
}

.dropdown:hover .dropdown-menu {
  display: block;
  min-width: 100px;
  width: auto;
  right: auto;
  left: 3px;
  border-radius: 0;
  border: 0;
  border-top: 4px solid #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu .dropdown-menu.sub-menu {
  left: 90px !important;
  position: absolute;
  top: -2px;
  visibility: hidden;
  border-left: 6px solid transparent !important;
  border-top: 0px !important;
  width: auto !important;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

.navbar-brand {
  padding-top: 0;
}

.navbar-brand>img {
  margin-left: -7px;
}

.alt-nav .navbar-header {
  float: right;
}

.alt-nav .navbar-brand {
  margin-right: -15px;
  margin-left: 0;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  font-size: var(--font-size);
  float: right;
  clear: right;
}

.breadcrumb .title a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: var(--font-size-xxl);
}

.breadcrumb .title-lower {
  text-transform: lowercase;
  text-decoration: none;
  font-size: var(--font-size-xxl);
}

.breadcrumb>.active,
.breadcrumb a {
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--text-accent-color);
}

.breadcrumb li {
  text-transform: lowercase;
}

.breadcrumb-main li:first-child {
  text-transform: uppercase;
  font-size: var(--font-size-xl);
}

.btn-default {
  transition: background-color 0.3s;
}

.featured {
  text-decoration: none;
}

.featured-italic {
  font-style: oblique;
}

.main-content,
.aside-content,
.main-content-stage {
  background-color: var(--color-neutral-10);
  padding: 15px 15px 20px;
  overflow: hidden;
  font-size: var(--font-size-xs);
}

.main-content ul,
.aside-content ul.bulleted-list {
  padding-left: 13px;
  list-style-type: square;
}

.main-content a,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.aside-content a,
.aside-content h1,
.aside-content h2,
.aside-content h3,
.aside-content h4 {
  color: var(--text-accent-color);
}

.main-content figure {
  margin-top: 3px;
}

.main-content-media {
  text-align: center;
  background-color: #aaaaaa;
  padding: 15px 15px 20px;
  color: #777777;
}

.main-content-media img {
  margin: 5px 5px 5px 5px;
}

.aside-content {
  margin-top: 5px;
}

.aside-content h4 {
  margin-top: 0;
}

.aside-content img {
  border: 1px solid #021a40;
  margin-right: 2px;
  margin-bottom: 7px;
  margin-left: 2px;
}

.aside-content ul {
  list-style: none;
  padding-left: 0;
}

.footer-nav {
  border-top-width: 11px;
  border-top-style: solid;
  font-size: var(--font-size-xxs);
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 20px;
  margin-top: 20px;
}

/* Pagination */

.pagination-container {
  font-size: var(--font-size);
  text-transform: lowercase;
}

.pagination-container a {
  margin: 0 5px;
  border: 2px solid #a69fcb;
  padding: 2px 7px 3px;
  transition: background-color 0.3s;
  color: #a69fcb;
}

.pagination-container a:hover {
  background-color: #a69fcb;
  color: #fff;
}

.pagination-container a.active {
  background-color: #a69fcb;
  color: #fff;
}

.pagination-page-count {
  float: right;
  clear: both;
  margin-top: 5px;
  /*font-style: italic;*/
}

/* Home Page */

.main-content,
.main-content-stage {
  text-align: center;
}

.main-content img,
.main-content-stage img {
  margin-left: auto;
  margin-right: auto;
}

.caption {
  display: block;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.btn-default:hover,
.aside-content .btn-default:hover {
  color: #ffffff !important;
}

.inner-col-title-box {
  border-right: 10px solid transparent;
  padding-right: 0;
  padding-left: 0;
}

.inner-col-title-box .vertical-bar {
  display: inline-block;
  width: 0.5%;
  vertical-align: middle;
}

.inner-col-title {
  display: inline-block;
  vertical-align: middle;
  width: 96%;
  text-align: center;
  font-size: var(--font-size-xs);
  font-weight: 400px;
}

.inner-col-content-box {
  padding-top: 15px;
  padding-bottom: 10px;
  border-right: 15px solid transparent;
}

.segment-color-links {
  margin-top: 5px;
}

.page-col {
  transition: height 0.3s;
}

.vertical-center-outer:before {
  content: " ";
  width: 0.5%;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.vertical-center {
  vertical-align: middle;
  display: inline-block;
  width: 95%;
}

/* Video Player */

.vjs-default-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 2em;
  height: 2em;
  width: 2em;
  border: 0.06666em solid #fff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -1em;
  margin-top: -1em;
}

/* Form elements */

.field-danger input,
.field-danger textarea {
  border: 1px dashed #a94442;
}

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px var(--bg-accent-color),
    0 0 8px var(--bg-accent-color);
  box-shadow: inset 0 1px 1px var(--bg-accent-color),
    0 0 8px var(--bg-accent-color);
  outline: none;
}

.btn-success {
  border-color: var(--bg-accent-color);
  background-color: var(--bg-accent-color);
  color: var(--text-accent-color);
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.btn-success:hover,
.btn-success:focus {
  border-color: var(--text-accent-color);
  background-color: var(--text-accent-color);
  color: #fff;
  outline: none;
}

.btn-decline {
  border-color: rgb(115, 115, 115);
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.btn-decline:hover,
.btn-decline:focus {
  background-color: rgb(115, 115, 115);
  color: white;
  outline: none;
}

form .btn {
  text-transform: uppercase;
}

/* Fancybox Overlay Customization */

.fancybox-bg {
  background: var(--color-neutral-10);
}

.fancybox-container--ready .fancybox-bg {
  /*opacity: 0.97;*/
  opacity: 1;
}

.fancybox-infobar__body {
  font-size: 16px;
  color: #d2cfcf;
  font-family: inherit;
  line-height: 60px;
  /*font-weight: bold;*/
  width: 90px;
}

.fancybox-content {
  font-family: Lato, sans-serif;
}

.fancybox-slide--video .fancybox-content {
  width: 800px;
  max-height: 450px;
  max-width: 80%;
}

.fancybox-button {
  width: 60px;
  height: 60px;
  color: #d2cfcf;
  transition: all 0.2s;
}

@media (prefers-reduced-motion) {
  .fancybox-button {
    transition: none;
  }
}

.fancybox-button::after,
.fancybox-button::before {
  /*opacity: 1;*/
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  width: 20px;
  height: 20px;
  border-top-width: 3px;
  border-right-width: 3px;
  top: 21px;
}

.fancybox-button--left {
  border-bottom-left-radius: 0;
}

.fancybox-button--right {
  border-bottom-right-radius: 0;
}

.fancybox-button--left::after {
  left: 25px;
}

.fancybox-button--right::after {
  right: 25px;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button,
.fancybox-infobar__body {
  background: transparent;
}

.fancybox-button--close::after,
.fancybox-button--close::before {
  width: 38px;
  height: 3px;
  top: calc(50% - 2px);
  left: calc(50% - 18px);
}

.fancybox-button--fullscreen::before {
  width: 36px;
  height: 28px;
  left: 12px;
  border: 3px solid;
}

.fancybox-caption-wrap {
  background: linear-gradient(180deg,
      transparent 0,
      rgba(255, 255, 255, 0.1) 20%,
      rgba(255, 255, 255, 0.2) 40%,
      rgba(255, 255, 255, 0.6) 80%,
      rgba(255, 255, 255, 0.8));
  /*position: relative;*/
}

.fancybox-caption {
  font-size: 16px;
  color: #5c5a5a;
  border-top: none;
  text-align: center;
}

.fancybox-image {
  position: static;
}

.fancybox-placeholder {
  text-align: center;
}

.fancybox-slide>* {
  background-color: transparent;
}

.fancybox-iframe {
  margin: 0 auto;
  /*width: 95%;
  height: 95%;*/
  background: transparent;
}

.slick-slide img {
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.slick-prev::before,
.slick-next::before {
  color: #d2cfcf;
}

.slick-prev {
  left: 5px;
  z-index: 10000;
}

.slick-next {
  right: 5px;
}

.slick-dotted.slick-slider {
  margin-top: 10px;
  margin-bottom: 15px;
}

.slick-dots {
  position: relative;
  display: inline-block;
  width: 70%;
  bottom: 0;
  /*margin: 0 0 0 -35%;*/
}

.navigation-dots {
  overflow: hidden;
}

.navigation-totals {
  display: none;
  text-align: right;
  color: #d2cfcf;
}

.slider-container {
  position: absolute;
  top: 40%;
  margin-top: 0;
}

/* Biography Timeline */

.bio-timeline .timeline-container {
  width: 20%;
  float: left;
}

.bio-timeline .timeline-inner {
  text-align: left;
  border-right: 2px solid #fff;
  font-size: var(--font-size-xs);
  padding-left: 15px;
  padding-right: 15px;
}

.bio-timeline .timeline-container:first-child .timeline-inner {
  padding-left: 0 !important;
}

.bio-timeline .timeline-container:last-child .timeline-inner {
  border-right: none;
  padding-right: 0 !important;
}

.bio-timeline .timeline-inner img {
  display: inline-block;
  max-width: 100%;
  height: auto !important;
}

.bio-timeline-nav {
  height: 22px;
  overflow: hidden;
}

.bio-timeline-nav .slick-active {
  cursor: pointer;
  font-size: var(--font-size-xs);
  line-height: 1.6;
}

.bio-timeline-nav .slick-active:hover {
  font-weight: bold;
}

.bio-timeline-nav .slick-active:active,
.bio-timeline-nav .slick-active:focus {
  outline: none;
}

.bio-timeline-nav .slick-current {
  font-weight: bold;
  color: #a69fcb;
}

.bio-timeline-nav .slick-prev,
.bio-timeline-nav .slick-next {
  opacity: 0.98;
  top: 10px;
}

.bio-timeline .slick-prev,
.bio-timeline .slick-next {
  opacity: 0.98;
  top: 33%;
}

.bio-timeline-nav .slick-prev,
.bio-timeline .slick-prev {
  left: 1px;
}

.bio-timeline .slick-next,
.bio-timeline-nav .slick-next {
  right: 2px;
}

.bio-timeline-nav2,
.bio-timeline-nav3 {
  display: none;
}

.bio-timeline-nav .slick-prev::before,
.bio-timeline-nav .slick-next::before,
.bio-timeline .slick-prev::before,
.bio-timeline .slick-next::before {
  font-size: 23px;
}

/* Centered Grid */

.centered-grid {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  overflow: hidden;
  margin-top: 12px;
}

.centered-grid .image-group {
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 22px;
  display: block;
  /*float: left;*/
  display: inline-block;
  outline: none;
}

.centered-grid .image-group img {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

.posters-layout.centered-grid {
  max-width: 1065px;
  font-size: 18px;
}

.posters-layout.centered-grid img {
  margin: 2.5px 10px 14.5px;
  border: 1px solid #ddd;
}

/* Information Content */
.information-content .aside-content a:hover {
  font-weight: bold;
}

.bodyresources .information-content h2,
.information-content h2 {
  text-transform: uppercase;
  border-bottom: 5px solid;
  display: inline-block;
  padding-right: 60px;
}

.information-content h3 {
  float: left;
  width: 75px;
  display: inline-block;
  clear: left;
  font-size: var(--font-size);
  line-height: 1.5;
  /* font-weight: bold;  */
}

.pagination-list {
  margin-top: 20px;
  margin-bottom: 50px;
  list-style: none;
}

.pagination-list li {
  display: inline-block;
  margin-right: 30px;
}

.pagination-list li:last-child {
  margin-right: 0;
}

.information-list {
  margin-left: 75px;
  margin-bottom: 25px;
}

/* BIBLIOGRAPHY SECTION */

.information-list li,
.list-title {
  margin-bottom: 10px;
  list-style: none;
  list-style-position: inside;
}

.information-list2 {
  margin-left: 75px;
  margin-bottom: 5px;
  width: 130%;
}

.information-list2 ul {
  margin-left: 75px;
  margin-bottom: 3px;
}

.information-list2 li,
.list-title {
  margin-bottom: 8px;
  list-style: none;
  list-style-position: inside;
}

/* Works :: Stage Design */
.main-content-stage-outer {
  padding: 15px;
}

.main-content-stage {
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-content-stage img {
  border: 1px solid #021a40;
}

.main-content-stage figure {
  margin-top: 3px;
}

/* Change the colors of the secion elements */
.dropdown-menu {
  background-color: var(--bg-accent-color);
  color: var(--text-accent-color);
}

.logo-first,
.footer-nav,
.breadcrumb-main li:first-child,
.breadcrumb-main li:first-child a {
  border-top-color: var(--text-accent-color);
  color: var(--text-accent-color);
}

/* Press section */
.bodypress,
.press-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

/* Current section */
.bodycurrent,
.current-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

.bodycurrent .main-content {
  padding-bottom: 0;
}

.bodycurrent .inner-col2 li {
  padding-bottom: 8px;
  padding-left: 2px;
}

.bodycurrent .inner-col2 a {
  color: #777777;
}

.bodycurrent .inner-col2 a:hover {
  color: #6b92ec;
}

/* Dynamic color utililty classes */
.bg-accent-color {
  background-color: var(--bg-accent-color);
}

.text-accent-color {
  color: var(--text-accent-color);
}

/* Change background color based on section */

/* Works section */
.bodyworks,
.works-btn {
  --bg-accent-color: var(--color-red-light);
  --text-accent-color: var(--color-red);
}

/* Exhibitions section */
.bodyexhibitions,
.exhibits-btn {
  --bg-accent-color: var(--color-teal-light);
  --text-accent-color: var(--color-teal);
}

.bodyexhibitions h3 {
  font-weight: bold;
  font-size: inherit;
}

/* Media section */
.bodymedia,
.media-btn {
  --bg-accent-color: var(--color-purple-light);
  --text-accent-color: var(--color-purple);
}

/* Shop section */
.bodyshop,
.shop-btn {
  --bg-accent-color: var(--color-blue-light);
  --text-accent-color: var(--color-blue);
}

/* Resources section */
.bodyresources,
.resources-btn {
  --bg-accent-color: var(--color-green-light);
  --text-accent-color: var(--color-green);
}

/* Contact section */
.bodycontact,
.contact-btn {
  --bg-accent-color: var(--color-purple-light);
  --text-accent-color: var(--color-purple);
}

/* Responsive */

@media screen and (min-width: 992px) {
  .col-stage-lg {
    width: 60%;
  }

  .col-stage-sm {
    width: 40%;
  }

  .col-stage-sm a {
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0;
  }

  .aside-content {
    margin-left: -15px;
    padding-left: 15px;
    margin-top: 0;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    height: 45px;
  }

  .navbar-nav {
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-btn {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
    border-left: 0px;
    border-bottom: 4px solid var(--text-accent-color);
    text-align: left;
    font-family: Lato, sans-serif;
  }

  a.nav-btn {
    color: var(--text-accent-color);
  }

  .nav>li>a {
    display: block;
  }

  .navbar-brand {
    width: 75%;
  }

  .navbar-header {
    width: auto;
  }

  .dropdown:hover .dropdown-menu {
    position: relative;
    width: 100%;
    left: 0px;
    border-top: none;
    margin-top: 0;
    border-bottom: 4px solid #fff;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
    padding-right: 15px;
  }

  .dropdown-menu .dropdown-menu.sub-menu {
    left: 0 !important;
    position: relative !important;
    top: 0;
    visibility: visible;
    border-left: none;
    border-bottom: none;
    border-top: none;
    padding-bottom: 3px;
  }

  .dropdown-menu>li>a {
    padding: 5px 0px;
    font-size: var(--font-size);
    /*text-shadow: 0px 1px 0px #6c6b6b;*/
  }

  .dropdown-menu .dropdown-menu.sub-menu>li {
    border-top: none !important;
  }

  .dropdown-menu .dropdown-menu>li>a {
    padding: 2px 0px;
  }

  .alt-nav .navbar-header {
    float: none;
  }

  .alt-nav .navbar-brand {
    margin-right: 0;
  }

  .breadcrumb {
    float: none;
  }

  .breadcrumb>li::after {
    padding: 0 1px 0 6px;
    content: "/\00a0";
  }

  .breadcrumb>li+li::before,
  .breadcrumb>li:last-child::after {
    padding: 0;
    content: "";
  }

  .inner-col-content-box {
    border-right: none;
  }

  .navigation-totals {
    display: block;
  }

  .slick-dots {
    display: none;
  }

  .image-column {
    text-align: left;
  }

  .image-column img {
    display: inline-block;
  }

  .vertical-center {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 0px;
    width: 100%;
  }

  .vertical-center-outer:before {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .nav>li>a {
    padding-right: 18px;
  }

  .nav-btn {
    min-width: auto;
  }

  .bio-timeline .timeline-container {
    width: 33.3%;
  }

  .bio-timeline-nav1,
  .bio-timeline-nav3 {
    display: none;
  }

  .bio-timeline-nav2 {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  /* == Timeline == */

  .bio-timeline .timeline-container {
    width: 100%;
  }

  .bio-timeline-nav1,
  .bio-timeline-nav2 {
    display: none;
  }

  .bio-timeline-nav3 {
    display: block;
  }

  .bio-timeline-nav .slick-prev,
  .bio-timeline .slick-prev,
  .bio-timeline-nav .slick-next,
  .bio-timeline .slick-next {
    top: -24px;
  }

  .bio-timeline-nav .slick-prev {
    left: -25px;
  }

  .bio-timeline-nav .slick-next {
    right: -20px;
  }

  .bio-timeline .slick-prev {
    left: -7px;
  }

  .bio-timeline .slick-next {
    right: -4px;
  }
}

@media screen and (max-width: 425px) {
  .logo {
    font-size: 20px;
  }

  .fancybox-container--ready .fancybox-bg {
    opacity: 0.986;
  }

  .fancybox-image {
    max-width: 90%;
    max-height: 90%;
  }

  .slick-prev,
  .slick-next {
    display: none !important;
  }

  .slick-dots {
    width: 100%;
  }

  /* == Timeline == */

  .bio-timeline-nav .slick-prev,
  .bio-timeline .slick-prev,
  .bio-timeline-nav .slick-next,
  .bio-timeline .slick-next {
    display: block !important;
  }

  /*.bio-timeline-nav .slick-prev, .bio-timeline .slick-prev {
        left: -15px;
    } 
    
    .bio-timeline-nav .slick-next, .bio-timeline .slick-next {
        right: -15px;
    } */

  /* Information Content */

  .information-content h3 {
    float: none;
    width: auto;
    font-weight: bold;
  }

  .information-list {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 359px) {
  .aside-content img {
    width: 70px;
    height: 70px;
  }
}

/* Tables */

table {
  inline-size: 100%;
  border: solid #d9d9d9 1pt;
  border-collapse: collapse;
  margin-block: 10px;

  thead {
    padding: 7.5pt;
  }

  tr {

    th {
      padding: 7.5pt;
    }

    td {
      vertical-align: top;
      padding: 7.5pt;

      * {
        margin-block-end: 0;
      }

      *+* {
        margin-block-start: 7.5pt;
      }
    }
  }
}

.eoc-dayof {
  color: var(--color-blue);
  text-align: center;
  max-width: 80%;
  margin-left: 10%;
  padding-top: 25px;
}

.eoc-dayof>h1 {
  font-size: var(--font-size-h2);
  font-weight: 300;
}

/* Cookie Consent */
#cookie-consent-banner {
  position: fixed;
  width: 100%;
  padding: 15px;
  color: black;
  background-color: white;
  bottom: 0;
  z-index: 10000;
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  box-shadow: 0px 0px 15px 0px rgba(20, 20, 25, .2);
  display: none;
}

.cookie-wrapper {
  width: 85%;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookie-message__column {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookie-message__column-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cookie-message__column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 20px;
}

.cookie-message {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.3;
  text-align: left;
  hyphens: auto;
}

#cookie-accept {
  border-color: var(--text-accent-color);
}

#cookie-accept,
#cookie-decline {
  margin: .5em 1em;
}

@media screen and (min-width: 450px) {
  .gdpr-banner__button--opt-in {
    margin-left: 20px;
  }
}

@media screen and (max-width: 510px) {
  .cookie-btn {
    width: 90%;
    line-height: 1.2;
  }

  .cookie__opt-out,
  .cookie__opt-in {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }

}

@media screen and (max-width: 560px) {
  #cookie-consent-banner {
    padding: 10px;
  }
}

@media screen and (max-width: 300px) {
  .cookie-btn {
    width: 100%;
  }

  .cookie__opt-out,
  .cookie__opt-in {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    margin-top: 5px;
  }
}

@media screen and (max-width: 600px) {
  .cookie-message__column-2 {
    margin-top: 8px;
  }
}

@media screen and (max-width: 900px) {
  #cookie-consent-banner {
    text-align: center;
  }

  .cookie-wrapper {
    display: block;
  }

  .cookie-message__column-2 {
    margin-top: 6px;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
  .cookie-message__column-2 {
    margin-right: 10px;
  }
}

/* Accordions */
.accordion {
  margin-bottom: 60px;
}

.accordion + .accordion {
  margin-top: -60px;
}

.accordion__details {
  appearance: none;
}

.accordion__summary {
  padding-top: 20px;
  padding-bottom: 10px;
  appearance: none;
  list-style: none;
  color: var(--text-accent-color);
  border-bottom: 1px solid;
}

.accordion__summary-inner {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.accordion__title {
  font-size: var(--font-size-h2);
  margin-top: 0px;
  margin-bottom: 6px;
  font-weight: 300;
  color: var(--text-accent-color);
  flex: 1 1 auto;
  cursor: pointer;
}

.accordion__open,
.accordion__closed {
  margin-right: 20px;
  margin-left: 10px;
  color: var(--text-accent-color);
}

.accordion__open {
  display: none;
}

.accordion__details[open] .accordion__open {
  display: inline;
}


.accordion__details[open] .accordion__closed {
  display: none;
}

.accordion__text {
  padding-top: 20px;
}

.section-spacing-bottom {
  padding-bottom: 60px;
}