/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

#top-menu li a::after {
 -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
div, p, h1, h2, h3, h4, h5, h6, em, i, u, strong, .works-filters button {
    font-family: "HALRepost" !important;
    font-weight: 500 !important;
}
i, em, #top-menu li a:hover, #intro-menu-fixed li#menu-item-189 a, .single-project #top-menu li#menu-item-189 a, .single-research_project #top-menu li#menu-item-189 a, .works-filters button.active, .et_main_title h1, .page-intro #et-top-navigation li a:hover, .research-project-item a:hover h3.research-project-title, .works-filters button:hover, span.email:hover, span.email.active-link, #top-menu li.current-menu-item > a, .texts-and-publications__item h3:hover, .texts-and-publications__item h3.active, a:hover, .imprint.active *, .imprint:hover * {
    font-family: "HALRepost Italic" !important;
}
.news .texts-and-publications__item h3, .page-intro #et-top-navigation li a, .works-filters button.active::after {
    font-family: "HALRepost" !important;
}
.et_pb_row, .container, #works-overlay #main-content {
    width: 97.5%;
    max-width: 97.5%;
}
#works-overlay #main-content {
    margin: auto;
}
/* General */
#main-header, #main-header.et-fixed-header {
 box-shadow: none !important;
}
#main-content .container::before, #sidebar {
 display: none;
}
#left-area {
    width: 100%;
    padding-right: 0 !important;
}
.et_pb_section, #main-content, body, html {
    background: #F5F6F2;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.1em;
}

/* Header */
p#logo {
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
    top: -30px;
    left: -4px;
    font-family: "HALRepost Mono" !important;
    width: 296.4px !important;
    transition: none !important;
}
#top-menu li {
    padding-right: 5px !important;
}
#top-menu li a {
    opacity: 1 !important;
}
#et-top-navigation {
    float: none;
    display: block;
    width: 100% !important;
    padding-left: 0 !important;
    padding-top: 58px !important;
}
#main-header .container {
    border-bottom: 1px solid #000;
}
.single-project #top-menu li#menu-item-189 a, .single-research_project #top-menu li#menu-item-189 a {
    color: black !important;
}

/* Content */
p, .et_pb_text {
    font-size: 15px;
  line-height: 19px;
}
#main-content .container, .et_pb_section_0 {
    padding-top: 150px !important;
}
.main_title {
    display: none;
}
.texts-and-publications__list, .downloads ul {
    padding-left: 0 !important;
    list-style-type: none !important;
}
.texts-and-publications__item {
    display: grid;
    grid-template-columns: 1.3fr 3fr 1.2fr;
    gap: 60px;
  padding: 5px 0 35px;
  border-top: 1px solid black;
}
.news .texts-and-publications__item {
    grid-template-columns: 1.3fr 3fr 1.2fr;
    gap: 60px;
}
.texts-and-publications__item .meta, .meta, .meta *, h3.work-title, .work-year, #visual-filter ul li, .research-project-year {
    font-size: 12px;
    font-family: "HALRepost Mono" !important;
    line-height: 15px !important;
}
h3 {
    font-size: 25px;
}
.texts-and-publications__item h3 {
    cursor: pointer;
}
.texts-and-publications__item .hidden-text {
    display: none;
    line-height: 19px;
    max-width: 70%;
    margin-top: 20px;
}
.news-text {
    line-height: 19px;
    max-width: 85%;
    margin-top: 20px;
}
.news .texts-and-publications__title {
    max-width: 85%;
    cursor: inherit;
}
.news-image {
    margin-top: 3px;
}
.hidden-text a.et_pb_button, .news-text a.et_pb_button {
    display: inline-block;
    margin-top: 15px;
}
#main-content a.et_pb_button {
    transition: none !important;
}
.downloads ul {
    border-top: 1px solid black;
}
.downloads ul li {
    border-bottom: 1px solid black;
    padding: 10px 0 !important;
    font-size: 25px !important;
    position: relative;
}
.downloads ul li a img {
    position: absolute;
    top: 7px;
    width: 34px;
    height: 34px;
}
.downloads ul li a span {
    margin-right: 7px;
}
.downloads ul li a img.svg-closed {
    opacity: 0;
}
.downloads ul li a:hover img.svg-closed {
    opacity: 1;
}

