/*
 VARIABLES --------------------
 */
/*
 VW SIZING FUNCTION --------------------
 */
/*
 MIXINS --------------------
 */
/*
 EXTEND / INHERITANCE --------------------
 */
.page-wrap#studio .background, .projects-thumb .image .inner-image, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.full-bleed-image, .page-wrap#home .slideshow-wrap .slideshow-slide.full-bleed-image, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .placeholder-image, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .placeholder-image, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap .placeholder-image, .page-wrap#home .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap .placeholder-image, .page-wrap#people-archive .people-thumb .image .inner-image {
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.title-overlay .text-wrap, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.advert-slide .text-content, .page-wrap#home .slideshow-wrap .slideshow-slide.advert-slide .text-content, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap video, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap video, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.next-project-slide .inner-text, .page-wrap#home .slideshow-wrap .slideshow-slide.next-project-slide .inner-text, .page-wrap#projects-post .slideshow-wrap .slideshow-slide img.small-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.small-image, .page-wrap#projects-post .slideshow-wrap .slideshow-slide img.large-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.large-image, .page-wrap#people-archive .people-thumb .image .inner-image .text {
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
/*
 COLUMN SIZING --------------------
 */
/*
 $two-gutter: 1.4%;
 $three-gutter: 1.4%;
 */
.grid {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  font-size: 0;
}
.grid.three-col {
  width: 92.5%;
}
.grid.three-col .col.one {
  width: 26.6666%;
}
.grid.three-col .gutter {
  width: 10%;
}
.grid.three-col .gutter-margin-right {
  margin-right: 10%;
}
.grid.three-col .gutter-margin-right:last-child {
  margin-right: 0px !important;
}
@media only screen and (max-width: 1240px) {
  .grid.three-col {
    width: 100%;
  }
}
@media only screen and (max-width: 540px) {
  .grid.three-col .col {
    width: 100% !important;
  }
  .grid.three-col .gutter {
    width: 0px !important;
  }
  .grid.three-col .gutter-margin-right {
    margin-right: 0px;
  }
}
.grid.ten-col .col.one {
  width: 10%;
}
.grid.ten-col .col.two {
  width: 20%;
}
.grid.ten-col .col.three {
  width: 30%;
}
.grid.ten-col .col.four {
  width: 40%;
}
.grid.ten-col .col.five {
  width: 50%;
}
.grid.ten-col .col.six {
  width: 60%;
}
.grid.ten-col .col.seven {
  width: 70%;
}
.grid.ten-col .col.eight {
  width: 80%;
}
.grid.ten-col .col.nine {
  width: 90%;
}
.grid.ten-col .col.ten {
  width: 100%;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .grid.ten-col .col {
    width: 100% !important;
  }
  .grid.ten-col .gutter {
    width: 0px !important;
  }
  .grid.ten-col .gutter-margin-right {
    margin-right: 0px;
  }
}
/*
 GENERAL STYLES --------------------
 */
html, html a {
  -webkit-font-smoothing: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  color: #000;
  background-color: #fff;
  text-rendering: optimizeLegibility;
  font-family: "LL Akkurat Light Web";
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}
body a {
  cursor: pointer;
  color: #000;
  text-decoration: none;
  transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
body a:hover {
  color: #646464;
}
body .page-wrap a {
  color: #646464;
}
body .page-wrap a:hover {
  color: #000;
}
html.hairlines a {
  border-width: 0.5px;
}
.ui-loader {
  display: none !important;
}
/*
 SITE WIDE CONTENT ------------------
 */
#content {
  position: relative;
  display: block;
  width: 100%;
  height: auto !important;
  /* 	min-height: 100vh; */
}
.content-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.content-wrapper.visible {
  opacity: 1;
}
.page-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
svg {
  display: block;
  width: 100%;
  height: auto;
}
.lazyload-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.image-loading-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #646464;
}
/*
 CONTENT WRAPS ------------------
 */
.outer-content-wrap {
  position: relative;
  width: calc(100% - 60px);
  width: -o-calc(100% - 60px);
  width: -ms-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  margin: 0 auto;
  z-index: 1;
}
@media only screen and (min-width: 1401px) {
  .outer-content-wrap {
    width: calc(100% - 4.28vw);
    width: -o-calc(100% - 4.28vw);
    width: -ms-calc(100% - 4.28vw);
    width: -moz-calc(100% - 4.28vw);
    width: -webkit-calc(100% - 4.28vw);
  }
}
@media only screen and (max-width: 540px) {
  .outer-content-wrap {
    width: calc(100% - 13.15vw);
    width: -o-calc(100% - 13.15vw);
    width: -ms-calc(100% - 13.15vw);
    width: -moz-calc(100% - 13.15vw);
    width: -webkit-calc(100% - 13.15vw);
  }
}
/*
 IN VIEWPORT CONTENT ------------------
 */
.out-of-opacity {
  transition: opacity 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  -o-transition: opacity 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  -ms-transition: opacity 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  -moz-transition: opacity 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  -webkit-transition: opacity 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 300ms;
  opacity: 0;
}
.in-opacity {
  opacity: 1;
}
/*
 TEXT STYLES CONTENT ------------------
 */
