/*
Theme Name: JAM Creative Team
Author: Benedict de Silva
Author URI: http://bendesilva.com
Description: Bespoke theme for the JAM website.
Version: 1.0
Text Domain: agency
*/
/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

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

ol,
ul {
  list-style: none; }

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0; }

caption,
th,
td {
  font-weight: normal;
  text-align: left; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

blockquote,
q {
  quotes: "" ""; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

a img {
  border: 0; }

/*--------------------------------------------------------------
Vars & Mixins
--------------------------------------------------------------*/
@font-face {
  font-family: 'walsheim';
  src: url("assets/font/GT-Walsheim-Regular.eot");
  src: url("assets/font/GT-Walsheim-Regulard41d.eot?#iefix") format("embedded-opentype"), url("assets/font/GT-Walsheim-Regular.woff") format("woff"), url("assets/font/GT-Walsheim-Regular.ttf") format("truetype"), url("assets/font/GT-Walsheim-Regular.svg#GT-Walsheim-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'walsheim';
  src: url("assets/font/GT-Walsheim-Regular-Oblique.eot");
  src: url("assets/font/GT-Walsheim-Regular-Obliqued41d.eot?#iefix") format("embedded-opentype"), url("assets/font/GT-Walsheim-Regular-Oblique.woff") format("woff"), url("assets/font/GT-Walsheim-Regular-Oblique.ttf") format("truetype"), url("assets/font/GT-Walsheim-Regular-Oblique.svg#GT-Walsheim-Regular-Oblique") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'walsheim';
  src: url("assets/font/GT-Walsheim-Medium.eot");
  src: url("assets/font/GT-Walsheim-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/GT-Walsheim-Medium.woff") format("woff"), url("assets/font/GT-Walsheim-Medium.ttf") format("truetype"), url("assets/font/GT-Walsheim-Medium.svg#GT-Walsheim-Medium") format("svg");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'walsheim';
  src: url("assets/font/GT-Walsheim-Medium-Oblique.eot");
  src: url("assets/font/GT-Walsheim-Medium-Obliqued41d.eot?#iefix") format("embedded-opentype"), url("assets/font/GT-Walsheim-Medium-Oblique.woff") format("woff"), url("assets/font/GT-Walsheim-Medium-Oblique.ttf") format("truetype"), url("assets/font/GT-Walsheim-Medium-Oblique.svg#GT-Walsheim-Medium-Oblique") format("svg");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'selador';
  src: url("assets/font/selador-webfont.eot");
  src: url("assets/font/selador-webfontd41d.eot?#iefix") format("embedded-opentype"), url("assets/font/selador-webfont.woff2") format("woff2"), url("assets/font/selador-webfont.woff") format("woff"), url("assets/font/selador-webfont.ttf") format("truetype"), url("assets/font/selador-webfont.svg#seladorregular") format("svg");
  font-weight: normal;
  font-style: normal; }

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body {
  font: 100%/1.3 'walsheim', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  -webkit-font-smoothing: antialiased; }

.heading_primary {
  font-weight: 500;
  font-size: 1.75em;
  line-height: 1.25; }

.heading_secondary {
  font-weight: 500;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-size: 1.25em; }

.heading_tertiary {
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.03em; }

@media screen and (max-width: 1023px) {
  .heading_primary {
    font-size: 1em; } }
/*--------------------------------------------------------------
Clear
--------------------------------------------------------------*/
.clear:after {
  content: '';
  display: table;
  clear: both; }

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.site-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -1.375em; }
  .site-nav a {
    display: block;
    padding: .5rem;
    font-size: 1.125em;
    letter-spacing: 0.03em;
    border: 1px; }
    .site-nav a:after {
      content: '';
      margin: 0 auto;
      display: block;
      width: .375em;
      height: .375em;
      border-radius: .1875em;
      background: #000;
      font-size: 1rem;
      margin-top: .125em;
      opacity: 0; }
    .site-nav a span {
      border-bottom: 1px solid transparent; }
  .site-nav li {
    position: relative;
    display: inline-block; }

#menu-first-side {
  float: left; }
  #menu-first-side li:first-child {
    margin-right: 4em; }
    #menu-first-side li:first-child a {
      padding-left: 0; }

#menu-second-side {
  float: right; }
  #menu-second-side li:last-child {
    margin-left: 4em; }
    #menu-second-side li:last-child a {
      padding-right: 0; }

.current-menu-item:not(.menu-item-work) a:after,
.current_page_parent a:after {
  opacity: 1; }

