/*!
  Theme Name: Van Alen Institute
  Theme URI: https://past.vanalen.org
  Author: Helios Design Labs
  Author URI: https://heliosdesignlabs.com
  Description: Bespoke WordPress theme for the Van Alen Institute.
  Version: 1.0.3
  Text Domain: vanalen
  */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }
  a:active, a:hover {
    outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible;
  text-transform: none; }

select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0; }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #bebebe;
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

button.mfp-close {
  background: url("assets/x.svg") no-repeat; }

.mfp-close {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 10px;
  top: 10px;
  text-decoration: none;
  text-align: center;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* overlay at start */
.mfp-animate.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }
  .mfp-animate.mfp-bg.mfp-ready {
    opacity: 1; }
  .mfp-animate.mfp-bg.mfp-removing {
    opacity: 0; }

.mfp-animate.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out; }

.mfp-animate.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

.mfp-animate.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

/*
 *
 *	Grid Layout
 *
 *	1160px = 58 columns of 20px each
 *	asdf
 *
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 20px; }

.full-centre, .mlc-visualessay .text, .mlc-visualessay .loader, .visualessay-slide.mod-text_slide .visualessay-slide-inner, .visualessay-slide.mod-image_slide .visualessay-slide-inner {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.image img {
  width: 100%;
  height: auto;
  border: none; }

@media screen and (max-width: 600px) {
  .wp-caption {
    width: 100% !important; }
    .wp-caption img {
      width: 100%;
      height: auto; } }

img.mfp {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.debug-info {
  position: absolute;
  right: 5px;
  bottom: 5px; }

#unsupported-browser {
  display: none; }
  html.unsupported-browser #unsupported-browser {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    z-index: 9999;
    color: red; }
    html.unsupported-browser #unsupported-browser .close {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer; }

.invisible, div.tag a.has-image span.text, form.cp .radio [type="radio"], form.cp [type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.post-password-form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 20px; }

.gs {
  display: block;
  margin-left: -40px; }
  @media screen and (max-width: 600px) {
    .gs {
      margin-left: -40px; } }
  .gs .col {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 60px; }
    .gs .col.mod-nomargin {
      margin-bottom: 0; }
    .gs .col.full {
      width: 100%;
      padding-left: 40px; }
    .gs .col.two-thirds {
      width: 66%;
      padding-left: 40px; }
      .gs .col.two-thirds.offset {
        margin-left: 33.333%; }
    .gs .col.half {
      width: 50%;
      padding-left: 40px; }
      .gs .col.half.offset {
        margin-left: 50%; }
    .gs .col.one-third {
      width: 33.333%;
      padding-left: 40px; }
      .gs .col.one-third.offset {
        margin-left: 66%; }
    .gs .col.one-quarter {
      width: 25%;
      padding-left: 40px; }
    .gs .col.parent {
      margin-bottom: 0; }
    .gs .col:last-child {
      margin-bottom: 0; }
    .gs .col.nomargin {
      margin: 0 !important; }
    @media screen and (max-width: 600px) {
      .gs .col {
        width: 100% !important;
        margin-bottom: 20px; }
        .gs .col.parent {
          padding-left: 0 !important; }
        .gs .col.offset {
          margin-left: 0 !important; } }

.gs-fixed {
  display: block; }
  @media screen and (max-width: 600px) {
    .gs-fixed {
      margin: 0 20px; } }
  .gs-fixed.with-margin {
    margin-left: -40px; }
    @media screen and (max-width: 600px) {
      .gs-fixed.with-margin {
        margin-right: 0; } }
  .gs-fixed .col {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 40px;
    padding-left: 40px; }
    @media screen and (max-width: 600px) {
      .gs-fixed .col {
        width: 100% !important;
        padding: 0; } }
  @media screen and (max-width: 600px) {
    .gs-fixed.with-margin .col {
      padding-left: 40px; } }
  .gs-fixed .one-third {
    width: 385px; }
  .gs-fixed .one-quarter {
    width: 300px; }
  .container .gs-fixed .one-third {
    width: 33.333%; }
  .container .gs-fixed .one-quarter {
    width: 25%; }
  .gs-fixed .full {
    width: 100%; }

@font-face {
  font-family: "FoundersGrotesk";
  src: url("css/fonts/founders/FoundersGroteskWeb-Regular.eot");
  src: url("css/fonts/founders/FoundersGroteskWeb-Regular.eot?#iefix") format("embedded-opentype"), url("css/fonts/founders/FoundersGroteskWeb-Regular.woff") format("woff");
  font-weight: 500;
  font-style: "normal"; }

@font-face {
  font-family: "FoundersGrotesk";
  src: url("css/fonts/founders/FoundersGroteskWeb-Medium.eot");
  src: url("css/fonts/founders/FoundersGroteskWeb-Medium.eot?#iefix") format("embedded-opentype"), url("css/fonts/founders/FoundersGroteskWeb-Medium.woff") format("woff");
  font-weight: 600;
  font-style: "normal"; }

@font-face {
  font-family: "FoundersGrotesk";
  src: url("css/fonts/founders/FoundersGroteskWeb-Semibold.eot");
  src: url("css/fonts/founders/FoundersGroteskWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("css/fonts/founders/FoundersGroteskWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: "normal"; }

@font-face {
  font-family: "FoundersGroteskCondensed";
  src: url("css/fonts/founders/FoundersGroteskCondensedWeb-Semibold.eot");
  src: url("css/fonts/founders/FoundersGroteskCondensedWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("css/fonts/founders/FoundersGroteskCondensedWeb-Semibold.woff") format("woff");
  font-weight: 700;
  font-style: "normal"; }

body {
  font-family: FoundersGrotesk, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased; }

body.noscroll {
  overflow: hidden; }

a {
  text-decoration: none;
  color: inherit; }

p {
  margin: 0;
  margin-bottom: 1em; }
  p:last-child {
    margin-bottom: 0; }

p a, .content a, .underline a {
  border-bottom: 1px solid #000; }
  .no-touch p a, .no-touch .content a, .no-touch .underline a {
    -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out, border-color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out, background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background 200ms ease-in-out, border-color 200ms ease-in-out; }
  .no-touch p a:hover, .no-touch .content a:hover, .no-touch .underline a:hover {
    color: #fff;
    background: #000; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.typography-header, header.entry-header h1.entry-title, .excerpt-event .event-date {
  font-weight: 700;
  font-family: FoundersGroteskCondensed;
  font-size: 70px;
  line-height: 64px; }
  @media screen and (max-width: 960px) {
    .typography-header, header.entry-header h1.entry-title, .excerpt-event .event-date {
      font-size: 56px;
      line-height: 50px; } }
  @media screen and (max-width: 600px) {
    .typography-header, header.entry-header h1.entry-title, .excerpt-event .event-date {
      font-size: 34px;
      line-height: 32px; } }

.typography-tag, div.tag {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 2px 8px; }

.typography-sectionheader, .mlc-block.mlc-block-section-header .section-header, .mlc-block.mlc-block-module .mlc-section-header .size-small, .mlc-block.mlc-block-profile .mlc-section-header .size-small, .section-headers a, form.cp legend, .single-themes .section-header, .press-page h2, .single-projects header.site-header .home-link {
  font-family: FoundersGroteskCondensed;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase; }

.typography-sectionheader-large, .mlc-block.mlc-block-section-header .section-header.size-large, .mlc-block-linkgrid-title, .mlc-block.mlc-block-module .mlc-section-header .size-large, .mlc-block.mlc-block-profile .mlc-section-header .size-large {
  font-family: FoundersGroteskCondensed;
  font-size: 34px;
  line-height: 36px;
  text-transform: uppercase; }

.typography-pullquote {
  font-size: 34px;
  line-height: 36px;
  font-weight: 700; }

.typography-text, nav.secondary, .mlc-block-linkgrid-text, .mlc-block.mlc-block-module .mlc-post-metadata, .mlc-block.mlc-block-profile .mlc-post-metadata, .mlc-block.mlc-block-module .mlc-body-text, .mlc-block.mlc-block-profile .mlc-body-text, .mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn, header.entry-header .entry-author-date, form.cp fieldset, .excerpt-project .project-excerpt, .type-profiles .entry-content, .single-press .entry-content .content, .home.front-page .hero-section .hero-excerpt, .page-membership .accordion .accordion-section .content, .personblob-title {
  font-size: 24px;
  line-height: 28px; }
  @media screen and (max-width: 960px) {
    .typography-text, nav.secondary, .mlc-block-linkgrid-text, .mlc-block.mlc-block-module .mlc-post-metadata, .mlc-block.mlc-block-profile .mlc-post-metadata, .mlc-block.mlc-block-module .mlc-body-text, .mlc-block.mlc-block-profile .mlc-body-text, .mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn, header.entry-header .entry-author-date, form.cp fieldset, .excerpt-project .project-excerpt, .type-profiles .entry-content, .single-press .entry-content .content, .home.front-page .hero-section .hero-excerpt, .page-membership .accordion .accordion-section .content, .personblob-title {
      font-size: 22px;
      line-height: 25px; } }
  @media screen and (max-width: 600px) {
    .typography-text, nav.secondary, .mlc-block-linkgrid-text, .mlc-block.mlc-block-module .mlc-post-metadata, .mlc-block.mlc-block-profile .mlc-post-metadata, .mlc-block.mlc-block-module .mlc-body-text, .mlc-block.mlc-block-profile .mlc-body-text, .mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn, header.entry-header .entry-author-date, form.cp fieldset, .excerpt-project .project-excerpt, .type-profiles .entry-content, .single-press .entry-content .content, .home.front-page .hero-section .hero-excerpt, .page-membership .accordion .accordion-section .content, .personblob-title {
      font-size: 19px;
      line-height: 21px; } }

.typography-smalltext, .mlc-block.mlc-block-fulltext.size-small, .mlc-block.mlc-block-fullimage .caption, .mlc-block .mlc-visualessay .caption, .mlc-block.mlc-block-module .mlc-left-column-image .caption, .mlc-block.mlc-block-profile .mlc-left-column-image .caption, .mlc-block.mlc-block-module .mlc-body-text .body-content .text-small, .mlc-block.mlc-block-profile .mlc-body-text .body-content .text-small, .mlc-block.mlc-block-module .mlc-text.size-small, .mlc-block.mlc-block-profile .mlc-text.size-small, .mlc-block.mlc-block-module .mlc-moretext, .mlc-block.mlc-block-profile .mlc-moretext, .mlc-block.mlc-block-module .mlc-logo-group, .mlc-block.mlc-block-profile .mlc-logo-group, .widgets ul.tweets li, .subscribe-form.mod-inline, .excerpt-page .type, .excerpt-project .project-type, .excerpt-event .type, .excerpt-post .post-date, .excerpt-press .inner, .visualessay-slide.mod-image_slide .visualessay-slide-caption, .home.front-page h2, .about-subtitle, .excerpt-essay .post-type, .group-excerpt .group-type {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  -webkit-font-smoothing: auto; }

.typography-largetext, .mlc-block.mlc-block-fulltext.size-large, .mlc-block.mlc-block-module .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-profile .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-module .mlc-text.size-large, .mlc-block.mlc-block-profile .mlc-text.size-large, .excerpt-page .title, .excerpt-page .text, .excerpt-post .post-title, .excerpt-post .post-excerpt, .archive-header .term-description, .single-themes .themes-text, #post-no-results .no-results, .page-membership .accordion .accordion-section .title, .excerpt-essay .post-title,
.excerpt-essay .post-author {
  font-size: 34px;
  line-height: 36px; }
  @media screen and (max-width: 1200px) {
    .typography-largetext, .mlc-block.mlc-block-fulltext.size-large, .mlc-block.mlc-block-module .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-profile .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-module .mlc-text.size-large, .mlc-block.mlc-block-profile .mlc-text.size-large, .excerpt-page .title, .excerpt-page .text, .excerpt-post .post-title, .excerpt-post .post-excerpt, .archive-header .term-description, .single-themes .themes-text, #post-no-results .no-results, .page-membership .accordion .accordion-section .title, .excerpt-essay .post-title,
    .excerpt-essay .post-author {
      font-size: 28px;
      line-height: 30px; } }
  @media screen and (max-width: 600px) {
    .typography-largetext, .mlc-block.mlc-block-fulltext.size-large, .mlc-block.mlc-block-module .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-profile .mlc-body-text .body-content .text-large, .mlc-block.mlc-block-module .mlc-text.size-large, .mlc-block.mlc-block-profile .mlc-text.size-large, .excerpt-page .title, .excerpt-page .text, .excerpt-post .post-title, .excerpt-post .post-excerpt, .archive-header .term-description, .single-themes .themes-text, #post-no-results .no-results, .page-membership .accordion .accordion-section .title, .excerpt-essay .post-title,
    .excerpt-essay .post-author {
      font-size: 19px;
      line-height: 24px; } }

.typography-hugetext, .related-content .title, body.search .search-title, .home.front-page .hero-section.mod-one-col .hero-title, .post-archive .row .archive-date, .page-year-archive .year {
  font-size: 70px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 700; }
  @media screen and (max-width: 400px) {
    .typography-hugetext, .related-content .title, body.search .search-title, .home.front-page .hero-section.mod-one-col .hero-title, .post-archive .row .archive-date, .page-year-archive .year {
      font-size: 30px;
      line-height: 30px; } }
  @media screen and (max-width: 1200px) {
    .typography-hugetext, .related-content .title, body.search .search-title, .home.front-page .hero-section.mod-one-col .hero-title, .post-archive .row .archive-date, .page-year-archive .year {
      font-size: 70px;
      line-height: 60px; } }
  @media screen and (max-width: 600px) {
    .typography-hugetext, .related-content .title, body.search .search-title, .home.front-page .hero-section.mod-one-col .hero-title, .post-archive .row .archive-date, .page-year-archive .year {
      font-size: 40px;
      line-height: 40px; } }

.typography-mission, .home.front-page .mission, .about-largetext {
  font-size: 32px;
  line-height: 1.176470588;
  font-family: FoundersGroteskCondensed; }
  @media screen and (min-width: 1200px) {
    .typography-mission, .home.front-page .mission, .about-largetext {
      font-size: 32px;
      line-height: 40px; } }
  @media screen and (max-width: 1200px) {
    .typography-mission, .home.front-page .mission, .about-largetext {
      font-size: 28px;
      line-height: 33px; } }
  @media screen and (max-width: 600px) {
    .typography-mission, .home.front-page .mission, .about-largetext {
      font-size: 24px;
      line-height: 28px; } }

.typography-yeararchive-title, .excerpt-event .event-title, .year-noresults, .personblob-name, .group-excerpt .group-title {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  font-family: FoundersGroteskCondensed; }

.typography-button, .button, .edit-link, .subscribe-form input[type="submit"], .tabfilters-tab, .our-work-filter, .about-sectionheader, .page-year-archive .load-more {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px; }

.typography-button-large, .button-medium, .share-button, form.cp [type="submit"], .button-large {
  font-size: 24px;
  text-transform: uppercase; }

.typography-outline, .related-content .title, body.search .search-title, .post-archive .row .archive-date, .page-year-archive .year {
  color: #fff;
  text-shadow: -1px -1px 0 #bebebe, 1px -1px 0 #bebebe, -1px 1px 0 #bebebe, 1px 1px 0 #bebebe; }

.typography-outline-light {
  color: #000;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

.typography-outline-dark, .no-touch .mlc-visualessay:hover .text {
  color: #fff;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

/**
 * Header
 */