h1, h2, h3, h4, h5, h6 {
  position: relative;
  font-family: "LL Akkurat Light Web";
  font-style: normal;
  font-weight: normal;
  margin-bottom: 1.3em;
  line-height: 1.3em;
}
h5 {
  font-size: 14px;
  letter-spacing: 0.009em;
  line-height: 1.5em;
}
#cookie-law-info-bar span {
  font-family: "LL Akkurat Light Web";
  font-size: 12px;
  line-height: 1.3em;
}
p {
  font-family: "LL Akkurat Light Web";
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 1.3em;
}
h6 {
  font-family: "LL Akkurat Light Web";
  font-size: 10px;
  line-height: 1.45em;
  margin-bottom: 1.45em;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {
  margin-bottom: 0px !important;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
}
textarea:focus, input:focus, select:focus {
  outline: 0;
}
@media only screen and (min-width: 1401px) {
  h5 {
    font-size: 1vw;
  }
  #cookie-law-info-bar span {
    font-size: 0.85vw;
  }
  h6 {
    font-size: 0.71vw;
  }
  p {
    font-size: 1.28vw;
  }
  .statement p {
    font-size: 2.56vw;
    font-size: calc(2.56vw / 1.12);
    font-size: -o-calc(2.56vw / 1.12);
    font-size: -ms-calc(2.56vw / 1.12);
    font-size: -moz-calc(2.56vw / 1.12);
    font-size: -webkit-calc(2.56vw / 1.12);
  }
}
@media only screen and (min-width: 1740px) {
  h5 {
    font-size: 1vw;
    font-size: calc(1vw / 1.12);
    font-size: -o-calc(1vw / 1.12);
    font-size: -ms-calc(1vw / 1.12);
    font-size: -moz-calc(1vw / 1.12);
    font-size: -webkit-calc(1vw / 1.12);
  }
  #cookie-law-info-bar span {
    font-size: 0.85vw;
    font-size: calc(0.85vw / 1.12);
    font-size: -o-calc(0.85vw / 1.12);
    font-size: -ms-calc(0.85vw / 1.12);
    font-size: -moz-calc(0.85vw / 1.12);
    font-size: -webkit-calc(0.85vw / 1.12);
  }
  h6 {
    font-size: 0.71vw;
    font-size: calc(0.71vw / 1.12);
    font-size: -o-calc(0.71vw / 1.12);
    font-size: -ms-calc(0.71vw / 1.12);
    font-size: -moz-calc(0.71vw / 1.12);
    font-size: -webkit-calc(0.71vw / 1.12);
  }
  p {
    font-size: 1.28vw;
    font-size: calc(1.28vw / 1.12);
    font-size: -o-calc(1.28vw / 1.12);
    font-size: -ms-calc(1.28vw / 1.12);
    font-size: -moz-calc(1.28vw / 1.12);
    font-size: -webkit-calc(1.28vw / 1.12);
  }
  .statement p {
    font-size: 2.56vw;
    font-size: calc(2.56vw / 1.12);
    font-size: -o-calc(2.56vw / 1.12);
    font-size: -ms-calc(2.56vw / 1.12);
    font-size: -moz-calc(2.56vw / 1.12);
    font-size: -webkit-calc(2.56vw / 1.12);
  }
}
@media only screen and (max-width: 1400px) {
  .statement p {
    font-size: 32px;
  }
}
@media only screen and (max-width: 630px) {
  h5 {
    font-size: 13px;
  }
  #cookie-law-info-bar span {
    font-size: 12px;
  }
  h6 {
    font-size: 10px;
  }
  p {
    font-size: 15px;
  }
  .statement p {
    font-size: clamp(20px, 3vh, 32px);
  }
}
@media only screen and (max-width: 380px) {
  h5 {
    font-size: 3.68vw;
  }
  #cookie-law-info-bar span {
    font-size: 3.15vw;
  }
  h6 {
    font-size: 3vw;
  }
  p {
    font-size: 3.68vw;
  }
  .statement p {
    font-size: clamp(20px, 3vh, 32px);
  }
}
/*
 LOADING OVERLAY CONTENT ------------------
 */
.title-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999999;
}
.title-overlay .text-wrap {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 10%;
}
.title-overlay .text-wrap span.location {
  color: #646464;
}
.loading-overlay {
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
}
.loading-overlay .text-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 30px 0;
  z-index: 2;
}
.loading-overlay .text-wrap .statement {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  opacity: 0;
  padding: 30px;
  transition: opacity 0.8s ease;
}
.loading-overlay .text-wrap .statement.active {
  opacity: 1;
}
.loading-overlay .text-wrap .statement p {
  margin-bottom: 0.65em;
}
.loading-overlay.bg-project .text-wrap {
  color: #fff;
}
.loading-overlay.bg-project_grey::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 1);
  transition: background-color 1s ease;
  z-index: 1;
}
.loading-overlay.bg-project_grey.image-ready::before {
  background-color: rgba(0, 0, 0, 0.45);
}
.loading-overlay.bg-project_grey .text-wrap {
  color: #fff;
}
.loading-overlay.bg-white {
  background-color: #fff;
}
.loading-overlay.bg-white .text-wrap {
  color: #000;
}
.loading-overlay.bg-black {
  background-color: #000;
}
.loading-overlay.bg-black .text-wrap {
  color: #fff;
}
body.single-projects .loading-overlay, body.single-projects .title-overlay {
  display: none !important;
}
/*
 HEADER CONTENT ------------------
 */
