/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://umami.studio/
Version: 1.0
Description: Developed by Umami Studio
Author: Umami Studio
Author URI: https://umami.studio/
template: bb-theme
*/

@font-face {
  font-family: "MiletusGrotesk";
  src: url("./fonts/miletus-grotesk/MiletusGrotesk-Regular.woff2") format("woff2"), url("./fonts/miletus-grotesk/MiletusGrotesk-Regular.woff") format("woff");
}

@font-face {
  font-family: "MiletusGrotesk";
  src: url("./fonts/miletus-grotesk/MiletusGrotesk-RegularItalic.woff2") format("woff2"), url("./fonts/miletus-grotesk/MiletusGrotesk-RegularItalic.woff") format("woff");
  font-style: italic;
}

@font-face {
  font-family: "MiletusGrotesk";
  src: url("./fonts/miletus-grotesk/MiletusGrotesk-Medium.woff2") format("woff2"), url("./fonts/miletus-grotesk/MiletusGrotesk-Medium.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "MiletusGrotesk";
  src: url("./fonts/miletus-grotesk/MiletusGrotesk-MediumItalic.woff2") format("woff2"), url("./fonts/miletus-grotesk/MiletusGrotesk-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  -webkit-animation: dot-flashing 1s infinite linear alternate;
  animation: dot-flashing 1s infinite linear alternate;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  -webkit-animation: dot-flashing 1s infinite alternate;
  animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #000;
  color: #000;
  -webkit-animation: dot-flashing 1s infinite alternate;
  animation: dot-flashing 1s infinite alternate;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #000;
  }
  50%,
  100% {
    background-color: #d1cbcbc4;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #000;
  }
  50%,
  100% {
    background-color: #d1cbcbc4;
  }
}

.stage {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 90000;
}

::selection {
  background: hsl(0deg 0% 0%);
  color: #fff;
}

#second_pc_view {
  display: none;
}

#wpadminbar {
  height: auto;
}

#wpadminbar,
#wpadminbar * {
  cursor: auto;
}

#wpadminbar:not(:hover) {
  opacity: 0;
  max-height: 10px;
  overflow: hidden;
}

#wpadminbar:hover {
  opacity: 1;
}

.popup-arrows span.arrow-left {
  background-size: contain;
  background-color: transparent;
  background-position: 50%;
  padding: 0;
  border-radius: 0;
  transform: none;
  top: auto;
  bottom: calc(32 * 0.05vw);
  right: 11%;
  width: 35px;
  height: 23px;
  position: absolute;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='33px' height='17px' viewBox='0 0 33 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='pro4' transform='translate(-1248.000000, -783.000000)' stroke='%23000000'%3E%3Cg id='Group-5' transform='translate(31.000000, 773.000000)'%3E%3Cg id='arrow' transform='translate(1217.721825, 10.721825)'%3E%3Cline x1='0.5' y1='7.77817459' x2='30.4589179' y2='7.77817459' id='Path-9' transform='translate(15.500000, 7.778175) scale(-1, 1) translate(-15.500000, -7.778175) '%3E%3C/line%3E%3Cpolyline id='Path' transform='translate(23.500000, 7.778175) scale(-1, 1) rotate(-45.000000) translate(-23.500000, -7.778175) ' points='18 13.2781746 18 2.27817459 29 2.27817459'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  /* cursor: pointer; */
  transform: rotate(180deg);
}
.popup-arrows span.arrow-right {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='33px' height='17px' viewBox='0 0 33 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='pro4' transform='translate(-1248.000000, -783.000000)' stroke='%23000000'%3E%3Cg id='Group-5' transform='translate(31.000000, 773.000000)'%3E%3Cg id='arrow' transform='translate(1217.721825, 10.721825)'%3E%3Cline x1='0.5' y1='7.77817459' x2='30.4589179' y2='7.77817459' id='Path-9' transform='translate(15.500000, 7.778175) scale(-1, 1) translate(-15.500000, -7.778175) '%3E%3C/line%3E%3Cpolyline id='Path' transform='translate(23.500000, 7.778175) scale(-1, 1) rotate(-45.000000) translate(-23.500000, -7.778175) ' points='18 13.2781746 18 2.27817459 29 2.27817459'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-position: 50%;
  width: calc(52 * 0.05vw);
  padding: 0;
  border-radius: 0;
  transform: none;
  top: auto;
  bottom: calc(32 * 0.05vw);
  right: 7%;
  width: 35px;
  height: 23px;
  position: absolute;
  /*     cursor: pointer; */
}
.popup-number {
  top: auto;
  bottom: calc(32 * 0.05vw);
  left: 2%;
  width: 44px;
  height: 23px;
  position: absolute;
  color: #000;
}

:root {
  --black: #000000;
  --dark-grey: #1e1e1e;
  --mid-grey: #696969;
  --light-grey: #c7c7c7;
  --white: #ffffff;
  --xxlarge: calc(var(--medium) * 52 / 20); /* 52px */
  --xlarge: calc(var(--medium) * 36 / 20); /* 36px */
  --large: calc(var(--medium) * 24 / 20); /* 24px */
  --medium: calc(1.7vw); /* 20px */
  --small: calc(var(--medium) * 16 / 20); /* 16px */
  --xsmall: calc(var(--medium) * 14 / 20); /* 14px */
  --xxsmall: calc(var(--medium) * 12 / 20); /* 12px */
}

.fc-dark-grey {
  color: var(--dark-grey);
}

.fc-mid-grey {
  color: var(--mid-grey);
}

.fc-white {
  color: var(--white);
}

.project-image {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-gap: calc(48 * 0.05vw);
  position: relative;
  flex: 1;
}

.project-image a {
  width: 100%;
  display: block;
}

.project-image a img {
  pointer-events: none;
}

.image {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  flex-direction: column;
  width: 100%;
  margin: 0;
  position: relative;
}

.project-image .image .wrap {
  height: 0;
  position: relative;
}

.project-image .image .wrap img,
.project-image .image .wrap video {
  position: absolute;
}

/* Large */
.project-image .large {
  grid-row: 1/2;
  grid-column: 1/4;
  flex: 0 1 calc(1920 / 985 * 100%);
}

.project-image .large .wrap {
  padding-bottom: calc(985 / 1920 * 100%);
}

/* 2 / 3 */
.project-image .two-third {
  grid-row: 1/2;
  grid-column: 2/4;
}

.project-image .two-third > * {
  grid-column: 1/3;
}

.project-image.two_third .one-third{
  grid-column: 3/4;
}

.project-image.two_third .two-third{
  grid-column: 1/3;
}

.project-image.two_third.reversed .one-third {
  grid-column: 1/2;
}

.project-image.two_third.reversed .two-third {
  grid-column: 2/4;
}

.project-image.reversed .two-third{
  grid-column: 1/3;
}

.project-image .two-third .wrap {
  padding-bottom: calc(985 / 1182 * 100%);
}

/* 1 / 2 */
.project-image.one_half,
.project-image.one_half_one_half {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  /* align-items: start; */
}

.project-image .one-half {
  grid-row: 1/2;
  grid-column: 1/2;
  flex: 0 1 calc((985 / 936 * 100%));
}

