@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

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

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

a img { border: none; }

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

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

button, input, textarea, input[type=submit] { margin: 0; padding: 0; border: none !important; background: transparent; -webkit-appearance: none; border-radius: 0; }
button:focus, input:focus, textarea:focus, input[type=submit]:focus { outline: none; }

img { display: block; }

pre { font-family: 'Inconsolata','Monaco',monospace; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; height: 100%; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url(../../../../../../themes/tzannes/images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; height: 100%; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url(../../../../../../themes/tzannes/fonts/slick.eot); src: url('../../../../../../themes/tzannes/fonts/slick.eot?#iefix') format("embedded-opentype"), url(../../../../../../themes/tzannes/fonts/slick.woff) format("woff"), url(../../../../../../themes/tzannes/fonts/slick.ttf) format("truetype"), url('../../../../../../themes/tzannes/fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/9/2014
* Sass Version by Seth Coelen https://github.com/whatsnewsaes
*/
.container { position: relative; width: 90%; max-width: 1440px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

.row { padding: 2% 0 4%; }
.row.header-row { border-top: 1px solid #ffffff; padding-bottom: 0; }

.column, .columns, .split-row { width: 100%; float: left; box-sizing: border-box; }

@media (min-width: 400px) { .container { width: 90%; padding: 0; } }
@media (min-width: 769px) { .container { width: 90%; }
  .column, .columns { margin-left: 2%; }
  .column:first-child, .columns:first-child { margin-left: 0; }
  .one.column, .one.columns { width: 6.5%; }
  .two.columns { width: 15.0%; }
  .three.columns { width: 23.5%; }
  .four.columns { width: 32%; }
  .five.columns { width: 40.5%; }
  .six.columns { width: 49%; }
  .seven.columns { width: 57.5%; }
  .eight.columns { width: 66%; }
  .nine.columns { width: 74.5%; }
  .ten.columns { width: 83.0%; }
  .eleven.columns { width: 91.5%; }
  .twelve.columns { width: 100%; margin-left: 0; }
  .one-third.column { width: 32%; }
  .two-thirds.column { width: 66%; }
  .one-half.column { width: 49%; }
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.5%; }
  .offset-by-two.column, .offset-by-two.columns { margin-left: 17%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 25.5%; }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 42.5%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 51%; }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 59.5%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 68%; }
  .offset-by-nine.column, .offset-by-nine.columns { margin-left: 76.5%; }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 85.0%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 93.5%; }
  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 68%; }
  .offset-by-one-half.column, .offset-by-one-half.column { margin-left: 51%; } }
.u-full-width { width: 100%; box-sizing: border-box; }

.u-max-full-width { max-width: 100%; box-sizing: border-box; }

.u-pull-right { float: right !important; }

.u-pull-left { float: left; }

hr { margin: 0; border-width: 0; border-top: 1px solid rgba(222, 92, 81, 0.5); }

.container:after, .row:after, .u-cf { content: ""; display: table; clear: both; }

html { font-size: 62.5%; }

