@import "font.css";

:root {
  --logo-60: "Authentic-60", sans-serif;
  --logo-90: "Authentic-90", sans-serif;
  --logo-130: "Authentic-130", sans-serif;
  --sans-serif-reg: "Inter-Reg", sans-serif;
  --sans-serif-bold: "Inter-Bold", sans-serif;
  --serif-reg: "Serif-Reg", serif;
  --serif-med: "Serif-Med", serif;
  --annotations-reg: "Marvel-Reg", sans-serif;
  --annotations-bold: "Marvel-Bold", sans-serif;
  --text-color: #000000;
  --darker-grey: #494949;
  /* --dark-grey: #a9a9a9; */
  --dark-grey: #747474;
  --med-grey: #d9d9d9;
  --light-grey: #f6f6f6;
  --link: #eae9c4;
  --link-light: #ecff93;
  --hover: #bf00ff;
  --landing: #c3ffa8;
  --page-width-mobile: 100%;
  --page-width-desktop: clamp(45ch, 60vw, 75ch);
  --home-width-desktop: clamp(45ch, 80vw, 80%);
  font-family: var(--sans-serif-reg);
  color: var(--text-color);
  font-size: 16px;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes colour {
  0% {
    color: var(--hover);
    background: var(--light-grey);
  }

  70% {
    color: var(--hover);
    background: var(--light-grey);
  }

  72% {
    color: var(--text-color);
    background: transparent;
  }
}

* {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--light-grey);
  color: var(--text-color);
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
}

/* GLOBAL TOP MENU STYLING ~~> snippets/header.php */
header,
main,
footer {
  z-index: 100;
}

header {
  z-index: 1000;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
}

header,
main,
footer {
  padding: 1rem;
  width: 100vw;
}