.project-image .one-half:nth-child(2) {
  grid-column: 2/3;
  flex: 0 1 calc((985 / 936 * 100%));
}

.reversed .one-half:nth-child(1) {
  grid-column: 2/3;
}

.reversed .one-half:nth-child(2) {
  grid-column: 1/2;
}

.project-image .one-half .wrap {
  padding-bottom: calc(985 / 936 * 100%);
}

/* 1 / 3 */
.one-third {flex: 0 1 calc(690 / 985 * 100%);grid-row: 1/2;grid-column: 1/2;}

.reversed .one-third {
  grid-column: 3/4;
}

.one_third_one_third .one-third {
  grid-column: auto;
}

.reversed.one_third_one_third .empty-block {
  grid-column: 1/2;
}

.project-image.one_third_one_third .images {
  grid-template-columns: repeat(2, 1fr);
}

.project-image.one_third_one_third .images .one-third {
  /* grid-template-columns: repeat(1, 1fr); */
}

.project-image.one_third_one_third .images .one-third:first-child {
  grid-column: 1/2;
}

.project-image.one_third_one_third .images .one-third:last-child {
  grid-column: 2/3;
}

.project-image .one-third .wrap {
  padding-bottom: calc(985 / 568 * 100%);
}

/* 1 / 3 & 2 / 3 */
.project-image.one_third_two_third .two-third {
  grid-row: 1/2;
  grid-column: 2/4;
  flex: 0 1 calc(1182 / 985 * 100%);
}

.project-image.one_half_one_half .one-half {
  flex: 0 1 calc(985 / 936 * 100%);
}

a,
a:before,
header a span:before,
header:before,
header:after,
header.solid-bg .main-header *,
.view-controls .dropdown .link > *:before,
.award-organization-list .link:before,
.press-article-list .press-title:before,
.press-article-list .info:before,
.featured-awards .view-all .button:after, 
.featured-press .view-all .button:after,
#Footer .footer-info .address a span:before,
.section.contact .item.address a span:before,
.project-layout .view-more:before{
  transition: all 0.3s;
}

a > * {
  pointer-events: none;
}

body {
  font-family: "MiletusGrotesk", serif;
  font-size: var(--medium);
  line-height: 1.2;
  color: var(--dark-grey);
  -webkit-font-smoothing: antialiased;
  background: #fff;
  letter-spacing: calc(var(--medium) / -42);
}

body:not(.fl-builder-edit):not(.fl-theme-builder-singular-project-listing):not(.page-contact):not(.page-home):not(.page-news) {
  padding-top: var(--headerHeight);
}

body:not(.fl-theme-builder-singular-project-listing):not(.page-contact):not(.page-home):not(.page-news) header {
  background: #fff;
  pointer-events: auto;
}

header:before,
header:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transform: translateY(-101%);
  z-index: -1;
}

header:before {
  background: #fff;
}

header.no-bg:not(.solid-bg):not(.active):after {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 0.3) 100%);
  height: 100%;
  transform: translateY(0%);
}

header.solid-bg:before,
header.active:before {
  transform: translateY(0%);
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  pointer-events: none;
  overflow: hidden;
}

header.solid-bg {
  pointer-events: auto;
}

header .main-header.fl-row[data-node] .fl-row-content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

body:not(.light-theme) header .main-header a,
header.solid-bg .main-header a {
  /* color:var(--mid-grey); */
}

header .main-header .fl-html {
  padding: calc(48 * 0.05vw) 0;
}
header .main-header a.logo {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  width: calc(48 * 4 * 0.05vw) !important;
  /*   max-width: 200px; */
  min-width: 140px;
  min-height: 36px;
  height: calc(48 * 0.05vw) !important;
  justify-content: flex-start;
  /* max-height: 40px; */
}

body:not(.light-theme) header .main-header a:hover,
body:not(.light-theme) header .main-header .current_page_item a,
header.solid-bg .main-header a:hover,
header.solid-bg .main-header .current_page_item a {
  color: var(--black);
}

body.light-theme header.solid-bg .main-header a:hover span:before,
body:not(.light-theme) header .main-header a:hover span:before,
body:not(.light-theme) header .main-header .current_page_item a span:before,
header.solid-bg .main-header a:hover:before,
header.solid-bg .main-header .current_page_item a:before {
  background: #000000;
}

body.light-theme header:not(.solid-bg) .main-header * {
  color: var(--white);
  fill: var(--white);
}

body.light-theme header .main-header a:hover span:before,
body.light-theme header:not(.solid-bg) .main-header .current_page_item a span:before {
  background: var(--white);
}

body.light-theme header.solid-bg .main-header .current_page_item a span:before {
  background: var(--black);
}

body header .main-header .menu-links .fl-menu {
  margin-left: auto;
  /* pointer-events: auto; */
}

body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  justify-content: flex-end;
  align-content: center;
  width: inherit;
  height: inherit;
}

body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg {
  width: 8px;
  height: 8px;
  position: static;
  background: #000000;
  border-radius: 100%;
}

body.light-theme header:not(.solid-bg) .fl-menu .fl-menu-mobile-toggle .svg-container svg {
  background: #fff;
}

body header.solid-bg .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg {
  background: var(--black);
}

body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg * {
  height: 32px;
}
body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg *:nth-child(1) {
  y: 0;
  display: none;
}

body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg *:nth-child(2) {
  y: 240;
}

body header .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg *:nth-child(3) {
  y: -270;
  transform: rotate(90deg);
}

body header.active .main-header .fl-menu .menu {
  display: flex !important;
  flex-direction: column;
  grid-gap: calc(48 * 0.05vw);
}

body header .main-header .fl-menu .menu:before,
body header .main-header .fl-menu .menu:after {
  display: none;
}

header .logo,
body header .main-header .menu-links .fl-menu a,
body header .mobile-menu a {
  pointer-events: auto;
}

header .main-header .logo,
header .main-header .menu-button {
  flex: none;
  line-height: 0;
  width: auto !important;
}

header .main-header .menu-button {
  min-width: 32px;
  min-height: 32px;
  flex: none;
  line-height: 0;
  display: none;
}

body.light-theme header:not(.solid-bg):not(.active) .main-header .menu-icon {
  border-color: var(--white);
}

header .main-header .menu-icon {
  min-width: 32px;
  min-height: 32px;
  width: calc(24 * 2 * 0.05vw) !important;
  height: calc(24 * 2 * 0.05vw) !important;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  justify-content: end;
  align-content: center;
  grid-gap: 4px;
  flex-direction: column;
  /* border: 1px solid var(--black); */
  border-radius: 100%;
  /* padding: calc(11 * 0.05vw); */
  position: relative;

  justify-items: center;
}

body.light-theme header:not(.solid-bg):not(.active) .main-header .menu-icon .line {
  background: var(--white);
}