/* Contact */
.large-text, .large-text * {
    font-size: 25px;
    line-height: 29px;
}
h3 {
    font-size: 25px;
}
.imprint {
    margin-top: 150px;
  border-top: 1px solid black;
  cursor: pointer;
}
.imprint-hidden {
    display: none;
}
.email {
    cursor: pointer;
}
span.email.active-link {
    color: #A60DAE !important;
}

/* Page Intro */
html, body { margin: 0; }
body.intro-lock { overflow: hidden; } /* lock page scroll while intro is active */

.page-intro {
  position: fixed;
  inset: 0;                 /* full viewport */
  height: 100vh;
  z-index: 999;
  display: grid;
  place-items: center;
  will-change: transform;
  touch-action: none;       /* we handle touch while locked */
}

.page-intro .container { position: static; }
.page-intro #et-top-navigation li a { padding-bottom: 34px !important; }
p#logo.logo-fixed.hit.intro-out { color: black !important; }
/* Content under the overlay */
#main-header, #main-content, #main-footer { position: relative; z-index: 0; }

/* ===== Intro menu at the bottom of the intro panel ===== */
#intro-menu {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  --intro-menu-shift: 0px;
  transform: translateY(var(--intro-menu-shift));
}
#intro #intro-menu {
    left: 1.25%;
}

/* ===== Fixed logo (outside #intro) ===== */
#logo.logo-fixed {
  position: fixed;
  top: 80px;               /* tune to taste */
  left: .7%;
  z-index: 10000;
  font-size: 25px;
  color: #FF05EA;
  /* controlled via JS */
  --logo-rot: -25deg;
  --logo-shift: 0px;
  --logo-xshift: 0px;
  transform: translate(var(--logo-xshift), var(--logo-shift)) rotate(var(--logo-rot));
  transition: color 300ms ease, fill 300ms ease;
}

#logo.logo-fixed.intro-out {
    color: black !important;
    z-index: 9999999999;
}
.page-id-2 #main-header #logo, .page-id-2 #main-header #et-top-navigation {
    opacity: 0 !important;
}

/* ===== The fixed clone of the intro menu (created by JS) ===== */
#intro-menu-fixed {
    position: fixed;
    height: 50px;
    background: none;
    backdrop-filter: none;
    top: 82px;              /* fallback; JS will also set this */
    left: 1.25%;
    z-index: 99999999999999;
    width: 100%;
  }
#intro-menu-fixed li a, .page-id-2 p#logo.logo-fixed {
    transition: color 700ms ease, fill 700ms ease !important;
}
#intro-menu-fixed.intro-out #et-top-navigation li a {
    color: #c0c0c0 !important;
}
#intro-menu-fixed.intro-out #et-top-navigation li.current-menu-item a, #intro-menu-fixed li#menu-item-189 a {
    color: black !important;
}

/* Logo on main background */
#logo.logo-fixed.on-main {
    color: black !important;
  }
  
  /* Menu on main background */
  #intro-menu-fixed.on-main #et-top-navigation li a {
    color: #c0c0c0 !important;
  }
  #intro-menu-fixed.on-main #et-top-navigation li.current-menu-item a, #intro-menu-fixed #et-top-navigation li#menu-item-189 a {
    color: black !important;
  }

/* Once intro is out: menu is no longer fixed either */
#intro-menu-fixed.intro-out, #logo.logo-fixed.intro-out {
    position: absolute !important;  /* <— this makes it scroll with the page */
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  body.intro-lock { overflow: auto; }
  .page-intro { position: static; transform: none !important; }
}