.header-wrap {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  z-index: 9999;
}
.header-wrap .outer-content-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.header-wrap .site-title {
  position: relative;
  float: left;
  display: none;
}
.header-wrap .menu-wrap {
  position: relative;
  float: left;
  display: block;
}
.header-wrap .menu-wrap .menu {
  position: relative;
  list-style: none;
  font-size: 0;
}
.header-wrap .menu-wrap .menu .menu-item {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 20px;
}
.header-wrap .menu-wrap .menu .menu-item:first-child {
  margin-left: 0px !important;
}
.header-wrap .menu-wrap .menu .menu-item.current-menu-item a {
  color: #646464 !important;
}
.header-wrap .mobile-menu-opener {
  position: relative;
  display: none;
  float: right;
  cursor: pointer;
  transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-wrap.solid {
  background-color: #fff;
}
.header-wrap.solid .site-title a {
  color: #000 !important;
}
.header-wrap.solid .menu-wrap .menu .menu-item a {
  color: #000 !important;
}
.header-wrap.solid .menu-wrap .menu .menu-item.current-menu-item a {
  color: #646464 !important;
}
.header-wrap.solid .mobile-menu-opener h5 {
  color: #000 !important;
}
@media only screen and (min-width: 1401px) {
  .header-wrap {
    padding-top: 2.14vw;
    padding-bottom: 2.14vw;
  }
  .header-wrap .menu-wrap .menu .menu-item {
    margin-left: 1.42vw;
  }
}
@media only screen and (max-width: 540px) {
  .header-wrap {
    padding-top: 5.26vw;
    padding-bottom: 5.26vw;
  }
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .header-wrap {
    -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: -moz-transform 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: -ms-transform 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: -o-transform 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1), background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .header-wrap.invisible {
    transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
  }
  .header-wrap .site-title {
    display: none;
  }
  .header-wrap .menu-wrap {
    position: absolute;
    float: left;
    display: block;
  }
  .header-wrap .mobile-menu-opener {
    display: block;
  }
}
/*
 STUDIO PAGE CONTENT ------------------
 */
body.page-template-page-studio .footer-wrap.universal {
  display: none !important;
}
.page-wrap#studio .background {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 0;
}
.page-wrap#studio .outer-content-wrap {
  z-index: 1;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
}
.page-wrap#studio .intro-content {
  position: relative;
  display: block;
  height: auto;
  z-index: 2;
  padding-top: 130px;
  padding-bottom: 35px;
}
.page-wrap#studio .outro-content {
  position: relative;
  display: block;
  height: auto;
  z-index: 2;
  padding-bottom: 70px;
}
.page-wrap#studio .top-gradient {
  position: fixed;
  width: 100%;
  height: 50vh;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0) 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0) 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000',GradientType=0);
  /* IE6-9 */
  display: none;
}
.page-wrap#studio .bottom-gradient {
  position: fixed;
  width: 100%;
  height: 50vh;
  top: 50vh;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.60) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);
  /* IE6-9 */
  display: none;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#studio .intro-content {
    padding-top: 9.28vw;
    padding-bottom: 2vw;
  }
  .page-wrap#studio .outro-content {
    padding-bottom: 4vw;
  }
}
@media only screen and (max-width: 1100px) {
  .page-wrap#studio .intro-content, .page-wrap#studio .outro-content {
    width: 60%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .page-wrap#studio .intro-content, .page-wrap#studio .outro-content {
    width: 75%;
  }
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#studio .intro-content {
    padding-top: 32.89vw;
    padding-bottom: 10vw;
  }
  .page-wrap#studio .outro-content {
    padding-bottom: 25vw;
  }
}
@media only screen and (max-width: 540px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) and (orientation: landscape) {
  .page-wrap#studio .intro-content, .page-wrap#studio .outro-content {
    width: 75% !important;
  }
}
/*
 AWARDS SECTION ------------------
 */
.awards-section-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 40px 0 0 0;
}
.awards-section-wrap * {
  color: #000;
}
.awards-section-wrap a:hover {
  color: #646464;
}
.awards-section-wrap .section-title {
  position: relative;
  display: block;
  margin-bottom: 35px;
}
.awards-section-wrap .awards-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-top: 1px solid #000;
}
.awards-section-wrap .awards-wrap .award-item {
  position: relative;
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  align-items: space-between;
  -o-align-items: space-between;
  -ms-align-items: space-between;
  -moz-align-items: space-between;
  -webkit-align-items: space-between;
  justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #000;
  padding: 17px 0 17px 0;
}
.awards-section-wrap .awards-wrap .award-item .year {
  width: 5%;
}
.awards-section-wrap .awards-wrap .award-item .title {
  width: 26.5%;
}
.awards-section-wrap .awards-wrap .award-item .award {
  width: 18.5%;
}
.awards-section-wrap .awards-wrap .award-item .description {
  width: 50%;
}
.awards-section-wrap .footer-wrap.studio-specific {
  margin-top: 80px;
}
@media only screen and (min-width: 1401px) {
  .awards-section-wrap {
    padding: 2.7777777778vw 0 0 0;
  }
  .awards-section-wrap .section-title {
    margin-bottom: 2.4305555556vw;
  }
  .awards-section-wrap .awards-wrap .award-item {
    padding: 1.1805555556vw 0 1.1805555556vw 0;
  }
  .awards-section-wrap .footer-wrap.studio-specific {
    margin-top: 5.5555555556vw;
  }
}
@media only screen and (max-width: 540px) {
  .awards-section-wrap {
    padding: 7.8947368421vw 0 0 0;
  }
  .awards-section-wrap .section-title {
    margin-bottom: 6.8421052632vw;
  }
  .awards-section-wrap .awards-wrap .award-item {
    padding: 4.4736842105vw 0 4.4736842105vw 0;
  }
  .awards-section-wrap .awards-wrap .award-item .year, .awards-section-wrap .awards-wrap .award-item .title, .awards-section-wrap .awards-wrap .award-item .award, .awards-section-wrap .awards-wrap .award-item .description {
    width: 100%;
  }
  .awards-section-wrap .awards-wrap .award-item .award {
    padding-top: 5.2631578947vw;
  }
  .awards-section-wrap .footer-wrap.studio-specific {
    margin-top: 13.1578947368vw;
  }
}
/*
 PROJECTS ARCHIVE CONTENT ------------------
 */