header .main-header .menu-icon .line {
  width: 56%;
  height: 2px;
  background: var(--black);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

header .main-header .menu-icon .line:first-child {
  transform: translateY(calc(-50% - 4px));
}

header .main-header .menu-icon .line:last-child {
  transform: translateY(calc(-50% + 4px));
}

header.active .main-header .menu-icon .line:first-child {
  transform: translateY(calc(-50% - 0px)) rotate(-45deg);
}

header.active .main-header .menu-icon .line:last-child {
  transform: translateY(calc(-50% + 0px)) rotate(45deg);
}

header .main-header .fl-col-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

header .main-header .logo a:before {
  display: none;
}

header .main-header .logo svg {
  /* max-width: 100%; */
  width: 100%;
  /* min-width: 100%; */
  height: 100%;
  display: block;
}

body header.active {
  background: var(--white);
}

body header.active .main-header * {
  color: var(--black) !important;
  fill: var(--black) !important;
}

body header.active .main-header .fl-menu .fl-menu-mobile-toggle .svg-container svg {
  width: 32px;
  height: 32px;
  border-radius: 0;
  transform: rotate(45deg);
  background: transparent;
}

#logo #superkul-logo g.crop,
header .main-header .logo svg g {
  overflow: hidden;
}

#logo #superkul-logo g > *,
header .main-header .logo svg g > * {
  display: block;
}

header .main-header .menu-links .menu {
  display: inline-flex;
  margin-right: calc(48 / 2 * -1 * 0.05vw);
}

header .main-header .menu-links .menu li {
  font-size: var(--small);
  border: 0;
}

header .main-header .menu-links .menu li a,
header .main-header .menu-button {
  padding: calc(48 * 0.05vw) calc(28 * 0.05vw);
}

body header .main-header a span {
  position: relative;
}

header .main-header .menu-links .menu:before,
header .main-header .menu-links .menu:after {
  display: none;
}

header .mobile-menu {
  display: none;
}

#Footer .footer-info .fl-html {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: calc(48 * 0.05vw);
  align-items: start;
  justify-content: start;
}

#Footer .footer-info .fl-html > * {
  display: grid;

  grid-auto-flow: row;
  flex: 1;
  grid-gap: calc(20 * 0.05vw);
}

#Footer .footer-info .logo svg {
  width: calc(32 * 0.05vw);
  height: calc(32 * 0.05vw);
}

#Footer .footer-info .content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: baseline;
  grid-gap: calc(8 * 0.05vw);
  justify-items: start;
  justify-content: start;
}

#Footer .footer-info .subscribe .content {
  justify-items: unset;
}

#Footer .footer-info .content a:hover {
  color: var(--white);
}

#Footer .footer-info .address .content a:before,
.section.contact .item.address a:before {
  display:none;
}

#Footer .footer-info .content a:before,
#Footer .footer-info .content a:hover span:before {
  background: #fff;
}

#Footer .footer-info .content *,
#Footer .footer-info .copyright * {
  color: var(--mid-grey);
}

#Footer .footer-info .address a {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: baseline;
  grid-gap: calc(8 * 0.05vw);
}

#Footer .footer-info .address a span,
.section.contact .item.address a span{
  position: relative;
  width: fit-content;
  color: inherit;
}

#mc_embed_signup #mce-responses {
  position: absolute;
  font-size: calc(20 * 0.05vw);
  padding: 8px 0;
}

#mc_embed_signup #mce-success-response {
  color: var(--white);
}

#mc_embed_signup form {
  position: relative;
}

#mc_embed_signup .email input {
  background: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: inherit;
  padding: 0 0 8px;
  outline: 0;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
}

#Footer #mc_embed_signup .email input:hover,
#Footer #mc_embed_signup .email input:focus-visible {
  border-bottom-color: var(--white);
  color: var(--white);
}

#mc_embed_signup .submit {
  position: absolute;
  top: -4px;
  right: 0;
  height: 100%;
  width: calc(32 * 0.05vw);
  background-image: url("data:image/svg+xml,%3Csvg width='21px' height='12px' viewBox='0 0 21 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esubmit-icon%3C/title%3E%3Cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M14.7071068,-2.26090261e-13 L20.7071068,6 L14.7071068,12 L14,11.2928932 L18.791,6.5 L0,6.5 L0,5.5 L18.791,5.5 L14,0.707106781 L14.7071068,-2.26090261e-13 Z' id='submit-icon' fill='%23696969'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 4;
}

#mc_embed_signup .submit:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='21px' height='12px' viewBox='0 0 21 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esubmit-icon%3C/title%3E%3Cg id='Design' stroke='none' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath d='M14.7071068,-2.26090261e-13 L20.7071068,6 L14.7071068,12 L14,11.2928932 L18.791,6.5 L0,6.5 L0,5.5 L18.791,5.5 L14,0.707106781 L14.7071068,-2.26090261e-13 Z' id='submit-icon' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#Footer #mc_embed_signup .submit:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='21px' height='12px' viewBox='0 0 21 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Esubmit-icon%3C/title%3E%3Cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M14.7071068,-2.26090261e-13 L20.7071068,6 L14.7071068,12 L14,11.2928932 L18.791,6.5 L0,6.5 L0,5.5 L18.791,5.5 L14,0.707106781 L14.7071068,-2.26090261e-13 Z' id='submit-icon' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#mc_embed_signup .submit input {
  background: transparent;
  border: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1;
  display: block;
  /*   cursor: pointer; */
}

#Footer .footer-info .content .logo svg {
  width: 1.8vw;
  height: 1.8vw;
  position: relative;
  top: -0.1vw;
}

#Footer .fl-row-content-wrap {
  padding: calc(48 * 0.05vw) calc(48 * 0.05vw) 0;
  z-index: 1;
}

#Footer .copyright {
  color: var(--mid-grey);
  border-top: 1px solid var(--mid-grey);
  padding-top: calc(32 * 0.05vw);
  padding-bottom: calc(32 * 0.05vw);
}

#Footer .copyright a:not(:hover) {
  color: var(--mid-grey);
}

blockquote{
  padding: 0 0 0 calc(32 * 0.05vw);
  position: relative;
}

blockquote:before{
  content:
  "";
  background: var(--black);
  position: absolute;
  top: calc(5 * 0.05vw);
  left: 0;
  bottom: calc(0 * 0.05vw);
  width: calc(12 * 0.05vw);
}

em,
i{
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
strong,
b,
.fl-builder-content .fl-rich-text strong{
  font-weight: 500;
  color: var(--dark-grey);
  margin-bottom: calc(24 * 0.05vw);
}

h1,
.h1,
.fs-xxlarge {
  font-size: var(--xxlarge); /* 80px */
}

h2,
.h2,
.fs-xlarge {
  font-size: var(--xlarge); /* 48px */
}

h3,
.h3,
.fs-large {
  font-size: var(--large); /* 28px */
}

h4,
.h4,
.fs-medium {
  font-size: var(--medium); /* 20px */
}

h5,
.h5,
.fs-small {
  font-size: var(--small); /* 16px */
}

h6,
.h6,
.fs-xsmall {
  font-size: var(--xsmall); /* 14px */
}

h6,
.h6,
.fs-xxsmall {
  font-size: var(--xxsmall); /* 14px */
}

p:not(:last-child),
blockquote{
  margin-bottom: calc(48 * 0.05vw);
}

a,
a:visited {
  color: var(--dark-grey);
  position: relative;
  pointer-events: auto;
}

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

.fl-rich-text a{
  position: relative;
  padding-left: calc(0.8 * var(--small));
  box-shadow: none;
}

.fl-rich-text a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  background: #000;
  width: calc(0.33 * var(--small));
  height: calc(0.33 * var(--small));
  border-radius: 50%;
  transform: translateY(-50%);
}