/* Works */
.works-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 11px;
}
.work-link img {
    width: 100% !important;
    margin-bottom: 0px;
    aspect-ratio: 3 / 2;
  object-fit: cover;
}
.work-title {
    float: left;
}
.work-meta {
    float: right;
}
.work-meta * {
    color: #8e8e8e;
}
.work-meta .work-year {
    position: relative;
    top: -4px;
}
.work-item {
    margin-bottom: 20px;
}
.works-filters {
    padding-left: 0 !important;
    list-style-type: none !important;
    padding-bottom: 120px !important;
    border-bottom: 1px solid black;
    margin-bottom: 15px !important;
}
.works-filters button {
    padding: 0 !important;
    background: none !important;
    border-radius: 0px !important;
    border: none !important;
    font-size: 25px;
    color: #C0C0C0;
    line-height: 24px !important;
    cursor: pointer;
}
.works-filters button.active {
    color: #000;
}
.works-filters button.active::after {
    display: inline-block;
    content: "×";
    margin-left: 2px;
}
.works-filters li:first-child button.active::after {
    display: none !important;
}
#visual-filter {
    padding-top: 10px !important;
    padding-bottom: 0 !important;
}
#visual-filter ul {
    list-style-type: none !important;
    padding-left: 0px !important;
}
#visual-filter ul li {
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    padding-left: 15px !important;
}
#visual-filter ul li::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid black;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 2.8px;
}
#visual-filter ul li.active::before {
    background: black;
}
#research-section, .page-id-232 #works-section, .single-research_project #works-section {
    display: none;
}
#works-overlay .old-research-project #research-section {
    display: block;
}
#works-overlay .old-research-project #works-section {
    display: none;
}
.page-id-232 #research-section, .single-research_project #research-section {
    display: block;
}
#works-overlay #visual-filter .et_pb_row {
    padding-top: 0 !important;
}
.single-research_project #works-overlay .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: none !important;
}
.research-projects-list {
    margin-top: 60px;
}
.research-project-item {
    padding: 0 0 80px !important;
    border-top: 1px solid black;
}
.research-project-item:last-child {
    border-bottom: 1px solid black;
}
h3.research-project-title {
    text-align: center;
  font-size: 48px;
  line-height: 48px;
  width: 850px;
  margin: -10px auto 0;
}
a.work-link:hover img {
    opacity: .7;
}