canvas {
  z-index: -1;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.header {
  justify-content: space-between;
}

.header,
.header--logo,
.header--menu ul {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.header._headerInterior {
  background: white;
  border-bottom: 1px solid var(--light-grey);
}

.header--logo a {
  text-decoration: none;
  color: var(--text-color);
}

.header--logo h1 {
  margin: 0;
  font-size: 1rem;
  display: block;
}

.header--logo h1:first-of-type {
  font-family: var(--logo-130);
  font-weight: normal;
}

.header--logo h1:first-of-type::after {
  content: ":";
}

.header--logo h1 + h1 {
  color: var(--darker-grey);
  font-family: var(--logo-90);
  font-weight: normal;
}

.header--menu ._mobile {
  display: none;
}

.header--menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header--menu ul li {
  margin: 0 0 0 2rem;
}

.header--menu ul a {
  list-style: none;
  color: var(--text-color);
  text-decoration: none;
  font-family: var(--logo-130);
}

.header--menu ul a:hover,
.header--menu ul .menu-item--active a {
  color: var(--hover);
}

/* LANDING PAGE PROJECT LIST STYLING */

/* .main.landing {
  height: 100vh;
} */

.header._headerInterior + .main {
  padding-top: 4.5rem;
  padding-bottom: 6rem;
}

.main.landing {
  height: 100vh;
}
.main {
  position: relative;
}

/* landing page background setup */
.page__overlay {
  position: fixed;
  width: 150vw;
  height: 150vh;
  top: 0;
  left: 0;
  pointer-events: none;
}

.toTop {
  position: relative;
}

.toTop a {
  position: fixed;
  width: min-content;
  right: 4rem;
  bottom: 4rem;
  z-index: 102;
}

.toTop a path {
  fill: none;
  stroke: var(--hover);
  stroke-width: 12;
  stroke-linecap: round;
}

.landing-page--gradient {
  width: inherit;
  height: inherit;
  position: inherit;
  /* background-image: radial-gradient(
    circle,
    white 0%,
    var(--med-grey) 80%,
    #a9a9a9 100%
  ); */
  background-image: radial-gradient(
    circle,
    var(--med-grey) 0%,
    var(--light-grey) 80%,
    white 100%
  );
  background-size: 250% 250%;
  /* animation: bk-gradient 15s cubic-bezier(0.4, 0, 0.2, 1) infinite; */
}

.landing-page--noise {
  /* filter: opacity(0.35); */
  filter: opacity(0.65);
  /* background-image: url(../../content/noise.gif); */
  background-position: center;
  box-shadow: 0px 0px 3rem 1rem white inset;
  width: 100%;
  height: 100%;
  background-size: 10%;
  background-repeat: repeat;
  z-index: 10000;
  mix-blend-mode: lighten;
}

.landing-page--noise,
.landing-page--video,
.landing-page--img,
.page--noise {
  position: inherit;
}

.main .publications--item {
  width: 100%;
}

.main .projectsList.homeSm h2 {
  font-size: 2.5rem;
  line-height: 1.9ch;
}

.main .projectsList.homeSm a {
  padding: 1.65rem 1rem;
}

.main .projectsList {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: var(--home-width-desktop);
  margin: 0 auto;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.main .projectsList .projectsActive--item,
.main .projectsList .publications--item,
.main .projectsList .projectsArchived--item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-width: 355px;
}

.main .projectsList[grid-type="col-2"] .projectsActive--item,
.main .projectsList[grid-type="col-2"] .publications--item,
.main .projectsList[grid-type="col-2"] .projectsArchived--item {
  width: calc(100% / 2);
}

.main .projectsList[grid-type="col-3"] .projectsActive--item,
.main .projectsList[grid-type="col-3"] .publications--item,
.main .projectsList[grid-type="col-3"] .projectsArchived--item {
  width: calc(100% / 3);
}

.main .projectsList a {
  height: 100%;
  padding: 2rem 1rem;
  margin: 0.25rem;
  text-decoration: none;
  color: var(--text-color);
  display: block;
  border: 1px solid var(--text-color);
  background: white;
}

.main .projectsList a:hover {
  box-shadow: 0 0 0.05rem 0.35rem var(--hover) inset;
  transition: all 0.075s linear;
}

.main .projectsList h2 {
  margin: 0;
  font-weight: normal;
  font-size: 3rem;
  font-family: var(--serif-reg);
  line-height: 2ch;
}

.main .projectsList p {
  margin: 1rem 0 0 0;
  font-family: var(--sans-serif-reg);
  width: fit-content;
}

.main .publications--item a {
  border-radius: 2rem;
  background: white;
}

/* general styles */

.main h4 {
  font-family: var(--sans-serif-bold);
  font-size: 1rem;
  font-weight: normal;
}

/* PROJECT PAGE STYLING ~~> site/templates/project.php */

.main .menu,
.main .submenu {
  list-style: none;
  padding: 0;
  font-family: var(--sans-serif-reg);
  display: flex;
  flex-direction: column;
}

.main .menu {
  top: 6rem;
  left: 0;
  position: fixed;
  margin: 1rem;
}

.main .menu .menu--item {
  display: flex;
  border-left: 1px solid var(--hover);
  border-top: 1px solid var(--hover);
  width: fit-content;
}

.main .menu .menu--item a {
  padding: 0.25rem 0.5rem;
}

.main .submenu .publication--category,
.main .submenu .menu--item {
  margin: 0 0.25rem;
}

.main .submenu .publication--category a,
.main .submenu .menu--item a {
  padding: 0 0.25rem;
}

.main .submenu .menu--item,
.main .submenu .menu--subitem {
  border-left: none;
  border-top: none;
}

.main .submenu .menu--item a,
.main .submenu .menu--subitem a,
.main .submenu .publication--category a,
.main .submenu .publication--year a {
  padding: 0.25rem 0.5rem;
  color: var(--text-color);
  display: inline-block;
  word-break: break-all;
}

.main .submenu .publication--category a::before,
.main .submenu .menu--item a::before {
  background: var(--darker-grey);
}

.main .menu .publication--year a::before,
.main .menu .menu--subitem a::before {
  background: transparent;
}

.main .submenu .publication--year a::before,
.main .submenu .menu--subitem a::before {
  content: "";
  height: 2px;
  width: 2px;
  border: 1px solid var(--darker-grey);
  display: inline-block;
  margin: 0 0.25rem 0.15rem 0;
}

.main .submenu .publication--category a::before,
.main .submenu .menu--item a::before {
  content: "";
  height: 2px;
  width: 2px;
  margin: 0 0.25rem 0.15rem 0;
  display: inline-block;
  border: 1px solid var(--darker-grey);
}

.main .menu .publication--year,
.main .menu .menu--subitem {
  margin-left: 0.85rem;
}

.main .menu .menu--item a.active::before,
.main .menu .publication--category a.active::before {
  background: var(--hover);
}

.main .menu a.active::before {
  border: 1px solid var(--hover);
}

.main .menu li a:hover {
  color: var(--text-color);
  background: var(--light-grey);
}

.main .menu a {
  color: var(--text-color);
  text-decoration: none;
  font-size: 0.75rem;
}

.main .submenu li:hover a::before {
  border: 1px solid var(--hover);
}

.main .menu .menu--item:hover a::before,
.main .menu .publication--category a:hover::before {
  background: var(--hover);
}

.main section {
  width: var(--page-width-desktop);
  margin: 0 auto;
}

.main .project__header .project--title,
.main .publications__header .project--title {
  margin: 2.5rem 0;
}

.main .project__header .project--title *,
.main .publications__header .project--title * {
  margin: 0;
}

.main .project__header .project--title h2,
.main .publications__header .project--title h2 {
  width: fit-content;
}

.main .project__header .project--title h2,
.main .publications__header .project--title h2 {
  font-size: 3rem;
  font-weight: normal;
  line-height: 2ch;
}

.main .project__header .project--title h2:first-of-type::after {
  content: ":";
}

.main .project__header .project--title h2:first-of-type,
.main .publications__header .project--title h2 {
  font-family: var(--serif-med);
}

.main .project__header .project--title h2 + h2 {
  font-family: var(--serif-reg);
}

.main .project__header .archive-date p {
  color: var(--dark-grey);
  font-size: 0.9rem;
  margin: 0;
  font-family: var(--sans-serif-reg);
}

.main .project__header .archive-date p + p {
  font-family: var(--sans-serif-bold);
}

.main .project__header .project--preview {
  margin: 2rem 0;
  width: 100%;
  /* padding: 0 2rem; */
}

.main .project__header .project--preview *,
.main .open-call--preview * {
  margin: 0;
}

.main .project__header .project--preview .project--graphic,
.main .open-call--graphic {
  width: 100%;
  height: 100%;
  min-height: 100px;
  background-position-y: top;
  background-size: 100%;
  background-clip: content-box;
  background-repeat: no-repeat;
}

.main .project__header .project--preview .project--graphic img,
.main .open-call--graphic img {
  width: 100%;
  height: auto;
}

.main .project__header .project--preview h3,
.main .open-call--preview h3 {
  font-weight: normal;
  font-size: 1.5rem;
  font-family: var(--logo-130);
  line-height: 1.75ch;
  /* padding-left: 1.5rem; */
}



.main .project__header .project--description,
.main .publications__blocks article,
.main .project__blocks h2,
.main .project__blocks h4,
.main .secondary-page__main article {
  scroll-margin-top: 5rem;
}


.main .project__header .project--description p {
  font-family: var(--sans-serif-reg);
  margin: 0 0 1rem 0;
}

.main .project__header .project--description p a {
  border-bottom: 1px solid var(--hover);
  color: var(--text-color);
  text-decoration: none;
}

.main .project__header .project--description p a:hover {
  font-style: italic;
}

.main .project__blocks h2 {
  margin-top: 2rem;
  font-size: 1.5rem;
  font-family: var(--serif-reg);
}

.main .project__blocks h4 {
  margin: 1rem 0;
  font-family: var(--sans-serif-reg);
  font-size: 1rem;
  font-weight: bold;
}

.main .project__blocks article {
  font-family: var(--sans-serif-reg);
}

.main .project__blocks article p {
  font-size: 1rem;
  margin: 0 0 1rem 0;
}

.main .block--list ul {
  list-style: "\27F6";
  font-family: var(--sans-serif-reg);
  padding: 0 2rem;
}

.main .block--text a,
.main .block--list ul a,
.main .block--list ol a {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--hover);
  background: var(--light-grey);
  padding: 0 0.25rem;
  color: var(--text-color);
}

.main .block--text a:hover,
.main .block--list ul a:hover,
.main .block--list ol a:hover {
  text-decoration-style: solid;
}

.main .project__blocks article .block--annotation {
  margin: 1rem 0;
}

.main .block--team ul {
  font-size: 1rem;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

.main .block--team li {
  color: var(--dark-grey);
}

.main .block--team li a {
  text-decoration-style: dotted;
  text-decoration-color: var(--hover);
  background: var(--light-grey);
}

.main .block--team li a:hover {
  text-decoration-style: solid;
}

.main .block--team li strong {
  font-weight: normal;
  color: var(--text-color);
}

.main .block--team li a strong {
  text-decoration: dotted;
  text-decoration-color: var(--hover);
  font-weight: normal;
  color: var(--text-color);
}

.main figcaption {
  font-family: var(--sans-serif-reg);
  color: var(--dark-grey);
  font-size: 0.75rem;
  margin-top: 2px;
}

.main figcaption a {
  font-family: var(--sans-serif-reg);
  color: var(--dark-grey);
  font-size: 0.75rem;
  text-decoration: underline;
}

/* styling for block/image */

.main figure[data-type="image"],
.main .block--gallery img {
  width: 100%;
}

.main figure[data-type="image"],
.main figure[data-type="gallery"],
.main figure[data-type="video"] {
  margin: 2rem 0;
}

.main .project__blocks figure[data-type="image"] img,
.main .project__blocks figure[data-type="image"] a:not(.main figcaption a) {
  height: 100%;
  width: inherit;
}

.main figure[data-type="image"] {
  display: flex;
  flex-direction: column;
}

.main .project__blocks figure[data-type="image"] img {
  border: 1px dotted var(--med-grey);
}

.main .project__blocks figure[data-type="image"] img:hover {
  border: 1px dotted var(--hover);
}

/* about.php block/img  */

.main figure[data-type="image"] a {
  display: flex;
}

.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="square"]
  img {
  width: 25%;
  height: auto;
}

.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="portrait"]
  img {
  width: 30%;
  height: auto;
}