.image a,
.project-image a {
  display: block;
  transition:none;
}

header .mobile-menu .fl-menu .menu a:before,
a:before,
header a span:before,
.quick-links .fl-module-content .fl-list a:before,
.award-organization-list .link:before,
.press-article-list .press-title:before,
.press-article-list .info:before,
.view-controls .dropdown .link > *:before,
.section.contact .credits a:before,
.featured-awards .view-all .button:after, 
.featured-press .view-all .button:after,
.no-results a:before,
#Footer .footer-info .address a span:before,
.section.contact .item.address a span:before,
.project-layout .view-more:before{
  content: "";
  position: absolute;
  bottom: calc(-2 * 0.05vw);
  left: 0;
  width: 0;
  height: 1px;
  pointer-events: none;
  /* z-index: -1; */
}

header .mobile-menu .fl-menu .menu a:before,
.featured-projects.quick-links .fl-list-item-0 > a:before,
.category-view.quick-links .fl-list-item-1 > a:before,
.list-view.quick-links .fl-list-item-2 > a:before,
.project-image:hover ~ .project-title a:before,
div:not(.image) > a:hover:before,
.quick-links .fl-module-content .fl-list a:hover:before,
.read-more:hover:before,
.view-controls .dropdown .link > *:hover:before,
.view-controls .fl-list-item-1:hover a:before,
.award-organization-list .link:hover:before,
.press-article-list a:hover .press-title:before,
.press-article-list a:hover .info:before,
.section.contact .credits a:hover:before,
.featured-awards .view-all .button:hover:after, 
.featured-press .view-all .button:hover:after,
.no-results a:before,
.project-layout .view-more:hover:before,
.section.contact .item.address a:hover span:before{
  /* color: var(--mid-grey); */
  background: #000000;
}

header .mobile-menu .fl-menu .menu a:hover:before,
.featured-projects.quick-links .fl-list-item-0 > a:before,
.category-view.quick-links .fl-list-item-1 > a:before,
.list-view.quick-links .fl-list-item-2 > a:before,
.project-image:hover ~ .project-title a:before,
.main-header a:hover span:before,
.main-header .current_page_item a span:before,
.quick-links .fl-module-content .fl-list a:hover:before,
div:not(.fl-button-wrap):not(.view-all):not(.text):not(.image):not(.project-image) > a:hover:before,
.read-more:hover:before,
.view-controls .dropdown .link > *:hover:before,
.view-controls .fl-list-item-1:hover a:before,
.award-organization-list .link:hover:before,
.press-article-list a:hover .press-title:before,
.press-article-list a:hover .info:before,
.section.contact .credits a:hover:before,
.featured-awards .view-all .button:hover:after,
.featured-press .view-all .button:hover:after,
.no-results a:before,
.project-layout .view-more:hover:before,
#Footer .footer-info .content a:hover:before,
#Footer .footer-info .address a:hover span:before,
.section.contact .item.address a:hover span:before{
  width: 100%;
}

.featured-projects.quick-links :not(.fl-list-item-0) > a:before,
.category-view.quick-links :not(.fl-list-item-1) > a:before,
.list-view.quick-links :not(.fl-list-item-2) > a:before{
  width: 0 !important;
}

.no-results {
  display: grid;
}

.no-results p {
  margin: 0;
}

.no-results a {
  position: relative;
}

/* Flickity */
.flickity-slider {
    display: flex;
    align-items: flex-start;
}
.slider-controls {
  /*   background: #fff; */
  z-index: 99999;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 80px;
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  justify-content: space-between;
  padding: calc(40 * 0.05vw);
  align-content: center;
}

.flickity-buttons {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  justify-content: start;
  grid-gap: 16px;
}
.flickity-button:focus {
    outline: 0;
    box-shadow: none;
}
button.flickity-button.flickity-prev-next-button {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='33px' height='17px' viewBox='0 0 33 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='pro4' transform='translate(-1248.000000, -783.000000)' stroke='%23FFFFFF'%3E%3Cg id='Group-5' transform='translate(31.000000, 773.000000)'%3E%3Cg id='arrow' transform='translate(1217.721825, 10.721825)'%3E%3Cline x1='0.5' y1='7.77817459' x2='30.4589179' y2='7.77817459' id='Path-9' transform='translate(15.500000, 7.778175) scale(-1, 1) translate(-15.500000, -7.778175) '%3E%3C/line%3E%3Cpolyline id='Path' transform='translate(23.500000, 7.778175) scale(-1, 1) rotate(-45.000000) translate(-23.500000, -7.778175) ' points='18 13.2781746 18 2.27817459 29 2.27817459'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  background-position: 50%;
  width: calc(52 * 0.05vw);
  padding: 0;
  border-radius: 0;
  transform: none;
  top: auto;
  bottom: calc(48 * 0.05vw);
  left: auto;
  cursor: none;
  position: static;
  z-index: 10;
}

button.flickity-button.flickity-prev-next-button.dark-theme {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='33px' height='17px' viewBox='0 0 33 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='pro4' transform='translate(-1248.000000, -783.000000)' stroke='%23000000'%3E%3Cg id='Group-5' transform='translate(31.000000, 773.000000)'%3E%3Cg id='arrow' transform='translate(1217.721825, 10.721825)'%3E%3Cline x1='0.5' y1='7.77817459' x2='30.4589179' y2='7.77817459' id='Path-9' transform='translate(15.500000, 7.778175) scale(-1, 1) translate(-15.500000, -7.778175) '%3E%3C/line%3E%3Cpolyline id='Path' transform='translate(23.500000, 7.778175) scale(-1, 1) rotate(-45.000000) translate(-23.500000, -7.778175) ' points='18 13.2781746 18 2.27817459 29 2.27817459'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

button.flickity-button.flickity-prev-next-button > * {
  display: none;
}

button.flickity-button.flickity-prev-next-button.next {
  right: calc(32 * 0.05vw);
}

button.flickity-button.flickity-prev-next-button.previous {
  right: calc(32 * 3.2 * 0.05vw);
  transform: rotateZ(-180deg);
}

.flickity-button:disabled {
  display: none;
}

#logo svg {
  width: 180px;
  height: auto;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#logo #swoosh-animation {
  overflow: visible;
}

/* Cursor */
body:not(.fl-builder-edit),
body:not(.fl-builder-edit) * {
  cursor: none;
  /* user-select: none; */
}

#cursorBg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

#cursorBg,
#cursorBg * {
  pointer-events: none;
}

#cursorBg:not(.white),
#cursorBg:not(.white) .cursor svg #Dot,
#cursorBg:not(.white) .cursor svg #View,
#cursorBg:not(.white) .cursor svg #Play,
#cursorBg:not(.white) .cursor svg #Pause,
#cursorBg:not(.white) .cursor svg #Ring {
  mix-blend-mode: exclusion;
}

#cursorBg .cursor svg{
  -webkit-filter: drop-shadow( 0 0 20px rgb(0 0 0 / 40%));
  filter: drop-shadow( 0px 0px 40px rgba(0 0 0 / 80%));
}