.page-wrap#projects-archive {
  padding: 130px 0 55px 0;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#projects-archive {
    padding: 9.28vw 0 3.93vw 0;
  }
}
@media only screen and (max-width: 1060px) {
  .page-wrap#projects-archive .col.one {
    width: 40%;
  }
  .page-wrap#projects-archive .gutter-sizer {
    width: 20%;
  }
}
@media only screen and (max-width: 720px) {
  .page-wrap#projects-archive .col.one {
    width: 47%;
  }
  .page-wrap#projects-archive .gutter-sizer {
    width: 6%;
  }
}
@media only screen and (max-width: 540px) {
  .page-wrap#projects-archive {
    padding: 32.89vw 0 25vw 0;
  }
}
.projects-thumb {
  position: relative;
  display: block;
  margin-bottom: 50px;
  cursor: pointer;
}
.projects-thumb.no-click {
  cursor: default !important;
}
.projects-thumb .image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.projects-thumb .image:after {
  content: "";
  display: block;
  padding-bottom: 69.5%;
}
.projects-thumb .image .inner-image {
  position: absolute;
}
.projects-thumb .image .inner-image .overlay {
  position: absolute;
  width: 100%;
  height: 102%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  overflow: hidden;
  z-index: 50;
  /*
   h5.view {
   position: fixed;
   color: $colour-white;
   @include transform(translate(-50%,-50%));
   cursor: none;
   pointer-events: none;
   }
   */
}
.projects-thumb .image.landscape .inner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.projects-thumb .image.portrait .inner-image {
  position: absolute;
  width: 69.69%;
  height: 100%;
  left: 50%;
  margin-left: -34.845%;
}
.projects-thumb .titles {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.projects-thumb .titles div {
  display: block;
}
.projects-thumb .titles .title {
  color: #000;
}
.projects-thumb .titles .location {
  color: #646464;
}
.projects-thumb:hover .image .overlay {
  opacity: 1;
}
@media only screen and (min-width: 1401px) {
  .projects-thumb {
    margin-bottom: 3.57vw;
  }
  .projects-thumb .image {
    margin-bottom: 1.14vw;
  }
}
@media only screen and (max-width: 540px) {
  .projects-thumb {
    margin-bottom: 25vw;
    cursor: pointer !important;
  }
  .projects-thumb:last-child {
    margin-bottom: 0px !important;
  }
  .projects-thumb .image {
    margin-bottom: 4.73vw;
  }
  .projects-thumb .image .overlay {
    display: none !important;
  }
}
/*
 PROJECTS POST / HOMEPAGE CONTENT ------------------
 */
.page-wrap#projects-post, .page-wrap#home {
  padding: 0;
  /*
   .mobile-swipe-wrap {
   position: absolute;
   width: 100%; height: auto;
   text-align: center;
   bottom: 17%; left: 0;
   pointer-events: none;
   display: none !important;
   font-size: 0;
   z-index: 2;
   .arrow {
   display: inline-block;
   width: 4.2vw; height: 4.2vw;
   vertical-align: middle;
   }
   h5 {
   display: inline-block;
   vertical-align: middle;
   margin: 0 6.57vw 0 6.57vw;
   }
   @media only screen and (max-width: 540px) {
   display: block;
   }		
   }	
   */
  /*
   .post-nav-panel {
   position: absolute;
   width: 100%; height: 100%;
   top: 0; left: 0;
   background-color: $colour-white;
   display: none;
   .outer-content-wrap {
   display: table;
   }
   .outer-post-nav-buttons {
   display: table-cell;
   vertical-align: middle;
   }
   .mobile-view-all-button {
   position: absolute;
   width: 100%; height: auto;
   text-align: center;
   bottom: 17%; left: 0;
   display: none;
   a { color: $colour-black; }
   }
   .grid {
   position: relative;
   display: block;
   height: auto;
   font-size: 0;
   .projects-thumb {
   margin-bottom: 0px;
   display: inline-block;
   vertical-align: text-top;
   margin-right: 10%;
   &:last-child { margin-right: 0px !important; }
   &.all-projects {
   cursor: pointer;
   .image { margin-bottom: 0px; }
   .inner-text {
   position: absolute;
   @extend %centered-element;
   width: 100%; height: auto;
   text-align: center;
   h5 { color: $colour-black; }
   }
   }
   }
   }
   @media only screen and (max-width: 540px) {
   .grid-block {
   width: 45% !important;
   }
   .projects-thumb {
   &.all-projects { display: none !important; }
   }
   .mobile-view-all-button {
   display: block;
   }
   }
   }
   */
}
.page-wrap#projects-post .slideshow-wrap, .page-wrap#home .slideshow-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  display: block;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide, .page-wrap#home .slideshow-wrap .slideshow-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*
   @media only screen and (max-width: 540px) {
   .top-gradient, .bottom-gradient { display: none !important; }
   }
   */
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.full-bleed-image, .page-wrap#home .slideshow-wrap .slideshow-slide.full-bleed-image {
  display: block !important;
  /*
   @media only screen and (max-width: 540px) {
   @include background-size(86.85vw auto);	
   background-position: center center;
   }
   */
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.dummy-padding, .page-wrap#home .slideshow-wrap .slideshow-slide.dummy-padding {
  display: none;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  font-size: 0;
  direction: rtl;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .outer-content-wrap, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .outer-content-wrap {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  padding: 125px 0 125px 0;
  direction: ltr;
  text-align: left;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column {
  display: flex;
  display: -o-flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text {
  margin-top: 35px;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column img.small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column img.small-image {
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  top: initial;
  left: initial;
  margin-right: 0px;
  transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -webkit-transform: translate(0%, 0%);
}
@media only screen and (min-width: 1401px) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col {
    padding: 8.92vw 0 8.92vw 0;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text {
    margin-top: 2vw;
  }
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide {
    height: auto !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .outer-content-wrap, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .outer-content-wrap {
    display: block;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column {
    min-height: auto !important;
    padding: 0 0 21vw 0;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column img.small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.image-column img.small-image {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column {
    padding: 0 0 0 0;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text {
    margin-top: 6vw;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .dummy-column, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .dummy-column {
    display: none !important;
  }
}
@media only screen and (max-width: 540px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .top-text, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .top-text, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text, .page-wrap#home .slideshow-wrap .slideshow-slide.text-slide .inner-slide-content .col.text-column .bottom-text {
    width: 75% !important;
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.advert-slide .text-content, .page-wrap#home .slideshow-wrap .slideshow-slide.advert-slide .text-content {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
  padding: 0 5% 0 5%;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  font-size: 0;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide {
    height: auto !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content {
    height: auto !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col {
    display: block;
    min-height: auto !important;
    padding: 0 0 0 0;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col .small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col .small-image {
    position: relative;
    display: block;
    top: initial;
    left: initial;
    transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    margin-right: 0px;
    margin: 0 auto;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images {
    display: inline-block;
    width: 50% !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:after, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:after {
    content: "";
    display: block;
    clear: both;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images .small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images .small-image {
    width: 92% !important;
    max-width: 92% !important;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:first-child .small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:first-child .small-image {
    float: left;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:last-child .small-image, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.portrait-images:last-child .small-image {
    float: right;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.landscape-images:first-child, .page-wrap#home .slideshow-wrap .slideshow-slide.two-col-slide .inner-slide-content .col.landscape-images:first-child {
    margin-bottom: 21vw;
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap video, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap video {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
  pointer-events: none;
  z-index: 1;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap video.fill-height, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap video.fill-height {
  width: auto;
  height: 100%;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .placeholder-image, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .placeholder-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button {
  position: absolute;
  font-size: 0;
  z-index: 3;
  cursor: pointer;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 30px;
  margin-right: 13px;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button h5, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button h5 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px;
  color: #fff;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon {
    width: 1.78vw;
    height: 2.14vw;
    margin-right: 0.93vw;
  }
}
@media only screen and (max-width: 540px) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap {
    width: 82.85%;
    height: auto;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap video, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap video {
    position: relative;
    width: 100% !important;
    height: auto !important;
    top: initial;
    left: initial;
    transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    margin-right: 0px;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon, .page-wrap#home .slideshow-wrap .slideshow-slide.video-slide .video-wrap .play-button .icon {
    width: 6.57vw;
    height: 7.89vw;
    margin-right: 3.42vw;
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap, .page-wrap#home .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap .placeholder-image, .page-wrap#home .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap .placeholder-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap iframe, .page-wrap#home .slideshow-wrap .slideshow-slide.vimeo-slide .vimeo-wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  pointer-events: none;
  border: 0;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.next-project-slide .inner-text, .page-wrap#home .slideshow-wrap .slideshow-slide.next-project-slide .inner-text {
  position: absolute;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.next-project-slide, .page-wrap#home .slideshow-wrap .slideshow-slide.next-project-slide {
    height: auto !important;
    padding: 26vw 0 47vw 0;
  }
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide.next-project-slide .inner-text, .page-wrap#home .slideshow-wrap .slideshow-slide.next-project-slide .inner-text {
    position: relative;
    display: block;
    top: initial;
    left: initial;
    margin-right: 0px;
    transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide img.small-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.small-image {
  position: absolute;
  width: auto !important;
  max-width: 90% !important;
  height: auto !important;
  max-height: 75% !important;
  margin: 0;
  z-index: 1;
}
@media only screen and (max-width: 540px) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide img.small-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.small-image {
    max-width: 70% !important;
    max-height: 70% !important;
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide img.large-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.large-image {
  position: absolute;
  width: auto !important;
  max-width: 67% !important;
  height: auto !important;
  max-height: 78.75% !important;
  margin: 0;
  z-index: 1;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-slide img.large-image, .page-wrap#home .slideshow-wrap .slideshow-slide img.large-image {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide .top-gradient, .page-wrap#home .slideshow-wrap .slideshow-slide .top-gradient {
  position: absolute;
  width: 100%;
  height: 45%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000',GradientType=0);
  /* IE6-9 */
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide .bottom-gradient, .page-wrap#home .slideshow-wrap .slideshow-slide .bottom-gradient {
  position: absolute;
  width: 100%;
  height: 45%;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 75%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 75%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.40) 75%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0);
  /* IE6-9 */
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide.full-bleed-image .top-gradient, .page-wrap#home .slideshow-wrap .slideshow-slide.full-bleed-image .top-gradient, .page-wrap#projects-post .slideshow-wrap .slideshow-slide.full-bleed-image .bottom-gradient, .page-wrap#home .slideshow-wrap .slideshow-slide.full-bleed-image .bottom-gradient {
  display: none;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide:first-child .project-nav.up, .page-wrap#home .slideshow-wrap .slideshow-slide:first-child .project-nav.up {
  display: none !important;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-slide:last-child .project-nav.down, .page-wrap#home .slideshow-wrap .slideshow-slide:last-child .project-nav.down {
  display: none !important;
}
.page-wrap#projects-post .slideshow-wrap.project-content, .page-wrap#home .slideshow-wrap.project-content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.page-wrap#projects-post .slideshow-wrap.project-content .slideshow-slide, .page-wrap#home .slideshow-wrap.project-content .slideshow-slide {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-nav, .page-wrap#home .slideshow-wrap .slideshow-nav {
  position: absolute;
  width: 25%;
  height: 90%;
  top: 0;
  z-index: 999;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-nav.prev, .page-wrap#home .slideshow-wrap .slideshow-nav.prev {
  left: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-prev-dark.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-prev-dark.cur") 15 15, w-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-prev-dark.svg") 15 15, w-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-prev-dark.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-prev-dark@2x.png") 2x) 15 15, w-resize;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-nav.prev.disabled, .page-wrap#home .slideshow-wrap .slideshow-nav.prev.disabled {
  display: none !important;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-nav.next, .page-wrap#home .slideshow-wrap .slideshow-nav.next {
  right: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-next-dark.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-next-dark.cur") 15 15, e-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-next-dark.svg") 15 15, e-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-next-dark.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-next-dark@2x.png") 2x) 15 15, e-resize;
}
.page-wrap#projects-post .slideshow-wrap .slideshow-nav.next.disabled, .page-wrap#home .slideshow-wrap .slideshow-nav.next.disabled {
  display: none !important;
}
@media only screen and (max-width: 540px) {
  .page-wrap#projects-post .slideshow-wrap .slideshow-nav, .page-wrap#home .slideshow-wrap .slideshow-nav {
    display: none !important;
  }
}
.page-wrap#projects-post .slideshow-wrap .project-nav, .page-wrap#home .slideshow-wrap .project-nav {
  position: absolute;
  width: 100%;
  height: 35%;
  left: 0;
  z-index: 999;
}
.page-wrap#projects-post .slideshow-wrap .project-nav.up, .page-wrap#home .slideshow-wrap .project-nav.up {
  top: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-up-dark.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-up-dark.cur") 15 15, n-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-up-dark.svg") 15 15, n-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-up-dark.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-up-dark@2x.png") 2x) 15 15, n-resize;
}
.page-wrap#projects-post .slideshow-wrap .project-nav.up.disabled, .page-wrap#home .slideshow-wrap .project-nav.up.disabled {
  display: none !important;
}
.page-wrap#projects-post .slideshow-wrap .project-nav.down, .page-wrap#home .slideshow-wrap .project-nav.down {
  bottom: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-down-dark.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-down-dark.cur") 15 15, s-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-down-dark.svg") 15 15, s-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-down-dark.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-down-dark@2x.png") 2x) 15 15, s-resize;
}
.page-wrap#projects-post .slideshow-wrap .project-nav.down.disabled, .page-wrap#home .slideshow-wrap .project-nav.down.disabled {
  display: none !important;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-wrap .project-nav, .page-wrap#home .slideshow-wrap .project-nav {
    display: none !important;
  }
}
.page-wrap#projects-post .caption, .page-wrap#home .caption {
  position: fixed;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  padding-bottom: 30px;
  z-index: 20;
}
.page-wrap#projects-post .caption .column, .page-wrap#home .caption .column {
  position: relative;
  display: block;
  width: 50%;
  height: auto;
}
.page-wrap#projects-post .caption .column.left, .page-wrap#home .caption .column.left {
  float: left;
}
.page-wrap#projects-post .caption .column.right, .page-wrap#home .caption .column.right {
  float: right;
  text-align: right;
  display: none;
}
.page-wrap#projects-post .caption h5, .page-wrap#home .caption h5 {
  transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.page-wrap#projects-post .caption a, .page-wrap#home .caption a {
  display: inline-block;
  vertical-align: baseline;
  transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: color 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media only screen and (min-width: 1401px) {
  .page-wrap#projects-post .caption, .page-wrap#home .caption {
    padding-bottom: 2.14vw;
  }
}
@media only screen and (max-width: 540px) {
  .page-wrap#projects-post .caption, .page-wrap#home .caption {
    padding-bottom: 5.26vw;
  }
  .page-wrap#projects-post .caption .column, .page-wrap#home .caption .column {
    display: inline-block;
    vertical-align: text-bottom;
    float: none !important;
  }
  .page-wrap#projects-post .caption .column.left, .page-wrap#home .caption .column.left {
    width: 62.5%;
  }
  .page-wrap#projects-post .caption .column.right, .page-wrap#home .caption .column.right {
    width: 37.5%;
    display: none;
  }
}
.page-wrap#projects-post .fp-scroller, .page-wrap#home .fp-scroller {
  overflow: hidden;
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-slide {
    background-color: #fff;
    padding-bottom: 21vw;
  }
  .page-wrap#projects-post .slideshow-slide:not(:nth-child(1)):not(:nth-child(3)) {
    margin-top: -1px;
  }
  .page-wrap#projects-post .slideshow-slide.dummy-padding {
    display: block !important;
    height: 21vw;
  }
  .page-wrap#projects-post .slideshow-slide:nth-child(2) {
    margin-top: 100vh !important;
  }
  .page-wrap#projects-post .slideshow-slide.full-bleed-image:not(:first-child) {
    height: auto !important;
    padding-bottom: 0px !important;
  }
  .page-wrap#projects-post .slideshow-slide.full-bleed-image:not(:first-child):after {
    content: "";
    display: block;
    padding-bottom: 61.5%;
  }
  .page-wrap#projects-post .slideshow-slide.large-image-slide {
    height: auto !important;
  }
  .page-wrap#projects-post .slideshow-slide.large-image-slide .outer-content-wrap {
    height: auto !important;
    min-height: auto !important;
  }
  .page-wrap#projects-post .slideshow-slide.large-image-slide img.large-image {
    position: relative;
    display: block;
    left: initial;
    top: initial;
    width: 100% !important;
    margin-right: 0px;
    transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .page-wrap#projects-post .slideshow-slide.video-slide {
    height: auto !important;
  }
  .page-wrap#projects-post .slideshow-slide.video-slide:after {
    content: "";
    display: block;
    padding-bottom: 61.5%;
  }
  .page-wrap#projects-post .slideshow-slide.video-slide .video-wrap .play-button .icon {
    margin-right: 0px !important;
  }
  .page-wrap#projects-post .slideshow-slide.video-slide .video-wrap .play-button h5 {
    display: none !important;
  }
  .page-wrap#projects-post .slideshow-slide:first-child {
    position: fixed !important;
    top: 0;
    left: 0;
    padding-bottom: 0px !important;
    z-index: 0;
  }
  .page-wrap#projects-post .slideshow-slide:first-child.invisible {
    opacity: 0;
    visibility: hidden;
  }
  .page-wrap#projects-post .slideshow-slide:first-child.large-image-slide {
    height: 100% !important;
  }
  .page-wrap#projects-post .slideshow-slide:first-child.large-image-slide .outer-content-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 540px) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) and (orientation: landscape) {
  .page-wrap#projects-post .slideshow-slide:first-child.large-image-slide .outer-content-wrap {
    width: 45%;
  }
}
/*
 PEOPLE ARCHIVE CONTENT ------------------
 */