/* Single Works */
.single-project #main-content .container, .single-research_project #main-content .container {
    padding-top: 2px !important;
}
.et_main_title h1 {
    font-size: 48px;
    display: block;
    text-align: center;
    max-width: 900px;
    margin: auto;
    margin-top: 5px;
}
.et_main_title .meta {
    position: absolute;
}
.project .entry-content, .single-research_project .entry-content {
    padding-top: 5px;
    border-top: 1px solid black;
    margin-top: 70px;
}
.project .entry-content .column, .single_research-project .entry-content .column {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.column.gallery img, .landscape-image img {
    width: 100% !important;
}
.column.info {
    padding-right: 15%;
    position: sticky;
    top: 10px;
}
.column.gallery {
    margin-top: 5px !important;
}
.gallery-wrapper {
    height: inherit;
  overflow: auto;
}
.fact-title, .fact-answer {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}
.fact-title {
    width: 120px;
}
.column .facts {
    margin-bottom: 62px;
}
.related-research {
    margin-top: 150px;
    padding-top: 5px;
    border-top: 1px solid black;
}
.related-research p.meta {
    padding-bottom: 1em !important;
}
.related-research.related-news p.meta {
    padding-bottom: 2em !important;
}
.video-wrapper {
    margin-top: 150px;
}
.video-wrapper video {
    width: 100%;
    height: auto;
    display: block;
}

/* Force poster to cover container visually */
.video-wrapper video {
    object-fit: cover;
}

/* If you want a fixed height container (like responsive box) */
.video-wrapper {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9; /* adjust if needed */
}

.video-wrapper video {
    width: 100%;
    height: 100%;
}
.related-research .works-items {
    margin-top: 10px;
}
.landscape-image {
    margin: 100px auto 0;
    max-width: 65vw;
}
.research-content {
    max-width: 800px;
    margin: auto;
    text-align: center;
    margin-top: 5px;
}
/* Research Slider */
body {
    overflow-x: hidden;
}
/* Center slide content */
.research-gallery-slider .research-gallery-slide {
    text-align: center;
}
.research-gallery-slider {
    margin-top: 65px;
    height: 55vw;
    display: grid;
  align-content: center;
}

/* Wrapper that controls width + centering */
.research-gallery-image-wrapper {
    margin: 0 auto;
}

/* Make image fill its wrapper */
.research-gallery-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

/* Portrait: max 50% of viewport width */
.research-gallery-image-wrapper.portrait {
    max-width: 40vw;
}

/* Landscape: max 75% of viewport width */
.research-gallery-image-wrapper.landscape {
    max-width: 65vw;
}

/* Optional: style slick arrows a bit */
.research-gallery-slider .slick-prev,
.research-gallery-slider .slick-next {
    z-index: 10;
}

.research-gallery-slider .slick-prev:before,
.research-gallery-slider .slick-next:before {
    font-size: 36px;
    color: #000;
    content: "4" !important;
    font-family: ETmodules !important;
}
.research-gallery-slider .slick-next:before {
    content: "5" !important;
}
.slick-prev {
    left: 0px !important;
    right: 50%;
  width: 50%;
  top: 50%;
  bottom: 0;
  height: 100%;
  text-align: left !important;
  cursor: pointer;
}
.slick-next {
    right: 40px !important;
    left: 50%;
  width: 50%;
  top: 50%;
  bottom: 0;
  height: 100%;
  text-align: right !important;
  cursor: pointer;
}

/* Slide function from bottom */ 
/* The project page content that will slide away */
.page-content-wrapper {
    position: relative;
    z-index: 1000;
    transition: none; /* no timed animation – JS controls transform directly */
}

/* When overlay is open, slide the page UP out of view */
body.works-overlay-open .page-content-wrapper {
    /* We still keep this as the "fully open" state,
       but we'll mostly control transform via JS based on scroll */
    transform: translateY(-100vh); /* can tweak to -120vh / -100% if needed */
}

/* Overlay sits behind content */
.works-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    inset: 0;
    background: #F5F6F2;
    opacity: 1;              /* always visible, no fade */
    pointer-events: auto;
    transition: none;        /* no opacity transition */
    z-index: 999;            /* BELOW the page-content-wrapper */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Keep class for logic, but no visual change */
.works-overlay.is-visible {
    opacity: 1;
    pointer-events: auto;
}

/* Grey veil over the overview */
.works-overlay-dim {
    position: fixed;
    inset: 0;
    background: rgba(100,100,100,0); /* JS will animate this 0 → ~0.15 → 0 */
    pointer-events: none;      /* don't block clicks */
    z-index: 9999;
}

.works-overlay__inner {
    position: relative;
    z-index: 1; /* above dim layer */
    margin: 0 auto;
}

.works-overlay__close {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 10000;
    color: #000;
    background: none;
    border-radius: 50%;
    border: none;
    width: 36px;
    height: 36px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

/* Lock background scroll when overlay open */
body.works-overlay-open {
    overflow: hidden;
}

/* Player container */
.cap-audio-player {
    margin-top: 50px;
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 5px;
    border: 1px solid #000;
    border-radius: 999px;
    background-color: none;
    width: 400px;
    padding-right: 10px;
}
.cap-audio-player.show-volume {
    width: 100%;
    padding-right: 20px;
}

/* Play button */
.cap-play-pause {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

/* Play triangle */
.cap-play-icon {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid #000;
}

/* Pause state */
.cap-play-pause.is-playing .cap-play-icon {
    border: none;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: space-between;
}
.cap-play-pause.is-playing .cap-play-icon::before,
.cap-play-pause.is-playing .cap-play-icon::after {
    content: "";
    width: 4px;
    height: 12px;
    background-color: #000;
}

/* Progress bar (main timeline) */
.cap-progress {
    flex: 1;
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 999px;
    background: #dcdcdc;
    cursor: pointer;
    margin-right: 10px;
    outline: none;
}

/* Volume slider – same look as progress bar, just narrower */
.cap-volume-slider {
    width: 140px;
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    border-radius: 999px;
    background: #dcdcdc;
    cursor: pointer;
    outline: none;
}
.cap-volume-slider {
    display: none; /* HIDDEN by default */
}
.cap-audio-player.show-volume .cap-volume-slider {
    display: block;
}

/* Shared track styles */
.cap-progress::-webkit-slider-runnable-track,
.cap-volume-slider::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: #dcdcdc;
}
.cap-progress::-moz-range-track,
.cap-volume-slider::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: #dcdcdc;
}

/* Shared thumb styles */
.cap-progress::-webkit-slider-thumb,
.cap-volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #000;
    margin-top: -4px;
}
.cap-progress::-moz-range-thumb,
.cap-volume-slider::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #000;
    border: none;
}