#cursorBg .cursor svg #View,
#cursorBg .cursor svg #Play,
#cursorBg .cursor svg #Pause {
  opacity: 0;
}

#cursorBg .cursor {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  transform-origin: top left;
}

#cursorBg .cursor svg {
  transition: all 0.3s cubic-bezier(0.34, 1.09, 0.6, 1.44);
  will-change: transform;
  overflow: hidden;
  position: relative;
  width: inherit;
  height: inherit;
  transform: translate3d(-50%, -50%, 0);
}

#cursorBg .cursor svg text {
  font-size: 1.2rem;
  transform: translate(25px, 37px);
  fill: #999;
}

/* Beaver Builder Layout */
.fl-screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

a.fl-screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 60%);
  box-shadow: 0 0 2px 2px rgb(0 0 0 / 60%);
  clip: auto !important;
  -webkit-clip-path: inherit;
  clip-path: inherit;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.no-padding.fl-row[data-node] .fl-row-content-wrap {
  padding-left: 0;
  padding-right: 0;
  /* padding: 0; */
}

.align-left .fl-row-content {
  margin-left: 0;
}

.align-right .fl-row-content {
  margin-right: 0;
}

.fl-page-content {
  min-height: 100vh;
}

body:not(.home) .fl-page-content,
.home .below-fold{
  padding-bottom: calc(48 * 0.05vw);
}

.fl-row[data-node] .fl-row-content-wrap {
  padding: calc(48 * 0.05vw);
}

.fl-module-content {
  margin: 0;
}

.section.image .fl-html {
  line-height: 0;
}

.fl-module img,
.fl-module video {
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.no-grid .fl-col-content{
  display: block;
}

.fl-col-content,
.item {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.fl-col-content {
  grid-gap: calc(36 * 2 * 1.2 * 0.05vw);
}

.col-30-70 .fl-col-group:before,
.col-30-70 .fl-col-group:after,
.col-30-70 .fl-col-group:before,
.col-30-70 .fl-col-group:after {
  display: none;
}

.col-30-70 .fl-col-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(48 * 0.05vw);
}

/* Select2 */
.select2-container .select2-dropdown {
  z-index: 9999;
}

.select2 {
  min-width: 100%;
  width: 100% !important;
}

.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
  color: var(--mid-grey);
  font-size: var(--xsmall);
}

.select2-results__option {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: calc(8 * 0.05vw) calc(16 * 0.05vw);
}

.select2-results__option:first-child {
  padding-top: calc(16 * 0.05vw);
}

.select2-results__option:last-child {
  padding-bottom: calc(16 * 0.05vw);
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  padding: calc(12 * 0.05vw) calc(36 * 0.05vw) calc(12 * 0.05vw) calc(16 * 0.05vw);
  height: auto;
  border-radius: calc(12 * 0.05vw) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.3;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  width: calc(32 * 0.05vw);
  height: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "";
  position: absolute;
  top: calc(50% - (4 * 0.05vw));
  right: calc(20 * 0.05vw);
  transform: translateY(-50%) rotate(135deg);
  vertical-align: top;
  border-style: solid;
  border-width: calc(2 * 0.05vw) calc(2 * 0.05vw) 0 0;
  height: calc(12 * 0.05vw);
  width: calc(12 * 0.05vw);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background: transparent;
}

.select2-container--open .select2-dropdown--below {
  min-width: 100%;
  padding: 0;
  margin-top: calc(16 * 0.05vw);
  overflow: hidden;
}
.select2-container--open .select2-dropdown--below,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border: 1px solid var(--dark-grey) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  color: var(--dark-grey);
}

.select2-container--default .select2-results__option:not(.select2-results__option--highlighted) {
  color: var(--mid-grey);
  background: transparent;
}

/* FacetWP */
.facet-label {
  margin-bottom: calc(16 * 0.05vw);
  color: var(--dark-grey);
}

.facet-wrap .facetwp-facet {
  margin: 0;
}

/* Components */
.quick-links .fl-module-content .fl-list {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  grid-gap: calc(68 * 0.05vw);
  /* white-space: nowrap; */
  justify-content: start;
}

.quick-links .fl-module-content .fl-list .fl-list-item-content-text * {
  display: block;
}

.col-30-70 .fl-col:nth-child(1) {
  width: 100% !important;
  /* max-width: calc(30%) !important; */
  grid-column: 1/2;
}

.col-30-70 .fl-col:nth-child(2) {
  width: 100% !important;
  /* max-width: calc(70%) !important; */
  grid-column: 2/4;
}

body:not(.page-home) .section.hero-image {
  line-height: 0;
  overflow: hidden;
}

body:not(.page-home) .section.hero-image .image img {
  /* max-height: calc(var(--viewportHeight) * 0.8); */
}

.section.hero-text .fl-row-content-wrap {
  padding-top: calc(48 * 0.05vw);
  padding-bottom: calc(32 * 0.05vw);
}

.hero-text .fl-col-content {
  max-width: 36vw;
}

/* Table */
.table,
.table-header,
.table-row,
.table div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.table.awards .table-row,
.table.awards .table-header,
.table.awards .table-body {
  grid-template-columns: 1fr 1fr calc(160 * 0.05vw);
}

.table.awards .table-body > * {
  grid-column: 1/4;
}

.table.press .table-row,
.table.press .table-header,
.table.press .table-body {
  grid-template-columns: 1fr 1fr 1fr calc(120 * 0.05vw);
}

.table.awards .table-body > * {
  grid-column: 1/5;
}

.table-content {
  flex-direction: column;
}

.table-header,
.table-row {
  grid-gap: calc(32 * 0.05vw);
}

.table,
.table-body {
  flex-direction: column;
}

.table-header {
  border-bottom: 1px solid var(--dark-grey);
  color: var(--dark-grey);
  font-weight: 500;
}

.table-header span {
  /* cursor: pointer; */
}

.table-row {
  border-bottom: 1px solid #c7c7c7;
}

.table {
  margin-top: calc(26 * 0.05vw);
}

.table .table-row,
.table .table-header > span,
.table .table-row > div {
  flex: 1;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  white-space: nowrap;
}

.table .table-header > span,
.table .table-row > div > * {
  padding: calc(16 * 0.05vw) 0;
}

.table .table-header > span,
.table .table-row > div {
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.table .table-header > span::-webkit-scrollbar,
.table .table-row > div::-webkit-scrollbar {
  display:none;
}

.table .table-header > span > *:not(.link),
.table .table-row > div > *:not(.link) {
  pointer-events: none;
}

.table .table-row  a{
  pointer-events: all !important;
}

.table .table-row > *,
.table .table-row > * > * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* display: block; */
}

.table .table-row > div:hover,
.table .table-row > div:hover > div {
  /* text-overflow: unset; */
}

.table .table-row > div:hover {
  overflow-x: auto;
}

.table .table-row > div:hover > div {
  width: auto;
  /* display: flex; */
  overflow: initial;
}

.table .table-header > span > *,
.table .table-row > div > *{
  display: inline;
}

.table .table-header > span a:before,
.table .table-row > div:not(.view-all) a:before{
  display: none;
}