.page-wrap#people-archive {
  padding: 130px 0 55px 0;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#people-archive {
    padding: 9.28vw 0 3.93vw 0;
  }
}
@media only screen and (max-width: 1060px) {
  .page-wrap#people-archive .col.one {
    width: 40%;
  }
  .page-wrap#people-archive .gutter-sizer {
    width: 20%;
  }
}
@media only screen and (max-width: 820px) {
  .page-wrap#people-archive .col.one {
    width: 47%;
  }
  .page-wrap#people-archive .gutter-sizer {
    width: 6%;
  }
}
@media only screen and (max-width: 540px) {
  .page-wrap#people-archive {
    padding: 32.89vw 0 25vw 0;
  }
}
.page-wrap#people-archive .people-thumb {
  position: relative;
  display: block;
  margin-bottom: 50px;
}
.page-wrap#people-archive .people-thumb.text-present {
  cursor: pointer;
}
.page-wrap#people-archive .people-thumb .image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 16px;
}
.page-wrap#people-archive .people-thumb .image:after {
  content: "";
  display: block;
  padding-bottom: 84.7%;
}
.page-wrap#people-archive .people-thumb .image .inner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.page-wrap#people-archive .people-thumb .image .inner-image .text {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 0 13.5% 0 13.5%;
  text-align: center;
  z-index: 1;
}
.page-wrap#people-archive .people-thumb .image .inner-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
  overflow: hidden;
  z-index: 50;
  /*
   h5.view {
   position: fixed;
   color: $colour-white;
   @include transform(translate(-50%,-50%));
   cursor: none;
   pointer-events: none;
   }
   */
}
@media only screen and (max-width: 540px) {
  .page-wrap#people-archive .people-thumb .image .inner-image .overlay {
    display: none !important;
  }
}
.page-wrap#people-archive .people-thumb .image .text-overlay {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  display: none;
  z-index: 2;
}
.page-wrap#people-archive .people-thumb .image .text-overlay .close-overlay {
  color: #646464;
  cursor: pointer;
}
.page-wrap#people-archive .people-thumb .titles {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.page-wrap#people-archive .people-thumb .titles span.job-title {
  display: block;
  color: #646464;
}
.page-wrap#people-archive .people-thumb.text-present:hover .image .overlay {
  opacity: 1;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#people-archive .people-thumb {
    margin-bottom: 3.57vw;
  }
  .page-wrap#people-archive .people-thumb .image {
    margin-bottom: 1.14vw;
  }
}
@media only screen and (max-width: 720px) {
  .page-wrap#people-archive .people-thumb .image:after {
    padding-bottom: 100%;
  }
}
@media only screen and (max-width: 540px) {
  .page-wrap#people-archive .people-thumb {
    margin-bottom: 25vw;
    cursor: pointer !important;
  }
  .page-wrap#people-archive .people-thumb:last-child {
    margin-bottom: 0px !important;
  }
  .page-wrap#people-archive .people-thumb .image {
    margin-bottom: 4.73vw;
  }
  .page-wrap#people-archive .people-thumb .image:after {
    padding-bottom: 84.7%;
  }
  .page-wrap#people-archive .people-thumb .image .inner-image .text {
    padding: 0 20.5% 0 20.5%;
  }
  .page-wrap#people-archive .people-thumb .image .inner-image .overlay {
    display: none !important;
  }
}
/*
 PRIVACY PAGE CONTENT ------------------
 */