/* Volume button */
.cap-volume {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

/* Speaker with waves (unmuted) */
.cap-volume-icon {
    position: relative;
    width: 14px;
    height: 14px;
    background: #000;
    clip-path: polygon(0 30%, 40% 30%, 70% 0, 70% 100%, 40% 70%, 0 70%);
}

/* Outer arc */
.cap-volume-icon::before,
.cap-volume-icon::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #000;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.cap-volume-icon::after {
    right: -11px;
    top: -2px;
    width: 16px;
    height: 16px;
}

/* Muted: hide the waves */
.cap-audio-player.is-muted .cap-volume-icon::before,
.cap-audio-player.is-muted .cap-volume-icon::after {
    opacity: 0;
}

/* Metadata text below */
.cap-audio-meta {
    margin-top: 0.75rem;
}
.mobile-menu, .mobile-menu-hidden, #et_mobile_nav_menu, .column .mobile-image {
    display: none;
}
.video-wrapper video {
    width: 100% !important;
}

/* Bottom */
#works-section, #research-section, .single-project #left-area, .single-research_project #left-area {
    padding-bottom: 100px !important;
}
#main-content article#post-12, #main-content article#post-14 {
    padding-bottom: 50px !important;
}
.page-id-8 #left-area, .page-id-10 #left-area {
    padding-bottom: 0 !important;
}
#left-area article#post-8, #left-area article#post-10 {
    padding-bottom: 90px !important;
}