.popup .awards .award-year,
.popup .press .press-date {
  /* justify-content: flex-end; */
  text-align: right;
}

.popup .awards .empty-block,
.popup .awards .award-year {
  /* width: calc(80 * 0.05vw); */
  /* min-width: calc(80 * 0.05vw); */
  /* max-width: calc(80 * 0.05vw); */
}

.popup .press .empty-block:last-child,
.popup .press .press-date {
  /* width: calc(100 * 0.05vw); */
  /* min-width: calc(100 * 0.05vw); */
  /* max-width: calc(100 * 0.05vw); */
  /* flex: none; */
  /* width: 8%; */
  /* min-width: 70px; */
  /* max-width: 12%; */
  text-align: right;
}

.popup .awards .view-all,
.popup .press .view-all {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  justify-items: end;
}

.popup .awards .view-all {
  grid-column: 1/4;
}

.popup .press .view-all {
  grid-column: 1/5;
}

.popup .awards .view-all a,
.popup .press .view-all a {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: flex-end;
  padding-right: calc(0.8 * var(--small));
  position: relative;
  font-weight: 500;
}

.popup .awards .view-all a:before,
.popup .press .view-all a:before {
  content: "";
  background: var(--black);
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
  width: calc(0.33 * var(--small));
  height: calc(0.33 * var(--small));
  border-radius: 50%;
  transform: translateY(-24%);
}

/* Popup */
.popup-close {
  width: calc(32 * 0.05vw);
  height: calc(32 * 0.05vw);
  min-width: 32px;
  min-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 0;
  z-index: 99999;
  position: relative;
  align-items: center;
  align-content: center;
  align-self: end;
}

.popup-close span {
  position: absolute;
  width: calc(36 * 0.05vw);
  min-width: 32px;
  height: 2px;
  background: var(--dark-grey);
  transform-origin: center;
}

.popup-close span:first-child {
  transform: rotate(45deg);
}

.popup-close span:last-child {
  transform: rotate(-45deg);
}

.popup-header {
  display: grid;
  padding-bottom: calc(20 * 0.05vw);
  grid-gap: calc(40 * 0.05vw);
  justify-content: start;
  grid-auto-flow: column;
  justify-items: start;
  align-items: center;
}

.popup-header {
  grid-template-columns: 1fr auto;
}

.popup-header .popup-title {
  flex: 1;
}

.popup{
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 9999;
  background: var(--white);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: calc(32 * 0.05vw);
  opacity: 0;
  visibility: hidden;
  height: 100%;
}

.popup.active {
  opacity: 1;
  visibility: visible;
  overflow-y: auto;
}

.popup.presentation-mode .message {
  display: none;
  pointer-events: none;
}

.popup-header .popup-filters-button {
  flex: 1;
  display: grid;

  grid-gap: calc(16 * 0.05vw);
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-between;
  justify-items: start;
}

.popup-header .popup-filters-button .button {
  background: var(--white);
  padding: 8px 16px 8px 12px;
  border-radius: 8px;
  color: var(--black);
  display: flex;
  grid-gap: 4px;
  align-items: center;
  /*   cursor:pointer; */
  border: 1px solid var(--light-grey);
}

html:not(.mobile) .popup-header .popup-filters-button .button:hover,
html.mobile .popup-header .popup-filters-button .button:focus,
.popup-header .popup-filters-button .button.active {
  background: var(--black);
  color: var(--white);
  border: 1px solid var(--black);
}

.popup-header .popup-filters-button .button svg * {
  stroke: var(--black);
}

html:not(.mobile) .popup-header .popup-filters-button .button:hover svg *,
html.mobile .popup-header .popup-filters-button .button:focus svg *,
.popup-header .popup-filters-button .button.active svg * {
  stroke: var(--white);
}

.popup-header .popup-filters-button .button:not(.active) .active-filters,
.popup-header .popup-filters-button .button.active .icon {
  display: none;
}

.popup-header .popup-filters-button .button .icon {
  width: calc(26 * 0.05vw);
  height: calc(26 * 0.05vw);
}

.popup-header .popup-filters-button .button .icon svg {
  width: 100%;
  height: 100%;
}

.popup-header .popup-filters-button .button .active-filters {
  background: var(--white);
  width: calc(32 * 0.05vw);
  height: calc(32 * 0.05vw);
  margin-top: calc(2 * 0.05vw);
  border-radius: 80px;
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.hero-text {
  color: var(--dark-grey);
}

.hero-text .fl-row-content-wrap {
  /* padding-top: calc(32 * 2 * 0.05vw); */
}

.read-more {
  font-weight: 500;
  color: var(--dark-grey);
  display: block;
  margin-top: calc(48 * 0.05vw);
}

@media screen and (max-width: 1600px) {
  button.flickity-button.flickity-prev-next-button {
    width: 48px;
  }
  .home button.flickity-button.flickity-prev-next-button.next,
  .home button.flickity-button.flickity-prev-next-button.previous {
    bottom: calc(16px);
    position: absolute;
  }
  button.flickity-button.flickity-prev-next-button.next {
    right: calc(24px * 1);
  }
  .home button.flickity-button.flickity-prev-next-button.previous {
    right: calc(24px * 2.6);
  }
}

@media screen and (max-width: 1399px) {
  :root {
    --medium: calc((1vw / var(--viewportWidth)) * 2100);
  }
  .hero-text .fl-col-content {
    max-width: calc((21vw / var(--viewportWidth)) * 2100);
  }
}

@media screen and (max-width: 1024px) {
  .one-third,
  .two-third {
    /* grid-column: auto; */
    /* grid-template-columns: repeat(2, 1fr); */
    /* grid-column: 1/3; */
  }

  .two-third > * {
    /* grid-column: auto; */
  }
}

@media screen and (max-width: 980px) {
  .mobile:root {
    --medium: 18px;
  }
  #Footer .footer-info .fl-html {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: calc(48 * 2 * 1.2 * 0.05vw);
    padding-left: calc(36 * 5 * 1.2 * 0.05vw);
    position: relative;
  }
  #Footer .fl-row-content-wrap {
    padding-top: calc(36 * 2 * 1.2 * 0.05vw);
  }
  #Footer .footer-info .fl-html .column.logo {
    position: absolute;
  }
  #Footer .footer-info .fl-html .column.logo,
  #Footer .footer-info .logo svg {
    width: calc((1vw / var(--viewportWidth)) * 1700);
    height: calc((1vw / var(--viewportWidth)) * 1700);
  }
}