@media screen and (max-width: 1023px) {
  .site-nav {
    margin-top: -1.125em; }
    .site-nav a {
      font-size: 1em; }

  #menu-first-side li:first-child {
    margin-right: 2em; }

  #menu-second-side li:last-child {
    margin-left: 2em; } }
@media screen and (max-width: 767px) {
  #menu-first-side li:first-child {
    margin-right: 1em; }

  #menu-second-side li:last-child {
    margin-left: 1em; } }
.site-nav_trigger {
  display: none; }

@media screen and (max-width: 568px) {
  .site-nav_trigger {
    position: absolute;
    top: .5em;
    left: -.75em;
    display: block; }
    .site-nav_trigger a {
      display: block;
      width: 2.5em;
      height: 2.5em;
      background: url(assets/img/icon-plus.svg) no-repeat 50% 50%;
      text-indent: -9999px; }
      .site-nav_trigger a.menu-close {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }

  .site-nav_wrap {
    display: none;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0); }

  .site-nav {
    position: static;
    width: 100%;
    overflow: hidden;
    padding: 0 0 1.5em;
    margin: 0; }
    .site-nav a {
      font-size: .875em;
      padding: .5em; }
      .site-nav a:after {
        display: none; }
    .site-nav li {
      width: 50%;
      float: left;
      border-bottom: 1px solid #000; }

  #menu-first-side,
  #menu-second-side {
    width: 50%;
    float: left; }

  #menu-first-side {
    text-align: left; }
    #menu-first-side li:first-child {
      margin-right: 0; }

  #menu-second-side {
    text-align: right; }
    #menu-second-side li:last-child {
      margin-left: 0; } }