.site-header,
.site-footer {
  clear: both;
  padding: 0 20px;
  position: relative;
  width: 100%; }

.site-header {
  margin-bottom: 40px;
  top: 20px; }
  @media screen and (max-width: 960px) {
    .site-header {
      margin-bottom: 20px; } }
  @media screen and (max-width: 600px) {
    .site-header {
      margin: 0;
      padding: 0;
      top: 0; } }

/**
 * Footer
 */
.site-footer {
  background: white;
  border-top: 1px solid #000;
  margin-top: -1px;
  padding: 20px 20px 0; }
  .site-footer .block {
    color: #000;
    margin-bottom: 20px;
    margin-top: 20px; }
    .site-footer .block:first-child {
      margin-top: 0; }
    @media screen and (min-width: 600px) {
      .site-footer .block.two-thirds {
        left: 50%;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 100%;
        max-width: 1200px; }
        .site-footer .block.two-thirds .inner {
          margin-bottom: 20px;
          margin-left: 33%;
          padding-left: 20px; }
          .site-footer .block.two-thirds .inner p {
            margin-bottom: 0; } }
  .site-footer .button, .site-footer .edit-link, .site-footer .subscribe-form input[type="submit"], .subscribe-form .site-footer input[type="submit"], .site-footer .tabfilters-tab, .site-footer .our-work-filter, .site-footer .about-sectionheader {
    border-color: #000;
    color: #000;
    margin-top: 20px;
    text-transform: none; }
  .site-footer .site-logo-top {
    margin-bottom: 20px; }

.grid-bg .site-footer, .tax-project-tag .site-footer, body.tag .site-footer, .single-themes .site-footer, body.search .site-footer, .home.front-page .site-footer, .page-template-tpl-projects-php .site-footer, .page-template-tpl-themes-php .site-footer, .page-template-tpl-stories-php .site-footer, .page-template-tpl-stories-archive-php .site-footer, .page-template-tpl-events-php .site-footer, .page-template-tpl-events-archive-php .site-footer, .page-template-tpl-year-archive-php .site-footer {
  border-top-color: #bebebe; }

.site-footer.grey-border {
  border-top-color: #bebebe; }

/**
 * Sticky Footer
 */
html.flexbox body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh; }
  html.flexbox body .site-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }

html.flexbox.ie11 body {
  display: block;
  min-height: none; }

/**
 * Logo
 */
header.site-header .site-logo {
  position: absolute;
  z-index: 1; }
  @media screen and (max-width: 960px) {
    header.site-header .site-logo {
      display: none; } }
  @media screen and (max-width: 600px) {
    header.site-header .site-logo {
      display: none; } }
  header.site-header .site-logo a {
    cursor: pointer; }
    header.site-header .site-logo a > svg {
      pointer-events: none; }
  header.site-header .site-logo svg {
    height: auto;
    width: 100%; }

.site-logo-part {
  display: block;
  height: 60px;
  position: relative;
  width: 135px; }
  .site-logo-part.site-logo-bottom {
    height: 27px; }

footer.site-footer .block.site-logo .site-logo-top {
  margin-bottom: 25px; }
  @media screen and (max-width: 600px) {
    footer.site-footer .block.site-logo .site-logo-top {
      display: none; } }

.site-logo-mobile {
  display: block; }
  .site-logo-mobile .site-logo-top {
    display: none; }
    @media screen and (max-width: 960px) {
      .site-logo-mobile .site-logo-top {
        display: block; } }
  .site-logo-mobile .site-logo {
    margin-bottom: 25px;
    margin-top: 20px; }

/**
 * Primary Nav
 */
nav.primary .nav-menu-container {
  display: block;
  font-size: 24px;
  height: 60px;
  line-height: 28px;
  margin: 0 auto;
  max-width: 80%;
  position: relative;
  text-align: center;
  text-transform: uppercase; }
  @media screen and (max-width: 960px) {
    nav.primary .nav-menu-container {
      font-size: 24px;
      width: 560px; } }
  @media screen and (max-width: 600px) {
    nav.primary .nav-menu-container {
      margin: 0;
      width: 100%;
      max-width: 100%; } }