.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="landscape"]
  img {
  width: 35%;
  height: auto;
}

.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="square"]
  img,
.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="square"]
  + figcaption,
.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="portrait"]
  img,
.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="portrait"]
  + figcaption {
  width: 50%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="landscape"]
  img,
.main
  .secondary-page__main
  .about__block
  figure[data-type="image"]
  a[img-size="full"][img-orientation="landscape"]
  + figcaption {
  width: 70%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/* project.php block/img  */
.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="square"]
  img {
  width: 35%;
  height: auto;
}

.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="portrait"]
  img {
  width: 35%;
  height: auto;
}

.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="thumbnail"][img-orientation="landscape"]
  img {
  width: 40%;
  height: auto;
}

.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="square"]
  img,
.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="square"]
  + figcaption,
.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="portrait"]
  img,
.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="portrait"]
  + figcaption {
  width: 60%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="landscape"]
  img,
.main
  .project__blocks
  figure[data-type="image"]
  a[img-size="full"][img-orientation="landscape"]
  + figcaption {
  width: 75%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}

/* opencall.php  */

.main .open-call--preview {
  width: 100%;
  display: grid;
  grid-template-columns: calc(100% / 4) auto;
  margin: 2rem 0;
  align-items: center;
}

.main .open-call__header .open-call--preview div + div {
  transform: translateX(-15%);
}

.main .open-call__header .open-call--preview p {
  margin: 0;
  width: fit-content;
  background: var(--light-grey);
  padding: 0 0.25rem;
}

.main .open-call__header h3 {
  line-height: 2ch;
}

/* about.php block/gallery */
.main .project__blocks .block--gallery,
.secondary-page__main .about__block .block--gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}

.secondary-page__main .about__block .block--gallery {
  display: grid;
  grid-gap: 1rem;
}