.page-wrap#privacy {
  padding: 130px 0 70px 0;
}
.page-wrap#privacy .column {
  position: relative;
  display: inline-block;
  vertical-align: text-top;
}
.page-wrap#privacy .column.text-column {
  padding-right: 5%;
}
@media only screen and (min-width: 1401px) {
  .page-wrap#privacy {
    padding: 9.28vw 0 5vw 0;
  }
}
@media only screen and (max-width: 540px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 0.5633802817) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape), only screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape), only screen and (min-device-width: 731px) and (max-device-width: 767px) and (orientation: landscape), only screen and (device-width: 412px) and (device-height: 823px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: landscape) {
  .page-wrap#privacy {
    padding: 32.89vw 0 25vw 0;
  }
  .page-wrap#privacy .column.image-column {
    display: none !important;
  }
}
/*
 FOOTER CONTENT ------------------
 */
.footer-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 30px 0;
}
.footer-wrap .outer-content-wrap:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (min-width: 1401px) {
  .footer-wrap {
    padding-bottom: 2.14vw;
  }
}
@media only screen and (max-width: 540px) {
  .footer-wrap {
    padding-bottom: 5.26vw;
  }
}
.footer-wrap .copyright {
  position: relative;
  float: left;
}
.footer-wrap .copyright h5, .footer-wrap .copyright h6 {
  color: #646464;
  margin-bottom: 0px;
}
.footer-wrap .copyright h5.primary {
  display: inline-block;
}
.footer-wrap .copyright h5.alternative {
  display: none;
}
.footer-wrap .copyright h6.privacy {
  display: none;
}
.footer-wrap .copyright a {
  color: #646464;
}
@media only screen and (max-width: 540px) {
  .footer-wrap .copyright h5.primary {
    display: none;
  }
  .footer-wrap .copyright h5.alternative {
    display: inline-block;
  }
}
.footer-wrap.desktop-hidden .copyright h5.primary, .footer-wrap.desktop-hidden .copyright h5.alternative {
  display: none !important;
}
.footer-wrap .social-menu {
  position: relative;
  float: right;
}
.footer-wrap .social-menu .menu {
  position: relative;
  list-style: none;
  font-size: 0;
}
.footer-wrap .social-menu .menu .menu-item {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 20px;
}
.footer-wrap .social-menu .menu .menu-item a {
  color: #646464;
}
.footer-wrap .social-menu .menu .menu-item a:hover {
  color: #000;
}
.footer-wrap .social-menu .menu .menu-item:first-child {
  margin-left: 0px !important;
}
@media only screen and (min-width: 1401px) {
  .footer-wrap .social-menu .menu .menu-item {
    margin-left: 1.42vw;
  }
}
@media only screen and (max-width: 540px) {
  .footer-wrap .social-menu .menu .menu-item {
    margin-left: 5.26vw;
  }
}
body.page-template-page-home .footer-wrap {
  display: none !important;
}
body.single-projects .footer-wrap {
  display: none !important;
}
html.dark-bg {
  /*
   @media only screen and (max-width: 540px) {
   .header-wrap {
   .site-title a { color: $colour-black; }
   .menu-wrap a { color: $colour-black; }
   .mobile-menu-opener { color: $colour-black; }
   }
   .page-wrap#projects-post, 
   .page-wrap#home { 
   .slideshow-wrap .slideshow-slide .caption h5 {
   color: $colour-black;
   }
   }
   .page-wrap#projects-post, 
   .page-wrap#home {
   .slideshow-wrap .slideshow-slide .caption a {
   color: $colour-black;
   }
   }
   }
   */
}
html.dark-bg .header-wrap .site-title a {
  color: #fff;
}
html.dark-bg .header-wrap .menu-wrap a {
  color: #fff !important;
}
html.dark-bg .header-wrap .menu-wrap .menu-item.current-menu-item a {
  color: #fff !important;
}
html.dark-bg .header-wrap .mobile-menu-opener {
  color: #fff;
}
html.dark-bg .page-wrap#home .caption h5 {
  color: #fff;
}
html.dark-bg .page-wrap#home .slideshow-wrap .slideshow-slide .caption a {
  color: #fff;
}
html.dark-bg .page-wrap#projects-post .slideshow-wrap .slideshow-nav.prev, html.dark-bg .page-wrap#home .slideshow-wrap .slideshow-nav.prev {
  left: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-prev-light.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-prev-light.cur") 15 15, w-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-prev-light.svg") 15 15, w-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-prev-light.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-prev-light@2x.png") 2x) 15 15, w-resize;
}
html.dark-bg .page-wrap#projects-post .slideshow-wrap .slideshow-nav.next, html.dark-bg .page-wrap#home .slideshow-wrap .slideshow-nav.next {
  right: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-next-light.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-next-light.cur") 15 15, e-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-next-light.svg") 15 15, e-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-next-light.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-next-light@2x.png") 2x) 15 15, e-resize;
}
html.dark-bg .page-wrap#projects-post .slideshow-wrap .project-nav.up, html.dark-bg .page-wrap#home .slideshow-wrap .project-nav.up {
  left: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-up-light.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-up-light.cur") 15 15, n-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-up-light.svg") 15 15, n-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-up-light.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-up-light@2x.png") 2x) 15 15, n-resize;
}
html.dark-bg .page-wrap#projects-post .slideshow-wrap .project-nav.down, html.dark-bg .page-wrap#home .slideshow-wrap .project-nav.down {
  right: 0;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-down-light.png") 15 15, url("http://251-jma.cliff.studio/wp-content/themes/jma/assets/images/carousel-down-light.cur") 15 15, s-resize;
  cursor: url("/wp-content/themes/jma/assets/images/carousel-down-light.svg") 15 15, s-resize;
  cursor: -webkit-image-set(url("/wp-content/themes/jma/assets/images/carousel-down-light.png") 1x, url("/wp-content/themes/jma/assets/images/carousel-down-light@2x.png") 2x) 15 15, s-resize;
}
html.dark-bg .page-wrap#studio .col * {
  color: #fff !important;
}
html.dark-bg .footer-wrap * {
  color: #fff !important;
}
html.dark-bg .footer-wrap.studio-specific * {
  color: #000 !important;
}
html.dark-bg .footer-wrap.studio-specific a:hover {
  color: #646464 !important;
}
html.dark-bottom-bg .page-wrap#projects-post .caption h5 {
  color: #fff;
}
html.dark-bottom-bg .page-wrap#projects-post .caption a {
  color: #fff;
}
html.dark-bottom-bg .page-wrap#projects-post .slideshow-wrap .slideshow-slide .caption a {
  color: #fff;
}
/*
 COOKIES BAR CONTENT --------------------
 */
#cookie-law-info-bar {
  box-shadow: none !important;
  padding: 9px 30px 9px 30px;
  text-align: left;
}
#cookie-law-info-bar a {
  text-decoration: underline;
}
#cookie-law-info-bar a#cookie_action_close_header {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  right: 30px;
  margin-top: -5px !important;
  text-decoration: none;
  font-size: 0px;
  background-image: url('/wp-content/themes/jma/assets/svgs/close-button.svg');
  background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
@media only screen and (min-width: 1401px) {
  #cookie-law-info-bar {
    padding: 0.6vw 2.14vw 0.6vw 2.14vw;
  }
  #cookie-law-info-bar a#cookie_action_close_header {
    width: 0.71vw;
    height: 0.71vw;
    right: 2.14vw;
    margin-top: -0.355vw !important;
  }
}
@media only screen and (max-width: 540px) {
  #cookie-law-info-bar {
    padding: 2.63vw 14vw 2.63vw 6.575vw;
  }
  #cookie-law-info-bar a#cookie_action_close_header {
    width: 2.63vw;
    height: 2.63vw;
    right: 6.575vw;
    top: 4vw;
    margin-top: 0px !important;
  }
}