body { font-family: aktiv-grotesk-std, Helvetica, Arial, sans-serif; font-weight: 500; font-style: normal; font-size: 1.5em; line-height: 1.6; color: #000000; }

em { font-style: italic; }

strong, b { font-weight: 700; }

a { color: inherit; text-decoration: none; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
a:not(.cta) { border-bottom: 1px solid; padding-bottom: 2px; margin-bottom: -2px; }
.category-list li a { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
a:hover { color: #de5c51; }
.project a:hover, .expertise a:hover { color: inherit !important; }

.award span { display: block; color: inherit; text-decoration: none; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.award span:hover { color: #de5c51; }

h4, h5, h6 { font-weight: 500; }

.dark { color: #000000 !important; }

.light { color: #ffffff !important; }

.gray { color: #7f7f7f !important; }

.large, #filters, .tile-points, #journal-filters h4, #load-more { font-size: 2.4rem; line-height: 3.2rem; font-weight: 300 !important; color: #7f7f7f; }
.large h2, #filters h2, .tile-points h2, #journal-filters h4 h2, #load-more h2, .large h3, #filters h3, .tile-points h3, #journal-filters h4 h3, #load-more h3, .large h4, #filters h4, .tile-points h4, #journal-filters h4 h4, #load-more h4 { font-weight: 300 !important; color: #000000; }
.large h4, #filters h4, .tile-points h4, #journal-filters h4 h4, #load-more h4 { color: #7f7f7f; }
.large p, #filters p, .tile-points p, #journal-filters h4 p, #load-more p { margin-bottom: 1em; }

#journal-filters h4 { position: relative; color: #de5c51; padding-left: 3rem !important; }
#journal-filters h4:hover { color: #000000; }
#journal-filters h4:hover a { color: #000000; }
#journal-filters h4 .icon-filter { position: absolute; top: 50%; left: 0; margin-top: -12px; }

#journal-filters.open h4, #journal-filters:hover h4 { color: #000000; }
#journal-filters.open .icon-expand, #journal-filters:hover .icon-expand { background-image: url(../../../../../../themes/tzannes/images/sprites-s00b12b03c2.png); background-position: -28px 0; background-repeat: no-repeat; overflow: hidden; display: block; height: 24px; width: 24px; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dpi) { #journal-filters.open .icon-expand, #journal-filters:hover .icon-expand { background-image: url(../../../../../../themes/tzannes/images/spritesretina-scf9fafbbea.png); background-size: 110px 205px; background-position: -28px 0; height: 24px; width: 24px; } }

.tile-points { padding-top: 4%; }
.tile-points li:before { content: "/ "; }

#content, #content-columns, .content-columns { color: #7f7f7f; }
#content h2, #content h3, #content-columns h2, #content-columns h3, .content-columns h2, .content-columns h3 { color: #000000; }
#content p, #content-columns p, .content-columns p { width: 90%; }

.expertise-single #content p { color: #de5c51; }

#linked-projects h3, #linked-projects h5, #expertise-content h3, #expertise-content h5, #people-content h3, #people-content h5, #related-posts h3, #related-posts h5 { color: #000000; }
#linked-projects h6, #expertise-content h6, #people-content h6, #related-posts h6 { color: #7f7f7f; }
#linked-projects h4, #expertise-content h4, #people-content h4, #related-posts h4 { font-size: 1.6rem; line-height: 2.4rem; }
#linked-projects .bio, #expertise-content .bio, #people-content .bio, #related-posts .bio { font-size: 1.4rem; line-height: 2.4rem; color: #7f7f7f; }
#linked-projects .bio p, #expertise-content .bio p, #people-content .bio p, #related-posts .bio p { width: 90%; margin-bottom: 1.4rem; }
#linked-projects #team, #expertise-content #team, #people-content #team, #related-posts #team { padding-bottom: 24px; }
#linked-projects #team p, #expertise-content #team p, #people-content #team p, #related-posts #team p { color: #7f7f7f; }
#linked-projects #team #team-members p, #expertise-content #team #team-members p, #people-content #team #team-members p, #related-posts #team #team-members p { -webkit-columns: 3; /* Chrome, Safari, Opera */ -moz-columns: 3; /* Firefox */ columns: 3; -webkit-column-gap: 0; /* Chrome, Safari, Opera */ -moz-column-gap: 0; /* Firefox */ column-gap: 0; }
#linked-projects .thumb:hover > *, #expertise-content .thumb:hover > *, #people-content .thumb:hover > *, #related-posts .thumb:hover > * { color: #de5c51; }
#linked-projects:after, #expertise-content:after, #people-content:after, #related-posts:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }

.projects-single #content h3 { color: #7f7f7f; }

.project h3, .project h4 { font-size: 1.6rem; line-height: 2.4rem; }

.award , .photographer { position: relative; color: #de5c51; }
.award i, .photographer i { margin-left: -4px; }

.photographer > .cta { color: #7f7f7f; }

footer { font-size: 1.3rem; }
footer h5 { font-size: 1.4rem; color: #000000; }

hr.white { border-top: 1px solid #ffffff; }

@font-face { font-family: 'icons'; src: url(../../../../../../themes/tzannes/fonts/icomoon.eot?4caww7); src: url("../../../../../../themes/tzannes/fonts/icomoon.eot?#iefix4caww7") format("embedded-opentype"), url(../../../../../../themes/tzannes/fonts/icomoon.woff?4caww7) format("woff"), url(../../../../../../themes/tzannes/fonts/icomoon.ttf?4caww7) format("truetype"), url("../../../../../../themes/tzannes/fonts/icomoon.svg?4caww7#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; }

.icon-close:before { content: "\e603"; }

.icon-photographer:before { content: "\e608"; }

.icon-menu:before { content: "\e607"; }

.icon-arrow-down:before { content: "\e600"; }

.icon-arrow-left:before { content: "\e601"; }

.icon-arrow-right:before { content: "\e602"; }

.icon-award:before { content: "\e604"; }

.icon-filter:before { content: "\e605"; }

.icon-share:before { content: "\e606"; }

html, body { width: 100%; height: 100%; }

body { padding-top: 100px; }

img { width: 100%; max-width: 100%; height: auto; -webkit-backface-visibility: hidden; }

.hide, footer #emailForm label, footer #emailForm br { display: none; font: 0/0 a; text-shadow: none; color: transparent; }

.half-screen { height: 55%; }

.noscroll { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden; }

.share { margin-left: -4px; color: #7f7f7f; }
.share a:hover { color: #000000; }
.share .cta:hover { color: #de5c51 !important; }

.gutter-sizer { position: absolute; bottom: 0; left: 0; display: block; width: 28px; height: 28px; visibility: hidden; background-color: rgba(0, 255, 0, 0.6); }

.mobile-sizer { display: none; }

.split-row { width: 50%; float: left; }
.split-row > div { padding-top: 4%; }
.split-row > div:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.split-row .column:nth-child(2n+1) { padding-right: 1%; }
.split-row .column:nth-child(2n) { padding-left: 1%; }
.split-row:first-child { padding-right: 1%; }
.split-row:last-child { padding-left: 1%; }
.split-row.u-pull-right .column:nth-child(2n+1) { padding-left: 1%; padding-right: 0; }
.split-row.u-pull-right .column:nth-child(2n) { padding-right: 1%; padding-left: 0; }
.split-row.u-pull-right:first-child { padding-left: 1%; padding-right: 0; }
.split-row.u-pull-right:last-child { padding-right: 1%; padding-left: 0; }

.landscape-large-tile-sizer { padding-bottom: 10px; }
.three .landscape-large-tile-sizer { padding-bottom: 0; }

.portrait .tile-sizer { padding-bottom: 28px; }

#emailForm .message { visibility: hidden; }

.border-top { border-top: 1px solid #de5c51; }

.cta { position: relative; color: #de5c51; padding-left: 2.4rem; }
.cta i { position: absolute; top: 0; left: 0; margin-top: -1px; font-size: 24px; line-height: 24px; }
.cta.standard { padding-left: 0; }
.cta.standard:before { content: "/ "; }
.cta.download i { margin-left: -4px; }
.cta.go i { margin-left: -4px; }
.cta.clear { margin-left: 2.4rem; color: #000000 !important; }
.cta:hover { color: #7f7f7f; }

#content { padding: 4% 0 6%; }

#extras { padding-top: 0; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; background-color: #000000; }
.embed-container #video-placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; cursor: pointer; background-position: center center; background-size: 100%; background-size: cover; }
.embed-container #video-placeholder.active { display: none; }
.embed-container #video-placeholder i { margin-top: -55px; background-image: url(../../../../../../themes/tzannes/images/sprites-s00b12b03c2.png); background-position: 0 -95px; background-repeat: no-repeat; overflow: hidden; display: block; height: 110px; width: 110px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font: 0/0 a; text-shadow: none; color: transparent; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")"; filter: alpha(opacity=80); zoom: 1; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -webkit-transition-duration: 400ms; transition-duration: 400ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dpi) { .embed-container #video-placeholder i { background-image: url(../../../../../../themes/tzannes/images/spritesretina-scf9fafbbea.png); background-size: 110px 205px; background-position: 0 -95px; height: 110px; width: 110px; } }
.embed-container #video-placeholder:hover i { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; }

.embed-container iframe, .embed-container object, .embed-container embed { display: block; position: absolute; left: 0; width: 100%; height: 100%; }

#posts-nav { display: none; }

#infscr-loading { position: absolute; top: 0; left: 0; width: 100%; }
#infscr-loading img { margin: 0 auto; width: 16px !important; height: 16px !important; }
#infscr-loading div { display: none !important; }

.project.column, .project.columns, .expertise-container > .row, .expertise, .thumb.column, .thumb.columns, .person.columns { visibility: hidden; }

header { position: fixed; top: 0; left: 0; width: 100%; height: 100px; background-color: rgba(255, 255, 255, 0.95); z-index: 2000; }
header h1 { margin-bottom: 0; font: 0/0 a; text-shadow: none; color: transparent; }
header h1 a { background-image: url(../../../../../../themes/tzannes/images/sprites-s00b12b03c2.png); background-position: 0 -38px; background-repeat: no-repeat; overflow: hidden; display: block; height: 22px; width: 100px; border-color: transparent !important; border: none !important; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dpi) { header h1 a { background-image: url(../../../../../../themes/tzannes/images/spritesretina-scf9fafbbea.png); background-size: 110px 205px; background-position: 0 -38px; height: 22px; width: 100px; } }
header h1 a:hover { border-color: transparent !important; border: none !important; }
header .row { padding: 40px 0; }

.single header, .archive:not(.category) header, .page:not(.home) header { background-color: rgba(249, 245, 242, 0.95); }
.single.post-type-archive-expertise, .single.single-expertise, .single.single-post, .single.page-profile, .single.page-profile-cn, .archive:not(.category).post-type-archive-expertise, .archive:not(.category).single-expertise, .archive:not(.category).single-post, .archive:not(.category).page-profile, .archive:not(.category).page-profile-cn, .page:not(.home).post-type-archive-expertise, .page:not(.home).single-expertise, .page:not(.home).single-post, .page:not(.home).page-profile, .page:not(.home).page-profile-cn { background-color: #ece9e4; }
.single.post-type-archive-expertise header, .single.single-expertise header, .single.single-post header, .single.page-profile header, .single.page-profile-cn header, .archive:not(.category).post-type-archive-expertise header, .archive:not(.category).single-expertise header, .archive:not(.category).single-post header, .archive:not(.category).page-profile header, .archive:not(.category).page-profile-cn header, .page:not(.home).post-type-archive-expertise header, .page:not(.home).single-expertise header, .page:not(.home).single-post header, .page:not(.home).page-profile header, .page:not(.home).page-profile-cn header { background-color: rgba(255, 255, 255, 0.95); }

footer { padding-top: 24px; padding-bottom: 72px; background-color: #ffffff; color: #7f7f7f; }
footer a { padding-bottom: 0 !important; margin-bottom: 0 !important; border: none !important; }
footer #contact-information dl dd, footer #contact-information dl dt { float: left; display: inline-block; }
footer #contact-information dl dd { clear: left; margin-right: 1rem; }
footer #social-links li { position: relative; padding-left: 10px; }
footer #social-links li:before { content: "›"; display: block; width: 20px; height: 20px; font-size: 13px; line-height: 19px; position: absolute; top: 0; left: 0; }
footer #social-links li:hover { color: #de5c51; }
footer #social-links li:hover:before { color: #de5c51; }
footer #emailForm input, footer #emailForm button { font-size: 13px; }
footer #emailForm input { width: 66.6666%; border-bottom: 1px solid #e5e5e5 !important; }
footer #emailForm button { position: relative; padding-left: 10px; color: #7f7f7f; margin-top: 4px; display: block; }
footer #emailForm button:before { content: "›"; display: block; width: 20px; height: 20px; font-size: 18px !important; line-height: 16px; text-align: left; position: absolute; top: 0; left: 0; }
footer .logo-icon-tzannes { position: absolute; right: 0; background-image: url(../../../../../../themes/tzannes/images/sprites-s00b12b03c2.png); background-position: -44px -60px; background-repeat: no-repeat; overflow: hidden; display: block; height: 35px; width: 61px; font: 0/0 a; text-shadow: none; color: transparent; }
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min--moz-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 144dpi) { footer .logo-icon-tzannes { background-image: url(../../../../../../themes/tzannes/images/spritesretina-scf9fafbbea.png); background-size: 110px 205px; background-position: -44px -60px; height: 35px; width: 61px; } }

.single footer, .archive:not(.category) footer, .page:not(.home) footer { background-color: rgba(249, 245, 242, 0.95); }
.single.post-type-archive-expertise footer, .single.single-expertise footer, .single.single-post footer, .single.page-profile footer, .archive:not(.category).post-type-archive-expertise footer, .archive:not(.category).single-expertise footer, .archive:not(.category).single-post footer, .archive:not(.category).page-profile footer, .page:not(.home).post-type-archive-expertise footer, .page:not(.home).single-expertise footer, .page:not(.home).single-post footer, .page:not(.home).page-profile footer { background-color: rgba(255, 255, 255, 0.95); }

nav { font-size: 1.4rem; }
nav #main-nav-toggle { display: none; }
nav#main-nav { text-align: right; margin-bottom: 0; }
nav#main-nav a { padding-bottom: 0; margin-bottom: 0; border-bottom: none !important; }
nav#main-nav li { display: inline-block; margin-right: 2%; margin-bottom: 0; color: #7f7f7f; }
nav#main-nav li:last-child { margin-right: 0; }
nav#main-nav li:hover { color: #de5c51; }
nav#main-nav li.current-menu-item, nav#main-nav li.current_page_item, nav#main-nav li.current_page_parent { color: #000000; }
nav#main-nav li.current-menu-item:hover, nav#main-nav li.current_page_item:hover, nav#main-nav li.current_page_parent:hover { color: #de5c51; }

#filters #filter-list li, #filters #expertise-list li, #expertise #filter-list li, #expertise #expertise-list li { display: inline-block; }
#filters #filter-list li a, #filters #expertise-list li a, #expertise #filter-list li a, #expertise #expertise-list li a { border: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
#filters #filter-list li.current, #filters #expertise-list li.current, #expertise #filter-list li.current, #expertise #expertise-list li.current { color: #de5c51; }
#filters #filter-list li.current:after, #filters #expertise-list li.current:after, #expertise #filter-list li.current:after, #expertise #expertise-list li.current:after { color: #7f7f7f; }
#filters #filter-list li.current:hover a, #filters #expertise-list li.current:hover a, #expertise #filter-list li.current:hover a, #expertise #expertise-list li.current:hover a { color: #de5c51; }
#filters #filter-list li.title, #filters #expertise-list li.title, #expertise #filter-list li.title, #expertise #expertise-list li.title { float: none; display: block; color: #000000; }
#filters #filter-list li.title:after, #filters #expertise-list li.title:after, #expertise #filter-list li.title:after, #expertise #expertise-list li.title:after { content: ""; }
#filters #filter-list li:hover > a, #filters #expertise-list li:hover > a, #expertise #filter-list li:hover > a, #expertise #expertise-list li:hover > a { color: #000000; }
#filters #filter-list li:after, #filters #expertise-list li:after, #expertise #filter-list li:after, #expertise #expertise-list li:after { content: " /"; }
#filters #filter-list li:last-child:after, #filters #expertise-list li:last-child:after, #expertise #filter-list li:last-child:after, #expertise #expertise-list li:last-child:after { content: ""; }

#a-feature { overflow: hidden; height: 100%; }
#a-feature a { border: none; }
#a-feature .slide { position: relative; height: 100%; background-position: center center; background-size: 100%; background-size: cover; background-repeat: no-repeat; }
#a-feature .slide img { visibility: hidden; height: 100%; }
#a-feature .slide-link { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 1000; }
#a-feature .slide-content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2.4rem; background: rgba(255, 255, 255, 0.9); z-index: 2000; }
#a-feature .slide-content .container { visibility: hidden; }
#a-feature .slide-content h2, #a-feature .slide-content h3 { font-weight: 300; font-size: 24px; line-height: 32px; }
#a-feature .slide-content h3 { color: #7f7f7f; }
#a-feature .slide-content a { display: inline-block; margin-top: 3px; }
#a-feature button.slick-next, #a-feature button.slick-prev { margin-top: 0; top: 0; width: 10%; height: 100%; }
#a-feature button.slick-next:before, #a-feature button.slick-prev:before { display: none; }
#a-feature button.slick-next { right: 0; }
#a-feature button.slick-prev { left: 0; height: 90%; }
#a-feature .slick-dots { bottom: 160px; text-align: left; max-width: 1440px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#a-feature .slick-dots li { width: 8px; height: 8px; }
#a-feature .slick-dots li button { position: relative; width: 8px; height: 8px; }
#a-feature .slick-dots li button:before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; border-radius: 100%; background-color: #ffffff; }

#projects-index { min-height: 75%; }

#expertise-index .container { padding: 2% 0 4%; }
#expertise-index .container .row { padding: 0; }

.project, .expertise { position: relative; background-color: #e5e5e5; background-position: center center; background-size: 100%; background-size: cover; background-repeat: no-repeat; }
.project .overlay, .expertise .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 2.4rem; background-color: rgba(222, 92, 81, 0); -moz-transition-property: opacity,background-color; -o-transition-property: opacity,background-color; -webkit-transition-property: opacity,background-color; transition-property: opacity,background-color; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: "ease-in"; -o-transition-timing-function: "ease-in"; -webkit-transition-timing-function: "ease-in"; transition-timing-function: "ease-in"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.project .overlay .tile-points, .project .overlay .awards, .project .overlay h4, .expertise .overlay .tile-points, .expertise .overlay .awards, .expertise .overlay h4 { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: "ease-in"; -o-transition-timing-function: "ease-in"; -webkit-transition-timing-function: "ease-in"; transition-timing-function: "ease-in"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.project .overlay .awards, .expertise .overlay .awards { position: absolute; width: 85%; bottom: 24px; }
.project .overlay .awards .award, .project .overlay .awards .award > .cta:hover, .expertise .overlay .awards .award, .expertise .overlay .awards .award > .cta:hover { color: #000000 !important; }
.project.portrait, .expertise.portrait { background-position: center center; background-size: 100%; background-size: cover; background-repeat: no-repeat; }
.project:hover .overlay, .expertise:hover .overlay { background-color: rgba(222, 92, 81, 0.8); }
.project:hover .overlay h3, .expertise:hover .overlay h3 { color: #ffffff; }
.project:hover .overlay .tile-points, .project:hover .overlay .awards, .project:hover .overlay h4, .expertise:hover .overlay .tile-points, .expertise:hover .overlay .awards, .expertise:hover .overlay h4 { color: #000000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; }

.project { margin: 0 !important; }

.expertise { margin-bottom: 2%; }

.single-projects #slideshow button.slick-next { margin-top: 0; top: 0; width: 80%; height: 100%; }
.single-projects #slideshow button.slick-next:before { display: none; }

#slideshow { position: relative; width: 100%; border: none; padding: 0; overflow: hidden; }
#slideshow h2 { width: 100%; padding: 0 28px; font-size: 6.4rem; font-weight: 300; color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; }
#slideshow .slide { height: 100%; }
#slideshow .slick-slider { margin-bottom: 0; }
#slideshow button.slick-next, #slideshow button.slick-prev { margin-top: 0; top: 0; width: 10%; height: 100%; }
#slideshow button.slick-next:before, #slideshow button.slick-prev:before { display: none; }
#slideshow button.slick-next { right: 0; }
#slideshow button.slick-prev { left: 0; height: 80%; z-index: 2000; }
#slideshow .slick-dots { bottom: 20px; left: 20px; text-align: left; }
#slideshow .slick-dots li { width: 8px; height: 8px; }
#slideshow .slick-dots li button { position: relative; width: 8px; height: 8px; }
#slideshow .slick-dots li button:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -4px; width: 8px; height: 8px; border-radius: 100%; background-color: #ffffff; }
#slideshow .slick-dots li img { display: none; }
#slideshow .slick-slide img { width: 100%; }

#linked-projects, #expertise-content, #people-content, #related-posts { padding: 2% 0 4%; }
#linked-projects .row, #expertise-content .row, #people-content .row, #related-posts .row { padding-bottom: 0; }
#linked-projects .row#directors, #expertise-content .row#directors, #people-content .row#directors, #related-posts .row#directors { padding-bottom: 4%; }
#linked-projects .row#directors .person, #expertise-content .row#directors .person, #people-content .row#directors .person, #related-posts .row#directors .person { float: left; width: 18.4%; }
#linked-projects .thumb, #expertise-content .thumb, #people-content .thumb, #related-posts .thumb { overflow: hidden; }
#linked-projects .thumb > h4, #linked-projects .thumb h5, #linked-projects .thumb h6, #expertise-content .thumb > h4, #expertise-content .thumb h5, #expertise-content .thumb h6, #people-content .thumb > h4, #people-content .thumb h5, #people-content .thumb h6, #related-posts .thumb > h4, #related-posts .thumb h5, #related-posts .thumb h6 { -moz-transition-property: opacity,color; -o-transition-property: opacity,color; -webkit-transition-property: opacity,color; transition-property: opacity,color; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
#linked-projects .thumb .thumbnail, #expertise-content .thumb .thumbnail, #people-content .thumb .thumbnail, #related-posts .thumb .thumbnail { background-color: #de5c51; margin-bottom: 1.4rem; }
#linked-projects .thumb .thumbnail img, #expertise-content .thumb .thumbnail img, #people-content .thumb .thumbnail img, #related-posts .thumb .thumbnail img { width: 100.5%; -moz-transition-property: opacity,color; -o-transition-property: opacity,color; -webkit-transition-property: opacity,color; transition-property: opacity,color; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
#linked-projects .thumb:hover img, #expertise-content .thumb:hover img, #people-content .thumb:hover img, #related-posts .thumb:hover img { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")"; filter: alpha(opacity=20); zoom: 1; }
#linked-projects .thumb:hover > h4, #linked-projects .thumb:hover h5, #expertise-content .thumb:hover > h4, #expertise-content .thumb:hover h5, #people-content .thumb:hover > h4, #people-content .thumb:hover h5, #related-posts .thumb:hover > h4, #related-posts .thumb:hover h5 { color: #de5c51; }
#linked-projects .person .thumbnail, #expertise-content .person .thumbnail, #people-content .person .thumbnail, #related-posts .person .thumbnail { margin: 4% 0; }

.column #filters { padding: 0; }

.single-expertise #content { padding-bottom: 4%; }

.page-profile #video.row, .page-profile-cn #video.row { padding-top: 0; padding-bottom: 2%; }
.page-profile .person, .page-profile-cn .person { position: relative; margin-bottom: 40px; }
.page-profile #presspack.row, .page-profile-cn #presspack.row { padding-top: 0; padding-bottom: 4%; }
.page-profile #sustainability-header, .page-profile-cn #sustainability-header { padding-bottom: 0; }
.page-profile #sustainability-slideshow .slide h3, .page-profile-cn #sustainability-slideshow .slide h3 { clear: both; font-size: 4rem; font-weight: 300; color: #ffffff; padding: 4rem 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-profile .sustainability-slideshow-nav, .page-profile-cn .sustainability-slideshow-nav { padding: 3rem 0; }
.page-profile .sustainability-slideshow-nav a, .page-profile-cn .sustainability-slideshow-nav a { border: none; padding: 1rem 1.5rem; border-right: 1px solid #cccccc; margin-bottom: 0; color: #7f7f7f; }
.page-profile .sustainability-slideshow-nav a.active, .page-profile .sustainability-slideshow-nav a.active:hover, .page-profile-cn .sustainability-slideshow-nav a.active, .page-profile-cn .sustainability-slideshow-nav a.active:hover { color: #de5c51; }
.page-profile .sustainability-slideshow-nav a:hover, .page-profile-cn .sustainability-slideshow-nav a:hover { color: #000000; }
.page-profile .sustainability-slideshow-nav a:first-child, .page-profile-cn .sustainability-slideshow-nav a:first-child { padding-left: 0; }
.page-profile .sustainability-slideshow-nav a:last-child, .page-profile-cn .sustainability-slideshow-nav a:last-child { border-color: transparent; }
.page-profile #nominated-architects p, .page-profile-cn #nominated-architects p { padding: 0 24px 0 0; }
.page-profile #nominated-architects p:nth-child(4n+1), .page-profile-cn #nominated-architects p:nth-child(4n+1) { padding-right: 0; }
.page-profile #nominated-architects h5:last-of-type, .page-profile-cn #nominated-architects h5:last-of-type { margin-top: 25px; }
.page-profile #slideshow-profile, .page-profile-cn #slideshow-profile { padding: 0; overflow: hidden; }
.page-profile #slideshow-profile .slideshow, .page-profile #slideshow-profile .slide, .page-profile-cn #slideshow-profile .slideshow, .page-profile-cn #slideshow-profile .slide { height: 100%; }
.page-profile #slideshow-profile .slide, .page-profile-cn #slideshow-profile .slide { position: relative; background-position: center center; background-size: 100%; background-size: cover; background-repeat: no-repeat; }
.page-profile #slideshow-profile .slide .slide-content, .page-profile-cn #slideshow-profile .slide .slide-content { visibility: hidden; font-weight: 300; font-size: 6.4rem; line-height: 1em; color: #ffffff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.page-profile #slideshow-profile .slide .slide-content em, .page-profile-cn #slideshow-profile .slide .slide-content em { font-style: normal; color: #de5c51; }
.page-profile #slideshow-profile button.slick-next, .page-profile #slideshow-profile button.slick-prev, .page-profile-cn #slideshow-profile button.slick-next, .page-profile-cn #slideshow-profile button.slick-prev { margin-top: 0; top: 0; width: 10%; height: 100%; }
.page-profile #slideshow-profile button.slick-next:before, .page-profile #slideshow-profile button.slick-prev:before, .page-profile-cn #slideshow-profile button.slick-next:before, .page-profile-cn #slideshow-profile button.slick-prev:before { display: none; }
.page-profile #slideshow-profile button.slick-next, .page-profile-cn #slideshow-profile button.slick-next { right: 0; }
.page-profile #slideshow-profile button.slick-prev, .page-profile-cn #slideshow-profile button.slick-prev { left: 0; }
.page-profile #slideshow-profile .slick-dots, .page-profile-cn #slideshow-profile .slick-dots { bottom: 40px; }
.page-profile #slideshow-profile .slick-dots li, .page-profile-cn #slideshow-profile .slick-dots li { width: 8px; height: 8px; }
.page-profile #slideshow-profile .slick-dots li button, .page-profile-cn #slideshow-profile .slick-dots li button { position: relative; width: 8px; height: 8px; }
.page-profile #slideshow-profile .slick-dots li button:before, .page-profile-cn #slideshow-profile .slick-dots li button:before { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 8px; height: 8px; border-radius: 100%; background-color: #ffffff; }

.blog, .category { background-color: #ece9e4; }

#journal { -moz-transition-property: height; -o-transition-property: height; -webkit-transition-property: height; transition-property: height; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -webkit-transition-duration: 400ms; transition-duration: 400ms; -moz-transition-timing-function: "ease-in"; -o-transition-timing-function: "ease-in"; -webkit-transition-timing-function: "ease-in"; transition-timing-function: "ease-in"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }

#journal .cta { font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; }

#journal-filters { background-color: #f9f5f2; }
#journal-filters > .container h4 { float: left; width: 50%; padding: 2% 0; }
#journal-filters #emailFormFilter { float: right; width: 40%; color: #7f7f7f; padding: 2% 0; }
#journal-filters #emailFormFilter .message { float: left; padding-top: 0.5rem; width: 20%; }
#journal-filters #emailFormFilter .formFields { float: left; width: 80%; }
#journal-filters #emailFormFilter .formFields label, #journal-filters #emailFormFilter .formFields br { display: none; }
#journal-filters #emailFormFilter .formFields input { position: relative; float: left; width: 49%; background-color: #ffffff; padding: 1rem; margin-right: 0.5%; }
#journal-filters #emailFormFilter .formFields button { display: none; }
#journal-filters #filter-list { background-color: #de5c51; color: #ffffff; height: 0; overflow: hidden; padding: 0; }
#journal-filters #filter-list .row { padding-bottom: 2%; }
#journal-filters #filter-list li { display: block; }
#journal-filters #filter-list li a { color: #ffffff; }
#journal-filters #filter-list li a:before { content: "– "; }
#journal-filters #filter-list li a.cat-media, #journal-filters #filter-list li a.cat-press-releases { color: #000000; }
#journal-filters #filter-list li a.cat-media:before, #journal-filters #filter-list li a.cat-press-releases:before { color: #000000; }
#journal-filters #filter-list .close { color: #000000; }
#journal-filters #filter-list.open { padding-bottom: 1%; }

.category-list { padding-top: 8%; font-size: 1.6rem; line-height: 2.4rem; font-weight: 500; }
.category-list li { display: inline-block; color: #de5c51; }
.category-list li:after { content: " /"; }
.category-list li:last-child:after { content: ""; }

.post-single .subtitle { color: #7f7f7f !important; }
.post-single .content { font-size: 2rem; }
.post-single .content p { margin-bottom: 1em; }
.post-single .section-wrap-projects { background-color: #f9f5f2; }

.entry .thumbnail { background-color: #de5c51; -moz-transition-property: opacity,color; -o-transition-property: opacity,color; -webkit-transition-property: opacity,color; transition-property: opacity,color; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.entry .thumbnail img { -moz-transition-property: opacity,color; -o-transition-property: opacity,color; -webkit-transition-property: opacity,color; transition-property: opacity,color; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
.entry:hover .thumbnail > img { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")"; filter: alpha(opacity=20); zoom: 1; }
.entry.column .thumbnail, .entry.columns .thumbnail { margin-bottom: 8%; }
.entry.u-full-width .thumbnail { position: relative; }
.entry.u-full-width .thumbnail .mobile { display: none; }
.entry .excerpt, .entry .content { font-size: 2rem; }
.entry .excerpt p, .entry .content p { margin-bottom: 1em; }

.loaded.post-row .entry { visibility: hidden; }

#load-more { background-color: #f9f5f2; text-align: center; color: #de5c51; cursor: pointer; -moz-transition-property: color,background-color; -o-transition-property: color,background-color; -webkit-transition-property: color,background-color; transition-property: color,background-color; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; -webkit-transition-duration: 400ms; transition-duration: 400ms; -moz-transition-timing-function: "linear"; -o-transition-timing-function: "linear"; -webkit-transition-timing-function: "linear"; transition-timing-function: "linear"; -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; }
#load-more .row { padding-bottom: 2%; }
#load-more:hover { color: #f9f5f2; background-color: #de5c51; }

@media only screen and (min-width: 1px) and (max-width: 520px) { #emailFormFilter { display: none; }
  body { font-size: 125%; padding-top: 64px; }
  header { height: 64px; }
  header .row { padding: 22px 0; }
  .container { padding: 0 !important; }
  .split-row, .column, .columns { width: 100%; float: left; padding-right: 0 !important; padding-left: 0 !important; margin: 0 !important; }
  .thumb .overlay h3, .person .overlay h3, .project .overlay h3, .expertise .overlay h3 { font-size: 1.6rem; line-height: 2.4rem; }
  .large, #filters, .tile-points, #journal-filters h4, #load-more { font-size: 1.6rem; line-height: 2.4rem; font-weight: 500 !important; }
  .large h3, #filters h3, .tile-points h3, #journal-filters h4 h3, #load-more h3, .large h2, #filters h2, .tile-points h2, #journal-filters h4 h2, #load-more h2 { font-weight: 500 !important; }
  .large p, #filters p, .tile-points p, #journal-filters h4 p, #load-more p { width: 100% !important; }
  #slideshow-profile .slideshow .slide-content { font-size: 4rem !important; }
  #careers #content-columns { width: 100%; }
  #careers #content-columns h4, #careers #content-columns p { width: 100%; font-size: 1.4rem; line-height: 2.4rem; }
  #expertise-content h3 { padding-bottom: 24px; }
  h1 { position: relative; width: 50%; z-index: 5000; }
  nav#main-nav { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; padding: 80px 5% 0 !important; text-align: left; background-color: rgba(249, 245, 242, 0); z-index: 1000; }
  nav#main-nav #main-nav-toggle { position: fixed; top: 21px; right: 5%; display: block; width: 24px; height: 24px; z-index: 6000; }
  nav#main-nav #main-nav-toggle:before { position: absolute; top: 50%; left: 0; margin-top: -12px; font-size: 24px; line-height: 24px; }
  nav#main-nav li { visibility: hidden; display: block; font-size: 2.4rem; font-weight: 300; }
  nav#main-nav.active { z-index: 1000; }
  #a-feature .container { width: 100% !important; height: 100% !important; }
  #a-feature .slide-content { position: absolute; width: 100% !important; bottom: 0; left: 0; }
  #a-feature .slide-content.boxed, #a-feature .slide-content.transparent { padding: 2.4rem; background: rgba(255, 255, 255, 0.9); }
  #a-feature .slide-content.boxed h2, #a-feature .slide-content.transparent h2 { color: #000000; }
  #a-feature .slide-content h3 { display: none; }
  #a-feature .slide-content h2 { width: 70%; font-size: 2rem !important; line-height: 3.2rem !important; float: left; }
  #a-feature .slide-content .cta { width: 30%; padding-top: 2px; float: right; text-align: right; }
  #a-feature .slick-dots { bottom: 104px; }
  #projects-index #filters .row { padding: 24px 0 40px; }
  #projects-index #filters #filter-list li.title { display: inline-block; margin-right: 2.4rem; }
  #projects-index .container .row { padding: 24px 0 40px; }
  #projects-index .gutter-sizer { width: 24px; height: 24px; }
  .projects-single .container, .expertise-single .container, .profile .container { width: 100%; }
  .projects-single .container #content, .projects-single .container #content-columns, .projects-single .container #extras, .projects-single .container #presspack, .expertise-single .container #content, .expertise-single .container #content-columns, .expertise-single .container #extras, .expertise-single .container #presspack, .profile .container #content, .profile .container #content-columns, .profile .container #extras, .profile .container #presspack { padding: 24px 0 40px; width: 90%; margin: 0 auto; }
  .projects-single .container #content h2, .projects-single .container #content h3, .projects-single .container #content h4, .projects-single .container #content-columns h2, .projects-single .container #content-columns h3, .projects-single .container #content-columns h4, .projects-single .container #extras h2, .projects-single .container #extras h3, .projects-single .container #extras h4, .projects-single .container #presspack h2, .projects-single .container #presspack h3, .projects-single .container #presspack h4, .expertise-single .container #content h2, .expertise-single .container #content h3, .expertise-single .container #content h4, .expertise-single .container #content-columns h2, .expertise-single .container #content-columns h3, .expertise-single .container #content-columns h4, .expertise-single .container #extras h2, .expertise-single .container #extras h3, .expertise-single .container #extras h4, .expertise-single .container #presspack h2, .expertise-single .container #presspack h3, .expertise-single .container #presspack h4, .profile .container #content h2, .profile .container #content h3, .profile .container #content h4, .profile .container #content-columns h2, .profile .container #content-columns h3, .profile .container #content-columns h4, .profile .container #extras h2, .profile .container #extras h3, .profile .container #extras h4, .profile .container #presspack h2, .profile .container #presspack h3, .profile .container #presspack h4 { font-weight: 500 !important; padding-bottom: 24px; }
  .projects-single .container #presspack, .expertise-single .container #presspack, .profile .container #presspack { padding-top: 0; margin-top: -40px; }
  .projects-single .container #content h2, .expertise-single .container #content h2, .profile .container #content h2 { padding-bottom: 0; }
  .projects-single .container #content-columns h3, .expertise-single .container #content-columns h3, .profile .container #content-columns h3 { padding-bottom: 0; }
  .projects-single .container #content-columns .column, .expertise-single .container #content-columns .column, .profile .container #content-columns .column { padding-bottom: 24px; }
  .projects-single .section-wrap-projects .container, .expertise-single .section-wrap-projects .container, .profile .section-wrap-projects .container { width: 90%; }
  .projects-single .section-wrap-projects .container #linked-projects, .expertise-single .section-wrap-projects .container #linked-projects, .profile .section-wrap-projects .container #linked-projects { padding: 24px 0 40px; }
  .projects-single .section-wrap-projects .container #linked-projects h4, .expertise-single .section-wrap-projects .container #linked-projects h4, .profile .section-wrap-projects .container #linked-projects h4 { padding-bottom: 16px; }
  .projects-single .section-wrap-projects .container .thumb, .expertise-single .section-wrap-projects .container .thumb, .profile .section-wrap-projects .container .thumb { width: 50%; padding-bottom: 5%; }
  .projects-single .section-wrap-projects .container .thumb:nth-child(2n+1), .expertise-single .section-wrap-projects .container .thumb:nth-child(2n+1), .profile .section-wrap-projects .container .thumb:nth-child(2n+1) { padding-right: 2.5% !important; }
  .projects-single .section-wrap-projects .container .thumb:nth-child(2n), .expertise-single .section-wrap-projects .container .thumb:nth-child(2n), .profile .section-wrap-projects .container .thumb:nth-child(2n) { padding-left: 2.5% !important; }
  #expertise-index .container .row { padding: 24px 0 40px; }
  #expertise-index #expertise-container { padding-bottom: 40px !important; }
  #expertise-index #expertise-container .row { padding-bottom: 0; }
  #expertise-index #expertise-container .expertise { margin-bottom: 24px !important; }
  #expertise-index #expertise-container .expertise:nth-child(2n) { margin-bottom: 0 !important; }
  .expertise-single #content.row { padding-bottom: 0; }
  .expertise-single #content.row .column { padding-bottom: 24px !important; }
  .expertise-single hr { display: none; }
  .expertise-single .section-wrap-projects .container { width: 100%; }
  .expertise-single .section-wrap-projects .container #linked-projects #case-studies, .expertise-single .section-wrap-projects .container #linked-projects #awards { border-top: 1px solid rgba(222, 92, 81, 0.5); padding: 24px 5% 40px !important; }
  .profile #expertise-content, .profile #people-content, .profile #careers, .profile #sustainability { padding: 24px 5% 40px !important; }
  .profile #expertise-content #sustainability-slideshow .slide h3, .profile #people-content #sustainability-slideshow .slide h3, .profile #careers #sustainability-slideshow .slide h3, .profile #sustainability #sustainability-slideshow .slide h3 { position: static; -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  .profile #expertise-content h4, .profile #people-content h4, .profile #careers h4, .profile #sustainability h4 { padding-bottom: 24px; }
  .profile #expertise-content .row, .profile #people-content .row, .profile #careers .row, .profile #sustainability .row { padding-top: 0; }
  .profile #expertise-content .thumb, .profile #people-content .thumb, .profile #careers .thumb, .profile #sustainability .thumb { padding-bottom: 5%; }
  .profile #expertise-content .thumb h5, .profile #people-content .thumb h5, .profile #careers .thumb h5, .profile #sustainability .thumb h5 { font-size: 1.4rem; line-height: 2.4rem; }
  .profile #expertise-content .person, .profile #people-content .person, .profile #careers .person, .profile #sustainability .person { width: 49%; padding-bottom: 40px; }
  .profile #expertise-content .person:nth-child(2n+1), .profile #people-content .person:nth-child(2n+1), .profile #careers .person:nth-child(2n+1), .profile #sustainability .person:nth-child(2n+1) { margin-left: 0; }
  .profile #expertise-content .person h5, .profile #people-content .person h5, .profile #careers .person h5, .profile #sustainability .person h5 { font-size: 1.4rem; line-height: 2.4rem; }
  .profile #expertise-content .person .bio, .profile #people-content .person .bio, .profile #careers .person .bio, .profile #sustainability .person .bio { font-size: 1.4rem; line-height: 2.4rem; }
  .profile #expertise-content .person .bio p, .profile #people-content .person .bio p, .profile #careers .person .bio p, .profile #sustainability .person .bio p { width: 100%; }
  .profile #expertise-content .person .cta, .profile #people-content .person .cta, .profile #careers .person .cta, .profile #sustainability .person .cta { font-size: 1.4rem; line-height: 2.4rem; }
  .profile #expertise-content #team > div, .profile #people-content #team > div, .profile #careers #team > div, .profile #sustainability #team > div { padding-top: 24px; padding-bottom: 40px; }
  .profile #expertise-content #team > div#team-members p, .profile #people-content #team > div#team-members p, .profile #careers #team > div#team-members p, .profile #sustainability #team > div#team-members p { -webkit-columns: 2; /* Chrome, Safari, Opera */ -moz-columns: 2; /* Firefox */ columns: 2; -webkit-column-gap: px; /* Chrome, Safari, Opera */ -moz-column-gap: px; /* Firefox */ column-gap: px; }
  .profile #expertise-content #team > div#nominated-architects, .profile #people-content #team > div#nominated-architects, .profile #careers #team > div#nominated-architects, .profile #sustainability #team > div#nominated-architects { width: 100%; }
  .profile #expertise-content #team > div#nominated-architects p, .profile #people-content #team > div#nominated-architects p, .profile #careers #team > div#nominated-architects p, .profile #sustainability #team > div#nominated-architects p { width: 50%; }
  #journal-filters .container { padding: 13px 0 !important; font-size: 1.6rem; line-height: 2.8rem; -webkit-overflow-scrolling: touch; }
  #journal-filters .icon-filter, #journal-filters .icon-close { font-size: 2.4rem !important; line-height: 2.4rem !important; }
  #journal-filters .cta.close { display: none; margin-left: 20px; }
  #journal-filters #filter-list.open .container { width: 100%; height: 100%; padding-bottom: 24px; overflow-x: hidden; }
  #journal-filters #filter-list.open .container .row { padding: 0 20px; margin-bottom: 16px; width: 110%; height: 90%; }
  #journal-filters #filter-list.open .container .cta { font-size: 1.4rem; line-height: 2.4rem; }
  #journal-filters #filter-list .container { width: 100%; height: 100%; padding-bottom: 24px; overflow-x: hidden; }
  #journal-filters #filter-list .container .row { padding: 0 20px; margin-bottom: 16px; width: 110%; height: 90%; }
  #journal-filters #filter-list .container .cta { font-size: 1.4rem; line-height: 2.4rem; }
  #load-more { padding: 16px 0; }
  #journal .mobile, #archive .mobile { display: block; margin-bottom: 8%; }
  #journal .split-row > div, #archive .split-row > div { padding-top: 24px; }
  #journal .attachment-feature-journal, #journal .excerpt, #journal hr, #archive .attachment-feature-journal, #archive .excerpt, #archive hr { display: none; }
  #journal #posts, #archive #posts { width: 100%; }
  #journal .post-row, #archive .post-row { padding: 0 !important; }
  #journal .entry, #archive .entry { visibility: visible; padding-bottom: 24px; }
  #journal .entry .large, #journal .entry #filters, #journal .entry .tile-points, #journal .entry #journal-filters h4, #journal-filters #journal .entry h4, #journal .entry #load-more, #journal .entry .large h4, #journal .entry #filters h4, #journal .entry .tile-points h4, #journal .entry #journal-filters h4 h4, #journal-filters #journal .entry h4 h4, #journal .entry #load-more h4, #journal .entry .subtitle, #archive .entry .large, #archive .entry #filters, #archive .entry .tile-points, #archive .entry #journal-filters h4, #journal-filters #archive .entry h4, #archive .entry #load-more, #archive .entry .large h4, #archive .entry #filters h4, #archive .entry .tile-points h4, #archive .entry #journal-filters h4 h4, #journal-filters #archive .entry h4 h4, #archive .entry #load-more h4, #archive .entry .subtitle { font-weight: 500 !important; }
  #journal .entry .category-list, #archive .entry .category-list { font-size: 1.4rem; line-height: 1.6rem; }
  #journal .entry:after, #archive .entry:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
  #journal .entry > div, #archive .entry > div { width: 90%; margin: 0 auto; padding-bottom: 24px; }
  #journal .loaded .entry > a, #archive .loaded .entry > a { width: 90%; margin: 0 auto; padding-bottom: 24px; }
  .post-single > .container { width: 100%; }
  .post-single > .container .category-list { font-size: 1.4rem; line-height: 1.6rem; }
  .post-single > .container #content, .post-single > .container #extras { padding: 24px 0 0; width: 90%; margin: 0 auto; }
  .post-single > .container #content .content, .post-single > .container #extras .content { padding: 24px 0 0; font-size: 1.4rem; line-height: 2.4rem; }
  .post-single > .container #content h2, .post-single > .container #content h3, .post-single > .container #content h4, .post-single > .container #extras h2, .post-single > .container #extras h3, .post-single > .container #extras h4 { font-weight: 500 !important; padding-bottom: 24px; }
  .post-single > .container #content h2 { padding-bottom: 0; }
  .post-single > .container #content-columns h3 { padding-bottom: 0; }
  .post-single > .container #content-columns .column { padding-bottom: 24px; }
  .post-single #related-posts { padding: 0; }
  .post-single #related-posts .yarpp-related { width: 90%; margin: 0 auto !important; padding: 24px 0 40px; }
  .post-single #related-posts .yarpp-related h4 { padding-bottom: 16px; }
  .post-single #related-posts .yarpp-related .thumb { padding-bottom: 24px; }
  .post-single #related-posts .yarpp-related .thumb h5, .post-single #related-posts .yarpp-related .thumb h6 { font-size: 1.4rem; line-height: 2.4rem; }
  .post-single .section-wrap-projects .container { width: 90%; }
  .post-single .section-wrap-projects .container #linked-projects { padding: 24px 0 40px; }
  .post-single .section-wrap-projects .container #linked-projects h4 { padding-bottom: 16px; }
  .post-single .section-wrap-projects .container .thumb { width: 50%; padding-bottom: 5%; }
  .post-single .section-wrap-projects .container .thumb:nth-child(2n+1) { padding-right: 2.5% !important; }
  .post-single .section-wrap-projects .container .thumb:nth-child(2n) { padding-left: 2.5% !important; }
  .post-single #extras { padding-bottom: 40px !important; }
  .post-single .share { font-size: 1.4rem; line-height: 2.4rem; }
  footer { font-size: 1.1rem; }
  footer h5 { font-size: 1.3rem; }
  footer .row { height: 296px; }
  footer .columns { width: 50% !important; padding-bottom: 4%; }
  footer .columns:nth-child(2n+1) { padding-right: 5% !important; }
  footer .columns:nth-child(2n) { padding-left: 5% !important; }
  footer #emailForm input { width: 100%; }
  footer .logo-icon-tzannes { bottom: 0; left: 0; }
  #linked-projects .row#directors .person, #expertise-content .row#directors .person, #people-content .row#directors .person, #related-posts .row#directors .person { width: 100%; float: none; } }
@media only screen and (min-width: 521px) and (max-width: 1024px) { #emailFormFilter { display: none; }
  body { font-size: 125%; padding-top: 64px; }
  header { height: 64px; }
  header .row { padding: 22px 0; }
  .thumb .overlay h3, .person .overlay h3, .project .overlay h3, .expertise .overlay h3 { font-size: 1.6rem; line-height: 2.4rem; }
  .large, #filters, .tile-points, #journal-filters h4, #load-more { font-size: 1.6rem; line-height: 2.4rem; font-weight: 500 !important; }
  .large h3, #filters h3, .tile-points h3, #journal-filters h4 h3, #load-more h3, .large h2, #filters h2, .tile-points h2, #journal-filters h4 h2, #load-more h2 { font-weight: 500 !important; }
  .large p, #filters p, .tile-points p, #journal-filters h4 p, #load-more p { width: 100% !important; }
  #slideshow-profile .slideshow .slide-content { font-size: 4rem !important; }
  h1 { position: relative; width: 50%; z-index: 5000; }
  nav#main-nav { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; padding: 80px 5% 0 !important; text-align: left; background-color: rgba(249, 245, 242, 0); z-index: 1000; }
  nav#main-nav #main-nav-toggle { position: fixed; top: 21px; right: 5%; display: block; width: 24px; height: 24px; z-index: 6000; }
  nav#main-nav #main-nav-toggle:before { position: absolute; top: 50%; left: 0; margin-top: -12px; font-size: 24px; line-height: 24px; }
  nav#main-nav li { visibility: hidden; display: block; font-size: 2.4rem; font-weight: 300; }
  nav#main-nav.active { z-index: 1000; }
  #a-feature .container { width: 100% !important; height: 100% !important; }
  #a-feature .slide-content { position: absolute; width: 100% !important; bottom: 0; left: 0; }
  #a-feature .slide-content.boxed, #a-feature .slide-content.transparent { padding: 2.4rem; background: rgba(255, 255, 255, 0.9); }
  #a-feature .slide-content.boxed h2, #a-feature .slide-content.transparent h2 { color: #000000; }
  #a-feature .slide-content h3 { display: none; }
  #a-feature .slide-content h2 { width: 70%; font-size: 2rem !important; line-height: 3.2rem !important; float: left; }
  #a-feature .slide-content .cta { width: 30%; padding-top: 2px; float: right; text-align: right; }
  #a-feature .slick-dots { bottom: 104px; }
  #directors .person { width: 32% !important; margin-left: 2% !important; }
  #directors .person:nth-child(1), #directors .person:nth-child(4) { margin-left: 0 !important; }
  #careers #content-columns p, #careers #content-columns h4 { font-size: 1.4rem; line-height: 2.4rem; }
  #projects-index #filters .row { padding: 24px 0 40px; }
  #projects-index #filters #filter-list li.title { display: inline-block; margin-right: 2.4rem; }
  #projects-index .container .row { padding: 24px 0 40px; }
  #projects-index .gutter-sizer { width: 24px; height: 24px; }
  #projects-index .project { width: 48%; }
  #journal-filters .container { padding: 13px 0 !important; font-size: 1.6rem; line-height: 2.8rem; }
  #journal-filters .icon-filter, #journal-filters .icon-close { font-size: 2.4rem !important; line-height: 2.4rem !important; }
  #journal-filters .cta.close { display: none; margin-left: 20px; }
  #journal-filters #filter-list.open .container { width: 100%; height: 100%; padding-bottom: 24px; overflow-x: hidden; }
  #journal-filters #filter-list.open .container .row { padding: 0 20px; margin-bottom: 16px; width: 110%; height: 90%; }
  #journal-filters #filter-list.open .container .cta { font-size: 1.4rem; line-height: 2.4rem; }
  #journal-filters #filter-list .container { width: 100%; height: 100%; padding-bottom: 24px; overflow-x: hidden; }
  #journal-filters #filter-list .container .row { padding: 0 20px; margin-bottom: 16px; width: 110%; height: 90%; }
  #journal-filters #filter-list .container .cta { font-size: 1.4rem; line-height: 2.4rem; }
  #load-more { padding: 16px 0; }
  #journal .mobile, #archive .mobile { display: block; margin-bottom: 8%; }
  #journal .split-row, #archive .split-row { width: 100%; }
  #journal .split-row > div, #archive .split-row > div { padding-top: 24px; }
  #journal .attachment-feature-journal, #journal .excerpt, #journal hr, #archive .attachment-feature-journal, #archive .excerpt, #archive hr { display: none; }
  #journal #posts, #archive #posts { width: 100%; }
  #journal .post-row, #archive .post-row { padding: 0 !important; }
  #journal .entry, #archive .entry { visibility: visible; padding-bottom: 24px; }
  #journal .entry .large, #journal .entry #filters, #journal .entry .tile-points, #journal .entry #journal-filters h4, #journal-filters #journal .entry h4, #journal .entry #load-more, #journal .entry .large h4, #journal .entry #filters h4, #journal .entry .tile-points h4, #journal .entry #journal-filters h4 h4, #journal-filters #journal .entry h4 h4, #journal .entry #load-more h4, #journal .entry .subtitle, #archive .entry .large, #archive .entry #filters, #archive .entry .tile-points, #archive .entry #journal-filters h4, #journal-filters #archive .entry h4, #archive .entry #load-more, #archive .entry .large h4, #archive .entry #filters h4, #archive .entry .tile-points h4, #archive .entry #journal-filters h4 h4, #journal-filters #archive .entry h4 h4, #archive .entry #load-more h4, #archive .entry .subtitle { font-weight: 500 !important; }
  #journal .entry .category-list, #archive .entry .category-list { font-size: 1.4rem; line-height: 1.6rem; }
  #journal .entry:after, #archive .entry:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
  #journal .entry > div, #archive .entry > div { width: 90%; margin: 0 auto; padding-bottom: 24px; }
  #journal .loaded .entry > a, #archive .loaded .entry > a { width: 90%; margin: 0 auto; padding-bottom: 24px; }
  .post-single .split-row { width: 100%; }
  .post-single > .container { width: 100%; }
  .post-single > .container .category-list { font-size: 1.4rem; line-height: 1.6rem; }
  .post-single > .container #content, .post-single > .container #extras { padding: 24px 0 0; width: 90%; margin: 0 auto; }
  .post-single > .container #content .column, .post-single > .container #extras .column { width: 100%; margin: 0; }
  .post-single > .container #content .content, .post-single > .container #extras .content { padding: 24px 0 0; font-size: 1.4rem; line-height: 2.4rem; }
  .post-single > .container #content h2, .post-single > .container #content h3, .post-single > .container #content h4, .post-single > .container #extras h2, .post-single > .container #extras h3, .post-single > .container #extras h4 { font-weight: 500 !important; padding-bottom: 24px; }
  .post-single > .container #content h2 { padding-bottom: 0; }
  .post-single > .container #content-columns h3 { padding-bottom: 0; }
  .post-single > .container #content-columns .column { padding-bottom: 24px; }
  .post-single #related-posts { padding: 0; }
  .post-single #related-posts .yarpp-related { width: 90%; margin: 0 auto !important; padding: 24px 0 40px; }
  .post-single #related-posts .yarpp-related h4 { padding-bottom: 16px; }
  .post-single #related-posts .yarpp-related .thumb { padding-bottom: 24px; }
  .post-single #related-posts .yarpp-related .thumb h5, .post-single #related-posts .yarpp-related .thumb h6 { font-size: 1.4rem; line-height: 2.4rem; }
  .post-single .section-wrap-projects .container { width: 90%; }
  .post-single .section-wrap-projects .container #linked-projects { padding: 24px 0 40px; }
  .post-single .section-wrap-projects .container #linked-projects h4 { padding-bottom: 16px; }
  .post-single .section-wrap-projects .container .thumb { width: 49%; padding-bottom: 5%; padding: none; margin-left: 2%; }
  .post-single .section-wrap-projects .container .thumb:nth-child(2n+1) { margin-left: 0 !important; }
  .post-single #extras { padding-bottom: 40px !important; }
  .post-single .share { font-size: 1.4rem; line-height: 2.4rem; }
  footer { font-size: 1.1rem; }
  footer h5 { font-size: 1.3rem; }
  footer .row { height: 296px; }
  footer .columns { width: 49% !important; margin-left: 2% !important; padding-bottom: 4%; }
  footer .columns:nth-child(2n+1) { margin-left: 0 !important; }
  footer #emailForm input { width: 100%; }
  footer .logo-icon-tzannes { bottom: 0; left: 0; } }