.secondary-page__main .about__block .block--gallery.portrait,
.secondary-page__main .about__block .block--gallery.square {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.secondary-page__main .about__block .block--gallery.landscape {
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.secondary-page__main .about__block .block--gallery.portrait img,
.secondary-page__main .about__block .block--gallery.square img {
  max-width: 376.25px;
}

.secondary-page__main .about__block .block--gallery.square img {
  max-width: 526.75px;
}

/* project.php block/gallery */
.main .project__blocks .block--gallery {
  display: grid;
  grid-gap: 0.5rem;
}

.main .project__blocks .block--gallery.portrait,
.main .project__blocks .block--gallery.square {
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
}

.main .project__blocks .block--gallery.landscape {
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
}

/* project.php block/video */
.secondary-page__main .about__block figure iframe,
.main .project__blocks figure iframe {
  border: none;
  outline: none;
}

.main .project__blocks figure[data-type="video"][img-size="thumbnail"] iframe {
  height: 130px;
  width: 40%;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="thumbnail"]
  iframe {
  height: 145px;
  width: 35%;
}

.main .project__blocks figure[data-type="video"][img-size="thumbnail"] video {
  height: 100%;
  width: 100%;
  padding: 0 60% 0 0;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="thumbnail"]
  video {
  height: 100%;
  width: 100%;
  padding: 0 65% 0 0;
}

.secondary-page__main .about__block figure[data-type="video"][img-size="full"],
.main .project__blocks figure[data-type="video"][img-size="full"] {
  position: relative;
  width: 70%;
  padding: 0;
  margin: 0 auto;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="full"]
  iframe,
.main .project__blocks figure[data-type="video"][img-size="full"] iframe {
  height: 224px;
  width: 100%;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="full"]
  iframe {
  height: 298px;
  width: 100%;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="full"]
  video,
.main .project__blocks figure[data-type="video"][img-size="full"] video {
  height: 100%;
  width: 100%;
}

.secondary-page__main
  .about__block
  figure[data-type="video"][img-size="full"]
  video,
.main .project__blocks figure[data-type="video"][img-size="full"] video {
  height: calc(100% - 1rem - 2px);
  margin-right: auto;
  margin-left: auto;
}

/* publications.php */
/* --> publications-menu.php */
.main .publications__menu li a + a {
  display: block;
  padding-left: 1.5rem;
}

/* publications-listed.php */
.main .publications__blocks article {
  margin-bottom: 2rem;
}

.main .publications__blocks .pub__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.main .publications__blocks .publication--category {
  color: var(--darker-grey);
  margin: 1rem 0 0 0;
  padding: 0;
  text-transform: uppercase;
}

.main .publications__blocks .publication--category,
.main .publications__blocks .publication--year {
  font-size: 0.75rem;
  font-family: var(--logo-90);
  font-weight: normal;
}

.main .publications__blocks .publication--year {
  color: var(--dark-grey);
  text-align: right;
  opacity: 0;
  margin: 0;
  position: absolute;
}

.main .publications__blocks .publication__item {
  margin: 0 0 2rem 0;
}

.main .publications__blocks .publication__item .publication--header {
  scroll-margin-top: 5rem;
}

.main .publications__blocks .publication__item .publication--header,
.main .publications__blocks .publication__item .publication--details,
.main .publications__blocks .publication__item .publication--abstract {
  margin-bottom: 1rem;
}

.main .publications__header p,
.main .publications__blocks p {
  font-family: var(--sans-serif-reg);
}

.main .publications__blocks h2 {
  /* font-family: var(--logo-60); */
  font-family: var(--serif-reg);
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2.15ch;
  font-weight: normal;
}

.main .publications__blocks h2:first-of-type {
  /* font-family: var(--logo-90); */
  font-family: var(--serif-med);
}

.main .publications__blocks h2 + h2 {
  margin: 0;
}

.main .publications__blocks .publication__item p {
  margin: 0;
}

.main .publications__blocks .publication__item .publication--header a {
  color: var(--text-color);
  text-decoration: none;
}

.main .publications__blocks .publication__item:hover .publication--header a h2,
.main
  .publications__blocks
  .publication__item:hover
  .publication--header
  a:hover,
.main .publications__blocks .publication__item:hover .publication--keywords a {
  color: var(--text-color);
  text-decoration: underline;
  text-decoration-color: var(--hover);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25rem;
}

.main
  .publications__blocks
  .publication__item:hover
  .publication--source
  button {
  background: var(--light-grey);
  border-color: var(--hover);
  border-style: solid;
}

.main .publications__blocks .publication__item .publication--header p {
  margin-top: 1rem;
}

.main .publications__blocks .publication__item .publication--source {
  margin-bottom: 1rem;
}

.main .publications__blocks .publication__item .publication--source {
  font-size: 1rem;
}

.main
  .publications__blocks
  .publication__item
  .publication--source
  input[type="text"] {
  outline: none;
  border: none;
  font-family: var(--annotations-reg);
  display: none;
}

.main .publications__blocks .publication__item .publication--source p {
  font-family: var(--annotations-bold);
  display: inline;
}

.main .publications__blocks .publication__item .publication--source button {
  height: fit-content;
  outline: none;
  border-style: dotted;
  color: var(--text-color);
  background: transparent;
  font-family: var(--annotations-bold);
  border-left: 1px dotted var(--text-color);
  border-top: 1px dotted transparent;
  border-right: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  margin: 0 0.25rem;
  padding: 0 0.35rem;
  font-size: 1rem;
}

.main
  .publications__blocks
  .publication__item
  .publication--source
  button:hover {
  cursor: pointer;
}

.main .publications__blocks .publication__item .publication--video figure {
  margin: 1rem 0;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="thumbnail"]
  iframe {
  border: none;
  outline: none;
  width: 35%;
  height: 148px;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="full"]
  iframe {
  border: none;
  outline: none;
  width: 100%;
  height: 296px;
  padding: 0 15%;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="full"]
  iframe
  + figcaption {
  padding: 0 15%;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure
  video {
  width: 100%;
}

.main .publications__blocks .publication__item .publication--video figcaption {
  font-family: var(--sans-serif-reg);
  color: var(--dark-grey);
  font-size: 0.75rem;
  margin-top: 2px;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="thumbnail"]
  video,
.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="thumbnail"]
  video
  + figcaption {
  padding: 0 65% 0 0;
}

.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="full"]
  video,
.main
  .publications__blocks
  .publication__item
  .publication--video
  figure[img-size="full"]
  video
  + figcaption {
  padding: 0 15%;
}

/* SECONDARY PAGE STYLING ~~> site/templates/secondary.php */

.main .secondary-page__header h2 {
  font-family: var(--logo-60);
  font-size: 3rem;
  text-align: center;
  font-weight: normal;
  /* color: var(--hover); */
  /* margin-top: 1rem; */
}

.main .secondary-page__header p {
  font-family: var(--sans-serif-reg);
  font-size: 1rem;
  text-align: justify;
}

.main .secondary-page__nav ul {
  display: grid;

  grid-template-columns: repeat(26, auto);
  list-style: none;
  padding: 0;
  position: relative;
}

.main .secondary-page__nav ul li {
  border: 1px dotted var(--hover);
  border-style: dotted none dotted dotted;
  text-align: center;

  background: var(--light-grey);
}

.main .secondary-page__nav ul li:hover {
  background: var(--hover);
}

.main .secondary-page__nav ul li:last-of-type {
  border-style: dotted;
}

.main .secondary-page__nav ul input {
  border: none;
  border: 1px dotted var(--hover);
  border-style: dotted dotted dotted none;
  background: var(--light-grey);
  font-family: var(--sans-serif-reg);
  font-size: 1rem;
  -webkit-appearance: none;
  appearance: none;
  height: auto;
  width: 2rem;
}

.main .secondary-page__nav ul input:focus {
  outline: none;
  width: calc(100% - 1px);
  position: absolute;
  z-index: 10;
  background: var(--light-grey);
  height: -webkit-fill-available;
  border-style: dotted;
  text-align: right;
}

.main .secondary-page__nav a {
  color: var(--text-color);
  text-decoration: none;
  font-size: 1.5rem;
  font-family: var(--serif-med);
  text-transform: uppercase;
}


.main .secondary-page__main h3,
.main .open-call__header .open-call--title h3 {
  font-family: var(--serif-reg);
  font-size: 2.25rem;
  font-weight: normal;
  width: 100%;
  display: block;
  margin: 2rem 0 0 0;
}

.main .secondary-page__main h3 {
  text-transform: uppercase;
  border-bottom: 1px solid var(--text-color);
}

.main .secondary-page__main .member__item {
  /* removed member image */
  /* grid-template-columns: 200px auto;
  display: grid; */
}

/* HELP TEXT -- to remove after overall styling and logic is set */

.help {
  grid-column: 1 / 3;
  font-size: 0.7rem;
  font-family: monospace;
  color: red;
}

.main .secondary-page__main .member__item .member--img,
.main .secondary-page__main .member__item .member--img-empty {
  width: calc(100% - 1.5rem);
  height: auto;
  background-position: center;
}

.main .secondary-page__main .member__item .member--img img {
  width: 100%;
  height: auto;
  color: var(--link);
  /* border-radius: 1rem 0; */
}

.main .secondary-page__main .member__item .member--img-empty {
  max-height: 300px;

  /* border-radius: 1rem 0; */
}

.main .secondary-page__main .member__item .member--img-empty img {
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  /* border-radius: 1rem; */
}

.main .secondary-page__main .member__item:hover .member--bio a {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--hover);
  background: var(--light-grey);
}