@media screen and (max-width: 800px) {
  :root {
    --xxlarge: calc(var(--medium) * 52 / 18); /* 52px */
    --xlarge: calc(var(--medium) * 36 / 18); /* 36px */
    --large: calc(var(--medium) * 24 / 18); /* 24px */
    --medium: calc((1vw / var(--viewportWidth)) * 1700);
    --small: calc(var(--medium) * 18 / 18); /* 18px */
    --xsmall: calc(var(--medium) * 14 / 18); /* 14px */
    --xxsmall: calc(var(--medium) * 12 / 18); /* 12px */
  }

  #Footer .copyright {
    padding-top: calc(48 * 0.05vw);
    padding-bottom: calc(48 * 0.05vw);
  }

  header.active {
    height: 100%;
    overflow: auto;
    pointer-events: auto;
  }

  header.active .fl-menu-mobile-clone {
    display: block !important;
  }

  body header .main-header .fl-menu {
    display: none;
  }

  body header .main-header .fl-menu .fl-menu-mobile-toggle {
    width: 32px;
    height: 32px;
  }

  header .main-header .menu-button {
    display: flex;
    pointer-events: all;
    padding: 0;
  }

  .popup-close span {
    width: 56%;
    min-width: 56%;
  }

  .popup.presentation-mode .popup-title {
    font-size: 20px;
    display: flex;
    align-items: center;
  }

  .popup.presentation-mode .status {
    font-size: 18px;
  }

  button.flickity-button.flickity-prev-next-button {
    width: 28px;
  }

  .fl-menu-mobile-clone {
    background: #fff;
    height: calc(100vh - var(--headerHeight));
    position: absolute;
    top: var(--headerHeight);
    left: 0;
    right: 0;
    z-index: 99999999;
    pointer-events: auto;
  }

  header.active .mobile-menu {
    display: flex;
    flex-direction: column;
  }

  header.active .mobile-menu .fl-row[data-node] .fl-row-content-wrap {
  }

  header .mobile-menu {
    background: var(--white);
    position: absolute;
    z-index: 9999999;
    top: var(--headerHeight);
    width: 100%;
    height: calc( 100% - var(--headerHeight) );
    pointer-events: auto;
  }

  header .mobile-menu .fl-col-content,
  header .mobile-menu .fl-menu .menu,
  header .mobile-menu .social-links {
    display: grid;
    flex-direction: column;
    align-content: space-between;
    justify-content: start;
    justify-items: start;
  }

  header .mobile-menu .fl-col[data-node] .fl-col-content {
    /* padding: calc(48 * 2 * 0.05vw); */
    overflow-y: auto;
  }
  header .mobile-menu .fl-col-content:before,
  header .mobile-menu .fl-menu .menu:before {
    display: none;
  }

  header .mobile-menu .social-links {
    grid-gap: calc(24 * 0.05vw);
  }

  header .fl-row-content-wrap,
  header .fl-row-content-wrap .fl-row-content,
  header .fl-row-content-wrap .fl-row-content .fl-col-group,
  header .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col,
  header .mobile-menu .fl-col-content {
    height: 100%;
  }

  header .fl-row-content-wrap .fl-row-content .fl-col-group {
    align-items: center;
  }

  header .mobile-menu .fl-module-menu {
    flex: 1;
  }

  header .mobile-menu .fl-module-menu,
  header .mobile-menu .fl-module-info-list {
    position: relative;
  }

  header .mobile-menu .fl-menu .menu {
    grid-gap: calc(48 * 1.5 * 0.05vw);
  }

  header .mobile-menu .fl-menu .menu li {
    font-size: var(--large);
  }

  .fl-menu ul.menu {
  }
  #Footer .footer-info .fl-html .column.logo,
  #Footer .footer-info .logo svg {
  }

  .project-image.one_third_one_third .images .one-third:first-child,
  .project-image.one_third_one_third .images .one-third:last-child {
    grid-column: none;
  }
}