/* Mobile Changes */
@media only screen and (max-width: 1000px) {
    .column .mobile-image {
        display: block;
    }
    /* General */
    .texts-and-publications__item .meta, .meta, .meta *, h3.work-title, .work-year, #visual-filter ul li, .research-project-year {
        font-size: 14px;
        font-family: "HALRepost Mono" !important;
        line-height: 17px !important;
    }
    .et_pb_row, .container, #works-overlay #main-content {
        width: 92.5%;
        max-width: 92.5%;
    }
    .works-filters button {
        font-size: 28px;
        line-height: 30px;
    }
    /* Header */
    #logo.logo-fixed {
        top: 70px !important;
    }
    #intro-menu-fixed {
        display: none !important;
    }
    .page-id-2 #main-header #et-top-navigation {
        opacity: 1 !important;
    }
    #main-header .container {
        height: 90px;
    }
    #main-header p#logo {
        top: -17px;
    }
    .et_header_style_left #logo {
        max-width: 100%;
    }
    #et-top-navigation {
        padding-top: 90px !important;
    }
    .mobile-menu {
        display: block !important;
        width: 37px !important;
        float: right;
        position: relative;
        top: -70px;
        cursor: pointer;
    }
    .mobile-menu .line {
        display: block !important;
        height: 1px;
        background: black;
        margin-bottom: 7px;
    }
    .mobile-menu-hidden {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100vh;
        z-index: 9999999999;
        background: #A60DAE;
        text-align: center;
        padding: 43px 4.5%;
        display: none;
    }
    .mobile-menu-hidden li a {
        color: #FF05EA;
        font-size: 42px;
        line-height: 42px;
    }
    .mobile-header {
        text-align: left;
        border-bottom: 1px solid #FF05EA;
        padding-bottom: 22px;
        margin-bottom: 100px;
    }
    .mobile-header p#logo {
        color: #FF05EA !important;
    }
    .mobile-header .mobile-close {
        width: 37px;
    height: 37px;
    position: absolute;
    right: 4%;
    top: 27px;
        cursor: pointer;
    }
    .mobile-menu-hidden li a:hover {
        color: black;
    }
    .mobile-header .mobile-close span {
        height: 1px;
        background: #FF05EA;
        display: block;
        transform: rotate(45deg);
    }
    .mobile-header .mobile-close span:nth-child(2) {
        transform: rotate(-45deg);
    }
    #mobile-menu li {
        margin-bottom: 20px;
    }

    /* Projects */
    #visual-filter ul li::before {
        top: 4px;
    }
    #visual-filter ul {
        margin-top: -18px;
    }
    #visual-filter ul li {
        margin-bottom: 3px;
    }
    .works-items {
        display: block;
    }
    .work-item {
        margin-bottom: 50px;
    }
    .works-filters {
        padding-bottom: 44px !important;
        padding-top: 16px !important;
    }
    h3.research-project-title {
        font-size: 40px;
        line-height: 40px;
        max-width: 90%;
        margin: 10px auto 0;
    }
    .research-gallery-slider {
        height: 50vh;
        display: grid;
        align-content: center;
    }
    .research-project-item {
        padding: 0 0 40px !important;
    }
    .landscape-image {
        max-width: 100vw;
    }

    /* Page Intro */
    .page-intro {
        height: inherit;
        min-height: 130vh;
        display: block !important;
    }
    .page-intro p#introText {
        margin-top: 30vh;
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .page-intro .mobile-menu {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .page-intro .mobile-menu .line {
        background: #ff05ea !important;
    }
    .cap-audio-player, .cap-audio-player.show-volume {
        width: 100%;
    }
    .cap-audio-player.show-volume { 
        padding-left: 15px;
    }
    .cap-volume-slider {
        width: 60%;
    }

    /* Page */
    #main-content .container, .et_pb_section_0 {
        padding-top: 0 !important;
    }
    .texts-and-publications__item:first-child {
        border-top: none;
    }
    .texts-and-publications__item {
        display: block;
    }
    .texts-and-publications__item h3 {
        margin-top: 15px;
    }
    .texts-and-publications__item .hidden-text, .news-text {
        font-size: 17px;
  line-height: 22px;
  max-width: 100%;
    }
    p, .et_pb_text {
        font-size: 17px;
  line-height: 22px;
    }
    .news-image {
        margin-top: 20px;
    }
    .column.image .news-image {
        display: none;
    }
    .news .texts-and-publications__title {
        margin-top: 12px;
        max-width: 90%;
    }
    .news-text {
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .page-id-12 #main-header .container, .page-id-14 #main-header .container {
        border-bottom: none;
    }

    /* Project */
    #works-overlay #visual-filter ul {
        margin-top: 0 !important;
    }
    .gallery-wrapper {
        height: 425px;
        overflow: scroll;
    }
    .column.info {
        position: static;
    }
    .et_main_title h1 {
        margin-top: 25px;
        font-size: 38px;
        max-width: 80%;
        line-height: 36px;
    }
    .video-wrapper {
        margin-top: 25px;
    }
    .single-project .et_main_title .meta, .single-research_project .et_main_title .meta {
        top: 5px;
    }
    .project .entry-content .column, .single_research-project .entry-content .column {
        width: 100%;
        position: static;
        padding-right: 0;
    }
    .fact-title, .fact-answer {
        width: 57%;
    }
    .fact-title {
        width: 40%;
    }
    .column .facts {
        margin-bottom: 40px;
    }
    .project .entry-content, .single-research_project .entry-content {
        margin-top: 50px;
    }
    .column.gallery {
        margin-top: 60px !important;
    }
    .related-research {
        margin-top: 70px;
    }
    .single-project .related-research {
        margin-top: 100px;
    }
    .related-research.related-news:last-child {
        margin-top: 0px;
    }
    .related-research.related-news p.meta {
        padding-bottom: 1.6em !important;
    }
    .page-id-12 .second-on-mobile .et_pb_text.meta {
        margin-top: 70px !important;
    }
    #left-area {
        padding-bottom: 150px !important;
    }
    .works-overlay__close {
        display: none;
    }
    .research-gallery-image-wrapper.portrait, .research-gallery-image-wrapper.landscape {
        max-width: 100vw;
    }
    .research-gallery-image-wrapper.portrait {
        max-width: 75vw;
    }
    .research-gallery-slider .slick-prev::before, .research-gallery-slider .slick-next::before {
        color: black;
        opacity: 1 !important;
    }
    .slick-prev {
        left: -7px !important;
    }
    .slick-next {
        right: 25px !important;
    }
    .research-gallery-slider .slick-next::before {
        right: -5px;
        position: relative;
    }
}