.main .secondary-page__main .member__item .member--bio a:hover {
  text-decoration-style: solid;
}

.main .secondary-page__main .member__item .member--bio p {
  margin: 0;
}

.main .secondary-page__main .member__item .member--links,
.main .project__blocks .block--anchor,
.main .project__blocks .block--anchor,
.main .open-call__block .block--anchor,
.main .secondary-page__main .member__item .member--bio,
.main .secondary-page__main .member__item .member--projects,
.main .secondary-page__main .member__item .member--keywords,
.main .publications__blocks .publication__item .publication--keywords,
.main .secondary-page__main .member__item .member--publications,
.main .secondary-page__main .member__item .member--projects {
  margin: 0 0 1rem 0;
}

.main .secondary-page__main .member__item .member--links a {
  margin-right: 1rem;
}

.main .secondary-page__main .member__item .member--links a::after,
.main .project__blocks .block--anchor a::after,
.main .secondary-page__main .about__block .block--anchor a::after,
.main .open-call__block .block--anchor a::after {
  content: "\2197";
  color: var(--hover);
}

.main .secondary-page__main .member__item a {
  text-decoration: none;
  color: var(--text-color);
}

.main .publications__blocks .publication__item .publication--keywords a {
  color: var(--darker-grey);
  font-family: var(--annotations-bold);
}

.main .secondary-page__main .member__item .member--keywords,
.main .publications__blocks .publication__item .publication--keywords {
  position: relative;
}

/* new tooltip */
.tooltip__box {
  position: relative;
}

.tooltip--content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 1rem;
  font-family: var(--annotations-reg);
  width: 180px;
  pointer-events: none;
  z-index: 99999999;
  border: 1px solid var(--hover);
  background: white;
  box-shadow: 0 0.25rem 0.25rem var(--med-grey);
  padding: 0.5em;
  position: absolute;
  bottom: 90%;
  left: 80%;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tooltip__box:hover .tooltip--content,
.tooltip__box:focus .tooltip--content {
  visibility: visible;
  opacity: 1;
}

.tooltip--content div {
  overflow-y: clip;
}

.main .secondary-page__main .member__item .member--keywords::before {
  content: "Keywords";
}
.main .secondary-page__main .member__item .member--projects::before {
  content: "Projects";
}
.main .secondary-page__main .member__item .member--publications::before {
  content: "Publications";
}

.main .secondary-page__main .member__item,
.main .secondary-page__main .glossary__item {
  font-family: var(--sans-serif-reg);
  padding-top: 1rem;
  scroll-margin-top: 4rem;
}

.main .secondary-page__main .member__item[open] summary + div,
.main .secondary-page__main .glossary__item[open] summary + div {
  animation: fadeIn 0.2s linear forwards;
}

.main .secondary-page__main .glossary__item[open] summary p,
.main
  .secondary-page__main
  .member__item[open]
  .member--details
  p:nth-of-type(1) {
  color: var(--hover);
}

.main .secondary-page__main .glossary__item summary p {
  margin: 0;
}