ul.primary-menu {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  z-index: 1; }
  @media screen and (max-width: 960px) {
    ul.primary-menu {
      border: 1px solid #000;
      display: block;
      position: absolute;
      -webkit-transition: opacity 200ms;
      -o-transition: opacity 200ms;
      transition: opacity 200ms; } }
  @media screen and (max-width: 600px) {
    ul.primary-menu {
      border: none;
      position: relative; } }
  ul.primary-menu.borders li a,
  ul.primary-menu.borders li form {
    border-color: #000; }
  ul.primary-menu li:active a,
  ul.primary-menu li:hover a,
  ul.primary-menu li:focus a {
    background: #000;
    color: #fff; }
  ul.primary-menu li {
    margin: 0 0.1em;
    margin-top: -1px; }
    @media screen and (max-width: 960px) {
      ul.primary-menu li {
        margin: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 400ms ease-out;
        -o-transition: max-height 400ms ease-out;
        transition: max-height 400ms ease-out; } }
    ul.primary-menu li a,
    ul.primary-menu li form {
      background: #fff;
      border: 1px solid #000;
      color: #000;
      display: block;
      height: 60px;
      line-height: 33px;
      padding: 0.5em;
      white-space: nowrap; }
      @media screen and (max-width: 960px) {
        ul.primary-menu li a,
        ul.primary-menu li form {
          border: none;
          border-top: 1px solid transparent;
          -webkit-transition: border-color 400ms;
          -o-transition: border-color 400ms;
          transition: border-color 400ms; } }
      @media screen and (max-width: 600px) {
        ul.primary-menu li a,
        ul.primary-menu li form {
          border-bottom: 1px solid #000; } }
    ul.primary-menu li.current-menu-item, ul.primary-menu li.current-menu-parent, ul.primary-menu li.current-page-ancestor {
      max-height: 60px; }
      ul.primary-menu li.current-menu-item a, ul.primary-menu li.current-menu-parent a, ul.primary-menu li.current-page-ancestor a {
        margin-top: -1px; }
  ul.primary-menu .dummy {
    display: none; }
    ul.primary-menu .dummy.current-menu-item a:active,
    ul.primary-menu .dummy.current-menu-item a:hover,
    ul.primary-menu .dummy.current-menu-item a:focus {
      background: #fff;
      color: #000; }
    @media screen and (max-width: 960px) {
      ul.primary-menu .dummy {
        cursor: pointer;
        display: block; }
        ul.primary-menu .dummy .icon {
          position: absolute;
          right: 0.7em;
          top: 0.7em;
          width: 25px;
          z-index: 100; }
          ul.primary-menu .dummy .icon .inner, ul.primary-menu .dummy .icon:before, ul.primary-menu .dummy .icon:after {
            background-color: #000;
            border-radius: 3px;
            content: '';
            display: block;
            height: 3px;
            margin: 4px 0;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out; }
        ul.primary-menu .dummy .close {
          display: none; } }
  ul.primary-menu.expand {
    opacity: 1; }
    ul.primary-menu.expand li {
      margin-top: -1px;
      max-height: 60px; }
      ul.primary-menu.expand li.current-menu-item a, ul.primary-menu.expand li.current-menu-parent a {
        margin-top: 0; }
      ul.primary-menu.expand li a:active,
      ul.primary-menu.expand li a:hover,
      ul.primary-menu.expand li a:focus {
        background: #000;
        color: #fff; }
    ul.primary-menu.expand .dummy .open {
      display: none; }
    ul.primary-menu.expand .dummy .close {
      display: block; }
    ul.primary-menu.expand .dummy a:active,
    ul.primary-menu.expand .dummy a:hover,
    ul.primary-menu.expand .dummy a:focus {
      background: #000;
      color: #fff; }
    ul.primary-menu.expand .dummy .icon .inner {
      background: #fff;
      -webkit-transform: scale(0);
          -ms-transform: scale(0);
              transform: scale(0); }
    ul.primary-menu.expand .dummy .icon:before {
      background: #fff;
      -webkit-transform: translateY(7px) rotate(135deg);
          -ms-transform: translateY(7px) rotate(135deg);
              transform: translateY(7px) rotate(135deg); }
    ul.primary-menu.expand .dummy .icon:after {
      background: #fff;
      -webkit-transform: translateY(-7px) rotate(-135deg);
          -ms-transform: translateY(-7px) rotate(-135deg);
              transform: translateY(-7px) rotate(-135deg); }
  ul.primary-menu li.search {
    position: relative; }
    @media screen and (min-width: 960px) {
      ul.primary-menu li.search {
        width: 490px; } }
    ul.primary-menu li.search .search-form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
      @media screen and (min-width: 960px) {
        ul.primary-menu li.search .search-form {
          border-color: rgba(0, 0, 0, 0.25); } }
      ul.primary-menu li.search .search-form .search-icon, ul.primary-menu li.search .search-form.is-search:after {
        background: url(assets/magnifying-glass.svg) no-repeat;
        background-size: 100%;
        cursor: pointer;
        margin-left: -5px;
        opacity: 0.2;
        position: absolute;
        width: 35px;
        height: 35px; }
      ul.primary-menu li.search .search-form label {
        width: 100%;
        height: 35px; }
      ul.primary-menu li.search .search-form input[type="search"] {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: none;
        border: none;
        font-family: FoundersGrotesk;
        font-size: 1em;
        outline: none;
        text-align: center;
        text-transform: uppercase;
        width: 100%; }
        ul.primary-menu li.search .search-form input[type="search"]::-webkit-input-placeholder {
          color: #000; }
        ul.primary-menu li.search .search-form input[type="search"]::-moz-placeholder {
          color: #000; }
        ul.primary-menu li.search .search-form input[type="search"]:-ms-input-placeholder {
          color: #000; }
        ul.primary-menu li.search .search-form input[type="search"]::-ms-input-placeholder {
          color: #000; }
        ul.primary-menu li.search .search-form input[type="search"]::placeholder {
          color: #000; }
          @media screen and (min-width: 960px) {
            ul.primary-menu li.search .search-form input[type="search"]::-webkit-input-placeholder {
              color: rgba(0, 0, 0, 0.25); }
            ul.primary-menu li.search .search-form input[type="search"]::-moz-placeholder {
              color: rgba(0, 0, 0, 0.25); }
            ul.primary-menu li.search .search-form input[type="search"]:-ms-input-placeholder {
              color: rgba(0, 0, 0, 0.25); }
            ul.primary-menu li.search .search-form input[type="search"]::-ms-input-placeholder {
              color: rgba(0, 0, 0, 0.25); }
            ul.primary-menu li.search .search-form input[type="search"]::placeholder {
              color: rgba(0, 0, 0, 0.25); } }
          @media screen and (min-width: 960px) and (max-width: 1130px) {
            ul.primary-menu li.search .search-form input[type="search"]::-webkit-input-placeholder {
              color: transparent; }
            ul.primary-menu li.search .search-form input[type="search"]::-moz-placeholder {
              color: transparent; }
            ul.primary-menu li.search .search-form input[type="search"]:-ms-input-placeholder {
              color: transparent; }
            ul.primary-menu li.search .search-form input[type="search"]::-ms-input-placeholder {
              color: transparent; }
            ul.primary-menu li.search .search-form input[type="search"]::placeholder {
              color: transparent; } }
      ul.primary-menu li.search .search-form .search-go {
        background: #000;
        color: #fff;
        cursor: pointer;
        display: none;
        margin-left: 10px;
        padding: 0 10px;
        width: 55px;
        height: 35px; }
        @media screen and (min-width: 960px) and (max-width: 1045px) {
          ul.primary-menu li.search .search-form .search-go {
            color: transparent;
            padding: 0;
            width: 0; } }
  ul.primary-menu.is-search:after {
    content: ' '; }
  ul.primary-menu.expand li.is-search:after, ul.primary-menu.transitioning li.is-search:after {
    display: none; }
  .ios7 ul.primary-menu.expand li.search {
    border-bottom: 1px solid #000; }

/**
 * Secondary Nav
 */
nav.secondary {
  text-align: center; }
  nav.secondary ul {
    list-style-type: none;
    padding: 0; }
    nav.secondary ul li {
      display: inline-block;
      margin: 0.1em 0.5em; }
      .no-touch nav.secondary ul li a:hover, nav.secondary ul li.active a, nav.secondary ul li.current-menu-item a {
        border-bottom: 1px solid #000; }

/**
 * ###  ### ##    #####
 * ######## ##   ##
 * ## ## ## ##   ##
 * ##    ## ##   ##
 * ##    ## ##### #####
 *
 * Modular Layout Composer
 *
 */
.mlc-block {
  clear: both; }
  .mlc-block.mlc-block-fulltext .mlc-block-fulltext-inner {
    display: block;
    margin: 0 auto; }
    .mlc-block.mlc-block-fulltext .mlc-block-fulltext-inner.left {
      text-align: left; }
    .mlc-block.mlc-block-fulltext .mlc-block-fulltext-inner.center {
      text-align: center; }
    .mlc-block.mlc-block-fulltext .mlc-block-fulltext-inner.right {
      text-align: right; }
  .mlc-block.mlc-block-section-header.section-header-hide {
    margin-bottom: 0; }
    .mlc-block.mlc-block-section-header.section-header-hide .section-header {
      height: 0;
      overflow: hidden; }
  .mlc-block.mlc-block-section-header .section-header.position-center {
    text-align: center; }
  .mlc-block.mlc-block-section-header .section-header.position-right {
    text-align: right; }
  .mlc-block.mlc-block-fullimage .image, .mlc-block .mlc-visualessay .image {
    position: relative;
    display: block;
    margin: 0 auto; }
  .mlc-block.mlc-block-fullimage img, .mlc-block .mlc-visualessay img {
    width: 100%;
    height: auto;
    display: block; }
  .mlc-block.mlc-block-fullimage .caption, .mlc-block .mlc-visualessay .caption {
    margin-top: 6px; }
  .mlc-block.mlc-block-profile .mlc-body-text .name {
    font-weight: 700;
    text-transform: uppercase; }
  .mlc-block.mlc-block-profile .mlc-body-text .title {
    font-weight: 700; }
    .mlc-block.mlc-block-profile .mlc-body-text .title a {
      border-bottom: 1px solid #000; }
      .no-touch .mlc-block.mlc-block-profile .mlc-body-text .title a:hover {
        background: #000;
        color: #fff; }
  .mlc-block.mlc-block-profile .mlc-body-text .content {
    margin-top: 20px; }

.mlc-visualessay {
  cursor: pointer; }
  .mlc-visualessay .image {
    position: relative; }
  .mlc-visualessay .text {
    position: absolute;
    width: 100%;
    color: #fff;
    font-family: FoundersGroteskCondensed;
    text-align: center;
    padding: 1em;
    line-height: 1; }
    .full .mlc-visualessay .text {
      font-size: 70px; }
    .two-thirds .mlc-visualessay .text {
      font-size: 50px; }
    .half .mlc-visualessay .text {
      font-size: 40px; }
    .one-third .mlc-visualessay .text {
      font-size: 24px; }
  .no-touch .mlc-visualessay:hover .image {
    background: black; }
  .no-touch .mlc-visualessay:hover img {
    opacity: 0; }
  .mlc-visualessay .loader {
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out; }
  .mlc-visualessay.loading .text {
    opacity: 0 !important; }
  .mlc-visualessay.loading .image img {
    opacity: 0.5; }
  .mlc-visualessay.loading .loader {
    opacity: 1; }

.mlc-iframe .mlc-iframe-container {
  width: 100%;
  position: relative; }
  .mlc-iframe .mlc-iframe-container.is-fixed {
    height: 100px;
    margin: 0 auto;
    overflow: hidden; }
  .mlc-iframe .mlc-iframe-container.is-responsive {
    height: 0;
    padding-bottom: 52.5%; }

.mlc-iframe .mlc-iframe-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mlc-block-linkgrid-title, .mlc-block-linkgrid-image, .mlc-block-linkgrid-text {
  position: relative;
  width: 100%; }

.mlc-block-linkgrid-title {
  margin-top: 0.3em;
  margin-bottom: 0.5em; }

.mlc-block-linkgrid-image img {
  width: 100%;
  height: auto; }

.mlc-block.mlc-block-slideshow, .single-projects .project-header-slideshow {
  position: relative;
  margin-bottom: 60px; }
  .mlc-block.mlc-block-slideshow .mlc-block-slideshow-inner, .single-projects .project-header-slideshow .mlc-block-slideshow-inner {
    position: relative;
    overflow: hidden; }
  .mlc-block.mlc-block-slideshow.has-captions .mlc-block-slideshow-inner, .single-projects .has-captions.project-header-slideshow .mlc-block-slideshow-inner {
    padding-bottom: 100px; }

.mlc-block-slideshow-slides {
  top: 0;
  left: 0;
  position: relative;
  white-space: nowrap;
  max-width: 100%;
  -webkit-transition: 300ms all;
  -o-transition: 300ms all;
  transition: 300ms all; }
  .mlc-block-slideshow-slides .slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    max-height: 100%; }
    .mlc-block-slideshow-slides .slide.mod-img {
      padding: 0 40px; }
      .mlc-block-slideshow-slides .slide.mod-img .slide-inner {
        margin: 0 auto; }
        .mlc-block-slideshow-slides .slide.mod-img .slide-inner img {
          width: auto;
          height: auto;
          max-width: 100% !important;
          max-height: 540px; }
          @media screen and (min-width: 960px) {
            .mlc-block-slideshow-slides .slide.mod-img .slide-inner img {
              max-height: 640px; } }
    .mlc-block-slideshow-slides .slide.mod-text {
      width: 80vw;
      height: 540px;
      padding: 0 40px;
      white-space: normal; }
      @media screen and (min-width: 600px) {
        .mlc-block-slideshow-slides .slide.mod-text {
          width: 500px; } }
      @media screen and (min-width: 960px) {
        .mlc-block-slideshow-slides .slide.mod-text {
          height: 640px; } }
      .mlc-block-slideshow-slides .slide.mod-text .slide-inner {
        width: 100%;
        position: relative;
        height: 100%; }
      .mlc-block-slideshow-slides .slide.mod-text .slide-inner-text {
        width: 100%;
        padding: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-size: 18px;
        line-height: 1.05;
        font-weight: 700; }
        @media screen and (min-width: 600px) {
          .mlc-block-slideshow-slides .slide.mod-text .slide-inner-text {
            font-size: 24px; } }
        @media screen and (min-width: 1200px) {
          .mlc-block-slideshow-slides .slide.mod-text .slide-inner-text {
            font-size: 24px; } }
  .mlc-block-slideshow-slides .caption {
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 6px;
    padding: 0 40px;
    margin-left: -40px;
    white-space: normal; }

.mlc-block-slideshow-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  max-height: 540px; }
  @media screen and (min-width: 960px) {
    .mlc-block-slideshow-overlay {
      max-height: 640px; } }

.mlc-block-slideshow-arrow svg.va-arrow {
  height: 30px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  width: 30px; }
  .mlc-block-slideshow-arrow svg.va-arrow polygon {
    stroke: #000;
    fill: white;
    -webkit-transition: fill 200ms ease-in-out;
    -o-transition: fill 200ms ease-in-out;
    transition: fill 200ms ease-in-out; }

.mlc-block-slideshow-arrow.mod-left svg.va-arrow {
  left: 0; }

.mlc-block-slideshow-arrow.mod-right svg.va-arrow {
  right: 0; }

.no-touch .mlc-block-slideshow-arrow.mod-left:hover, .no-touch .mlc-block-slideshow-arrow.mod-right:hover {
  cursor: pointer; }
  .no-touch .mlc-block-slideshow-arrow.mod-left:hover polygon, .no-touch .mlc-block-slideshow-arrow.mod-right:hover polygon {
    fill: #000; }

.mlc-block-slideshow-arrow,
.mlc-block-slideshow-zoom {
  display: none;
  position: relative;
  height: 100%; }
  .no-touch .mlc-block-slideshow-arrow, .no-touch
  .mlc-block-slideshow-zoom {
    cursor: pointer; }
  .is-loaded .mlc-block-slideshow-arrow, .is-loaded
  .mlc-block-slideshow-zoom {
    display: block; }
  .no-touch .mlc-block-slideshow-arrow.mod-right, .no-touch
  .mlc-block-slideshow-zoom.mod-right {
    cursor: pointer;
    cursor: e-resize; }
  .no-touch.ie .mlc-block-slideshow-arrow.mod-right, .no-touch.ie
  .mlc-block-slideshow-zoom.mod-right {
    cursor: pointer;
    cursor: e-resize; }
  .no-touch .mlc-block-slideshow-arrow.mod-left, .no-touch
  .mlc-block-slideshow-zoom.mod-left {
    cursor: pointer;
    cursor: w-resize; }
  .no-touch.ie .mlc-block-slideshow-arrow.mod-left, .no-touch.ie
  .mlc-block-slideshow-zoom.mod-left {
    cursor: pointer;
    cursor: w-resize; }

.no-touch .mlc-block-slideshow-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.no-touch.ie .mlc-block-slideshow-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mlc-block-slideshow .mlc-block-slideshow-arrow.mod-right {
  margin-left: 40%;
  width: 10%; }

.mlc-block-slideshow .mlc-block-slideshow-arrow.mod-left {
  margin-right: 40%;
  width: 10%; }

.mlc-block-slideshow.has-zoom .mlc-block-slideshow-arrow.mod-right {
  width: 33.3%; }

.mlc-block-slideshow.has-zoom .mlc-block-slideshow-arrow.mod-left {
  width: 33.3%; }

.mlc-block-slideshow.has-zoom .mlc-block-slideshow-zoom {
  width: 33.3%; }

.mlc-block-slideshow-loaderoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms; }
  .mlc-block-slideshow-loaderoverlay.is-visible {
    opacity: 1;
    pointer-events: all; }

.slideshowfullimage {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: white;
  z-index: 999;
  overflow-x: hidden;
  overflow-y: scroll;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }
  .slideshowfullimage.is-visible {
    opacity: 1; }
  .no-touch .slideshowfullimage {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    cursor: url("assets/cursor-minus.png"), default;
    cursor: -webkit-image-set(url("assets/cursor-minus.png") 1x, url("assets/cursor-minus-2x.png") 2x), auto; }
  .no-touch.ie .slideshowfullimage {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.slideshowfullimage-image {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 50px; }
  .slideshowfullimage-image img {
    width: 100%;
    height: auto; }

.slideshow {
  position: relative;
  padding-bottom: 60px; }
  .slideshow .inner {
    height: 0;
    padding-bottom: 75%;
    position: relative; }
  .slideshow .slides {
    height: 100%;
    width: 100%;
    position: absolute; }
    .slideshow .slides .slide {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0 auto;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 500ms;
      -o-transition: opacity 500ms;
      transition: opacity 500ms; }
      .slideshow .slides .slide.display {
        display: block;
        position: absolute; }
      .slideshow .slides .slide.show {
        opacity: 1; }
  .slideshow .captions {
    display: block;
    position: absolute;
    bottom: -10px;
    width: 100%; }
    .slideshow .captions .caption {
      display: none;
      width: 83.3%; }
      .slideshow .captions .caption.display {
        display: block;
        position: absolute; }
    .slideshow .captions .count {
      position: absolute;
      right: 0;
      top: 0; }
  .slideshow .arrow {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0; }
    .no-touch .slideshow .arrow {
      cursor: pointer; }
  .slideshow .arrow.arrow-right {
    left: 50%; }
    .no-touch .slideshow .arrow.arrow-right {
      cursor: pointer; }
  .slideshow .arrow.arrow-left {
    left: 0; }
    .no-touch .slideshow .arrow.arrow-left {
      cursor: pointer; }

.mlc-block.mlc-block-module .mlc-left-column-image, .mlc-block.mlc-block-profile .mlc-left-column-image {
  display: inline-block;
  float: left;
  width: 33%;
  padding: 0 40px 20px 40px; }
  .mlc-block.mlc-block-module .mlc-left-column-image.one-sixth, .mlc-block.mlc-block-profile .mlc-left-column-image.one-sixth {
    width: 16.67%; }
  .mlc-block.mlc-block-module .mlc-left-column-image.one-third, .mlc-block.mlc-block-profile .mlc-left-column-image.one-third {
    width: 33.3%; }
  .mlc-block.mlc-block-module .mlc-left-column-image.half, .mlc-block.mlc-block-profile .mlc-left-column-image.half {
    width: 50%; }
  .mlc-block.mlc-block-module .mlc-left-column-image.two-thirds, .mlc-block.mlc-block-profile .mlc-left-column-image.two-thirds {
    width: 66.6%; }
  .mlc-block.mlc-block-module .mlc-left-column-image .image, .mlc-block.mlc-block-profile .mlc-left-column-image .image {
    margin-bottom: 20px; }
  .mlc-block.mlc-block-module .mlc-left-column-image img, .mlc-block.mlc-block-profile .mlc-left-column-image img {
    width: 100%;
    height: auto; }
  .mlc-block.mlc-block-module .mlc-left-column-image .caption, .mlc-block.mlc-block-profile .mlc-left-column-image .caption {
    margin-top: 6px; }
  @media screen and (max-width: 600px) {
    .mlc-block.mlc-block-module .mlc-left-column-image, .mlc-block.mlc-block-profile .mlc-left-column-image {
      width: 100% !important;
      float: none;
      margin-bottom: 20px;
      margin-left: 20px;
      padding: 0 20px; } }

.mlc-block.mlc-block-module.mlc-left-column-image .mlc-right-column, .mlc-left-column-image.mlc-block.mlc-block-profile .mlc-right-column, .mlc-block.mlc-block-module.mlc-left-column-visual_essay .mlc-right-column, .mlc-left-column-visual_essay.mlc-block.mlc-block-profile .mlc-right-column {
  display: block;
  margin-left: 33%;
  padding-left: 40px; }
  @media screen and (max-width: 600px) {
    .mlc-block.mlc-block-module.mlc-left-column-image .mlc-right-column, .mlc-left-column-image.mlc-block.mlc-block-profile .mlc-right-column, .mlc-block.mlc-block-module.mlc-left-column-visual_essay .mlc-right-column, .mlc-left-column-visual_essay.mlc-block.mlc-block-profile .mlc-right-column {
      margin-left: 0;
      padding-left: 40px; } }

@media screen and (max-width: 600px) {
  .mlc-block.mlc-block-module .mlc-right-column.offset, .mlc-block.mlc-block-profile .mlc-right-column.offset {
    margin-left: 0;
    padding-left: 40px; } }

.mlc-block.mlc-block-module .mlc-post-metadata .event-details, .mlc-block.mlc-block-profile .mlc-post-metadata .event-details {
  font-weight: 700; }

.mlc-block.mlc-block-module .mlc-showmore .mlc-moretext, .mlc-block.mlc-block-profile .mlc-showmore .mlc-moretext {
  margin-top: 2em;
  display: none; }

.mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn-more, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn-more {
  display: block; }

.mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn-less, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn-less {
  display: none; }

.mlc-block.mlc-block-module .mlc-showmore.is-expanded .mlc-moretext, .mlc-block.mlc-block-profile .mlc-showmore.is-expanded .mlc-moretext {
  display: block; }

.mlc-block.mlc-block-module .mlc-showmore.is-expanded .mlc-showmore-btn-more, .mlc-block.mlc-block-profile .mlc-showmore.is-expanded .mlc-showmore-btn-more {
  display: none; }

.mlc-block.mlc-block-module .mlc-showmore.is-expanded .mlc-showmore-btn-less, .mlc-block.mlc-block-profile .mlc-showmore.is-expanded .mlc-showmore-btn-less {
  display: block; }

.mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-p, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-p {
  text-align: right; }

.mlc-block.mlc-block-module .mlc-showmore .mlc-showmore-btn, .mlc-block.mlc-block-profile .mlc-showmore .mlc-showmore-btn {
  display: inline-block;
  text-align: right;
  margin-top: 1em; }

.mlc-block.mlc-block-module .mlc-google-map .iframe-container, .mlc-block.mlc-block-profile .mlc-google-map .iframe-container, .mlc-block.mlc-block-module .mlc-video-embed .iframe-container, .mlc-block.mlc-block-profile .mlc-video-embed .iframe-container {
  position: relative;
  padding-bottom: 40%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 1rem; }

.mlc-block.mlc-block-module .mlc-google-map .iframe-container iframe, .mlc-block.mlc-block-profile .mlc-google-map .iframe-container iframe,
.mlc-block.mlc-block-module .mlc-google-map .iframe-container object,
.mlc-block.mlc-block-profile .mlc-google-map .iframe-container object,
.mlc-block.mlc-block-module .mlc-google-map .iframe-container embed,
.mlc-block.mlc-block-profile .mlc-google-map .iframe-container embed, .mlc-block.mlc-block-module .mlc-video-embed .iframe-container iframe, .mlc-block.mlc-block-profile .mlc-video-embed .iframe-container iframe,
.mlc-block.mlc-block-module .mlc-video-embed .iframe-container object,
.mlc-block.mlc-block-profile .mlc-video-embed .iframe-container object,
.mlc-block.mlc-block-module .mlc-video-embed .iframe-container embed,
.mlc-block.mlc-block-profile .mlc-video-embed .iframe-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mlc-block.mlc-block-module .mlc-video-embed .iframe-container, .mlc-block.mlc-block-profile .mlc-video-embed .iframe-container {
  padding-bottom: 56.5%; }

.mlc-block.mlc-block-module .mlc-logo-group img, .mlc-block.mlc-block-profile .mlc-logo-group img {
  margin-bottom: 20px;
  margin-right: 20px; }

.mlc-block.mlc-block-module .mlc-logo-group p, .mlc-block.mlc-block-profile .mlc-logo-group p {
  margin: 0;
  margin-bottom: 20px; }

/**
 *
 * ###  ###  ######  ######  ##   ## ##    ######  ####
 * ######## ##    ## ##   ## ##   ## ##    ##     ##
 * ## ## ## ##    ## ##   ## ##   ## ##    #####   ####
 * ##    ## ##    ## ##   ## ##   ## ##    ##         ##
 * ##    ##  ######  ######   #####  ##### ###### #####
 *
 * Small re-usables: snippets etc
 *
 */
/**
 * Button
 */
.button-base, .button, .edit-link, .subscribe-form input[type="submit"], .tabfilters-tab, .our-work-filter, .about-sectionheader, .button-medium, .share-button, form.cp [type="submit"], .button-large {
  border: 1px solid #000;
  margin-right: 8px;
  background: #fff;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  -o-transition: background 200ms ease-in-out, color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 600px) {
    .button-base, .button, .edit-link, .subscribe-form input[type="submit"], .tabfilters-tab, .our-work-filter, .about-sectionheader, .button-medium, .share-button, form.cp [type="submit"], .button-large {
      margin: 0px 8px 8px 0px; } }
  .no-touch .button-base:hover, .no-touch .button:hover, .no-touch .edit-link:hover, .no-touch .subscribe-form input:hover[type="submit"], .subscribe-form .no-touch input:hover[type="submit"], .no-touch .tabfilters-tab:hover, .no-touch .our-work-filter:hover, .no-touch .about-sectionheader:hover, .no-touch .button-medium:hover, .no-touch .share-button:hover, .no-touch form.cp :hover[type="submit"], form.cp .no-touch :hover[type="submit"], .no-touch .button-large:hover, .button-base.active, .active.button, .active.edit-link, .subscribe-form input.active[type="submit"], .active.tabfilters-tab, .active.our-work-filter, .active.about-sectionheader, .active.button-medium, .active.share-button, form.cp .active[type="submit"], .active.button-large {
    background: #000 !important;
    color: #fff !important;
    cursor: pointer; }

.button, .edit-link, .subscribe-form input[type="submit"], .tabfilters-tab, .our-work-filter, .about-sectionheader {
  padding: 8px 12px; }

.button-medium, .share-button, form.cp [type="submit"] {
  padding: 6px 12px 8px; }

.button-large {
  height: 60px;
  line-height: 60px;
  padding: 0 24px; }

/**
 * Standard Article Header
 */
header.entry-header {
  position: relative;
  margin-bottom: 60px; }
  @media screen and (max-width: 600px) {
    header.entry-header {
      margin-bottom: 40px; } }
  header.entry-header h1.entry-title {
    text-align: center;
    padding: 0 20px;
    margin: 20px auto;
    max-width: 760px; }
    header.entry-header h1.entry-title .subtitle {
      clear: both;
      color: #bebebe; }
  header.entry-header .entry-author-date {
    font-weight: 700;
    text-align: center;
    font-family: FoundersGroteskCondensed; }

.entry-content {
  display: block;
  padding-bottom: 120px; }

/**
 * Nav Arrows
 */
.nav-arrow {
  width: 30px;
  height: 20px;
  position: fixed; }
  .nav-arrow polygon {
    -webkit-transition: fill 200ms ease-in-out, stroke 200ms ease-in-out;
    -o-transition: fill 200ms ease-in-out, stroke 200ms ease-in-out;
    transition: fill 200ms ease-in-out, stroke 200ms ease-in-out; }

.nav-arrow-up {
  display: none;
  top: 20px;
  right: 20px; }
  .nav-arrow-up.show {
    display: block; }
  @media screen and (max-width: 600px) {
    .nav-arrow-up {
      display: none !important; } }
  .nav-arrow-up polygon {
    fill: #000;
    stroke: transparent; }
  .no-touch .nav-arrow-up:hover {
    cursor: pointer; }

.nav-arrow-left {
  top: 50%;
  margin-top: -15px;
  left: 10px; }

.nav-arrow-right {
  top: 50%;
  margin-top: -15px;
  right: 10px; }

.nav-arrow-left,
.nav-arrow-right {
  display: none; }
  @media screen and (min-width: 1200px) {
    .nav-arrow-left,
    .nav-arrow-right {
      display: block; } }
  .nav-arrow-left polygon,
  .nav-arrow-right polygon {
    stroke: #000; }
  .no-touch .nav-arrow-left:hover, .no-touch
  .nav-arrow-right:hover {
    cursor: pointer; }
    .no-touch .nav-arrow-left:hover polygon, .no-touch
    .nav-arrow-right:hover polygon {
      stroke: #000;
      fill: #000; }

svg.va-arrow {
  width: 100%;
  height: auto; }

/**
 * Social Media Icons
 */
.social-media-icons .icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 2px; }
  .social-media-icons .icon path {
    fill: #000;
    -webkit-transition: fill 200ms;
    -o-transition: fill 200ms;
    transition: fill 200ms; }
  .no-touch .social-media-icons .icon:hover {
    cursor: pointer; }

/**
 * Share Button
 */
.share-button .text {
  display: inline-block;
  vertical-align: top; }

.share-button .icons {
  display: inline-block;
  vertical-align: top;
  max-width: 0px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: max-width 200ms ease-in-out, padding 200ms ease-in-out;
  -o-transition: max-width 200ms ease-in-out, padding 200ms ease-in-out;
  transition: max-width 200ms ease-in-out, padding 200ms ease-in-out; }
  .share-button .icons .icon {
    display: inline-block;
    width: 24px;
    padding-left: 6px;
    height: 24px; }
    .ie9 .share-button .icons .icon {
      position: relative;
      height: 24px; }
      .ie9 .share-button .icons .icon svg {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0; }

.no-touch .share-button.expand:hover {
  background: #fff !important;
  color: #000 !important; }

.share-button.expand .icons {
  max-width: 70px; }
  .no-touch .share-button.expand .icons .icon:hover {
    fill: #bebebe;
    background: none !important; }

.mlc-body-text .share-button, .text .share-button, .content .share-button, p .share-button {
  padding: 5px 12px;
  margin-bottom: 1em; }

/**
 * Shortcode Button
 */
.button, .edit-link, .subscribe-form input[type="submit"], .tabfilters-tab, .our-work-filter, .about-sectionheader {
  display: inline-block; }

p .button, p .edit-link, p .subscribe-form input[type="submit"], .subscribe-form p input[type="submit"], p .tabfilters-tab, p .our-work-filter, p .about-sectionheader {
  margin-left: 5px; }

/**
 * Edit Link
 */
.edit-link {
  position: absolute;
  top: 0;
  right: 20px;
  text-transform: uppercase;
  background: #fff; }
  @media screen and (max-width: 600px) {
    .edit-link {
      display: none; } }

/**
 * Blob
 */
svg.blob {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms; }
  svg.blob.loading {
    opacity: 0; }
  .mod-decade svg.blob {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }

.no-touch .mod-decade:hover svg.blob {
  -webkit-filter: grayscale(0);
          filter: grayscale(0); }

/**
 * Section headers
 */
.section-headers {
  margin: 0 auto;
  text-align: center; }
  @media screen and (max-width: 600px) {
    .section-headers {
      display: none; } }
  .section-headers a {
    display: inline-block;
    margin: 0 1em;
    border-bottom: 1px solid transparent; }
    .no-touch .section-headers a:hover {
      border-bottom: 1px solid; }

span.anchor {
  color: #fafafa;
  font-weight: 500; }

/**
 * Tag
 */
.entry-tags {
  margin-top: 20px;
  text-align: center; }

.tags {
  margin-left: -4px; }

div.tag {
  background: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 0px 4px 8px 4px;
  border: 1px solid #000;
  -webkit-transition: background 200ms, color 200ms, border-color 200ms;
  -o-transition: background 200ms, color 200ms, border-color 200ms;
  transition: background 200ms, color 200ms, border-color 200ms; }
  div.tag.theme-tag {
    height: 21px; }
  div.tag.regular {
    color: #bebebe;
    border-color: #bebebe; }
  .no-touch div.tag:hover, div.tag.active {
    background: #000 !important;
    border-color: #000;
    color: #fff !important;
    cursor: pointer; }
  .no-touch div.tag a:hover {
    color: #fff !important; }
  div.tag img {
    height: 12px !important;
    width: auto;
    margin-top: 1px; }
    div.tag img.normal {
      display: block; }
    div.tag img.hover {
      display: none; }
  .no-touch div.tag a:hover img.normal {
    display: none; }
  .no-touch div.tag a:hover img.hover {
    display: block; }

/**
 * Grid Background
 */
.grid-bg, .tax-project-tag, body.tag, .single-themes, body.search, .home.front-page, .page-template-tpl-projects-php, .page-template-tpl-themes-php, .page-template-tpl-stories-php,
.page-template-tpl-stories-archive-php,
.page-template-tpl-events-php,
.page-template-tpl-events-archive-php, .page-template-tpl-year-archive-php {
  background: url("assets/grid_60.png");
  background-size: 60px 60px;
  min-height: 201px;
  padding-bottom: 60px; }

body.grid-bg, body.tax-project-tag, body.tag, body.single-themes, body.search, body.home.front-page, body.page-template-tpl-projects-php, body.page-template-tpl-themes-php, body.page-template-tpl-stories-php,
body.page-template-tpl-stories-archive-php,
body.page-template-tpl-events-php,
body.page-template-tpl-events-archive-php, body.page-template-tpl-year-archive-php {
  padding-bottom: 0;
  background-position: -1px -1px; }

/**
 * Loading spinner
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.loader {
  background: url(assets/spinner.png) center no-repeat;
  background-size: 60px 60px;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }
  .loader.centre {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px; }

/**
 * Related Content
 */
.related-content {
  padding-bottom: 20px;
  margin-bottom: -1px;
  padding-top: 10px; }
  .related-content .title {
    font-family: FoundersGroteskCondensed; }
  .related-content .content-list {
    margin: 0; }

.mfp {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.image-dummy {
  width: 100%;
  padding-bottom: 67%;
  background: #bebebe; }

.content-list {
  margin: 0 20px;
  max-width: 1200px; }
  .content-list .excerpt {
    margin-bottom: 20px; }
  .content-list .excerpt .col {
    margin-bottom: 0; }

.widgets ul.tweets {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .widgets ul.tweets li {
    font-weight: normal;
    margin-bottom: 10px; }
    .front-page .widgets ul.tweets li {
      display: none; }
      .front-page .widgets ul.tweets li:first-child {
        display: block; }
    .widgets ul.tweets li a {
      border-bottom: 1px solid;
      -webkit-transition: color 200ms, background 200ms;
      -o-transition: color 200ms, background 200ms;
      transition: color 200ms, background 200ms; }
      .no-touch .widgets ul.tweets li a:hover {
        background: #000;
        color: white;
        border-bottom-color: #000; }
    .widgets ul.tweets li em {
      font-style: normal; }
      .widgets ul.tweets li em:before {
        content: '\2014';
        display: inline; }

form.cp fieldset {
  margin-bottom: 20px; }

form.cp .form-group {
  margin-bottom: 10px; }
  form.cp .form-group .halves {
    display: block;
    margin-left: -20px; }
  form.cp .form-group div.half {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 20px; }

form.cp label {
  display: block;
  margin-bottom: 5px; }

form.cp select {
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  overflow: hidden;
  border: 1px solid #000;
  padding: 4px 10px;
  padding-right: 40px;
  background: url(assets/select-arrow.png) no-repeat right transparent;
  background-size: 20px 12px;
  background-position: right 10px center;
  cursor: pointer; }
  form.cp select.wide {
    width: 100%; }
  form.cp select.half {
    width: 50%; }

form.cp [type="text"], form.cp [type="email"] {
  border: 1px solid #000;
  padding: 4px 4px 4px; }
  form.cp [type="text"].half, form.cp [type="email"].half {
    width: 50%; }
  form.cp [type="text"].wide, form.cp [type="email"].wide {
    width: 100%; }

form.cp .radio [type="radio"] + span {
  display: block;
  margin-bottom: 5px;
  cursor: pointer; }
  form.cp .radio [type="radio"] + span:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 0.9em;
    height: 0.9em;
    border-radius: 100%;
    border: 1px solid #000;
    vertical-align: -0.25em; }

form.cp .radio [type="radio"]:checked + span:before {
  background: #000; }

form.cp [type="checkbox"] + label {
  display: block;
  margin-bottom: 5px;
  cursor: pointer; }
  form.cp [type="checkbox"] + label:before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 0.9em;
    height: 0.9em;
    border: 1px solid #000;
    vertical-align: -0.25em; }

form.cp [type="checkbox"]:checked + label:before {
  background: #000; }

.subscribe-form {
  margin-top: 20px;
  width: 100%; }
  .subscribe-form .row {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 100%; }
    .subscribe-form .row.mod-hide {
      display: none; }
  .subscribe-form .field {
    margin-right: 0.5em;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .subscribe-form input {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%; }
    .subscribe-form input:focus {
      outline: 0; }
  .subscribe-form.mod-inline input {
    border: 1px solid #bebebe;
    padding: 8px 12px; }
    .subscribe-form.mod-inline input:focus {
      border-color: #000; }
  .subscribe-form label {
    display: block;
    cursor: pointer; }
  .subscribe-form input[type="submit"] {
    width: auto; }
  .subscribe-form.mod-block {
    margin: 0 auto;
    max-width: 800px; }
    .subscribe-form.mod-block .row {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .subscribe-form.mod-block .row.mod-recaptcha {
        margin: 40px 0; }
      .subscribe-form.mod-block .row .field {
        margin: 0 0.5em; }
        @media screen and (max-width: 800px) {
          .subscribe-form.mod-block .row .field.mod-large {
            -webkit-box-flex: 2;
            -webkit-flex-grow: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2;
            width: 100%; } }

/**
 *
 *  #####  ######  ###  ## ###### ###### ###  ## ######
 * ##     ##    ## #### ##   ##   ##     #### ##   ##
 * ##     ##    ## ## ####   ##   #####  ## ####   ##
 * ##     ##    ## ##  ###   ##   ##     ##  ###   ##
 *  #####  ######  ##   ##   ##   ###### ##   ##   ##
 *
 * Styles for partials in content/ directory.
 *
 */
.excerpt-page .title {
  font-family: FoundersGroteskCondensed;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }

.excerpt-page .text {
  font-family: FoundersGroteskCondensed;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
  color: #bebebe; }

.excerpt-page .type {
  text-transform: uppercase;
  color: #000; }

.no-touch .excerpt-page:hover .title {
  color: #bebebe; }

.no-touch .excerpt-page:hover .text {
  color: #000; }

.excerpt-profile .name {
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }

.no-touch .excerpt-profile:hover .name {
  color: #bebebe; }

/**
 * Project Excerpt
 */
.js-none {
  display: none; }

.excerpt-project .project-image, .excerpt-project .project-meta {
  width: 100%;
  position: relative; }

.excerpt-project .project-image.limit-size {
  max-width: 33.333%; }

.excerpt-project .project-image img {
  width: 100%;
  height: auto; }

.excerpt-project .project-image-decadeoverlay {
  color: #fff;
  font-size: 60px;
  position: absolute;
  font-weight: bold;
  font-family: FoundersGrotesk;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.excerpt-project .project-type {
  text-transform: uppercase;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }

.excerpt-project .project-title {
  font-size: 34px;
  line-height: 30px;
  font-weight: bold;
  font-family: FoundersGroteskCondensed;
  margin-bottom: 0.25em;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }
  @media screen and (max-width: 600px) {
    .excerpt-project .project-title {
      font-size: 24px;
      line-height: 24px; } }

.excerpt-project .project-tags {
  margin-left: -0.5em; }

.excerpt-project .project-excerpt {
  margin-bottom: 15px; }

.excerpt-project.mod-decade .project-title, .excerpt-project.is-past .project-title, .excerpt-project.is-archive .project-title {
  color: #b4b4b4; }

.excerpt-project.mod-decade .project-type, .excerpt-project.is-past .project-type, .excerpt-project.is-archive .project-type {
  color: #b4b4b4; }

.excerpt-project.mod-decade .tags .tag, .excerpt-project.is-past .tags .tag, .excerpt-project.is-archive .tags .tag {
  background: white !important;
  border-color: #b4b4b4;
  color: #b4b4b4; }

.no-touch .excerpt-project.mod-decade:hover .project-title, .no-touch .excerpt-project.is-past:hover .project-title, .no-touch .excerpt-project.is-archive:hover .project-title {
  color: #000; }

.no-touch .excerpt-project.mod-decade:hover .project-type, .no-touch .excerpt-project.is-past:hover .project-type, .no-touch .excerpt-project.is-archive:hover .project-type {
  color: #000; }

/**
 * Event Excerpt
 */
.excerpt-event {
  margin-top: 20px; }
  .excerpt-event .inner {
    margin-bottom: 0.5em; }
  .excerpt-event .image {
    margin-bottom: 12px; }
  .excerpt-event .type {
    text-transform: uppercase;
    -webkit-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out; }
  .excerpt-event .event-date {
    font-family: FoundersGroteskCondensed;
    font-weight: 700;
    -webkit-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out; }
  .excerpt-event .event-title {
    -webkit-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    margin-bottom: 10px; }
  .no-touch .excerpt-event > a:hover {
    color: #bebebe; }

/**
 * Excerpt Post ("Story")
 */
.excerpt-post {
  margin-top: 20px; }
  .excerpt-post .image {
    margin-bottom: 12px; }
  .excerpt-post .image-dummy {
    width: 100%;
    padding-bottom: 67%;
    background: #bebebe; }
  .excerpt-post .post-date {
    text-transform: uppercase;
    color: #000; }
  .excerpt-post .date {
    color: #bebebe; }
  .excerpt-post .post-title {
    font-family: FoundersGroteskCondensed;
    -webkit-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out; }
  .excerpt-post .post-excerpt {
    font-family: FoundersGroteskCondensed;
    -webkit-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    color: #bebebe; }
    @media screen and (max-width: 600px) {
      .excerpt-post .post-excerpt {
        font-size: 24px;
        line-height: 28px; } }
  .excerpt-post .tags {
    margin-left: -4px;
    margin-top: 10px; }
  .no-touch .excerpt-post a:hover {
    color: #bebebe; }
    .no-touch .excerpt-post a:hover .post-excerpt {
      color: #000 !important; }
    .no-touch .excerpt-post a:hover .post-date {
      color: #000; }

/**
 * Excerpt Press
 */
.excerpt-press {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px; }
  @media screen and (min-width: 600px) {
    .excerpt-press {
      width: 50%;
      padding-left: 20px; } }
  @media screen and (min-width: 960px) {
    .excerpt-press {
      width: 33%; } }
  .excerpt-press .corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    pointer-events: none;
    background: white; }
    .excerpt-press .corner:before, .excerpt-press .corner:after {
      content: ' ';
      width: 0;
      height: 0;
      position: absolute;
      border-style: solid; }
    .excerpt-press .corner:before {
      border-color: transparent transparent transparent #000;
      border-width: 40px 0 0 40px; }
    .excerpt-press .corner:after {
      left: 1px;
      top: 2px;
      border-color: transparent transparent transparent #fff;
      border-width: 37px 0 0 37px; }
  .excerpt-press.mention .corner {
    display: none; }
  .no-touch .excerpt-press a:hover {
    color: #000; }
  .no-touch .excerpt-press:hover.release .corner {
    display: none; }
  .no-touch .excerpt-press:hover.mention .corner {
    display: block; }
  .excerpt-press .inner {
    border: 1px solid #000;
    padding: 20px; }
  .excerpt-press .date, .excerpt-press .title {
    margin-bottom: 20px; }

/**
 * Press Page
 */
.single-press .image {
  margin-bottom: 20px; }

/**
 * Visual Essay
 */
.visualessay.mod-inline {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  background: #e0e0e0; }

.visualessay.mod-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #bebebe;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  cursor: pointer;
  z-index: 1000; }
  .visualessay.mod-fullscreen.display {
    display: block; }
  .visualessay.mod-fullscreen.show {
    opacity: 1; }

.visualessay-slide {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }
  .visualessay-slide.display {
    display: block; }
  .visualessay-slide.show {
    opacity: 1; }
  .visualessay-slide.mod-text_slide .visualessay-slide-inner {
    position: absolute;
    width: 100%;
    max-width: 760px;
    padding: 3.335vw;
    text-align: center;
    font-weight: 700;
    line-height: 1.05;
    font-size: 2.86vw; }
    @media screen and (min-width: 1200px) {
      .visualessay-slide.mod-text_slide .visualessay-slide-inner {
        font-size: 34px;
        padding: 40px; } }
  .visualessay-slide.mod-image_slide .visualessay-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 40px; }
  .visualessay-slide.mod-image_slide img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block; }
  .visualessay-slide.mod-image_slide .visualessay-slide-image {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }
  .visualessay-slide.mod-image_slide .visualessay-slide-caption {
    position: absolute;
    bottom: 0;
    left: 20px;
    line-height: 40px; }
  .mod-fullscreen .visualessay-slide.mod-text_slide {
    color: #fff; }
  .mod-fullscreen .visualessay-slide .visualessay-slide-caption {
    color: #fff; }
  .mod-inline .visualessay-slide.mod-text_slide {
    color: #000; }
  .mod-inline .visualessay-slide .visualessay-slide-caption {
    color: #fff; }

.visualessay-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 5px; }
  .visualessay-progress .inner {
    position: relative;
    width: 0%;
    height: 100%;
    background: #fff;
    -webkit-transition: width 200ms ease-in-out;
    -o-transition: width 200ms ease-in-out;
    transition: width 200ms ease-in-out; }

.visualessay-arrow {
  position: absolute;
  top: 0; }
  .no-touch .visualessay-arrow {
    cursor: pointer; }

.visualessay-arrow.mod-right {
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0; }
  .no-touch .visualessay-arrow.mod-right {
    cursor: pointer;
    cursor: e-resize;
    cursor: url("assets/arrow-right-filled.png"), e-resize;
    cursor: -webkit-image-set(url("assets/arrow-right-filled.png") 1x, url("assets/arrow-right-filled-big.png") 2x), e-resize; }
  .no-touch.ie .visualessay-arrow.mod-right {
    cursor: pointer;
    cursor: e-resize;
    cursor: url("/wp-content/themes/vanalen/assets/arrow-right-filled.cur"), default; }

.visualessay-arrow.mod-left {
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%; }
  .no-touch .visualessay-arrow.mod-left {
    cursor: pointer;
    cursor: w-resize;
    cursor: url("assets/arrow-left-filled.png"), w-resize;
    cursor: -webkit-image-set(url("assets/arrow-left-filled.png") 1x, url("assets/arrow-left-filled-big.png") 2x), w-resize; }
  .no-touch.ie .visualessay-arrow.mod-left {
    cursor: pointer;
    cursor: w-resize;
    cursor: url("/wp-content/themes/vanalen/assets/arrow-left-filled.cur"), default; }

.visualessay-close {
  background: url("assets/x.svg") no-repeat;
  width: 40px;
  height: 40px;
  position: fixed;
  top: 10px;
  right: 10px; }

/**
 * Tab Filters (People Page)
 */
.tabfilters, .our-work-filters, .about-sectionheaders {
  margin: 0 auto 58px auto;
  margin-top: -2px;
  text-align: center;
  max-width: 800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 600px) {
    .tabfilters, .our-work-filters, .about-sectionheaders {
      padding-top: 0;
      margin-bottom: 20px;
      position: relative;
      display: block; }
      .tabfilters:before, .our-work-filters:before, .about-sectionheaders:before {
        content: ' ';
        position: absolute;
        z-index: 100;
        pointer-events: none;
        right: 0;
        top: 0;
        height: 0;
        font-size: 24px;
        border-top: 0.8em solid #fff;
        border-left: 0.5em solid transparent;
        border-right: 0.5em solid transparent;
        margin-top: 0.8em;
        margin-right: 0.8em;
        -webkit-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms; }
      .tabfilters.expand:before, .expand.our-work-filters:before, .expand.about-sectionheaders:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); } }

.tabfilters-tab, .our-work-filter, .about-sectionheader {
  border: none;
  outline: 1px solid #000;
  line-height: 1.2;
  background: #fff;
  cursor: pointer;
  margin: 0;
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 300ms, background 300ms;
  -o-transition: color 300ms, background 300ms;
  transition: color 300ms, background 300ms; }
  .tabfilters-tab.is-active, .is-active.our-work-filter, .is-active.about-sectionheader {
    background: #000;
    color: #fff; }
  .flexbox.ie11 .tabfilters-tab, .flexbox.ie11 .our-work-filter, .flexbox.ie11 .about-sectionheader {
    display: inline-block; }
  @media screen and (min-width: 960px) {
    .tabfilters-tab, .our-work-filter, .about-sectionheader {
      font-size: 19px; } }
  @media screen and (min-width: 1200px) {
    .tabfilters-tab, .our-work-filter, .about-sectionheader {
      font-size: 24px; } }
  @media screen and (max-width: 600px) {
    .tabfilters-tab, .our-work-filter, .about-sectionheader {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      width: 100%;
      height: 61px;
      padding: 0px 0;
      font-size: 24px;
      line-height: 40px;
      max-height: 0px;
      margin-top: -1px;
      -webkit-transition: max-height 200ms ease-in-out, padding 200ms ease-in-out;
      -o-transition: max-height 200ms ease-in-out, padding 200ms ease-in-out;
      transition: max-height 200ms ease-in-out, padding 200ms ease-in-out;
      overflow: hidden; }
      .tabfilters-tab:first-child, .our-work-filter:first-child, .about-sectionheader:first-child {
        margin-top: 0; }
      .tabfilters-tab.is-active, .is-active.our-work-filter, .is-active.about-sectionheader {
        margin-top: 0px;
        max-height: 60px;
        padding: 10px 0; }
      .expand .tabfilters-tab, .expand .our-work-filter, .expand .about-sectionheader {
        margin-top: 0px;
        max-height: 60px;
        padding: 10px 0; } }

/**
 * Project Taxonomy page
 */
.tax-project-tag .content-list {
  margin: 0; }
  @media screen and (min-width: 600px) {
    .tax-project-tag .content-list {
      margin-left: -20px; } }

.archive-header {
  text-align: center;
  margin-bottom: 60px; }
  .archive-header .term-name {
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    display: inline-block;
    margin: 20px;
    margin-top: 19px;
    background: #bebebe;
    padding: 14px 20px 15px 20px;
    border: 1px solid #000;
    height: 61px; }
    .no-touch .archive-header .term-name:hover {
      -webkit-transition: color 200ms ease, background 200ms ease;
      -o-transition: color 200ms ease, background 200ms ease;
      transition: color 200ms ease, background 200ms ease;
      background: #000 !important;
      color: #fff; }
  .archive-header .term-description {
    font-weight: bold;
    max-width: 600px;
    margin: 0 auto; }

/**
 * Regular Taxonomy page
 */
body.tag .content-list {
  margin: 0; }
  @media screen and (min-width: 600px) {
    body.tag .content-list {
      margin-left: -20px; } }

body.tag .term-name.regular {
  background: #fff;
  border-color: #bebebe;
  color: #bebebe; }

/**
 * Single Theme
 */
.single-themes .section-headers a {
  margin: 0 0.5em; }

.single-themes .entry-header {
  margin-top: 60px; }
  .single-themes .entry-header .image {
    margin: 0 auto; }

.single-themes .themes-text {
  font-weight: bold; }

.single-themes .logo-group {
  margin: 20px 0; }

/**
 * Search Results
 */
body.search .search-title {
  font-family: FoundersGroteskCondensed;
  margin: 20px; }

/**
 * No Results (404)
 */
#post-no-results .image {
  margin: 0 auto; }

#post-no-results .gs .col.no-results {
  margin-bottom: 50px; }

/**
 * Front Page
 */
.home.front-page .front-page-content {
  display: block; }
  @media screen and (max-width: 960px) {
    .home.front-page .front-page-content {
      margin: 0 auto;
      max-width: 560px; } }
  @media screen and (max-width: 600px) {
    .home.front-page .front-page-content {
      margin-top: 0px;
      padding: 0; } }

.home.front-page h2 {
  color: #000;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: uppercase; }

.home.front-page .site-header {
  position: fixed;
  z-index: 1; }
  @media screen and (max-width: 600px) {
    .home.front-page .site-header {
      position: relative; } }

.home.front-page .front-page-show {
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out; }
  .home.front-page .front-page-show.none {
    display: none; }
  .home.front-page .front-page-show.opacity {
    opacity: 0; }
  .home.front-page .front-page-show .social-media-icons {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50; }
    @media screen and (max-width: 960px) {
      .home.front-page .front-page-show .social-media-icons {
        display: none; } }

.home.front-page .mission {
  margin-top: 140px;
  margin-bottom: 60px;
  text-align: center; }
  @media screen and (max-width: 960px) {
    .home.front-page .mission {
      margin-left: auto;
      margin-right: auto;
      max-width: 560px; } }
  @media screen and (max-width: 600px) {
    .home.front-page .mission {
      margin: 20px 0;
      text-align: left; } }

.home.front-page .hero-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .home.front-page .hero-section.mod-one-col {
    margin: 0 auto;
    min-height: calc(100vh - 225px);
    max-width: 896px; }
    @media screen and (max-width: 960px) {
      .home.front-page .hero-section.mod-one-col {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .home.front-page .hero-section.mod-one-col .hero-header {
      margin-bottom: 60px;
      position: relative;
      text-align: center; }
      @media screen and (max-width: 960px) {
        .home.front-page .hero-section.mod-one-col .hero-header {
          margin-bottom: 40px; } }
      @media screen and (max-width: 600px) {
        .home.front-page .hero-section.mod-one-col .hero-header {
          margin-bottom: 20px; } }
    .home.front-page .hero-section.mod-one-col .hero-title {
      font-family: FoundersGroteskCondensed;
      text-transform: unset; }
      @media screen and (max-width: 960px) {
        .home.front-page .hero-section.mod-one-col .hero-title {
          font-size: 50px;
          line-height: 50px; } }
      @media screen and (max-width: 600px) {
        .home.front-page .hero-section.mod-one-col .hero-title {
          font-size: 30px;
          line-height: 30px; } }
    .home.front-page .hero-section.mod-one-col .hero-excerpt {
      background: rgba(255, 255, 255, 0.42);
      padding: 20px; }
    .home.front-page .hero-section.mod-one-col .hero-image {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      bottom: 0;
      left: 0;
      opacity: 0.5;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
  @media screen and (min-width: 960px) {
    .home.front-page .hero-section.mod-two-col {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .home.front-page .hero-section.mod-two-col .hero-image {
    height: 100%;
    position: relative; }
    @media screen and (min-width: 960px) {
      .home.front-page .hero-section.mod-two-col .hero-image {
        width: calc(50% - 20px); }
        .home.front-page .hero-section.mod-two-col .hero-image svg {
          height: 100%;
          max-height: calc(100vh - 270px); } }
    .home.front-page .hero-section.mod-two-col .hero-image a {
      border-radius: 30%;
      display: block; }
  .home.front-page .hero-section.mod-two-col .hero-article {
    height: 100%;
    padding-top: 10px; }
    @media screen and (min-width: 960px) {
      .home.front-page .hero-section.mod-two-col .hero-article {
        width: 50%; } }
  .home.front-page .hero-section.mod-two-col .hero-title {
    font-size: 34px;
    line-height: 30px;
    font-weight: bold;
    font-family: FoundersGroteskCondensed;
    margin-bottom: 0.25em; }
    @media screen and (max-width: 600px) {
      .home.front-page .hero-section.mod-two-col .hero-title {
        font-size: 24px;
        line-height: 24px; } }
  .home.front-page .hero-section.mod-two-col .hero-subtitle {
    color: #222;
    display: block; }
  .home.front-page .hero-section .hero-excerpt {
    margin-bottom: 15px; }

.home.front-page .selected-projects {
  margin-top: 40px; }

@media screen and (min-width: 960px) {
  .home.front-page .front-page-logo {
    opacity: 1;
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms; }
    .home.front-page .front-page-logo .site-logo {
      position: fixed;
      top: 20px;
      left: 20px; }
    .home.front-page .front-page-logo .site-logo-bottom {
      height: 30px;
      position: fixed;
      bottom: 20px;
      left: 20px; } }

@media screen and (max-width: 960px) {
  .home.front-page .front-page-logo {
    position: relative; }
    .home.front-page .front-page-logo .site-logo-part {
      display: none;
      width: 200px;
      height: 88px; }
    .home.front-page .front-page-logo .site-logo-top {
      margin-bottom: 40px; } }

@media screen and (max-width: 600px) {
  .home.front-page .front-page-logo .site-logo-part {
    width: 135px;
    height: 60px; }
  .home.front-page .front-page-logo .site-logo-top {
    margin-bottom: 20px; } }

.home.front-page .front-page-logo.hide {
  opacity: 0; }

/**
 * Our Work -> Projects
 */
.page-projects .spacer,
.page-themes .spacer {
  height: 100px; }

.our-work-filter {
  height: 61px;
  line-height: 61px; }

/**
 * Our Work -> Themes
 */
/**
 * Press
 */
.press-page .press-list {
  margin: 20px 0px 40px 0px; }
  @media screen and (min-width: 600px) {
    .press-page .press-list {
      margin: 20px 0px 40px -20px; } }
  .press-page .press-list .showmore,
  .press-page .press-list .loader {
    margin: 20px; }
  .press-page .press-list .page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .press-page .press-list .page article {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative; }
      .press-page .press-list .page article > a {
        border-bottom: none; }
        .no-touch .press-page .press-list .page article > a:hover {
          background: none; }
      .press-page .press-list .page article .inner {
        width: 100%;
        height: 100%; }

.press-page .widget-title {
  margin-bottom: 20px; }

.press-page .loader {
  margin: 0 auto; }

.press-page .newsletters {
  margin-top: 40px; }

.events-archive {
  margin-top: 40px; }

.post-archive {
  padding-bottom: 10px; }
  .post-archive .row {
    display: block;
    margin: 0 40px; }
    @media screen and (max-width: 600px) {
      .post-archive .row {
        margin: 0 20px; } }
    .post-archive .row .archive-date {
      position: relative;
      display: block;
      width: 100%;
      white-space: nowrap;
      font-family: FoundersGroteskCondensed;
      -webkit-transition: all 200ms;
      -o-transition: all 200ms;
      transition: all 200ms;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: moz-none;
      -ms-user-select: none;
      user-select: none; }
      .post-archive .row .archive-date span.long {
        display: inline; }
      .post-archive .row .archive-date span.short {
        display: none; }
      @media screen and (max-width: 400px) {
        .post-archive .row .archive-date span.short {
          display: inline; }
        .post-archive .row .archive-date span.long {
          display: none; } }
      .ie9 .post-archive .row .archive-date {
        color: #bebebe; }
      .no-touch .post-archive .row .archive-date:hover {
        color: #000;
        cursor: pointer;
        text-shadow: none; }
      .post-archive .row .archive-date .arrow {
        position: absolute;
        display: block;
        right: 0px;
        top: 16px;
        width: 30px; }
        @media screen and (max-width: 960px) {
          .post-archive .row .archive-date .arrow {
            width: 25px;
            top: 11px; } }
        .post-archive .row .archive-date .arrow svg {
          position: absolute;
          -webkit-transition: -webkit-transform 200ms ease-in-out;
          transition: -webkit-transform 200ms ease-in-out;
          -o-transition: transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out;
          transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }
        .post-archive .row .archive-date .arrow polygon {
          fill: transparent;
          stroke: #bebebe;
          -webkit-transition: all 200ms;
          -o-transition: all 200ms;
          transition: all 200ms; }
      .no-touch .post-archive .row .archive-date:hover .arrow polygon {
        fill: #000; }
      .no-touch .post-archive .row .archive-date:hover:after {
        background-position: 90px 0; }
    .post-archive .row .loader {
      display: none;
      margin: 40px; }
    .post-archive .row .gs-fixed {
      margin-top: 20px; }
    .post-archive .row .row-content {
      overflow: hidden;
      height: 0; }
      .post-archive .row .row-content .gs {
        margin-bottom: 20px; }
    .post-archive .row.expand .loader {
      display: block; }
    .post-archive .row.expand .date .arrow svg,
    .post-archive .row.expand .archive-date .arrow svg {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .post-archive .row.loaded .loader {
      display: none !important; }
  .post-archive article {
    max-width: 600px; }

/**
 * Membership Page
 */
.page-membership .accordion {
  margin: 40px 0;
  border-bottom: 1px solid #000; }
  .page-membership .accordion .accordion-section {
    position: relative;
    border-top: 1px solid #000; }
    .page-membership .accordion .accordion-section svg.blob {
      margin: 10px; }
    .page-membership .accordion .accordion-section svg path {
      -webkit-transition: fill 200ms;
      -o-transition: fill 200ms;
      transition: fill 200ms; }
    .page-membership .accordion .accordion-section .col {
      margin-bottom: 0; }
    .page-membership .accordion .accordion-section .arrow {
      position: absolute;
      top: 10px;
      right: 0;
      width: 30px;
      height: 20px; }
      .page-membership .accordion .accordion-section .arrow svg {
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        -o-transition: transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms; }
      .page-membership .accordion .accordion-section .arrow polygon {
        stroke: #000;
        fill: transparent;
        -webkit-transition: fill 200ms;
        -o-transition: fill 200ms;
        transition: fill 200ms; }
    .page-membership .accordion .accordion-section .title {
      padding: 10px 0;
      font-weight: bold; }
    .no-touch .page-membership .accordion .accordion-section:hover {
      cursor: pointer; }
      .no-touch .page-membership .accordion .accordion-section:hover svg path {
        fill: #000; }
      .no-touch .page-membership .accordion .accordion-section:hover .arrow polygon {
        fill: #000; }
    .page-membership .accordion .accordion-section .content {
      display: none;
      margin-bottom: 20px; }
      .page-membership .accordion .accordion-section .content ul {
        margin: 0;
        padding: 0; }
    .page-membership .accordion .accordion-section.active .arrow svg {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .page-membership .accordion .accordion-section.active .content {
      display: block; }

/**
 * Year Archive page
 */
.page-year-archive .year {
  font-family: FoundersGroteskCondensed; }
  .ie9 .page-year-archive .year {
    color: #bebebe; }

.page-year-archive .loader {
  margin: 20px auto; }

.page-year-archive .load-more-container {
  text-align: center;
  width: 100%;
  padding-left: 40px; }

.page-year-archive .load-more {
  display: inline-block;
  margin: 20px auto;
  background: #fff;
  padding: 14px 20px 15px 20px;
  border: 1px solid #000; }

.decade-blob {
  display: none; }

.year {
  text-align: center;
  width: 560px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 17px;
  margin-bottom: 60px; }
  .year > div {
    display: inline-block; }
  .year .year-arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    line-height: 60px; }
    .year .year-arrow.mod-left {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg); }
    .year .year-arrow.mod-right {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
    .no-touch .year .year-arrow:hover {
      color: #000;
      cursor: pointer; }
  .year .year-year {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.year-noresults {
  text-align: center;
  width: 100%;
  color: #bebebe; }

.people-page .tabfilters, .people-page .our-work-filters, .people-page .about-sectionheaders {
  margin-top: 40px; }

.people-page .entry-content > .gs {
  display: none; }
  .people-page .entry-content > .gs.is-active {
    display: block; }

.personblob-title a {
  border-bottom: 1px solid #000; }
  .no-touch .personblob-title a:hover {
    background: #000;
    color: #fff; }

.about {
  margin-bottom: 80px; }

.about-subtitle {
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 20px; }

.about-image img {
  width: 100%;
  height: auto; }

@media screen and (max-width: 600px) {
  .about-sectionheaders {
    display: none !important; } }

.gs.mod-history {
  margin-top: 60px; }

.tabfilters.mod-history, .mod-history.our-work-filters, .mod-history.about-sectionheaders {
  margin: 60px auto; }

.history section {
  display: none; }
  .history section.is-visible {
    display: block; }
  .history section .loader {
    margin: 0 auto; }

.excerpt-essay .post-type {
  text-transform: uppercase; }

.excerpt-essay .post-title,
.excerpt-essay .post-author {
  font-family: FoundersGroteskCondensed;
  -webkit-transition: color 200ms ease-in-out;
  -o-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out; }

.excerpt-essay .post-title {
  color: #000; }

.excerpt-essay .post-author {
  color: #bebebe;
  margin-bottom: 10px; }

.no-touch .excerpt-essay a:hover .post-author {
  color: #000; }

.excerpt-essay .image {
  margin-bottom: 12px; }

.single-projects .headerslideshow {
  position: relative; }
  .single-projects .headerslideshow.mod-flash {
    padding-bottom: 5em; }
  .single-projects .headerslideshow .headerslideshow-flash {
    position: absolute;
    bottom: 0;
    left: 50%;
    text-align: center;
    display: block;
    width: auto;
    background: yellow;
    margin-left: 20px;
    font-family: FoundersGroteskCondensed;
    font-weight: 700;
    font-size: 55px;
    line-height: 0.7;
    -webkit-transform: translateX(-50%) rotate(-5deg);
        -ms-transform: translateX(-50%) rotate(-5deg);
            transform: translateX(-50%) rotate(-5deg);
    padding-bottom: 0.2em; }
    .single-projects .headerslideshow .headerslideshow-flash.mod-small {
      font-size: 30px;
      bottom: 20px; }
    .single-projects .headerslideshow .headerslideshow-flash.mod-medium {
      font-size: 40px;
      bottom: 10px; }
    .single-projects .headerslideshow .headerslideshow-flash.mod-large {
      font-size: 55px;
      bottom: 0; }

.single-projects.project-bg-color footer.site-footer, .single-projects.project-bg-color .button, .single-projects.project-bg-color .edit-link, .single-projects.project-bg-color .subscribe-form input[type="submit"], .subscribe-form .single-projects.project-bg-color input[type="submit"], .single-projects.project-bg-color .tabfilters-tab, .single-projects.project-bg-color .our-work-filter, .single-projects.project-bg-color .about-sectionheader {
  background: transparent; }

.no-touch .single-projects.project-bg-color p a:hover {
  background: #000 !important; }

.single-projects.projects-theme .nav-arrows {
  display: none !important; }

.single-projects header.site-header {
  margin-bottom: 0;
  z-index: 2; }
  .single-projects header.site-header .home-link {
    position: absolute;
    right: 20px;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms; }
    .single-projects header.site-header .home-link.display {
      display: block; }
    .single-projects header.site-header .home-link.show {
      opacity: 1; }
    @media screen and (max-width: 600px) {
      .single-projects header.site-header .home-link {
        display: none !important;
        position: absolute; } }

.single-projects .site-header .site-logo-bottom {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: none; }
  .project-should-fade-in .single-projects .site-header .site-logo-bottom {
    display: block; }

.single-projects.project-should-fade-in .site-logo-top,
.single-projects.project-should-fade-in .site-logo-bottom,
.single-projects.project-should-fade-in .site-main,
.single-projects.project-should-fade-in .home-link,
.single-projects.project-should-fade-in .section-headers,
.single-projects.project-should-fade-in footer.site-footer,
.single-projects.project-should-fade-in header.entry-header,
.single-projects.project-should-fade-in .entry-content {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.single-projects .loader {
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }

.single-projects .site-main {
  padding-top: 20px; }

.single-projects .section-headers {
  position: relative;
  text-align: center; }
  .single-projects .section-headers a {
    margin: 0.5em 0.5em 0; }
  @media screen and (max-width: 600px) {
    .single-projects .section-headers {
      padding: 0; } }

.single-projects .container {
  padding-top: 20px; }

.single-projects .project-header-slideshow {
  margin: 0 auto; }
  .single-projects .project-header-slideshow .inner {
    margin: 0 auto;
    height: auto;
    padding: 0; }
    @media screen and (max-width: 600px) {
      .single-projects .project-header-slideshow .inner {
        max-width: 100%; } }
    .single-projects .project-header-slideshow .inner .slides {
      height: 0;
      padding-bottom: 75%;
      position: relative; }
  .single-projects .project-header-slideshow.sixteen-to-nine .inner .slides {
    padding-bottom: 56.25%; }

.group-excerpt .group-title {
  font-weight: bold;
  margin-bottom: 10px;
  -webkit-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
  color: #b4b4b4; }

.group-excerpt .group-image img {
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-filter 300ms;
  transition: -webkit-filter 300ms;
  -o-transition: filter 300ms;
  transition: filter 300ms;
  transition: filter 300ms, -webkit-filter 300ms;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.group-excerpt .group-type {
  text-transform: uppercase;
  -webkit-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
  color: #b4b4b4; }

.group-excerpt .group-tags .tag {
  border-color: #b4b4b4;
  color: #b4b4b4; }

.no-touch .group-excerpt a:hover .group-title {
  color: #000; }

.no-touch .group-excerpt a:hover .group-type {
  color: #000; }

.no-touch .group-excerpt a:hover .group-image img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%); }

/*# sourceMappingURL=style.css.map */