@media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom_row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    }
     
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
    -webkit-order: 1;
    order: 1;
    }
     
    .second-on-mobile {
    -webkit-order: 2;
    order: 2;
    }
     
    .third-on-mobile {
    -webkit-order: 3;
    order: 3;
    }
     
    .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
    }
    /*** add margin to last column ***/
    .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
    }
    /* Bottom */
    #works-section, #research-section, .single-project #left-area, .single-research_project #left-area {
        padding-bottom: 70px !important;
    }
    .single-project #left-area {
        padding-bottom: 130px !important;
    }
    #main-content article#post-12, #main-content article#post-14 {
        padding-bottom: 30px !important;
    }
    #left-area article#post-8, #left-area article#post-10 {
        padding-bottom: 0 !important;
    }
    .page-id-8 #left-area, .page-id-10 #left-area {
        padding-bottom: 70px !important;
    }
}

/* iPad Portrait Changes */
@media only screen and (min-width: 768px) and (orientation:portrait) and (min-height:1024px) {
    /* Page Intro */
    .page-intro {
        min-height: 100vh;
    }
    .page-intro p#introText {
        margin-top: 25vh;
    }
    .page-intro .mobile-menu, .mobile-menu {
        display: none !important;
    }
    #logo.logo-fixed {
        left: 2.4% !important;
        top: 82px !important;
    }
    #top-menu {
        display: block !important;
    }
    #intro #intro-menu {
        left: 3.5%;
    }

    /* Header */
    #main-header p#logo {
        top: -22px;
    }
    #main-header #et-top-navigation #top-menu-nav {
        position: relative;
        top: -33px;
    }
    #main-header .container {
        height: 120px !important;
    }

    /* Projects */
    #visual-filter ul {
        margin-top: -12px;
    }
    .works-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .work-item {
        margin-bottom: 20px;
    }
    .cap-volume-slider {
        width: 30%;
    }
    .research-gallery-image-wrapper.portrait {
        max-width: 50vw;
    }
    .landscape-image {
        max-width: 100vw;
    }
    .texts-and-publications__item {
        display: inline-block !important;
        width: 100% !important;
        padding-bottom: 70px !important;
    }
    .research-gallery-slider {
        height: 55vh;
    }

    /* Texts */
    .news-image {
        width: 100%;
    }
    .downloads {
        width: 100% !important;
    }
    .page-id-12 .first-on-mobile {
        margin-top: -18px !important;
    }
    #left-area article#post-8, .page-id-8 ul.texts-and-publications__list, .page-id-10 ul.texts-and-publications__list, #left-area article#post-10 {
        padding-bottom: 0 !important;
    }
    .page-id-8 .texts-and-publications__item:last-child, .page-id-10 .texts-and-publications__item:last-child {
        padding-bottom: 0 !important;
    }
    #works-overlay #works-section .et_pb_row, #works-overlay #research-section .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
    }
    #works-overlay #visual-filter ul li:first-child::before {
        top: 11px;
    }
    .et_main_title h1 {
        position: relative;
    top: -15px;
    }
    .gallery-wrapper {
        height: 100vh;
    }
    .related-research.related-news:last-child {
        margin-top: 30px !important;
    }
    article#post-8 .texts-and-publications__item:first-child, article#post-10 .texts-and-publications__item:first-child, #post-14 .et_pb_row_0.et_pb_row .et_pb_column_0 {
        margin-top: -18px;
    }
}