@media screen and (max-width: 600px) {
  .mobile:root {
    --medium: 16px;
  }

  .table .table-row,
  .table .table-row > *,
  .table .table-header,
  .table .table-body {
    grid-template-columns: 1fr 1fr 50px;
  }
  
  .project-image .one-third,
  .project-image .two-third,
  .project-image .one-half,
  .project-image .one-half:nth-child(1),
  .project-image .one-half:nth-child(2),
  .project-image.one_third_two_third .two-third,
  .project-image.one_third_one_third .images .one-third:first-child,
  .project-image.one_third_one_third .images .one-third:last-child,
  .project-image.one_third_two_third .one-third,
  .project-image.one_third_two_third .two-third,
  .project-image.two_third .one-third,
  .project-image.two_third .two-third,
  .project-images .project-image .caption,
  .project-image.reversed .one-third,
  .project-image.reversed .two-third,
  .project-image.reversed .one-half,
  .project-image.reversed .one-half:nth-child(1),
  .project-image.reversed .one-half:nth-child(2),
  .project-image.one_third_two_third.reversed .two-third,
  .project-image.one_third_one_third.reversed .images .one-third:first-child,
  .project-image.one_third_one_third.reversed .images .one-third:last-child,
  .project-image.one_third_two_third.reversed .one-third,
  .project-image.one_third_two_third.reversed .two-third,
  .project-image.two_third.reversed .one-third,
  .project-image.two_third.reversed .two-third {
    grid-column: auto;
    grid-template-columns: repeat(1, 1fr);
    grid-row: auto;
  }

  #Footer .copyright {
    padding-top: calc(48 * 2 * 0.05vw);
    padding-bottom: calc(48 * 2 * 0.05vw);
  }

  p:not(:last-child) {
    margin-bottom: calc(48 * 2 * 0.05vw);
  }
  .fl-col-content {
    grid-gap: calc(48 * 4 * 0.05vw);
  }
  .popup.presentation-mode .popup-header,
  .fl-row[data-node] .fl-row-content-wrap,
  .fl-menu-mobile-clone,
  .slider-controls {
    padding: calc(48 * 2 * 0.05vw);
  }
  header .mobile-menu.fl-row[data-node] .fl-row-content-wrap {
    /* padding: 0; */
  }

  header .main-header.fl-row[data-node] .fl-row-content-wrap {
    padding: calc(38 * 0.05vw) calc(48 * 2 * 0.05vw);
  }
  .section.hero-text .fl-row-content-wrap {
    padding-top: calc(24 * 2 * 0.05vw);
    padding-bottom: calc(32 * 2 * 0.05vw);
  }
  .project-image,
  .col-30-70 .fl-col-group,
  .col-30-70 .fl-col-group {
    flex-direction: column;
    grid-template-rows: 1fr;
    grid-template-columns: none;
  }
  .col-30-70 .fl-col-group {
    grid-gap: calc(48 * 2 * 0.05vw);
  }
  .col-30-70 .fl-col-group .h2 {
    margin-bottom: 0;
  }
  .project-image,
  .project-image.one_half,
  .project-image.one_half_one_half {
    grid-template-columns: none;
  }
  .project-image a {
    cursor: pointer !important;
  }
  .project-image,
  .section.news {
    grid-gap: calc(48 * 2 * 0.05vw);
  }
  .project-images .project-image:not(.one_third_one_third) .caption {
    grid-row: 2/3;
  }
  .home .project-image .caption.bottom {
    align-self: start;
    margin-bottom: calc(48 * 3 * 0.05vw);
  }
  .project-image .empty-block {
    display: none;
  }
  .project-image .text,
  .section.news .text {
    grid-gap: calc(48 * 2 * 0.05vw);
  }
  .read-more {
    margin-top: calc(48 * 2 * 0.05vw);
  }
  .section.hero-text .fl-col-content,
  .hero-text .fl-col-content {
    max-width: calc((18vw / var(--viewportWidth)) * 2100);
  }
  .col-30-70 .fl-col:nth-child(1),
  .col-30-70 .fl-col:nth-child(2) {
    max-width: 100% !important;
    grid-column: 1/3;
  }
  body:not(.home) .fl-page-content,
  .home .below-fold {
    padding-bottom: calc(48 * 2 * 2 * 0.05vw);
  }
  #Footer .fl-row-content-wrap {
    padding: calc(48 * 2 * 2 * 0.05vw) calc(48 * 2 * 1.2 * 0.05vw) 0;
  }
  .popup {
    padding: calc(48 * 2 * 0.05vw);
  }
  .popup.presentation-mode .message.active {
    display: block;
  }
  .popup.presentation-mode .message .fl-html {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: hsl(0deg 0% 0% / 60%);
    z-index: 9999999;
  }
  .popup.presentation-mode .message .fl-html .container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    grid-gap: 8px;
    border-radius: 8px;
    padding: calc(48 * 3 * 0.05vw) calc(48 * 2 * 0.05vw);
    background: hsl(0deg 0% 100% / 100%);
    text-align: Center;
  }
  .project-awards-press-popup {
    grid-gap: calc(64 * 3 * 0.05vw);
  }
  .popup .popup-header .popup-title {
    align-items: center;
  }
  .popup-header .popup-filters-button {
    grid-gap: calc(48 * 1.2 * 0.05vw);
  }
  .popup-header .popup-filters-button .button .icon {
    width: calc(40 * 2 * 0.05vw);
    height: calc(40 * 2 * 0.05vw);
  }
  .table .table-header,
  .table .table-row {
    display: grid;
    flex: 1;
    grid-gap: 0 calc(64 * 2 * 0.05vw);
    grid-template-columns: repeat(2, 1fr);
    padding: calc(48 * 2 * 0.05vw) 0;
    grid-template-rows: unset;
    justify-content: start;
  }
  .awards.table .table-header,
  .awards.table .table-row {
    /* grid-template-areas:
      "organization award"
      "project year"; */
  }
  .project-awards-press .press.table .table-header,
  .project-awards-press .press.table .table-row {
    /* grid-template-areas:
      "publication author"
      "title date"; */
  }
  .popup .table .table-header > span,
  .popup .table .table-row > div {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
    grid-column: auto;
  }
  .popup .table .table-header > span,
  .popup .table .table-row > div > * {
    padding: 0;
  }
  .popup .table .table-row > .empty {
    display:none;
  }
  .popup .table .table-row {
    grid-gap: calc(32 * 0.05vw);
  }
  .table-cell.award-organization,
  .table-cell.press-publication {
    font-weight: 500;
  }
  .table-cell.award-project,
  .table-cell.press-project {
    order: 4;
  }
  .project-awards-press .awards.table .table-header > span.award-type:after {
    content: "/Year";
  }
  .table-header {
    padding: calc(48 * 0.05vw) 0 calc(48 * 2 * 0.05vw) 0;
  }
  .award-organization {
    /* grid-area: organization; */
  }
  .award-award {
    grid-area: award;
  }
  .award-project {
    grid-area: project;
  }
  .press.table .table-header > span.press-project:after,
  .press.table .table-header > span.press-publication:after,
  .press.table .table-header > span.press-author:after {
    content: "/";
  }
  .press-publication {
    grid-area: publication;
  }
  .popup .press-title {
    grid-area: title;
  }
  .press-author {
    grid-area: author;
  }
  .press-date {
    grid-area: date;
  }
  .table-content .award-year,
  .table-content .press-date {
    grid-row: auto;
    grid-column: 2;
  }
  .popup .awards .empty-block,
  .popup .press .empty-block:last-child,
  .popup .awards.table-header .award-year,
  .project-awards-press.popup .awards .award-year {
    display: none;
  }
  .awards .facet-wrap,
  .awards .empty-block:not(:last-child),
  .table.awards .table-header span:not(.award-year),
  .popup .awards .empty-block,
  .popup .awards .award-year,
  .popup .press .empty-block:last-child,
  .popup .press .press-date {
    width: auto;
    max-width: none;
    justify-content: start;
  }
  .table .table-row * {
    text-overflow: initial;
    white-space: initial;
    text-align: left;
  }

  .popup .awards .view-all,
  .popup .press .view-all {
    justify-content: flex-start;
    align-items: flex-start;
    overflow: visible;
  }

  .popup .awards .view-all a,
  .popup .press .view-all a {
    padding-left: calc(0.8 * var(--small));
    white-space: nowrap;
  }

  .popup .awards .view-all a:before,
  .popup .press .view-all a:before {
    right: auto;
    left: 0;
  }

  .select2-container .select2-selection--single .select2-selection__rendered,
  .select2-results__option {
    color: var(--mid-grey);
    font-size: var(--small);
  }

  .select2-container--default .select2-selection--single,
  .select2-dropdown,
  .select2-results__option {
    padding: calc(48 * 0.05vw) calc(48 * 0.05vw);
    border-radius: calc(32 * 0.05vw) !important;
    border-color: var(--black);
  }

  .select2-results__option:first-child {
    padding-top: calc(48 * 0.05vw);
  }

  .select2-results__option:last-child {
    padding-bottom: calc(48 * 0.05vw);
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    top: calc(50% - (4 * 3 * 0.05vw));
    right: calc(20 * 3 * 0.05vw);
    border-width: calc(2 * 3 * 0.05vw) calc(2 * 3 * 0.05vw) 0 0;
    height: calc(12 * 3 * 0.05vw);
    width: calc(12 * 3 * 0.05vw);
  }

  .facet-label {
    margin-bottom: calc(48 * 0.05vw);
  }

  .popup-filters {
    grid-gap: calc(48 * 2 * 0.05vw);
    padding: calc(48 * 2 * 0.05vw) 0;
    margin-bottom: calc(48 * 2 * 0.05vw);
  }

  #mc_embed_signup .submit {
    width: 32px;
  }
  .fs-small.table-cell.press-title,
  .fs-small.table-cell.press-date {
    margin:0px;
  }
  .popup .table .table-header {
    display: none;
  }
  .popup .table .table-row {
    /* display: flex; */
    /* flex-direction: column; */
    grid-gap: calc(40 * 0.05vw);
    grid-template-columns: none;
    grid-template-rows: auto;
  }
  .popup .table .table-body {
    /* border-top: 1px solid var(--dark-grey); */
  }
  .popup .table .table-row .award-type {
    grid-row: 2/3;
  }

  .popup .table .table-row > * {
    grid-row: auto;
  }

  .project-awards-press-popup .fs-small.award-organization,
  .press .fs-small.press-publication {
    font-weight: 500;
  }
}

@media screen and (max-width: 450px) {
  .quick-links .fl-module-content .fl-list {
    grid-gap: calc(100 * 0.05vw);
  }
  #Footer .footer-info .fl-html {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: calc(48 * 4 * 1.2 * 0.05vw);
    padding-left: calc(36 * 7 * 1.2 * 0.05vw);
  }
  #Footer .footer-info .fl-html .column.logo,
  #Footer .footer-info .logo svg {
    width: calc((1vw / var(--viewportWidth)) * 1900);
    height: calc((1vw / var(--viewportWidth)) * 1900);
  }
}