/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a, a:after, a:before {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a {
  color: #000;
  text-decoration: none;
  outline: 0; }
  a:focus {
    outline: 0; }

.button-border {
  display: inline-block;
  border: 2px solid #000;
  padding: .6875rem 1.25rem .625em;
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  font-size: .875em;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .1em; }

p a {
  border-bottom: 1px solid #000; }

li a {
  border-bottom: 1px solid transparent; }

@media screen and (max-width: 568px) {
  .button-border {
    font-size: .75em;
    padding: .6875em 1.25rem .6875em; } }
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
body,
html {
  height: 100%; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.center-w {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.center-t {
  display: table;
  height: 100%;
  width: 100%; }

.center-c {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.site-container {
  position: relative;
  min-height: 100%;
  border: 1.25em solid #f3f3ef;
  padding-bottom: 4em; }

.pad-container {
  padding: 0 6em;
  max-width: 105em;
  margin: 0 auto; }

.section-container {
  position: relative; }

.site-header {
  position: relative;
  z-index: 99;
  text-align: center; }

.heading_masthead {
  position: relative;
  z-index: 99;
  display: inline-block;
  margin: 3.5em auto 3em;
  text-align: center;
  line-height: 1; }
  .heading_masthead a {
    display: inline-block; }
  .heading_masthead svg {
    display: block;
    max-width: 100%;
    height: auto; }

.site-footer .section-container {
  border-top: 1px solid #f3f3ef;
  padding-top: 2em;
  padding-bottom: 0; }

.site-footer_left p {
  font-size: .875em;
  line-height: 1.5;
  letter-spacing: .03em; }
  .site-footer_left p a {
    border-color: transparent; }

.site-footer_right .menu {
  text-align: right; }
.site-footer_right li {
  margin: 0 0 .25em; }
.site-footer_right li a {
  font-size: .875em;
  letter-spacing: .03em; }

.site-footer_newsletter {
  margin: 1em 0 0; }
  .site-footer_newsletter p {
    margin: 0 0 .5em; }

@media screen and (max-width: 1023px) {
  .site-container {
    border-width: .75em;
    padding-bottom: 2em; }

  .pad-container {
    padding: 0 3em; }

  .heading_masthead {
    margin: 2em auto;
    width: 6.25em; }
    .heading_masthead a {
      display: block; } }
@media screen and (max-width: 568px) {
  .heading_masthead {
    margin: 1em 0; }

  .pad-container {
    padding: 0 1.25em; }

  .site-container {
    border-width: .5em;
    padding-bottom: 1.5em; }

  .site-footer_left,
  .site-footer_right {
    width: 100%;
    text-align: center; }

  .site-footer_right {
    margin: 0 0 1em; }

  .site-footer_right li {
    text-align: center; }

  .site-footer_right li a {
    display: inline-block;
    text-align: center; }

  .site-footer .section-container {
    padding-top: 1.5em; } }
/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
input {
  border-radius: 0;
  -webkit-appearance: none; }

.input-text,
.input-button {
  padding: .5em;
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #000;
  background: #fff; }
  .input-text:focus,
  .input-button:focus {
    outline: 0; }

.input-button {
  text-transform: uppercase;
  cursor: pointer; }

::-webkit-input-placeholder {
  color: #000; }

:-moz-placeholder {
  color: #000; }

::-moz-placeholder {
  color: #000; }

:-ms-input-placeholder {
  color: #000; }

.site-footer_newsletter .input-button,
.site-footer_newsletter .input-text {
  margin: 0;
  float: left;
  height: 1.625rem; }
.site-footer_newsletter .input-button {
  border-left: 0; }
.site-footer_newsletter .input-text {
  width: 20em; }

@media screen and (max-width: 568px) {
  .site-footer_newsletter {
    display: inline-block;
    margin: 1em auto 0; }
    .site-footer_newsletter .input-text {
      width: 15em; } }
/*--------------------------------------------------------------
Homepage
--------------------------------------------------------------*/
.homepage-intro .section-container {
  border-bottom: 1px solid #f3f3ef; }

.homepage-feature_slides {
  position: relative;
  width: 100%; }

.homepage-feature_slides--controls {
  position: absolute;
  top: 50%;
  z-index: 120;
  margin-top: -.75rem;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer; }
  .homepage-feature_slides--controls a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%; }
  .homepage-feature_slides--controls.controls-next {
    right: 2.25em; }
    .homepage-feature_slides--controls.controls-next a {
      background-image: url("assets/img/icon-large-plus.svg"); }
  .homepage-feature_slides--controls.controls-prev {
    left: 2.25em; }
    .homepage-feature_slides--controls.controls-prev a {
      background-image: url("assets/img/icon-large-minus.svg"); }

.homepage-feature_slide {
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 100%;
  -webkit-transform: translate3d(0, 0, 0); }
  .homepage-feature_slide:first-child {
    position: static; }

.homepage-feature_slide--inner {
  position: relative;
  display: block;
  width: 100%;
  max-width: 93em;
  margin: 0 auto;
  height: 0;
  padding-bottom: 40%;
  background-color: #f3f3ef;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0); }
  .homepage-feature_slide--inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.homepage-strap {
  padding: 0 1rem;
  margin: 4rem 0; }

.work-grid_wrap {
  margin: 2em 0 0; }

.work-grid_single {
  position: relative;
  width: 31%;
  float: left;
  margin-right: 3.5%;
  margin-bottom: 3.5%; }
  .work-grid_single:nth-child(3n) {
    margin-right: 0; }

.work-grid.filtered .work-grid_single {
  opacity: 0.25; }
  .work-grid.filtered .work-grid_single.filter-active {
    opacity: 1; }

.work-grid_single--thumb {
  width: 100%;
  height: 0;
  padding-bottom: 66.66%;
  background-color: #f3f3ef;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; }

.work-grid_single--details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  background: #fff; }

.work-grid_single--d-layout {
  display: table;
  height: 100%;
  width: 100%; }

.work-grid_single--d-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.work-grid_filter {
  padding: 2em 0 0;
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  overflow: hidden; }
  .work-grid_filter a {
    font-size: .875em; }

.work-grid_filter--trigger {
  float: left;
  margin: 0 2em 0 0; }

.work-grid_filter--types {
  display: none;
  float: left; }
  .work-grid_filter--types li {
    float: left;
    margin: 0 3em 0 0; }
  .work-grid_filter--types a {
    display: block;
    color: #999;
    border-bottom: 0; }
    .work-grid_filter--types a.filter-active {
      color: #000; }
      .work-grid_filter--types a.filter-active:after {
        opacity: 1; }
    .work-grid_filter--types a:after {
      content: '';
      position: relative;
      top: 1px;
      display: inline-block;
      width: .875em;
      height: .875em;
      margin: 0 0 0 .25em;
      background: url(assets/img/icon-cross.svg) no-repeat 50% 50%;
      opacity: 0; }

.featured-feed .section-container {
  position: relative;
  border-top: 1px solid #f3f3ef;
  padding-top: 6em;
  padding-bottom: 6em;
  text-align: center; }

.featured-feed_controls {
  position: absolute;
  top: 50%;
  z-index: 120;
  margin-top: -.75rem;
  width: 1.5em;
  height: 1.5em; }
  .featured-feed_controls a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%; }
  .featured-feed_controls.controls-next {
    right: 0; }
    .featured-feed_controls.controls-next a {
      background-image: url("assets/img/icon-large-plus.svg"); }
  .featured-feed_controls.controls-prev {
    left: 0; }
    .featured-feed_controls.controls-prev a {
      background-image: url("assets/img/icon-large-minus.svg"); }

.featured_title {
  position: absolute;
  z-index: 99;
  width: 7.5em;
  height: 7.5em;
  border: 3px solid #000;
  border-radius: 3.75em;
  text-align: center;
  pointer-events: none; }
  .featured_title span {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    padding: 0 1em;
    margin-top: -2.25rem;
    font-family: 'selador';
    font-size: 1.5em;
    line-height: 1;
    text-transform: uppercase; }

.featured-pic_title {
  right: -1em;
  top: -1em; }

.featured-video_title {
  left: 0;
  bottom: -.5em; }

.featured-pic,
.featured-video {
  position: relative; }

.featured-pic {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  padding-right: 1em; }
  .featured-pic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    margin: 0 auto; }

.featured-pic_single {
  padding: 0 3em 0 5em; }

.featured-video {
  display: inline-block;
  vertical-align: middle;
  width: 59%;
  padding-left: 1em; }

.featured-video_single {
  padding: 0 5em 0 5em; }

.featured_caption {
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: .6875em;
  text-align: center;
  margin: .75em 0 0; }

.bottom_controls {
  display: none; }

@media screen and (max-width: 1023px) {
  .homepage-feature_slides--controls {
    width: 1.1875em;
    height: 1.1875em; }
    .homepage-feature_slides--controls.controls-next {
      right: .875em; }
    .homepage-feature_slides--controls.controls-prev {
      left: .875em; }

  .homepage-strap {
    padding: 0;
    margin: 2em 0 1.75em; }

  .work-grid_filter {
    display: none; }

  .work-grid_wrap {
    margin: 0; }

  .homepage-intro .section-container {
    border: 0; }

  .work-grid_single {
    width: 48.25%; }
    .work-grid_single:nth-child(3n) {
      margin-right: 3.5%; }
    .work-grid_single:nth-child(2n) {
      margin-right: 0; }

  .featured-pic,
  .featured-video {
    width: 100%; }

  .featured-pic {
    margin: 0 0 2em; }

  .featured-feed .section-container {
    position: static;
    padding-top: 4em;
    padding-bottom: 4em; }

  .featured-feed {
    position: relative; }

  .featured-feed_controls {
    width: 2em;
    height: 2em;
    margin-top: -1em; }
    .featured-feed_controls.controls-next {
      right: .5em; }
    .featured-feed_controls.controls-prev {
      left: .5em; } }
@media screen and (max-width: 568px) {
  .homepage-feature_slides {
    display: none; }

  .homepage-strap {
    margin-top: 0;
    text-align: center;
    font-weight: 400; }

  .work-grid_single {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em; }

  .work-grid_wrap {
    padding-bottom: 1em; }

  .single-article_content,
  .single-article_images {
    float: none; }

  .featured-pic_single,
  .featured-video_single,
  .featured-pic,
  .featured-video {
    padding: 0; }

  .featured-feed_controls {
    display: none;
    top: auto;
    bottom: 1em; }
    .featured-feed_controls.controls-next {
      right: 1.25rem; }
    .featured-feed_controls.controls-prev {
      left: 1.25rem; }

  .featured_caption {
    font-size: .625em; }

  .featured-feed .section-container {
    padding: 2em 0; }

  .featured_title {
    width: 5em;
    height: 5em;
    border: 2px solid #000; }
    .featured_title span {
      font-size: 1em;
      margin-top: -1.5rem; }

  .featured-pic_title {
    right: auto;
    left: -1em;
    top: -1.5em; }

  .featured-video_title {
    right: -1em;
    left: auto;
    top: -1.5em; }

  .content_controls {
    display: none; }

  .bottom_controls {
    display: block; } }
/*--------------------------------------------------------------
Work Page
--------------------------------------------------------------*/
.single-work .site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%; }
.single-work .site-container {
  padding-bottom: 0; }

.single-work_page {
  height: 100vh;
  height: calc(100vh - 2.5em );
  padding: 10.25em 0; }

.scrollable .single-work_page {
  min-height: 100vh;
  min-height: calc(100vh - 2.5em );
  height: auto; }

.single-work .menu-item-work a:after {
  opacity: 1; }
.single-work .menu-item-journal a:after {
  opacity: 0; }

.single-work_images {
  margin: 0 0 1.5em;
  height: 100%; }

.single-work_slides {
  position: relative;
  width: 100%;
  height: 100%; }

.single-work_slide--video {
  position: relative;
  width: 100%;
  height: 100%; }
  .single-work_slide--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.single-work_slides--controls {
  position: absolute;
  top: 50%;
  z-index: 120;
  margin-top: -.75rem;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer; }
  .single-work_slides--controls a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%; }
  .single-work_slides--controls.controls-next {
    right: 6rem; }
    .single-work_slides--controls.controls-next a {
      background-image: url("assets/img/icon-large-plus.svg"); }
  .single-work_slides--controls.controls-prev {
    left: 6rem; }
    .single-work_slides--controls.controls-prev a {
      background-image: url("assets/img/icon-large-minus.svg"); }

.single-work_slide {
  position: relative;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0); }
  .single-work_slide .single-work_slide--inner.controls-next {
    cursor: pointer; }

.single-work_slide--inner {
  height: 100%;
  padding: 0 5em;
  -webkit-transform: translate3d(0, 0, 0); }
  .single-work_slide--inner img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.single-work_slide--wrap {
  height: 100%;
  margin: 0 auto; }

.single-work_title {
  float: left;
  width: 33.33%;
  text-align: left; }
  .single-work_title .heading_secondary,
  .single-work_title .heading_tertiary {
    font-size: .875em; }

.single-work_desc {
  float: left;
  width: 33.33%;
  text-align: center; }

.single-work_desc-header {
  display: inline-block;
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: .875em;
  cursor: pointer;
  border-bottom: 1px solid transparent; }
  .single-work_desc-header:after {
    content: '';
    position: relative;
    top: 1px;
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin: 0 0 0 .25em;
    background: url(assets/img/icon-plus.svg) no-repeat 50% 50%; }

.single-work_desc.visible .single-work_desc-header:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.single-work_desc-content {
  display: none;
  margin: 1em 0;
  overflow: hidden; }
  .single-work_desc-content p {
    font-size: .875em;
    line-height: 1.5; }
  .single-work_desc-content strong {
    font-weight: 500; }
  .single-work_desc-content em {
    font-style: italic; }

.single-work_archive-link {
  float: left;
  width: 33.33%;
  text-align: right; }

.single-work_details .section-container {
  margin: 3em auto 0; }

@media screen and (min-width: 1872px) {
  .single-work_slide--inner {
    padding: 0; }

  .single-work_slides--controls.controls-next {
    margin-left: 49em;
    left: 50%;
    right: auto; }
  .single-work_slides--controls.controls-prev {
    left: 50%;
    right: auto;
    margin-left: -51.5em; } }
@media screen and (max-width: 1024px) {
  .single-work_page {
    height: auto !important;
    padding: 10em 0 0; }

  .single-work_slide {
    max-height: 22em; }

  .single-work_slide--video {
    padding-bottom: 50%;
    height: 0; }

  .single-work_slide--inner {
    padding: 0; }

  .single-work_slides--controls.controls-next {
    right: .6375em; }
  .single-work_slides--controls.controls-prev {
    left: .6375em; }

  .single-work_title,
  .single-work_desc,
  .single-work_archive-link {
    width: 100%;
    float: none;
    text-align: center; }

  .single-work_archive-link,
  .single-work_desc {
    margin-top: 1em; }

  .single-work_desc-content {
    text-align: left;
    margin: 1em auto 0;
    max-width: 30em; }

  .single-work_archive-link {
    width: 100%;
    text-align: center;
    margin-top: 2em; }

  .single-work_details .section-container {
    margin: 2em auto; } }
@media screen and (max-width: 767px) {
  .single-work_slides--controls {
    top: auto;
    bottom: -2.5em;
    width: 2.25em;
    height: 2em;
    margin-top: 0; }
    .single-work_slides--controls.controls-next {
      right: 3rem; }
      .single-work_slides--controls.controls-next a {
        background-image: url("assets/img/icon-arrow-right.svg"); }
    .single-work_slides--controls.controls-prev {
      left: 3rem; }
      .single-work_slides--controls.controls-prev a {
        background-image: url("assets/img/icon-arrow-left.svg"); }

  .single-work_slides {
    overflow: visible !important; }

  .single-work_images {
    margin-bottom: 3.5em; } }
@media screen and (max-width: 568px) {
  .single-work .site-container {
    min-height: 100vh; }
  .single-work .site-header {
    position: static; }

  .single-work_slides--controls.controls-next {
    right: 1.25rem; }
  .single-work_slides--controls.controls-prev {
    left: 1.25rem; }

  .single-work_page {
    height: auto !important;
    padding: 0; }

  .single-work_desc-header {
    font-size: .75em; }
    .single-work_desc-header:after {
      width: .625rem;
      height: .625rem; }

  .single-work_title .heading_secondary,
  .single-work_title .heading_tertiary {
    font-size: .75em; } }
/*--------------------------------------------------------------
About page
--------------------------------------------------------------*/
.about-page_body {
  margin: 2em auto;
  text-align: justify; }
  .about-page_body .section-container {
    max-width: 45em;
    margin: 0 auto; }
    .about-page_body .section-container p {
      font-weight: 500;
      font-size: 1.3em;
      line-height: 1.5;
      margin: 0 0 1em; }
      .about-page_body .section-container p:last-child {
        margin-bottom: 0; }

.col-3 {
  width: 27.5%;
  float: left; }
  .col-3:first-of-type {
    width: 45%; }

.about-page_secondary {
  margin-top: 6em;
  font-family: 'Arial';
  text-transform: uppercase;
  letter-spacing: .05em; }
  .about-page_secondary p {
    font-size: .75em; }
  .about-page_secondary h4 {
    font-size: .875em;
    font-weight: bold;
    margin: 0 0 1rem; }
  .about-page_secondary strong {
    font-weight: bold; }

.about-page_secondary--col {
  padding-right: 1em; }
  .about-page_secondary--col p {
    width: 100%;
    max-width: 30em; }

.about-page_secondary--section {
  margin: 0 0 2em; }

@media screen and (max-width: 1023px) {
  .col-3 {
    width: 50%; }
    .col-3:first-of-type {
      width: 50%; }

  .about-page_secondary--col {
    padding-right: 0; }
    .about-page_secondary--col:first-child {
      padding-right: 2em; } }
@media screen and (max-width: 568px) {
  .about-page_body {
    margin: 0 auto; }

  .about-page_body .section-container p {
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400; }

  .about-page_secondary {
    margin-top: 2em; }
    .about-page_secondary h4 {
      font-size: .75em; }

  .col-3 {
    margin: 0; }
    .col-3:last-child {
      margin: 0; }

  .about-page_secondary--section {
    margin: 0; }
    .about-page_secondary--section h4 {
      position: relative;
      cursor: pointer; }
      .about-page_secondary--section h4:after {
        content: '';
        position: absolute;
        top: 1px;
        right: 0;
        width: .875em;
        height: .875em;
        margin: 0 0 0 .25em;
        background: url(assets/img/icon-plus.svg) no-repeat 50% 50%; }
      .about-page_secondary--section h4.active-header:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }

  .col-3, .col-3:first-of-type {
    width: 100%;
    padding: 0; }

  .about-page_secondary--col p {
    max-width: 100%;
    margin-bottom: 1em; }

  .about-page_secondary--section:last-child {
    margin: 0; } }
/*--------------------------------------------------------------
Contact page
--------------------------------------------------------------*/
.page-template-page-contact-php .site-container {
  position: static; }

.contact-page_body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; }
  .contact-page_body .section-container {
    height: 100%;
    min-height: 41.25em;
    padding: 13.25em 0 5.25em; }

.contact-page_layout {
  position: relative;
  height: 100%;
  width: 50%;
  margin: 0 auto; }
  .contact-page_layout .heading_primary {
    font-size: 2.5em;
    line-height: 1; }

.contact-page_top,
.contact-page_bottom {
  display: inline-block;
  width: 100%;
  padding: 0 3em; }

.contact-page_top {
  margin-left: -50%;
  text-align: right; }

.contact-page_bottom {
  margin-right: -50%;
  position: absolute;
  bottom: -.25em; }
  .contact-page_bottom p {
    margin-bottom: 1em; }
    .contact-page_bottom p:last-child {
      margin-bottom: 0; }

.contact-page_line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  background: #000; }

@media screen and (max-width: 768px) {
  .contact-page_body .section-container {
    padding-top: 9.25em; }

  .contact-page_layout {
    width: 100%; }

  .contact-page_layout .heading_primary {
    font-size: 1.5em; }

  .contact-page_top {
    padding-bottom: 1em;
    position: relative; }

  .contact-page_bottom {
    padding-top: 1em;
    left: 0; }

  .contact-page_bottom,
  .contact-page_top {
    text-align: center;
    margin: 0;
    background: #fff;
    z-index: 99; } }
@media screen and (max-width: 568px) {
  .contact-page_body .section-container {
    min-height: 568px;
    padding: 9em 0 2em; } }
@media screen and (max-height: 568px) {
  .contact-page_body {
    position: static; }
    .contact-page_body .section-container {
      height: 200px;
      min-height: auto;
      padding: 0; } }
/*--------------------------------------------------------------
Blog Listings
--------------------------------------------------------------*/
.blog-listings {
  padding: 2em 0 0; }

.blog-listings_single {
  width: 31%;
  float: left;
  margin-right: 3.5%;
  padding: 0 0 1.5em;
  margin-bottom: 2em;
  border-bottom: 1px solid #e9e9e9; }
  .blog-listings_single:nth-child(3n) {
    margin-right: 0; }
  .blog-listings_single img {
    display: block;
    width: 100%;
    height: auto; }

.blog-listings_single--title {
  margin: 1rem 0 0;
  font-size: 1.375em;
  text-align: center; }

.blog-listings_single--date {
  margin: 0 0 1rem;
  text-align: center;
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal; }

.blog-listings_single--thumb {
  position: relative;
  padding-bottom: 66.66%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
  .blog-listings_single--thumb .center-w {
    background: rgba(255, 255, 255, 0.9);
    opacity: 0; }
  .blog-listings_single--thumb p {
    font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
    font-size-adjust: 0.5;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.03em;
    text-transform: uppercase; }

.blog-listings_single--excerpt {
  max-height: 5em;
  font-size: .875em;
  overflow: hidden; }

@media screen and (min-width: 1281px) {
  .blog-listings_single {
    width: 22.375%; }
    .blog-listings_single:nth-child(4n) {
      margin-right: 0; }
    .blog-listings_single:nth-child(3n) {
      margin-right: 3.5%; } }
@media screen and (max-width: 1023px) {
  .blog-listings_single {
    width: 48.25%; }
    .blog-listings_single:nth-child(3n) {
      margin-right: 3.5%; }
    .blog-listings_single:nth-child(2n), .blog-listings_single:nth-child(6n) {
      margin-right: 0; } }
@media screen and (max-width: 568px) {
  .blog-listings {
    padding: 0; }

  .blog-listings_single {
    width: 100%; }
    .blog-listings_single:last-child {
      margin: 0;
      padding: 0;
      border-bottom: 0; }

  .blog-listings_single--title {
    font-size: 1.125em; }

  .blog-listings_single--date {
    font-size: .875em; } }
/*--------------------------------------------------------------
Blog single page
--------------------------------------------------------------*/
.single-article {
  margin: 0 auto;
  max-width: 105em; }
  .single-article .section-container {
    padding-top: 2em;
    padding-bottom: 2em; }

.single-article_images {
  width: 60%;
  float: left;
  padding-right: 3em;
  text-align: center; }
  .single-article_images figure {
    display: inline-block;
    width: 100%;
    margin: 0 0 1.5em; }
  .single-article_images img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .single-article_images figcaption {
    margin: 1em 0 0;
    text-align: left;
    font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
    font-size-adjust: 0.5;
    font-weight: normal;
    font-style: normal;
    font-size: .875em; }

.single-article_thumbnail {
  display: none;
  width: 100%;
  padding-bottom: 66.66%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }

.single-article_image {
  display: inline-block; }
  .single-article_image.contain {
    background: #f3f3ef; }
    .single-article_image.contain img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 25em;
      margin: 0 auto;
      padding: 1em; }
    .single-article_image.contain figcaption {
      background: #fff;
      margin: 0;
      padding: 1em 0 0; }

.single-article_content {
  width: 40%;
  float: right;
  padding-left: 3em; }

.single-article_heading {
  margin: 0 0 2em; }

.single-article_title {
  font-size: 1.75em; }

.single-article_date {
  font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
  font-size-adjust: 0.5;
  font-weight: normal;
  font-style: normal; }

.single-article_text p {
  margin: 0 0 1em;
  line-height: 1.5; }
  .single-article_text p em {
    font-style: italic; }
  .single-article_text p strong {
    font-weight: 500; }

.single-article_controls {
  width: 100%;
  margin: 3em 0 0; }
  .single-article_controls a {
    font-family: "Apercu Mono Regular", 'Andale Mono', monospace;
    font-size-adjust: 0.5;
    font-weight: normal;
    font-style: normal;
    font-size: .75em;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin: 0 2rem 0 0; }
    .single-article_controls a:last-child {
      margin: 0; }

@media screen and (max-width: 1023px) {
  .single-article_images {
    padding-right: 1em;
    width: 55%; }

  .single-article_content {
    width: 45%;
    padding-left: 1em; }

  .single-article_title {
    font-size: 1.5em; }

  .single-article_date {
    font-size: .875em; }

  .single-article_images figcaption {
    font-size: .75em; }

  .single-article_text p {
    font-size: .875em; } }
@media screen and (max-width: 568px) {
  .single-article_content,
  .single-article_images {
    width: 100%;
    padding: 0; }

  .single-article_controls {
    margin: 1em 0 0; }
    .single-article_controls a {
      margin-right: 1rem; }

  .single-article .section-container {
    padding: 0; }

  .single-article_title {
    font-size: 1.25em; }

  .single-article_title,
  .single-article_date {
    text-align: center; }

  .single-article_thumbnail {
    display: block;
    margin: 0 0 1em; }

  .single-article_heading {
    margin: 0 0 1em; } }
/*--------------------------------------------------------------
Hover states
--------------------------------------------------------------*/
.work-grid:not(.filtered) .work-grid_single:hover .work-grid_single--details,
.work-grid:not(.filtered) .work-grid_single.hover .work-grid_single--details {
  opacity: 1; }
.work-grid:not(.filtered) .work-grid_single:hover .work-grid_single--thumb,
.work-grid:not(.filtered) .work-grid_single.hover .work-grid_single--thumb {
  opacity: 0; }

.filter-active.work-grid_single:hover .work-grid_single--details,
.filter-active.work-grid_single.hover .work-grid_single--details {
  opacity: 1; }
.filter-active.work-grid_single:hover .work-grid_single--thumb,
.filter-active.work-grid_single.hover .work-grid_single--thumb {
  opacity: 0; }

.blog-listings_single--thumb:hover .center-w {
  opacity: 1; }

.no-touch .controls-next:hover a {
  -webkit-transform: translateX(15%);
  -moz-transform: translateX(15%);
  -ms-transform: translateX(15%);
  -o-transform: translateX(15%);
  transform: translateX(15%); }
.no-touch .controls-prev:hover a {
  -webkit-transform: translateX(-15%);
  -moz-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  -o-transform: translateX(-15%);
  transform: translateX(-15%); }
.no-touch li a:hover,
.no-touch .site-footer_left a:hover {
  border-color: #000; }
.no-touch .single-article_controls a:hover,
.no-touch p a:hover {
  border-color: #f3f3ef; }
.no-touch .work-grid_filter--types a:hover {
  color: #000; }

/*--------------------------------------------------------------
4.0 Animations
--------------------------------------------------------------*/
@-webkit-keyframes fade-one {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fade-one {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fade-one {
  0% {
    opacity: 0; }

  25% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fade-two {
  0% {
    height: 0; }

  50% {
    height: 0; }

  100% {
    height: 100%; } }

@-moz-keyframes fade-two {
  0% {
    height: 0; }

  50% {
    height: 0; }

  100% {
    height: 100%; } }

@keyframes fade-two {
  0% {
    height: 0; }

  50% {
    height: 0; }

  100% {
    height: 100%; } }

@media screen and (max-width: 768px) {
  @-webkit-keyframes fade-two {
    0% {
      height: 0; }

    50% {
      height: 0; }

    100% {
      height: 75%; } }

  @-moz-keyframes fade-two {
    0% {
      height: 0; }

    50% {
      height: 0; }

    100% {
      height: 75%; } }

  @keyframes fade-two {
    0% {
      height: 0; }

    50% {
      height: 0; }

    100% {
      height: 75%; } } }
@-webkit-keyframes fade-three {
  0% {
    opacity: 0; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fade-three {
  0% {
    opacity: 0; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fade-three {
  0% {
    opacity: 0; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.contact-page_top--inner {
  -webkit-animation: fade-one 1250ms;
  -moz-animation: fade-one 1250ms;
  animation: fade-one 1250ms; }

.contact-page_line {
  -webkit-animation: fade-two 1250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: fade-two 1250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: fade-two 1250ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.contact-page_bottom--inner {
  -webkit-animation: fade-three 2000ms;
  -moz-animation: fade-three 2000ms;
  animation: fade-three 2000ms; }

.controls-prev a,
.controls-next a,
.single-work_desc-header:after,
.site-nav_trigger a,
.about-page_secondary--section h4:after {
  -webkit-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.blog-listings_single--thumb .center-w,
.work-grid_single--details,
.work-grid_single--thumb,
.site-nav a:after,
.work-grid_single,
.work-grid_filter a:after {
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  transition: opacity 350ms; }

.site-nav span {
  -webkit-transition: border-color 250ms;
  -moz-transition: border-color 250ms;
  transition: border-color 250ms; }

.input-button,
.button-border {
  -webkit-transition: background-color 250ms;
  -moz-transition: background-color 250ms;
  transition: background-color 250ms; }

.work-grid_filter--types a {
  -webkit-transition: color 250ms;
  -moz-transition: color 250ms;
  transition: color 250ms; }

.button-border {
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms; }