/* iPad Landscape Changes */
@media (min-width: 768px) and (max-width: 1224px) and (orientation: landscape) {
    .works-items {
        grid-template-columns: 1fr 1fr;
    }
    .fact-title, .fact-answer {
        width: 65%;
    }
    .fact-title {
        width: 30%;
    }
    .news .texts-and-publications__item {
        grid-template-columns: 1.4fr 2fr 2.5fr;
    }
    .research-gallery-slider {
        height: 75vh;
    }
    #works-overlay #works-section .et_pb_row, #works-overlay #research-section .et_pb_row {
        width: 100% !important;
        max-width: 100% !important;
    }
    .page-intro p#introText {
        margin-top: 15vh;
        font-size: 18px !important;
        line-height: 22px !important;
    }
    #logo.logo-fixed {
        left: .3% !important;
    }
    /* Bottom */
    #works-section, #research-section, #left-area, #left-area article#post-8, #left-area article#post-10, .single-project #left-area, .single-research_project #left-area {
        padding-bottom: 70px !important;
    }
    #main-content article#post-12, #main-content article#post-14 {
        padding-bottom: 30px !important;
    }
    #left-area article#post-8, .page-id-8 ul.texts-and-publications__list, .page-id-10 ul.texts-and-publications__list, #left-area article#post-10 {
        padding-bottom: 0 !important;
    }
    .page-id-8 .texts-and-publications__item:last-child, .page-id-10 .texts-and-publications__item:last-child {
        padding-bottom: 0 !important;
    }
    .page-id-10 #left-area article#post-10, .page-id-8 #left-area article#post-8 {
        padding-bottom: 70px !important;
    }
}
/* iPad Landscape Changes */
@media (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
    .research-gallery-image-wrapper.portrait {
        max-width: 33vw !important;
      }
      .research-gallery-image-wrapper.landscape {
        max-width: 55vw;
      }
      .research-gallery-slider {
        height: 65vh !important;
      }
      .page-id-10 #left-area article#post-10, .page-id-8 #left-area article#post-8 {
        padding-bottom: 70px !important;
    }
}

.works-overlay__close {
    display: none !important;
}

.research-gallery-slider.landscape-slider, .research-gallery-slider.portrait-slider {
    height: inherit !important;
}

@media only screen and (max-width: 1000px) {
    .research-gallery-slider.landscape-slider, .research-gallery-slider.portrait-slider, .research-gallery-slider.mixed-slider {
        height: 400px !important;
    }
    .single-project .research-gallery-slider {
        margin-top: 80px !important;
    }
}