.main .secondary-page__main .glossary__item .glossary--term {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.main .secondary-page__main .member__item .member--details {
  display: flex;
  flex-direction: column;
}

.main .secondary-page__main .member__item:target .member--details,
.main .secondary-page__main .glossary__item:target .glossary--term,
.main
  .publications__blocks
  .publication__item
  .publication--header:target
  a
  h2 {
  animation: colour 3s cubic-bezier(0.4, 0, 0.2, 1) none;
}

.main .secondary-page__main .glossary__item .glossary--term:hover,
.main
  .secondary-page__main
  .glossary__item
  .glossary--term:hover
  p:nth-of-type(1),
.main
  .secondary-page__main
  .member__item
  .member--details:hover
  p:nth-of-type(1) {
  color: var(--hover);
  cursor: pointer;
}

.main .secondary-page__main .glossary__item .glossary--term p a:hover,
.main .secondary-page__main .glossary__item .glossary--small a:hover {
  text-decoration: underline;
}

.main .secondary-page__main .member__item .member--details:hover {
  cursor: pointer;
}

.main .secondary-page__main .glossary__item .glossary--term + div,
.main .secondary-page__main .member__item .member--details + div {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.main .secondary-page__main .member__item .member--details p {
  margin-top: 0;
  margin-bottom: 0;
}

.main .secondary-page__main .member__item .member--details p:nth-of-type(1),
.main .secondary-page__main .glossary__item .glossary--term p:nth-of-type(1) {
  font-family: var(--sans-serif-bold);
}

.main .secondary-page__main .member__item .member--details p + p,
.main .secondary-page__main .glossary__item .glossary--small a,
.main .secondary-page__main .glossary__item .glossary--small,
.main .secondary-page__main .glossary__item .glossary--term p + p,
.main .secondary-page__main .glossary__item .glossary--term p + p a {
  color: var(--dark-grey);
}

.main .secondary-page__main .glossary__item .glossary--term p + p {
  margin-left: 0.25rem;
}

.main .secondary-page__main .glossary__item .glossary--details {
  font-family: var(--annotations-bold);
}

.main .secondary-page__main .member__item .member--meta {
  font-family: var(--annotations-bold);
}

.main .secondary-page__main .glossary__item .glossary--small,
.main .secondary-page__main .glossary__item .glossary--small p a,
.main .secondary-page__main .member__item .member--meta,
.main .secondary-page__main .glossary__item .glossary--details {
  font-size: 1rem;
}

.main .secondary-page__main .glossary__item .glossary--small a,
.main .secondary-page__main .glossary__item .glossary--term p + p a {
  margin: 0 0.25rem;
  font-family: var(--sans-serif-bold);
  text-decoration: none;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--meta
  p::before,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source::before,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--meta
  p::before,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connprojects::before,
.main .secondary-page__main .member__item .member--keywords::before,
.main .publications__blocks .publication__item .publication--keywords::before,
.main .secondary-page__main .member__item .member--projects::before,
.main .secondary-page__main .member__item .member--publications::before,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connpublications::before {
  font-family: var(--annotations-bold);
  color: var(--dark-grey);
  display: block;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connprojects::before {
  content: "Related Projects ";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connpublications::before {
  content: "Related Publications ";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source::before {
  content: "Source";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source
  ol,
.main .secondary-page__main .about__block .block--annotation ul,
.main .project__blocks article .block--annotation ul {
  padding: 0;
  margin: 0;
  /* margin: 0 0 0 0.125rem; */
  list-style: none;
  /* list-style-type: "· "; */
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source
  ol
  li:hover {
  cursor: default;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source
  ol
  li {
  margin: 0 0 0.5rem 0;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--meta
  p:first-of-type::before {
  content: "Posted by ";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--meta
  p::before {
  content: "Last Updated ";
}

.main .secondary-page__main .glossary__item .glossary--details p {
  margin: 0;
  color: var(--text-color);
}

.main .secondary-page__main .glossary__item .glossary--meta a {
  background: var(--link);
  border: 1px solid transparent;
}

.main .secondary-page__main .glossary__item .glossary--details a,
.main .secondary-page__main .member__item .member--meta a,
.main .publications__blocks .publication__item .publication--keywords a {
  text-decoration: none;
  position: relative;
  /* text-transform: capitalize; */
}

.main .secondary-page__main .glossary__item .glossary--details a,
.main .secondary-page__main .member__item .member--meta a {
  color: var(--text-color);
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connprojects
  a,
.main .secondary-page__main .member__item .member--meta a,
.main .publications__blocks .publication__item .publication--keywords a {
  margin-right: 0.5rem;
}

.main .secondary-page__main .glossary__item .glossary--details a:hover,
.main .secondary-page__main .member__item .member--meta a:hover,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source
  ol
  li:hover
  a,
.main .secondary-page__main .glossary__item:hover .glossary--details a,
.main .secondary-page__main .member__item:hover .member--meta a {
  border-bottom: 1px solid var(--hover);
  z-index: 1;
  color: var(--text-color);
  /* text-decoration: none; */
}

.main .secondary-page__main .member__item:hover .member--links a::after {
  color: var(--hover);
}

.main .secondary-page__main .glossary__item .glossary--details a:hover,
.main .secondary-page__main .member__item .member--meta a:hover,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source
  ol
  li
  a:hover,
.publication--keywords a:hover {
  font-style: italic;
}

.main .secondary-page__main .glossary__item .glossary--definition:hover {
  cursor: default;
}

.main .secondary-page__main .glossary__item .glossary--details a {
  color: var(--text-color);
  font-style: normal;
}

.main .secondary-page__main .glossary__item .glossary--update1,
.main .secondary-page__main .glossary__item .glossary--update2 {
  margin-top: 1rem;
}

.main .secondary-page__main .glossary__item .glossary--definition,
.main .secondary-page__main .glossary__item .glossary--details--update {
  position: relative;
  padding: 0 0 0 1rem;
}

.main .secondary-page__main .glossary__item .glossary--definition::before {
  left: 0;
  position: absolute;
  font-size: 1rem;
  top: 1px;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--definition:nth-of-type(1)::before {
  content: "1";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--update1
  .glossary--definition::before {
  content: "2";
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--update2
  .glossary--definition::before {
  content: "3";
}

/* about.php */

.main .secondary-page__main .about__block h2,
.main .open-call__block h2 {
  font-family: var(--serif-med);
  font-size: 1.5rem;
  margin: 2rem 0 1rem 0;
  font-weight: normal;
}

.main .secondary-page__main .about__block h4,
.main .open-call__block h4 {
  font-family: var(--sans-serif-bold);
  font-size: 1rem;
  margin: 1rem 0 0 0;
  font-weight: normal;
}

.main .secondary-page__main .about__block p,
.main .open-call__block p {
  font-family: var(--sans-serif-reg);
  font-size: 1rem;
}

.main .secondary-page__main .about__block .block--text p,
.main .open-call__block .block--text p,
.main .secondary-page__main .about__block .block--anchor p,
.main .open-call__block .block--anchor p,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--source,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connprojects,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connpublications,
.main .secondary-page__main .glossary__item .glossary--details .glossary--meta {
  margin: 0 0 1rem 0;
}

.main .secondary-page__main .glossary__item .glossary--details .glossary--meta {
  display: grid;
  grid-template-columns: 50% 50%;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--meta
  p
  + p {
  text-align: right;
}

.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connprojects
  a,
.main
  .secondary-page__main
  .glossary__item
  .glossary--details
  .glossary--connpublications
  a {
  margin-right: 1rem;
}

.main .block--anchor a {
  text-decoration: none;
  color: var(--text-color);
  background: transparent;
}

.main .block--anchor a:hover {
  color: var(--hover);
}

.main .block--annotation {
  color: var(--text-color);
  font-family: var(--annotations-bold);
  font-style: normal;
}

.main .block--annotation a {
  text-decoration: none;
  border-bottom: 1px solid var(--hover);
  color: var(--text-color);
}

.main .block--annotation a:hover {
  font-style: italic;
}

.main
  .secondary-page__main
  .about__block
  .block--annotation
  li:not(.block--annotation li:last-of-type) {
  margin: 0 0 0.5rem 0;
}
.main .secondary-page__main .about__block .block--annotation li:last-of-type {
  margin-bottom: 1rem;
}

/* ERROR style */
.error {
  text-align: center;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* GLOBAL FOOTER STYLING ~~> snippets/footer.php  */

.footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: var(--logo-60);
  align-items: baseline;
  position: fixed;
  bottom: 0;
  left: 0;
}

.footer * {
  margin: 0;
  font-size: 0.9rem;
}

.footer .languages {
  margin-right: 2rem;
}

.footer .languages ul {
  list-style: none;
  display: inline-flex;
  padding: 0;
}

.footer .languages a {
  padding: 0.25rem 0.15rem 0.15rem 0.15rem;
  border: 1px solid transparent;
  background: transparent;
  text-transform: capitalize;
}

.footer .languages a:hover,
.footer a:hover {
  cursor: pointer;
  background: white;
}

.footer .languages .lang-btn--active {
  border-bottom: 1px dotted var(--text-color);
  font-family: var(--logo-130);
}
.footer a {
  text-decoration: none;
  color: var(--text-color);
  padding: 0.25rem 0.15rem 0.15rem 0.15rem;
}

.footer .last-updated {
  text-decoration: none;
  color: var(--dark-grey);
  flex-grow: 1;
  text-align: right;
}

@media only screen and (max-width: 1388px) {
  .footer._footerInterior {
    background: white;
    border-top: 1px solid var(--light-grey);
  }
}

@media only screen and (max-width: 1240px) {
  .main .projectsList .publications--item {
    grid-column: unset;
  }

  .main .menu {
    max-width: 14vw;
  }
}

@media only screen and (max-width: 950px) {
  .header--logo h1 {
    display: block;
  }

  .header--logo h1 + h1 {
    margin: 0;
    color: var(--darker-grey);
  }
}

@media only screen and (max-width: 880px) {
  .header,
  .footer {
    display: block;
    position: relative;
  }

  .header {
    z-index: 2001;
  }

  .header._headerInterior {
    background: transparent;
    border-bottom: none;
  }

  .footer {
    z-index: 2000;
  }

  .header--logo {
    max-width: calc(100vw - 8rem);
    position: relative;
    /* z-index: 100; */
  }

  .header--menu {
    position: absolute;
    top: 0;
    right: 0;
  }

  .header--menu ._mobile {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    top: 0;
    right: 0;
    padding: 1rem;
  }

  .header .header--menu ._mobile {
    position: absolute;
  }

  .header._headerInterior .header--menu ._mobile {
    position: fixed;
  }

  .header--menu ._mobile ul {
    background: white;
    width: 100vw;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
  }

  .header--menu ._mobile ul li:first-of-type {
    margin-top: 4rem;
  }
  .header--menu ._mobile ul li {
    padding: 1rem;
    margin-left: 0;
    text-align: center;
    /* background-image: linear-gradient(to bottom, var(--med-grey), white); */
  }

  .header--menu ._mobile ul div .lang-btn {
    text-transform: capitalize;
  }

  .header--menu ._mobile ul a {
    font-size: 2.5rem;
    font-family: var(--logo-90);
    color: var(--hover);
    /* text-transform: capitalize; */
  }

  .header--menu ._mobile ul div {
    padding: 10%;
  }

  .header--menu ._mobile ul div li a {
    font-family: var(--logo-60);
    font-size: 2rem;
  }

  .header--menu ._mobileBtn {
    margin: 0rem;
    cursor: pointer;
    width: min-content;
    position: relative;
    padding: 0.25rem 0.5rem;
    border: 2px solid transparent;
    /* border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent; */
    /* text-decoration: none; */
    text-decoration: underline;
    text-decoration-color: var(--hover);
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.25rem;
    /* z-index: 102; */
  }

  .header._headerInterior .header--menu ._mobileBtn {
    border: 2px solid var(--hover);
    text-decoration: none;
    background: white;
  }

  .header--menu ._mobileBtn._close {
    z-index: 102;
  }

  .header--menu ._mobileBtn._close::before {
    content: "X";
    position: absolute;
    z-index: 103;
    background: white;

    text-align: center;
    border: 2px solid var(--hover);
    width: 100%;
    top: -2px;
    left: -2px;
    padding: 0.25rem 0;
  }

  .page--noise {
    background-size: 50%;
  }

  .main {
    height: 100%;
  }

  .header._headerInterior + .main {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .main section {
    width: var(--page-width-mobile);
    margin: 0 auto;
  }

  .main .projectsList {
    width: var(--page-width-mobile);
  }

  .main .member__item .member--bio a {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: var(--hover);
    background: var(--light-grey);
  }

  .tooltip__box:hover .tooltip--content {
    visibility: hidden;
    opacity: 0;
  }
  .main .projectsList h2,
  .main .project__header .project--title h2 {
    font-size: 2.5rem;
    line-height: 1.9ch;
  }

  .main .project__header .project--title h2 + h2 {
    margin: 0;
  }

  .main .projectsList a {
    padding: 1.65rem 1rem;
  }

  footer .languages,
  .footer a,
  .header--menu ._mobile ul,
  .header--menu ._mobile ul .lang-btn--active,
  .main .menu .menu--item:not(.main .submenu .menu--item),
  .main .submenu .menu--subitem,
  .header--menu ._desktop,
  .main .menu .publication--year,
  .glossary--source-empty,
  .member--keywords-empty {
    display: none;
  }

  .main .menu {
    position: unset;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0;
  }

  .main .project__header,
  .main .secondary-page__header,
  .main .publications__header {
    padding-top: 0;
  }

  .main .menu .menu--item,
  .main .menu .publication--category {
    padding: 0.5rem 0;
    margin: 0;
  }

  .main .menu .menu--item a,
  .main .menu .publication--category a {
    background: transparent;
    color: var(--text-color);
    font-size: 1rem;
  }

  .main .submenu .publication--category a::before,
  .main .menu .menu--item a::before,
  .main .menu .menu--subitem a::before {
    margin-right: 1.25rem;
    content: "\2193";
    background-color: transparent;
    border: none;
    height: 0;
    width: 0;
    color: var(--hover);
  }

  .main .menu li:hover a::before {
    border: none;
  }

  .main .menu a.active,
  .main .menu li a:hover {
    background: none;
  }

  .main .menu .menu--item:hover a::before,
  .main .menu .publication--category a:hover::before {
    background: transparent;
  }

  .main .submenu {
    margin: 0;
  }

  /* mobile styling for gloss and members */
  .main .secondary-page__nav ul {
    grid-template-columns: repeat(13, auto);
    border: 1px dotted var(--hover);
  }
  .main .secondary-page__nav ul li {
    border-style: none dotted none none;
    padding: 0.5rem 0;
  }

  .main
    .secondary-page__nav
    ul
    li:nth-of-type(n + 14):not(.main .secondary-page__nav ul li:last-of-type) {
    border-style: dotted dotted none none;
  }
  .main .secondary-page__nav ul li:nth-of-type(13) {
    border-style: none;
  }
  .main .secondary-page__nav ul li:last-of-type {
    border-style: dotted none none none;
  }

  .main .secondary-page__main .glossary__item .glossary--details {
    padding: 0;
    grid-gap: 0;
  }

  .main .secondary-page__main .glossary__item .glossary--details,
  .main .secondary-page__main .member__item,
  .main .secondary-page__main .member__item .member--meta {
    display: grid;
    grid-template-columns: 100%;
    width: inherit;
    grid-gap: 0;
  }

  .main
    .secondary-page__main
    .member__item
    .member--meta
    .member--keywords
    + div {
    margin-left: 0;
  }

  .main .secondary-page__main .member__item .member--meta .member--keywords {
    margin-bottom: 0.5rem;
  }

  .main
    .secondary-page__main
    .glossary__item
    .glossary--details
    .glossary--source,
  .main .secondary-page__main .member__item .member--img,
  .main .secondary-page__main .member__item .member--img-empty {
    grid-row: 1;
    width: 100%;
  }

  .main .secondary-page__main .member__item .member--img,
  .main .secondary-page__main .member__item .member--img-empty {
    padding: 0 25% 0.5rem 25%;
  }

  .main .secondary-page__main .member__item .member--info {
    grid-column: 1 / 3;
  }

  .main
    .secondary-page__main
    .glossary__item
    .glossary--details
    .glossary--meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .main
    .secondary-page__main
    .glossary__item
    .glossary--details
    .glossary--meta
    p {
    width: 50%;
  }

  .main
    .secondary-page__main
    .glossary__item
    .glossary--details
    .glossary--meta
    p:nth-of-type(2) {
    text-align: right;
  }

  .main .secondary-page__main .member__item .member--links a {
    display: block;
  }

  .main .project__menu a,
  .main .publications__menu a {
    font-size: 1rem;
  }

  .main .publications__blocks .publication__item {
    margin-bottom: 4rem;
  }

  .main .publications__blocks .publication__item .publication--header,
  .main .project__blocks h2, .main .secondary-page__main article {
    scroll-margin-top: 1rem;
  }

  .main .secondary-page__main .member__item,
  .main .secondary-page__main .glossary__item,
  .main .publications__blocks article {
    scroll-margin-top: 0;
  }

  /* arrow */
  .toTop a {
    bottom: 1rem;
    right: 1rem;
    border: 1px solid var(--med-grey);
    padding: 0 0.5rem;
    background: white;
    border-radius: 2rem;
    box-shadow: 0 0 0.25rem var(--med-grey);
  }

  .toTop a path {
    stroke-width: 10;
  }

  .main .open-call--preview {
    grid-template-columns: 50% 50%;
  }

  .main .open-call__header .open-call--preview div + div {
    transform: translateX(-75%);
  }

  .main .open-call__header .open-call--preview p {
    width: max-content;
  }

  .main .project__menu .menu--item a.active::before,
  .main .publications__menu li a.active::before,
  .main .project__menu .menu--subitem a.active::before {
    border: none;
  }

  .main .project__header .project--title,
  .main .publications__header .project--title {
    margin: 2rem 0;
  }

  .footer {
    border-top: none;
  }

  .footer .last-updated {
    text-align: left;
  }

  .footer._footerInterior {
    border-top: none;
    position: relative;
    background: transparent;
  }
}

@media only screen and (max-width: 480px) {
}