@font-face {
  font-family: 'proxima nova';
  src: url("../fonts/ProximaNova-Extrabold-webfont.eot");
  src: url("../fonts/ProximaNova-Extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Extrabold-webfont.woff2") format("woff2"), url("../fonts/ProximaNova-Extrabold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Extrabold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Extrabold-webfont.svg#proxima_novaextrabold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'proxima nova';
  src: url("../fonts/ProximaNova-Regular-webfont.eot");
  src: url("../fonts/ProximaNova-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular-webfont.woff2") format("woff2"), url("../fonts/ProximaNova-Regular-webfont.woff") format("woff"), url("../fonts/ProximaNova-Regular-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'proxima nova';
  src: url("../fonts/proximanova-light-webfont.eot");
  src: url("../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
  font-weight: lighter;
  font-style: normal; }
@font-face {
  font-family: 'proxima nova';
  src: url("../fonts/proximanova-semibold-webfont.eot");
  src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'manhattan darling';
  src: url("../fonts/manhattandarling-regular-webfont.eot");
  src: url("../fonts/manhattandarling-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/manhattandarling-regular-webfont.woff2") format("woff2"), url("../fonts/manhattandarling-regular-webfont.woff") format("woff"), url("../fonts/manhattandarling-regular-webfont.ttf") format("truetype"), url("../fonts/manhattandarling-regular-webfont.svg#manhattan_darlingregular") format("svg");
  font-weight: normal;
  font-style: normal; }
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word; }

html {
  font-family: "proxima nova", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: #fff;
  color: #666666;
  font-family: "proxima nova", sans-serif;
  font-size: 1rem;
  font-weight: lighter;
  line-height: 1.35; }

@-webkit-viewport {
  width: device-width;
  zoom: 1; }
@-moz-viewport {
  width: device-width;
  zoom: 1; }
@-ms-viewport {
  width: device-width;
  zoom: 1; }
@-o-viewport {
  width: device-width;
  zoom: 1; }
@viewport {
  width: device-width;
  zoom: 1; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  color: #7f7f7f; }
  a:hover {
    color: #33C9C5; }
  a:focus {
    outline: 0;
    color: #7f7f7f; }
  a:active {
    outline: 0;
    color: #1E2626; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima nova", sans-serif;
  line-height: 1.1;
  text-shadow: none; }

h1,
.h1 {
  margin-bottom: "0.9em";
  color: #1E2626;
  font-size: 1.875em;
  font-weight: bold; }

h2,
.h2 {
  margin-bottom: "0.9em";
  color: #1E2626;
  font-size: 1.5em;
  font-weight: 800; }

h3,
.h3 {
  margin-bottom: "0.77143em";
  color: #1E2626;
  font-size: 1.125rem;
  font-weight: 800; }

h4,
.h4 {
  margin-bottom: "0.77143em";
  color: #4d4d4d;
  font-family: "Playfair Display SC", serif;
  font-size: 0.9375rem;
  font-style: italic;
  font-weight: 300; }

h5,
.h5 {
  margin-bottom: "0.675em";
  color: #1E2626;
  font-size: 1.125em;
  font-weight: bold; }

h6,
.h6 {
  margin-bottom: "0.675em";
  color: 1em;
  font-size: 1em;
  font-weight: bold; }

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

b,
strong {
  font-weight: bold; }

em,
i,
dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

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

figure {
  margin: 0; }

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

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  color: #666666;
  font-family: monospace;
  font-size: 0.875rem; }

blockquote {
  margin-bottom: 0.875rem;
  padding-left: 0;
  border-left: 0 solid #e6e6e6;
  color: #666666;
  font-family: "proxima nova", sans-serif;
  font-size: inherit;
  font-style: italic;
  font-weight: 300; }

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

label {
  color: #969696;
  font-size: 1.125rem;
  font-weight: bold; }

input[type="text"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="file"],
input[type="password"],
select,
.textbox {
  padding: 0.375rem 1.5rem;
  background-color: #fff;
  border: 0.0625rem solid #969696;
  color: #1E2626;
  font-family: "proxima nova", sans-serif;
  font-size: 1rem;
  text-transform: none; }
  input[type="text"]:active, input[type="text"]:focus,
  input[type="date"]:active,
  input[type="date"]:focus,
  input[type="time"]:active,
  input[type="time"]:focus,
  input[type="datetime"]:active,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:active,
  input[type="datetime-local"]:focus,
  input[type="url"]:active,
  input[type="url"]:focus,
  input[type="email"]:active,
  input[type="email"]:focus,
  input[type="number"]:active,
  input[type="number"]:focus,
  input[type="search"]:active,
  input[type="search"]:focus,
  input[type="file"]:active,
  input[type="file"]:focus,
  input[type="password"]:active,
  input[type="password"]:focus,
  select:active,
  select:focus,
  .textbox:active,
  .textbox:focus {
    outline-color: #f00; }

textarea {
  display: block; }

::-webkit-input-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  font-family: "proxima nova", sans-serif; }

:-moz-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "proxima nova", sans-serif; }

::-moz-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "proxima nova", sans-serif; }

:-ms-input-placeholder {
  color: gray;
  font-size: 1em;
  font-style: normal;
  text-transform: uppercase;
  font-family: "proxima nova", sans-serif; }

button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-transition: color .2s, border-color .2s, background-color .2s;
  -moz-transition: color .2s, border-color .2s, background-color .2s;
  -ms-transition: color .2s, border-color .2s, background-color .2s;
  -o-transition: color .2s, border-color .2s, background-color .2s;
  transition: color .2s, border-color .2s, background-color .2s;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0 1.5rem;
  overflow: visible;
  background-color: transparent;
  border: 0.125rem solid #1E2626;
  color: #1E2626;
  font-family: "proxima nova", sans-serif;
  font-size: 0.75rem;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 1px;
  line-height: 2.625rem; }
  button.alt,
  .button.alt,
  input[type="button"].alt,
  input[type="submit"].alt,
  input[type="reset"].alt {
    background-color: #1E2626;
    color: #fff;
    border-color: #fff; }
    button.alt:visited,
    .button.alt:visited,
    input[type="button"].alt:visited,
    input[type="submit"].alt:visited,
    input[type="reset"].alt:visited {
      color: #fff; }
    button.alt:hover,
    .button.alt:hover,
    input[type="button"].alt:hover,
    input[type="submit"].alt:hover,
    input[type="reset"].alt:hover {
      border-color: #7f7f7f;
      color: #7f7f7f;
      background-color: #fff; }
    button.alt:active,
    .button.alt:active,
    input[type="button"].alt:active,
    input[type="submit"].alt:active,
    input[type="reset"].alt:active {
      color: #1E2626;
      border-color: #1E2626;
      background-color: #fff; }
    button.alt:active, button.alt:focus,
    .button.alt:active,
    .button.alt:focus,
    input[type="button"].alt:active,
    input[type="button"].alt:focus,
    input[type="submit"].alt:active,
    input[type="submit"].alt:focus,
    input[type="reset"].alt:active,
    input[type="reset"].alt:focus {
      outline: none; }
  button:active, button:focus,
  .button:active,
  .button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus {
    outline: none; }
  button:hover, button:focus,
  .button:hover,
  .button:focus,
  input[type="button"]:hover,
  input[type="button"]:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus {
    color: #1E2626;
    text-decoration: none;
    border: 0.125rem solid #1E2626; }
  button:hover,
  .button:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    color: #fff;
    border-color: #fff;
    background-color: #1E2626; }
  button:active,
  .button:active,
  input[type="button"]:active,
  input[type="submit"]:active,
  input[type="reset"]:active {
    border-color: #7f7f7f;
    color: #7f7f7f;
    background-color: #fff; }

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

button[disabled], button[readonly],
html input[disabled],
html input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly] {
  cursor: default;
  opacity: .5; }

select {
  white-space: nowrap; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.875rem; }

tr:nth-child(even) th,
tr:nth-child(even) td {
  background: #e6e6e6; }

td,
th {
  padding: 0.25rem; }

/*
 * STYLES FOR THE OUTDATED BROWSER WARNING
 */
.browserupgrade {
  margin: 0;
  background: #ccc;
  color: #000;
  padding: .5em; }

.wrapper {
  border-top: 3rem solid #fff; }

.content_wrapper {
  position: relative;
  z-index: 1;
  max-width: 80rem;
  margin: 0 auto; }

.content {
  *zoom: 1; }
  .content:before, .content:after {
    display: table;
    content: ""; }
  .content:after {
    clear: both; }

.youtube {
  position: relative;
  z-index: 1;
  height: 0;
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 56.25%; }
  .youtube.standard {
    padding-top: 75%; }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }

.alignright,
.alignleft,
.aligncenter,
.alignnone {
  display: block;
  max-width: 100%;
  margin: 0 0 1rem 0; }

.wp-caption {
  border: 0.0625rem solid #bfbfbf;
  padding: .25rem;
  text-align: center; }

.wp-caption-text,
.gallery-caption {
  font-size: .75rem;
  font-style: italic; }

.sticky {
  padding: 1rem;
  background: #f2f2f2; }

.alert {
  font-weight: bold;
  color: gray; }

.button_wrapper {
  text-align: center; }

blockquote {
  position: relative;
  margin: 0;
  padding: 1rem 1.5rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  line-height: 1.5; }
  blockquote:before, blockquote:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 3.5rem;
    width: 5rem;
    background: no-repeat 50% 50%;
    background-size: 5rem 3.5rem; }
  blockquote:before {
    top: 0;
    left: 0;
    background-image: url(../img/blockquote-start_2x.png); }
  blockquote:after {
    bottom: 0;
    right: 0;
    background-image: url(../img/blockquote-end_2x.png); }
  blockquote p {
    margin: 0; }

.content--share-text {
  text-align: center;
  color: gray;
  margin-top: 1rem;
  margin-bottom: .5rem; }

.content--share-buttons {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .content--share-buttons .share-buttons--button {
    margin: 0 3px; }

@media only screen and (min-width: 36.5em) {
  .alignright {
    float: right;
    max-width: 50%;
    margin: 0 0 1rem 1rem; }

  .alignleft {
    float: left;
    max-width: 50%;
    margin: 0 1rem 1rem 0; }

  .aligncenter {
    display: block;
    margin: 1rem auto; }

  .alignnone {
    float: none;
    max-width: 100%;
    margin: 0 1rem 1rem 0; } }
@media only screen and (min-width: 47.5em) {
  .wrapper {
    border-top: 4.4375rem solid #fff; } }
.body--header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 3.0625rem;
  background: #fff; }

.blog-name,
.blog-name_mobile {
  display: block;
  width: 2.4375rem;
  height: 2.375rem;
  background: url(../img/lemonly-mark.svg) no-repeat 50% 50%;
  background-size: 2.4375rem 2.375rem;
  overflow: hidden; }
  .blog-name .blog-name--text,
  .blog-name_mobile .blog-name--text {
    position: absolute;
    left: 100%;
    display: inline-block; }

.blog-name {
  display: none; }

.blog-name_mobile {
  position: absolute;
  right: 0.3125rem;
  top: 0.3125rem; }

.header--quote {
  color: #1E2626;
  border: 0; }
  .header--quote:visited {
    color: inherit;
    background-color: inherit;
    border-color: inherit; }
  .header--quote:hover {
    background-color: transparent;
    border: 0;
    color: #1E2626; }
  .header--quote:focus, .header--quote:active {
    border: 0;
    background-color: transparent;
    color: #1E2626; }
  .nav_wrapper .header--quote {
    margin: 0 0 .75rem .75rem;
    width: calc(100% - 1.5rem);
    text-align: center; }
  .header--quote.desktop {
    display: none; }

.quote--icon img {
  display: block;
  margin-left: auto; }

.quote--text {
  margin-left: .5rem; }

@media only screen and (min-width: 47.5em) {
  .body--header {
    height: 4.5rem;
    padding-top: 1.0625rem; }

  .blog-name {
    float: left;
    position: relative;
    display: block;
    margin: 0;
    background: url(../img/lemonly-mark_shadow.svg) no-repeat 50% 50%;
    transition-duration: 2s; }
    .blog-name.move {
      -webkit-transform: translate(0, -250%);
      -moz-transform: translate(0, -250%);
      -ms-transform: translate(0, -250%);
      -o-transform: translate(0, -250%);
      transform: translate(0, -250%);
      transition-duration: 0s; }
      .blog-name.move.link {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0; }
    .blog-name img {
      width: 2.4375rem;
      height: 2.375rem; }
    .home .blog-name img {
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      transition: opacity 0.3s;
      opacity: 0; }

  .blog-name_mobile {
    display: none; }

  .header--quote.mobile {
    display: none; }
  .header--quote.desktop {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    right: .75rem;
    top: 50%;
    z-index: 100;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); } }
button.open-close-menu {
  display: block;
  width: 3.0625rem;
  height: 3.0625rem;
  padding: 0;
  border: none;
  text-shadow: none;
  text-indent: 1000%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/menu-button.png) no-repeat 50% 50%;
  background-size: 1.375rem auto; }
  button.open-close-menu:focus, button.open-close-menu:active {
    outline: 0; }

.nav_wrapper {
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  -ms-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
  position: absolute;
  left: -18.75rem;
  top: 100%;
  z-index: 10;
  background: #fff;
  width: 18.75rem; }
  .nav_wrapper.active {
    left: 0; }

.main-nav--menu {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: default; }

.menu-item a {
  display: block;
  margin-top: 0.3125rem;
  padding: 0 .75rem;
  line-height: 1.75rem;
  text-decoration: none;
  text-transform: uppercase; }

@media only screen and (min-width: 47.5em) {
  button.open-close-menu {
    display: none; }

  .nav_wrapper {
    position: relative;
    left: 0 !important;
    top: 0;
    width: 100%; }

  .main-nav {
    width: calc(50% - 1.25rem); }

  .main-nav_left {
    float: left;
    padding-right: 1.75rem;
    text-align: right; }

  .main-nav_right {
    float: right;
    padding-left: 1.75rem; }

  .menu-item {
    display: inline-block;
    margin-right: -.25rem; }
    .menu-item a {
      display: inline-block;
      font-size: .75rem; } }
.front-page--section.logo-icons {
  min-height: 500px; }

.logo-icons {
  position: relative;
  background-size: cover; }

.front-page--title {
  font-size: 1.5rem;
  background-position: 50% 0%;
  text-align: center;
  text-transform: uppercase; }
  .front-page--title.lemonly-title {
    position: relative;
    padding-bottom: 1px;
    background-size: auto 100%;
    overflow: hidden; }

.title--triangle {
  position: relative;
  z-index: 100; }
  .title--triangle .triangle--image {
    position: absolute;
    right: 0;
    left: 0;
    max-width: none;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding-bottom: 23rem;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 45rem; }

.title--left-triangle,
.title--right-triangle {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  display: none;
  position: fixed;
  top: -80rem;
  width: 75%;
  height: 102rem;
  background-color: #ffffff;
  z-index: 100;
  opacity: 1;
  transition-duration: .5s; }
  .title--left-triangle.bar,
  .title--right-triangle.bar {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
    height: 4.5rem; }

.title--left-triangle {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 50%; }

.title--right-triangle {
  -webkit-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%; }

.lemonly-logo {
  position: absolute;
  width: 21.5rem;
  margin: 0 auto;
  top: 6rem;
  z-index: 500;
  transition-duration: .5s;
  left: 0;
  right: 0;
  opacity: 1; }
  .lemonly-logo.move {
    top: -1.45rem; }

.lemonly-logo_inner {
  position: relative;
  width: 337px;
  height: 0;
  padding-top: 29.26829%; }
  .lemonly-logo_inner img {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 0; }

.logo--text {
  transition-duration: .5s;
  opacity: 1; }
  .logo--text.hide {
    transition-duration: .25s;
    opacity: 0; }

.logo--lemon {
  transition-duration: .25s;
  opacity: 1; }
  .logo--lemon.hide {
    transition-duration: .5s;
    opacity: 0; }

.story-button {
  position: absolute;
  right: 0;
  bottom: 40%;
  left: 0;
  width: 12rem;
  margin: 0 auto;
  border-color: white;
  color: white;
  z-index: 10; }

.story-button {
  top: 23.5rem;
  bottom: auto; }

.story-button.case-studies {
  position: relative;
  margin-left: 1rem;
  margin-bottom: .5rem;
  -webkit-transform: translate(-0.5rem, 0);
  -moz-transform: translate(-0.5rem, 0);
  -ms-transform: translate(-0.5rem, 0);
  -o-transform: translate(-0.5rem, 0);
  transform: translate(-0.5rem, 0); }
  .story-button.case-studies a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.story-button.get-in-touch {
  position: relative;
  margin-right: 1rem;
  margin-bottom: .5rem;
  -webkit-transform: translate(0.5rem, 0);
  -moz-transform: translate(0.5rem, 0);
  -ms-transform: translate(0.5rem, 0);
  -o-transform: translate(0.5rem, 0);
  transform: translate(0.5rem, 0); }
  .story-button.get-in-touch a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.lemonly-tag {
  position: relative;
  max-width: 31.25rem;
  margin: 0.625rem auto 2.375rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  z-index: 100;
  transition-duration: .5s; }
  .lemonly-tag.hide {
    opacity: 0; }
  .lemonly-tag.remove {
    display: none; }

.title--video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #33C9C5;
  overflow: hidden;
  z-index: 0; }
  .title--video video {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden; }

.touchevents .title--video {
  background-position: 60% 50%;
  background-size: cover; }
  .touchevents .title--video video {
    display: none; }

.why-visual-storytelling {
  position: relative;
  background-color: #ffffff;
  padding-top: 60px; }
  .why-visual-storytelling .why-visual-storytelling--header {
    text-align: center;
    max-width: 790px;
    width: 90%;
    margin: 0 auto; }
    .why-visual-storytelling .why-visual-storytelling--header h2 {
      margin: 0;
      font-size: calc(36rem / 16);
      font-weight: bold;
      text-transform: uppercase; }
    .why-visual-storytelling .why-visual-storytelling--header h4 {
      font-size: calc(15rem / 16); }
  .why-visual-storytelling::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent; }

.metadata-rect {
  background-color: #1E2626;
  position: absolute;
  left: -3.5rem;
  width: .5rem;
  height: 100%;
  bottom: 0; }

.metadata-square {
  background-color: #1E2626;
  height: calc(100% - 1.4rem);
  bottom: 0;
  left: -3rem;
  position: absolute;
  width: 3rem; }

.case-study--embed {
  position: fixed;
  top: 100%;
  height: calc(100% - 41px);
  width: 100%;
  z-index: 50;
  overflow: hidden;
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  transition-duration: .5s; }
  .case-study--embed.show {
    opacity: 1; }
  .case-study--embed .content_wrapper {
    position: relative;
    top: 100%;
    left: 0;
    width: 100%;
    transition-duration: .5s;
    z-index: 999999; }
  .case-study--embed.animate {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    overflow: scroll; }
  .case-study--embed.move {
    top: 4.5rem;
    pointer-events: auto; }
    .case-study--embed.move .content_wrapper {
      top: 8.6875rem; }

.case-study--new {
  opacity: 0; }

.case-study--image {
  transition-duration: .5s;
  position: relative;
  z-index: 100; }
  .case-study--image .page-header-image {
    height: 16.25rem; }

.embed--content {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  position: relative;
  z-index: 200;
  transition-duration: .75s; }
  .embed--content.move {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.how-we-tell-stories {
  text-align: center;
  margin-top: 4rem;
  padding: 0 .25rem; }
  .how-we-tell-stories .how-we-tell-stories--header h2 {
    margin: 0;
    font-size: calc(36rem / 16);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }
  .how-we-tell-stories .how-we-tell-stories--header h4 {
    margin: .75rem 0 0;
    font-size: calc(15rem / 16); }
  .how-we-tell-stories .how-we-tell-stories--icons {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: multiple;
    -moz-box-pack: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    max-width: 60rem;
    margin: 3rem auto 0; }
  .how-we-tell-stories .icons--section {
    position: relative;
    width: 60%;
    max-width: 300px;
    padding-bottom: 2.5rem;
    text-align: center;
    margin-top: 2rem;
    margin: 2rem 3%; }
    .how-we-tell-stories .icons--section a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .how-we-tell-stories .icons--name {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: .5;
    color: #3e4444;
    text-transform: uppercase;
    font-weight: 800; }

.recent-work {
  position: relative;
  padding: 2.25rem .5rem 0; }

.recent-work--list {
  max-width: 80rem;
  margin: 0 auto; }

.related-post {
  position: relative;
  margin-top: 2rem; }

.related-post--thumbnail {
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden; }
  .related-post--thumbnail img {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 100%;
    width: auto;
    max-width: inherit; }

.related-post--name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  background: #fff;
  text-align: center; }
  .related-post--name:before {
    content: '';
    position: absolute;
    left: .5rem;
    bottom: 100%;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent; }
  .related-post--name a {
    color: #1E2626;
    font-size: 0.9375rem;
    font-weight: 800;
    text-decoration: none; }

.recent-work--client-name {
  font-size: 0.75rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  line-height: 1.3; }

.recent-work--links {
  padding: 3rem 1rem; }
  .recent-work--links a {
    display: block;
    width: 80%;
    max-width: 18.75rem;
    margin: 0 auto;
    text-align: center; }
    .recent-work--links a:hover {
      border: 0.125rem solid #1E2626; }
    .recent-work--links a:not(:first-child) {
      margin-top: 1rem; }

.request-a-quote {
  position: relative;
  padding: 2.25rem .5rem;
  background-color: #33C9C5; }
  .request-a-quote:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #ffffff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent; }
  .request-a-quote .bottom-triangle {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #33C9C5;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    z-index: 100; }
  .request-a-quote h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: calc(36rem / 16); }

.request-container {
  max-width: 60rem;
  margin: 0 auto; }

.request-a-quote--form.front-page label {
  color: #4d4d4d; }
.request-a-quote--form.front-page .hs-input {
  background-color: transparent;
  border-bottom: 1px solid #1e2626; }
.request-a-quote--form.front-page .hs-form-field {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
.request-a-quote--form.front-page .hs-button {
  width: 100%;
  border-radius: 0; }
  .request-a-quote--form.front-page .hs-button:hover {
    border: 0.125rem solid #1E2626; }

.header--close_container {
  display: none; }

.recent-work--item .related-post--name a {
  transition-duration: .25s; }

.recent-work--item:hover .related-post--name a {
  color: #33C9C5; }

.recent-work--title {
  font-weight: bold; }

.recent-work--links a {
  font-weight: 800; }

.request-a-quote--form label {
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  width: 8rem; }
.request-a-quote--form input[type="submit"] {
  width: 270px; }
.request-a-quote--form input[type="text"],
.request-a-quote--form input[type="email"],
.request-a-quote--form input[type="tel"] {
  padding: 0 0 0.375rem;
  border: 0;
  border-bottom: 1px solid #969696; }
.request-a-quote--form .input {
  width: calc(100% - 8rem); }
.request-a-quote--form.front-page .hs_message {
  display: block; }
  .request-a-quote--form.front-page .hs_message .input {
    margin-top: .5rem;
    width: 100%;
    background-color: #ffffff; }
    .request-a-quote--form.front-page .hs_message .input .hs-input {
      padding: .5rem;
      height: 5rem;
      resize: none;
      border: 0; }
      .request-a-quote--form.front-page .hs_message .input .hs-input:focus {
        outline: 0; }
.request-a-quote--form .hs-form fieldset.form-columns-2 .hs-form-field {
  width: 100%;
  float: left;
  padding: 0; }

.hs-form fieldset.form-columns-2 .hs-form-field:nth-of-type(1) {
  margin-right: 4%;
  padding-right: 0; }

.request-a-quote--contact-info {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: 800;
  color: #ffffff; }
  .request-a-quote--contact-info .contact-phone {
    margin-bottom: .5rem; }
  .request-a-quote--contact-info img {
    display: inline-block;
    vertical-align: bottom; }
  .request-a-quote--contact-info a {
    color: #ffffff;
    text-decoration: none; }
  .request-a-quote--contact-info label {
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 0.9375rem; }

.hs-form-field {
  margin-bottom: 1rem; }

.hbspt-form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none; }
.hbspt-form label {
  font-size: 1rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }
.hbspt-form input[type="text"],
.hbspt-form input[type="email"] {
  width: 100% !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none; }
  .hbspt-form input[type="text"]:focus,
  .hbspt-form input[type="email"]:focus {
    outline: 0;
    box-shadow: none; }

.hs-form-checkbox input[type="checkbox"] {
  margin-right: .25rem; }
.hs-form-checkbox label {
  font-family: "proxima nova", sans-serif;
  font-size: .75rem;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase; }

.hs_submit {
  text-align: right; }

body .hs-form fieldset.form-columns-1 .hs-input {
  width: 100%; }
body form.hs-form .form-columns-2 .hs-form-field .hs-input, body form.hs-form .form-columns-3 .hs-form-field .hs-input {
  width: auto; }
body .hs-form fieldset.form-columns-1 .input,
body .hs-form fieldset.form-columns-2 .input {
  margin-right: 0; }
body .hs-form fieldset {
  max-width: inherit; }

@media only screen and (min-width: 29.5em) {
  .hs-form-field:nth-child(odd) {
    padding-right: .5rem; }
  .hs-form-field:nth-child(even) {
    padding-left: .5rem; }
  .hs-form-field:last-child {
    padding-right: 0; }

  .footer--sign-up .hs-form-field:nth-child(even) {
    padding-left: 0; } }
@media only screen and (min-width: 47.5em) {
  .title--triangle {
    display: none; }

  .title--left-triangle,
  .title--right-triangle {
    display: block; }

  .lemonly-logo {
    position: fixed; }

  .case-study--embed {
    height: calc(100% - 6rem); }

  .how-we-tell-stories {
    margin-top: 7rem; }
    .how-we-tell-stories .icons--section {
      width: 19%; }

  .recent-work {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

  .related-post--list {
    *zoom: 1; }
    .related-post--list:before, .related-post--list:after {
      display: table;
      content: ""; }
    .related-post--list:after {
      clear: both; }

  .related-post {
    float: left;
    width: calc(33.33333333% - 1rem);
    margin-top: 0; }
    .related-post:not(:nth-child(3n+3)) {
      margin-right: 1.5rem; }

  .recent-work--links {
    text-align: center; }
    .recent-work--links a {
      display: inline-block; }
      .recent-work--links a:not(:last-child) {
        margin-right: 1rem; }

  .request-a-quote {
    *zoom: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .request-a-quote:before, .request-a-quote:after {
      display: table;
      content: ""; }
    .request-a-quote:after {
      clear: both; }

  .request-a-quote--form {
    margin: 0 auto; }

  .request-a-quote--content {
    width: calc(33.333333333% - 1rem);
    margin-right: 1.5rem; }

  .request-a-quote--quote-form,
  .request-a-quote--quote-content {
    float: left; }

  .request-a-quote--quote-form {
    margin-top: 1rem; }

  .request-a-quote--quote-content {
    width: calc(33.333333333% - 1rem);
    margin-right: 1.5rem; }

  .request-a-quote--form {
    width: calc(66.6666666666% - .5rem);
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .request-a-quote--form .hs-form fieldset.form-columns-2 .hs-form-field {
      width: 48%;
      float: left;
      padding: 0; } }
.body--footer {
  position: relative;
  padding: 1.75rem .5rem 0;
  background: #1E2626;
  /*&:before {
      content: '';
      position: absolute;
      left: 50%;
      top: 0;
      @include transform-translate(-50%, 0);
      @include arrowDown(#fff, 1.5rem, .75rem);
  }*/ }
  .body--footer button,
  .body--footer input[type="submit"] {
    border-color: #fff;
    color: #fff;
    box-shadow: none; }
    .body--footer button:hover, .body--footer button:active, .body--footer button:focus,
    .body--footer input[type="submit"]:hover,
    .body--footer input[type="submit"]:active,
    .body--footer input[type="submit"]:focus {
      background-color: #fff;
      border-color: #fff;
      color: #1E2626; }
  .single-post .body--footer:before {
    border-top-color: #F6D82D; }
  .page-template-page_letstalk-php .body--footer:before {
    border-top-color: #fff; }

.footer--sign-up {
  max-width: 31.25rem;
  margin: 0 auto;
  text-align: center; }
  .footer--sign-up h2 {
    margin-top: 0;
    color: #F6D82D;
    font-size: 0.9375rem;
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    line-height: 1.35;
    text-align: center;
    text-transform: uppercase; }
  .footer--sign-up label {
    color: white;
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 0.9375rem; }
  .footer--sign-up .hbspt-form {
    display: none;
    text-align: left; }
    .footer--sign-up .hbspt-form .actions {
      text-align: center; }

.footer--social-icons {
  padding: 2rem 0;
  text-align: center; }
  .footer--social-icons a {
    display: inline-block;
    width: 2.4375rem;
    height: 2.4375rem;
    text-shadow: none;
    text-indent: 1000%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../img/social-icons.png) no-repeat 0 0;
    background-size: auto 2.4375rem; }
    .footer--social-icons a.twitter {
      background-position: -2.75rem 0; }
    .footer--social-icons a.pinterist {
      background-position: -5.5rem 0; }
    .footer--social-icons a.instagram {
      background-position: -8.1875rem 0; }
    .footer--social-icons a.snapchat {
      background-position: -10.8rem 0; }

.footer--award {
  width: 3.625rem;
  margin: 0 auto 2rem; }

.footer--copyright {
  padding-bottom: 2rem;
  color: #4D4D4D;
  font-size: 0.9375rem;
  line-height: 1.3;
  padding-right: 4rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }

@media only screen and (min-width: 47.5em) {
  .body--footer {
    *zoom: 1; }
    .body--footer:before, .body--footer:after {
      display: table;
      content: ""; }
    .body--footer:after {
      clear: both; }

  .footer--social-icons {
    float: right;
    width: 13.5rem;
    text-align: right;
    margin-right: 6rem; }

  .footer--award {
    position: absolute;
    right: .5rem;
    top: 1.75rem;
    margin: 0; }

  .footer--copyright {
    padding-top: 2rem;
    line-height: 35px;
    float: left;
    width: calc(100% - 19.5rem);
    padding-right: 0; } }
.page--header {
  position: relative; }

.page--title {
  margin: 0;
  padding: .66666667em 0;
  text-align: center;
  font-family: "manhattan darling", script;
  font-size: 4rem;
  font-weight: normal; }

.blog .post,
.archive .post,
.search .post {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  overflow: hidden; }
  .blog .post .post--header,
  .archive .post .post--header,
  .search .post .post--header {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%; }
  .blog .post .post--content,
  .archive .post .post--content,
  .search .post .post--content {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    overflow: hidden; }
    .blog .post .post--content img,
    .blog .post .post--content .content--thumbnail,
    .archive .post .post--content img,
    .archive .post .post--content .content--thumbnail,
    .search .post .post--content img,
    .search .post .post--content .content--thumbnail {
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      height: 100%;
      max-width: inherit;
      -webkit-filter: brightness(90%) grayscale(100%);
      filter: brightness(90%) grayscale(100%); }
      .blog .post .post--content img:hover,
      .blog .post .post--content .content--thumbnail:hover,
      .archive .post .post--content img:hover,
      .archive .post .post--content .content--thumbnail:hover,
      .search .post .post--content img:hover,
      .search .post .post--content .content--thumbnail:hover {
        -webkit-filter: brightness(100%) grayscale(0%);
        filter: brightness(100%) grayscale(0%); }
  .blog .post .content--header,
  .archive .post .content--header,
  .search .post .content--header {
    z-index: 2; }
    .blog .post .content--header:before,
    .archive .post .content--header:before,
    .search .post .content--header:before {
      content: '';
      position: absolute;
      top: .5rem; }
  .blog .post:nth-child(1) .post--header, .blog .post:nth-child(3) .post--header, .blog .post:nth-child(6) .post--header, .blog .post:nth-child(8) .post--header, .blog .post:nth-child(11) .post--header, .blog .post:nth-child(13) .post--header,
  .archive .post:nth-child(1) .post--header,
  .archive .post:nth-child(3) .post--header,
  .archive .post:nth-child(6) .post--header,
  .archive .post:nth-child(8) .post--header,
  .archive .post:nth-child(11) .post--header,
  .archive .post:nth-child(13) .post--header,
  .search .post:nth-child(1) .post--header,
  .search .post:nth-child(3) .post--header,
  .search .post:nth-child(6) .post--header,
  .search .post:nth-child(8) .post--header,
  .search .post:nth-child(11) .post--header,
  .search .post:nth-child(13) .post--header {
    left: 50%; }
  .blog .post:nth-child(1) .post--content, .blog .post:nth-child(3) .post--content, .blog .post:nth-child(6) .post--content, .blog .post:nth-child(8) .post--content, .blog .post:nth-child(11) .post--content, .blog .post:nth-child(13) .post--content,
  .archive .post:nth-child(1) .post--content,
  .archive .post:nth-child(3) .post--content,
  .archive .post:nth-child(6) .post--content,
  .archive .post:nth-child(8) .post--content,
  .archive .post:nth-child(11) .post--content,
  .archive .post:nth-child(13) .post--content,
  .search .post:nth-child(1) .post--content,
  .search .post:nth-child(3) .post--content,
  .search .post:nth-child(6) .post--content,
  .search .post:nth-child(8) .post--content,
  .search .post:nth-child(11) .post--content,
  .search .post:nth-child(13) .post--content {
    left: 0; }
  .blog .post:nth-child(2) .post--header, .blog .post:nth-child(4) .post--header, .blog .post:nth-child(7) .post--header, .blog .post:nth-child(9) .post--header, .blog .post:nth-child(12) .post--header, .blog .post:nth-child(14) .post--header,
  .archive .post:nth-child(2) .post--header,
  .archive .post:nth-child(4) .post--header,
  .archive .post:nth-child(7) .post--header,
  .archive .post:nth-child(9) .post--header,
  .archive .post:nth-child(12) .post--header,
  .archive .post:nth-child(14) .post--header,
  .search .post:nth-child(2) .post--header,
  .search .post:nth-child(4) .post--header,
  .search .post:nth-child(7) .post--header,
  .search .post:nth-child(9) .post--header,
  .search .post:nth-child(12) .post--header,
  .search .post:nth-child(14) .post--header {
    left: 0; }
  .blog .post:nth-child(2) .post--content, .blog .post:nth-child(4) .post--content, .blog .post:nth-child(7) .post--content, .blog .post:nth-child(9) .post--content, .blog .post:nth-child(12) .post--content, .blog .post:nth-child(14) .post--content,
  .archive .post:nth-child(2) .post--content,
  .archive .post:nth-child(4) .post--content,
  .archive .post:nth-child(7) .post--content,
  .archive .post:nth-child(9) .post--content,
  .archive .post:nth-child(12) .post--content,
  .archive .post:nth-child(14) .post--content,
  .search .post:nth-child(2) .post--content,
  .search .post:nth-child(4) .post--content,
  .search .post:nth-child(7) .post--content,
  .search .post:nth-child(9) .post--content,
  .search .post:nth-child(12) .post--content,
  .search .post:nth-child(14) .post--content {
    left: 50%; }
  .blog .post:nth-child(1) .content--header, .blog .post:nth-child(6) .content--header, .blog .post:nth-child(11) .content--header,
  .archive .post:nth-child(1) .content--header,
  .archive .post:nth-child(6) .content--header,
  .archive .post:nth-child(11) .content--header,
  .search .post:nth-child(1) .content--header,
  .search .post:nth-child(6) .content--header,
  .search .post:nth-child(11) .content--header {
    background: #1E2626;
    color: #fff; }
    .blog .post:nth-child(1) .content--header:before, .blog .post:nth-child(6) .content--header:before, .blog .post:nth-child(11) .content--header:before,
    .archive .post:nth-child(1) .content--header:before,
    .archive .post:nth-child(6) .content--header:before,
    .archive .post:nth-child(11) .content--header:before,
    .search .post:nth-child(1) .content--header:before,
    .search .post:nth-child(6) .content--header:before,
    .search .post:nth-child(11) .content--header:before {
      right: 100%;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-right: 0.875rem solid #1E2626;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
  .blog .post:nth-child(2) .content--header, .blog .post:nth-child(7) .content--header, .blog .post:nth-child(12) .content--header,
  .archive .post:nth-child(2) .content--header,
  .archive .post:nth-child(7) .content--header,
  .archive .post:nth-child(12) .content--header,
  .search .post:nth-child(2) .content--header,
  .search .post:nth-child(7) .content--header,
  .search .post:nth-child(12) .content--header {
    background: #33C9C5;
    color: #fff; }
    .blog .post:nth-child(2) .content--header:before, .blog .post:nth-child(7) .content--header:before, .blog .post:nth-child(12) .content--header:before,
    .archive .post:nth-child(2) .content--header:before,
    .archive .post:nth-child(7) .content--header:before,
    .archive .post:nth-child(12) .content--header:before,
    .search .post:nth-child(2) .content--header:before,
    .search .post:nth-child(7) .content--header:before,
    .search .post:nth-child(12) .content--header:before {
      left: 100%;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.875rem solid #33C9C5;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
  .blog .post:nth-child(3) .content--header, .blog .post:nth-child(8) .content--header, .blog .post:nth-child(13) .content--header,
  .archive .post:nth-child(3) .content--header,
  .archive .post:nth-child(8) .content--header,
  .archive .post:nth-child(13) .content--header,
  .search .post:nth-child(3) .content--header,
  .search .post:nth-child(8) .content--header,
  .search .post:nth-child(13) .content--header {
    background: #F6D82D url(../img/yellow-bg.svg) no-repeat 50% 50%;
    background-size: cover; }
    .blog .post:nth-child(3) .content--header:before, .blog .post:nth-child(8) .content--header:before, .blog .post:nth-child(13) .content--header:before,
    .archive .post:nth-child(3) .content--header:before,
    .archive .post:nth-child(8) .content--header:before,
    .archive .post:nth-child(13) .content--header:before,
    .search .post:nth-child(3) .content--header:before,
    .search .post:nth-child(8) .content--header:before,
    .search .post:nth-child(13) .content--header:before {
      right: 100%;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-right: 0.875rem solid #F6D82D;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
  .blog .post:nth-child(3) .post--title a, .blog .post:nth-child(8) .post--title a, .blog .post:nth-child(13) .post--title a,
  .archive .post:nth-child(3) .post--title a,
  .archive .post:nth-child(8) .post--title a,
  .archive .post:nth-child(13) .post--title a,
  .search .post:nth-child(3) .post--title a,
  .search .post:nth-child(8) .post--title a,
  .search .post:nth-child(13) .post--title a {
    color: #1E2626; }
  .blog .post:nth-child(4) .content--header, .blog .post:nth-child(9) .content--header, .blog .post:nth-child(14) .content--header,
  .archive .post:nth-child(4) .content--header,
  .archive .post:nth-child(9) .content--header,
  .archive .post:nth-child(14) .content--header,
  .search .post:nth-child(4) .content--header,
  .search .post:nth-child(9) .content--header,
  .search .post:nth-child(14) .content--header {
    background: #fff; }
    .blog .post:nth-child(4) .content--header:before, .blog .post:nth-child(9) .content--header:before, .blog .post:nth-child(14) .content--header:before,
    .archive .post:nth-child(4) .content--header:before,
    .archive .post:nth-child(9) .content--header:before,
    .archive .post:nth-child(14) .content--header:before,
    .search .post:nth-child(4) .content--header:before,
    .search .post:nth-child(9) .content--header:before,
    .search .post:nth-child(14) .content--header:before {
      left: 100%;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.875rem solid #fff;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
  .blog .post:nth-child(4) .post--title a, .blog .post:nth-child(9) .post--title a, .blog .post:nth-child(14) .post--title a,
  .archive .post:nth-child(4) .post--title a,
  .archive .post:nth-child(9) .post--title a,
  .archive .post:nth-child(14) .post--title a,
  .search .post:nth-child(4) .post--title a,
  .search .post:nth-child(9) .post--title a,
  .search .post:nth-child(14) .post--title a {
    color: #1E2626; }
.blog .post--title,
.archive .post--title,
.search .post--title {
  position: absolute;
  left: .5rem;
  width: calc(100% - 1rem);
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: 0;
  color: #fff;
  font-size: 0.9375rem;
  text-transform: uppercase; }
  .blog .post--title a,
  .archive .post--title a,
  .search .post--title a {
    color: #fff;
    font-weight: 800;
    text-decoration: none; }
.blog .byline--date,
.archive .byline--date,
.search .byline--date {
  position: absolute;
  right: .5rem;
  top: .5rem;
  font-size: .75rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }
.blog .alt-post,
.archive .alt-post,
.search .alt-post {
  padding-top: 150%; }
  .blog .alt-post .post--content,
  .archive .alt-post .post--content,
  .search .alt-post .post--content {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%;
    padding: 0 1rem;
    height: auto; }
  .blog .alt-post h2,
  .archive .alt-post h2,
  .search .alt-post h2 {
    font-weight: 800;
    text-transform: uppercase; }
    .blog .alt-post h2 .subtitle,
    .archive .alt-post h2 .subtitle,
    .search .alt-post h2 .subtitle {
      font-family: "Playfair Display SC", serif;
      font-style: italic;
      font-weight: 300;
      letter-spacing: 1px;
      line-height: 1;
      font-size: 1rem;
      text-transform: none; }
.blog .alt-post_1,
.archive .alt-post_1,
.search .alt-post_1 {
  background: #33C9C5;
  color: #fff; }
  .blog .alt-post_1 label,
  .blog .alt-post_1 h2,
  .archive .alt-post_1 label,
  .archive .alt-post_1 h2,
  .search .alt-post_1 label,
  .search .alt-post_1 h2 {
    color: #fff; }
  .blog .alt-post_1 input[type="submit"],
  .archive .alt-post_1 input[type="submit"],
  .search .alt-post_1 input[type="submit"] {
    color: #fff;
    border-color: #fff; }
.blog .alt-post_2,
.archive .alt-post_2,
.search .alt-post_2 {
  background: white url(../img/yellow-bg.svg) no-repeat 50% 50%;
  background-size: cover; }
.blog .alt-post_2--buttons,
.archive .alt-post_2--buttons,
.search .alt-post_2--buttons {
  padding-top: .5rem; }
  .blog .alt-post_2--buttons .button,
  .archive .alt-post_2--buttons .button,
  .search .alt-post_2--buttons .button {
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center; }
    .blog .alt-post_2--buttons .button:not(:last-child),
    .archive .alt-post_2--buttons .button:not(:last-child),
    .search .alt-post_2--buttons .button:not(:last-child) {
      margin-bottom: .75rem; }

.categories-form {
  padding: .5rem;
  background: #1E2626;
  text-align: right; }
  .categories-form label {
    padding-right: .5rem;
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    color: #4D4D4D;
    display: inline-block;
    vertical-align: middle; }

.single .post--title,
.page .post--title {
  font-weight: lighter;
  text-transform: uppercase; }
.single .post--subtitle,
.page .post--subtitle {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 1.125rem; }
.single .content_wrapper,
.page .content_wrapper {
  width: calc(100% - 2rem);
  margin: 0 auto;
  padding: .5rem;
  background: #fff; }
.single .related-post_wrapper,
.page .related-post_wrapper {
  position: relative;
  z-index: 0;
  margin-top: -6.875rem;
  padding: 8.375rem 1.5rem 1.5rem;
  background: #F6D82D url(../img/yellow-bg.svg) no-repeat 50% 50%;
  background-size: cover; }
.single .related-post--list,
.page .related-post--list {
  max-width: 60rem;
  margin: 0 auto; }

.single-post .post {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto; }

.page .page-header-image {
  margin-bottom: -.5rem; }

.page-header-image {
  height: 8.125rem;
  margin-bottom: -3.75rem;
  background: url(../img/generic-header.svg) #33C9C5 no-repeat center top;
  background-size: cover; }
  .page-header-image .page--title {
    margin: 0; }

.byline {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 2rem 0; }

.byline--avatar {
  width: 4rem;
  margin-right: .5rem; }

.byline--author {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase; }
  .byline--author a {
    color: #1E2626;
    text-decoration: none; }

.byline--date {
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }

@media only screen and (min-width: 29.5em) {
  .blog .post--title,
  .archive .post--title,
  .search .post--title {
    left: 1rem;
    width: calc(100% - 2rem); }
  .blog .alt-post,
  .archive .alt-post,
  .search .alt-post {
    padding-top: 100%; }

  .page-header-image {
    height: 16.25rem;
    margin-bottom: -7.5rem; }
    .page .page-header-image {
      height: 16.25rem;
      margin-bottom: -7.5rem; } }
@media only screen and (min-width: 47.5em) {
  .blog .post,
  .archive .post,
  .search .post {
    float: left;
    width: 50%;
    padding-top: 25%; }
    .blog .post:nth-child(1) .post--header, .blog .post:nth-child(2) .post--header,
    .archive .post:nth-child(1) .post--header,
    .archive .post:nth-child(2) .post--header,
    .search .post:nth-child(1) .post--header,
    .search .post:nth-child(2) .post--header {
      left: 50%; }
    .blog .post:nth-child(1) .post--content, .blog .post:nth-child(2) .post--content,
    .archive .post:nth-child(1) .post--content,
    .archive .post:nth-child(2) .post--content,
    .search .post:nth-child(1) .post--content,
    .search .post:nth-child(2) .post--content {
      left: 0; }
    .blog .post:nth-child(3) .post--header, .blog .post:nth-child(4) .post--header, .blog .post:nth-child(7) .post--header, .blog .post:nth-child(8) .post--header, .blog .post:nth-child(9) .post--header,
    .archive .post:nth-child(3) .post--header,
    .archive .post:nth-child(4) .post--header,
    .archive .post:nth-child(7) .post--header,
    .archive .post:nth-child(8) .post--header,
    .archive .post:nth-child(9) .post--header,
    .search .post:nth-child(3) .post--header,
    .search .post:nth-child(4) .post--header,
    .search .post:nth-child(7) .post--header,
    .search .post:nth-child(8) .post--header,
    .search .post:nth-child(9) .post--header {
      left: 0; }
    .blog .post:nth-child(3) .post--content, .blog .post:nth-child(4) .post--content, .blog .post:nth-child(7) .post--content, .blog .post:nth-child(8) .post--content, .blog .post:nth-child(9) .post--content,
    .archive .post:nth-child(3) .post--content,
    .archive .post:nth-child(4) .post--content,
    .archive .post:nth-child(7) .post--content,
    .archive .post:nth-child(8) .post--content,
    .archive .post:nth-child(9) .post--content,
    .search .post:nth-child(3) .post--content,
    .search .post:nth-child(4) .post--content,
    .search .post:nth-child(7) .post--content,
    .search .post:nth-child(8) .post--content,
    .search .post:nth-child(9) .post--content {
      left: 50%; }
    .blog .post:nth-child(4n+2) .content--header:before,
    .archive .post:nth-child(4n+2) .content--header:before,
    .search .post:nth-child(4n+2) .content--header:before {
      right: 100%;
      left: auto;
      border-left: 0;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-right: 0.875rem solid #33C9C5;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
    .blog .post:nth-child(4n+3) .content--header:before,
    .archive .post:nth-child(4n+3) .content--header:before,
    .search .post:nth-child(4n+3) .content--header:before {
      left: 100%;
      right: auto;
      border-right: 0;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.875rem solid #F6D82D;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
    .blog .post:nth-child(7) .content--header,
    .archive .post:nth-child(7) .content--header,
    .search .post:nth-child(7) .content--header {
      background: #F6D82D url(../img/yellow-bg.svg) no-repeat 50% 50%;
      background-size: cover;
      color: #1E2626; }
      .blog .post:nth-child(7) .content--header:before,
      .archive .post:nth-child(7) .content--header:before,
      .search .post:nth-child(7) .content--header:before {
        left: 100%;
        right: auto;
        border-right: 0;
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 0.875rem solid #F6D82D;
        border-top: 0.875rem solid transparent;
        border-bottom: 0.875rem solid transparent; }
      .blog .post:nth-child(7) .content--header a,
      .archive .post:nth-child(7) .content--header a,
      .search .post:nth-child(7) .content--header a {
        color: #1E2626; }
    .blog .post:nth-child(8) .content--header,
    .archive .post:nth-child(8) .content--header,
    .search .post:nth-child(8) .content--header {
      background: #33C9C5;
      color: #fff; }
      .blog .post:nth-child(8) .content--header:before,
      .archive .post:nth-child(8) .content--header:before,
      .search .post:nth-child(8) .content--header:before {
        left: 100%;
        right: auto;
        border-right: 0;
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 0.875rem solid #33C9C5;
        border-top: 0.875rem solid transparent;
        border-bottom: 0.875rem solid transparent; }
      .blog .post:nth-child(8) .content--header a,
      .archive .post:nth-child(8) .content--header a,
      .search .post:nth-child(8) .content--header a {
        color: #fff; }
    .blog .post:nth-child(9) .content--header:before,
    .archive .post:nth-child(9) .content--header:before,
    .search .post:nth-child(9) .content--header:before {
      left: 100%;
      right: auto;
      border-right: 0;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.875rem solid #fff;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
    .blog .post:nth-child(6), .blog .post:nth-child(11),
    .archive .post:nth-child(6),
    .archive .post:nth-child(11),
    .search .post:nth-child(6),
    .search .post:nth-child(11) {
      padding-top: 75%; }
      .blog .post:nth-child(6) .content--header, .blog .post:nth-child(11) .content--header,
      .archive .post:nth-child(6) .content--header,
      .archive .post:nth-child(11) .content--header,
      .search .post:nth-child(6) .content--header,
      .search .post:nth-child(11) .content--header {
        top: 66.6666666667%;
        left: 0;
        height: 33.33333333333%; }
        .blog .post:nth-child(6) .content--header:before, .blog .post:nth-child(11) .content--header:before,
        .archive .post:nth-child(6) .content--header:before,
        .archive .post:nth-child(11) .content--header:before,
        .search .post:nth-child(6) .content--header:before,
        .search .post:nth-child(11) .content--header:before {
          left: .5rem;
          bottom: 100%;
          top: auto;
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-bottom: 0.875rem solid #1E2626;
          border-left: 0.875rem solid transparent;
          border-right: 0.875rem solid transparent; }
      .blog .post:nth-child(6) .post--content, .blog .post:nth-child(11) .post--content,
      .archive .post:nth-child(6) .post--content,
      .archive .post:nth-child(11) .post--content,
      .search .post:nth-child(6) .post--content,
      .search .post:nth-child(11) .post--content {
        width: 100%;
        height: 66.6666666667%; }
      .blog .post:nth-child(6):after, .blog .post:nth-child(11):after,
      .archive .post:nth-child(6):after,
      .archive .post:nth-child(11):after,
      .search .post:nth-child(6):after,
      .search .post:nth-child(11):after {
        content: '';
        position: absolute;
        left: 50%;
        top: 66.66666666667%;
        display: block;
        width: 50%;
        height: 33.3333333333%;
        background: #33C9C5 url(../img/lemonly-mark.svg) no-repeat 50% 50%;
        background-size: 80% 80%; }
    .blog .post:nth-child(11),
    .archive .post:nth-child(11),
    .search .post:nth-child(11) {
      float: right; }
      .blog .post:nth-child(11) .content--header,
      .archive .post:nth-child(11) .content--header,
      .search .post:nth-child(11) .content--header {
        left: 50%; }
      .blog .post:nth-child(11):after,
      .archive .post:nth-child(11):after,
      .search .post:nth-child(11):after {
        left: 0; }
    .blog .post:nth-child(14) .content--header:before,
    .archive .post:nth-child(14) .content--header:before,
    .search .post:nth-child(14) .content--header:before {
      left: 100%;
      right: auto;
      border-right: 0;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-left: 0.875rem solid #fff;
      border-top: 0.875rem solid transparent;
      border-bottom: 0.875rem solid transparent; }
  .blog .alt-post,
  .archive .alt-post,
  .search .alt-post {
    padding-top: 50%; }
  .blog .alt-post_1,
  .archive .alt-post_1,
  .search .alt-post_1 {
    float: right; }

  .single .post--title {
    font-size: 3rem; }

  .single-post .content_wrapper {
    padding: .5rem 2rem 1px; } }
.prev-next-nav {
  *zoom: 1;
  clear: both;
  padding: 2rem 0; }
  .prev-next-nav:before, .prev-next-nav:after {
    display: table;
    content: ""; }
  .prev-next-nav:after {
    clear: both; }

.prev-link,
.next-link {
  float: left;
  width: 50%; }
  .prev-link a,
  .next-link a {
    display: inline-block;
    line-height: 1.6875rem;
    color: #666666;
    font-size: .75rem;
    text-decoration: none;
    text-transform: uppercase; }
    .prev-link a img,
    .prev-link a span,
    .next-link a img,
    .next-link a span {
      vertical-align: middle; }
    .prev-link a span,
    .next-link a span {
      display: inline-block;
      -webkit-transform: translate(0, 1px);
      -moz-transform: translate(0, 1px);
      -ms-transform: translate(0, 1px);
      -o-transform: translate(0, 1px);
      transform: translate(0, 1px); }

.prev-link {
  position: relative;
  text-align: right;
  padding-right: 1.0625rem; }
  .prev-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    height: 0.625rem;
    width: 1px;
    background: #666666; }

.next-link {
  padding-left: 1rem; }

.work-filters_wrapper {
  *zoom: 1;
  padding-bottom: 1rem; }
  .work-filters_wrapper:before, .work-filters_wrapper:after {
    display: table;
    content: ""; }
  .work-filters_wrapper:after {
    clear: both; }
  .work-filters_wrapper form {
    float: right;
    margin-left: 1rem; }
  .work-filters_wrapper label {
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    color: #1E2626;
    font-size: 0.9375rem;
    text-transform: capitalize;
    vertical-align: middle; }
  .work-filters_wrapper select {
    width: 200px; }

.content--work-graphic a {
  cursor: default;
  pointer-events: none; }

.none-found {
  padding-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 800;
  text-align: center; }

.breakout {
  max-width: 80rem;
  margin: 0 auto; }

.breakout--column {
  text-align: center; }
  .breakout--column:nth-child(2) {
    padding: 1rem 0; }
    .breakout--column:nth-child(2) img {
      max-width: 18.75em; }

.recent-work--breakout .button {
  min-width: 16.25rem;
  text-align: center; }

.single-work .post--header,
.single-work .post--content {
  text-align: center; }
.single-work .client-name {
  margin-top: -1.5rem;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }
.single-work .post--content {
  color: gray; }
.single-work .related-post_wrapper {
  background: #fff; }

#lemonlyIG {
  position: relative;
  height: 0;
  width: 100%;
  padding: 50% 0 0 0;
  -webkit-overflow-scrolling: touch;
  overflow: auto; }
  #lemonlyIG iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }

#lemonlyIG--full-screen-link {
  padding-bottom: .5em;
  text-align: right; }
  #lemonlyIG--full-screen-link a {
    font-size: 1.5em; }

@media only screen and (min-width: 47.5em) {
  .breakout {
    clear: both;
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .5rem 0 1rem; }

  .breakout--column {
    width: 35%; }
    .breakout--column:first-child {
      padding-right: 1rem;
      padding-left: 2rem; }
      .breakout--column:first-child a {
        -webkit-transform: translate(0, -2px);
        -moz-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        transform: translate(0, -2px); }
    .breakout--column:nth-child(2) {
      width: 30%; }
    .breakout--column:nth-child(3) {
      padding-left: 1rem;
      padding-right: 2rem; }
      .breakout--column:nth-child(3) a {
        -webkit-transform: translate(0, -2px);
        -moz-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        transform: translate(0, -2px); }
    .breakout--column .button {
      width: 100%;
      min-width: inherit; } }
@media only screen and (min-width: 63em) {
  .post-type-archive-work .related-post {
    width: calc(25% - .75rem); }
    .post-type-archive-work .related-post:not(:nth-child(4n+4)) {
      margin-right: 1rem; }
    .post-type-archive-work .related-post:nth-child(4n+4) {
      margin-right: 0; } }
.page-template-page_about-php .page--header {
  background: #33C9C5; }
.page-template-page_about-php .content_wrapper {
  padding: 0; }
.page-template-page_about-php .body--footer:before {
  border-top-color: #33C9C5; }

.page-template-page_about-php .page--title,
.page-template-page_letstalk-php .page--title {
  padding-top: 4rem;
  color: #fff;
  font-size: 3rem; }

.page-template-page_letstalk-php .page--header {
  background: #F6D82D; }
.page-template-page_letstalk-php .content_wrapper {
  padding-top: 1rem;
  padding-bottom: 2rem; }

.team-member-list {
  max-width: 25rem;
  margin: 0 auto; }

.team-member {
  position: relative; }

.team-member--image {
  margin-bottom: -0.3125rem; }

.team-member--info {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0; }
  .team-member--info:hover {
    opacity: 1; }
  .team-member--info div {
    width: 100%;
    text-align: center; }

.team-member--name {
  color: #1E2626;
  font-size: 1.125rem;
  text-transform: uppercase; }

.team-member--title {
  color: #1E2626;
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1; }

.team-member--link a {
  color: #33C9C5;
  font-size: 0.875rem;
  text-transform: uppercase; }

.who-is-lemonly--breakout {
  padding: 2rem 0 1rem; }

.create-understanding {
  position: relative;
  background: #33C9C5;
  margin: 0 auto;
  overflow: hidden; }
  .create-understanding img {
    position: relative; }

.create-understanding-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  padding-top: 65.47295%;
  background: #33C9C5 url(../img/group-picture.jpg) no-repeat 50% -5%;
  background-size: cover; }

.we-are-we-are-not {
  position: relative;
  margin: 0 auto;
  padding: 3.25rem .5rem 2.25rem;
  background: url(../img/yellow-bg.svg) no-repeat 50% 50%;
  background-size: cover;
  text-align: center; }
  .we-are-we-are-not:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 2.25rem solid #33C9C5;
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent; }
  .we-are-we-are-not h2 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    text-align: center;
    text-transform: uppercase; }

.we-are-we-are-not--list {
  display: inline-block;
  margin-top: 0;
  color: #1E2626;
  font-size: 1.5rem;
  font-weight: 800;
  text-align: left; }

.our-team {
  position: relative;
  margin: 0 auto;
  background: #fff;
  background-size: 100% auto; }
  .our-team:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 2.25rem solid #F6D82D;
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent; }

.our-team--what-we-love {
  padding: 0;
  padding-top: 3rem; }
  .our-team--what-we-love h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 2.25rem;
    text-align: center;
    text-transform: uppercase; }

.what-we-love--graphic {
  margin-top: -4rem; }

.about--join-us {
  padding: 2.25rem .5rem;
  background: #33C9C5;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center; }
  .about--join-us a {
    color: #fff; }

.instagram_wrapper {
  padding-top: 1rem; }
  .instagram_wrapper .AlpinePhotoTiles_inpost_container {
    padding-bottom: 0; }
  .instagram_wrapper .AlpinePhotoTiles-image-div-container {
    width: 100% !important;
    height: auto !important;
    left: auto !important;
    margin: 0; }
    .instagram_wrapper .AlpinePhotoTiles-image-div-container .AlpinePhotoTiles-image-div {
      height: 0;
      padding-top: 100%; }
  .instagram_wrapper .AlpinePhotoTiles-row {
    height: auto !important; }

@media only screen and (min-width: 29.5em) {
  .team-member-list {
    *zoom: 1;
    max-width: 50rem; }
    .team-member-list:before, .team-member-list:after {
      display: table;
      content: ""; }
    .team-member-list:after {
      clear: both; }

  .team-member {
    float: left;
    width: 50%; }

  .what-we-love--graphic {
    margin-top: -8rem; }

  .instagram_wrapper .AlpinePhotoTiles-image-div-container {
    width: 50% !important; } }
@media only screen and (min-width: 47.5em) {
  .team-member-list {
    max-width: inherit; }

  .team-member {
    width: 25%; }

  .we-are-we-are-not {
    *zoom: 1; }
    .we-are-we-are-not:before, .we-are-we-are-not:after {
      display: table;
      content: ""; }
    .we-are-we-are-not:after {
      clear: both; }

  .we-are,
  .we-are-not {
    float: left;
    width: 50%; }

  .our-team--what-we-love h2 {
    top: 2rem; }

  .what-we-love--graphic {
    margin-top: -12rem; }

  .instagram_wrapper {
    padding-top: 3rem; }
    .instagram_wrapper .AlpinePhotoTiles-image-div-container {
      width: 25% !important; } }
.page-template-page_clients-php .page--header {
  position: relative;
  z-index: 2;
  max-width: 18.125rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .25rem;
  text-align: center; }
.page-template-page_clients-php .page--title {
  margin-bottom: 0;
  padding: .66666667em 0 0; }
.page-template-page_clients-php .content_wrapper {
  width: 100%;
  padding: 0; }
.page-template-page_clients-php .and-more {
  position: relative;
  z-index: 1;
  color: #1E2626;
  font-size: 1.5rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase; }

.clients-list img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.clients-list--buttons {
  padding: 1rem 0 2rem; }
  .clients-list--buttons .button {
    display: block;
    width: 15.625rem;
    margin: 1rem auto 0;
    text-align: center; }

.client-wrapper {
  display: block;
  margin: 0;
  padding-bottom: 5%;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto; }

ul.diamond-grid {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: multiple;
  -moz-box-pack: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transform: translate(4.9%, 0);
  -moz-transform: translate(4.9%, 0);
  -ms-transform: translate(4.9%, 0);
  -o-transform: translate(4.9%, 0);
  transform: translate(4.9%, 0);
  width: 120%;
  margin: 6% 0 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  text-align: center; }

ul.diamond-grid > li {
  width: 33.333%;
  display: block;
  position: relative;
  list-style: none;
  transition-duration: .5s; }
  ul.diamond-grid > li:hover {
    opacity: .7; }
  ul.diamond-grid > li.empty:hover {
    opacity: 1; }

ul.diamond-grid > li > div.diamond {
  width: 71%;
  height: 0;
  margin-top: -21%;
  padding-top: 71%;
  background-size: 98%;
  background-repeat: no-repeat; }

.diamond {
  opacity: 0;
  position: relative;
  margin-top: -10%;
  transition-duration: 1s; }
  .diamond.animate {
    opacity: 1; }
  .diamond a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .diamond .logo {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

ul.diamond-grid.small > li:nth-child(n+4):nth-child(-n+6) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+10):nth-child(-n+12) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+16):nth-child(-n+18) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+22):nth-child(-n+24) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+28):nth-child(-n+30) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+34):nth-child(-n+36) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+40):nth-child(-n+42) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+46):nth-child(-n+48) > div.diamond,
ul.diamond-grid.small > li:nth-child(n+52):nth-child(-n+54) > div.diamond {
  margin-left: -50%; }

ul.diamond-grid > li > div.diamond.yellow {
  background-image: url("../img/yellow.png"); }

ul.diamond-grid > li > div.diamond.black {
  background-image: url("../img/black.png"); }

ul.diamond-grid > li > div.diamond.blue {
  background-image: url("../img/blue.png"); }

ul.diamond-grid.medium li,
ul.diamond-grid.big li {
  display: none; }

@media only screen and (min-width: 36.5em) {
  ul.diamond-grid {
    -webkit-transform: translate(2.8%, 0);
    -moz-transform: translate(2.8%, 0);
    -ms-transform: translate(2.8%, 0);
    -o-transform: translate(2.8%, 0);
    transform: translate(2.8%, 0);
    width: 125%;
    margin: 5% 0 0; }

  .medium .diamond {
    margin-left: 0; }

  ul.diamond-grid.medium > li:nth-child(n+6):nth-child(-n+10) > div.diamond,
  ul.diamond-grid.medium > li:nth-child(n+16):nth-child(-n+20) > div.diamond,
  ul.diamond-grid.medium > li:nth-child(n+26):nth-child(-n+30) > div.diamond,
  ul.diamond-grid.medium > li:nth-child(n+36):nth-child(-n+40) > div.diamond,
  ul.diamond-grid.medium > li:nth-child(n+46):nth-child(-n+50) > div.diamond,
  ul.diamond-grid.medium > li:nth-child(n+56):nth-child(-n+60) > div.diamond {
    margin-left: -50%; }

  .page-template-page_clients-php .content_wrapper {
    margin-top: -5rem; }
  .page-template-page_clients-php .and-more {
    margin-top: -4rem; }

  .clients-list--buttons {
    padding-top: 3rem;
    text-align: center; }
    .clients-list--buttons .button {
      display: inline-block;
      margin: 0;
      margin-top: 1rem; }
      .clients-list--buttons .button:not(:last-child) {
        margin-right: .75rem; }

  ul.diamond-grid.small li {
    display: none; }

  ul.diamond-grid.medium li {
    display: block; }

  ul.diamond-grid > li {
    width: 20%; } }
@media only screen and (min-width: 855px) {
  .page-template-page_clients-php .page--header {
    position: absolute;
    top: 3.0625rem;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .page-template-page_clients-php .content_wrapper {
    margin-top: 0; }
  .page-template-page_clients-php .and-more {
    margin-top: 1rem; }

  ul.diamond-grid {
    -webkit-transform: translate(2.5%, 0);
    -moz-transform: translate(2.5%, 0);
    -ms-transform: translate(2.5%, 0);
    -o-transform: translate(2.5%, 0);
    transform: translate(2.5%, 0);
    width: 120%;
    margin: 9% 0 -5%; }

  .big .diamond {
    margin-left: -50%; }

  ul.diamond-grid.big > li:nth-child(n+7):nth-child(-n+11) > div.diamond,
  ul.diamond-grid.big > li:nth-child(n+19):nth-child(-n+24) > div.diamond,
  ul.diamond-grid.big > li:nth-child(n+31):nth-child(-n+36) > div.diamond,
  ul.diamond-grid.big > li:nth-child(n+43):nth-child(-n+48) > div.diamond,
  ul.diamond-grid.big > li:nth-child(n+55):nth-child(-n+60) > div.diamond,
  ul.diamond-grid.big > li:nth-child(n+67):nth-child(-n+72) > div.diamond {
    margin-left: 0; }

  ul.diamond-grid.small li,
  ul.diamond-grid.medium li {
    display: none; }

  ul.diamond-grid.big li {
    display: block; }

  ul.diamond-grid > li {
    width: 16.666666667%; } }
.page-template-page_jobs-php .page--header {
  background: #fff; }
.page-template-page_jobs-php .content_wrapper {
  padding-bottom: 0;
  max-width: none; }
.page-template-page_jobs-php .related-post_wrapper {
  margin-top: 0;
  padding: 2rem 0;
  background: #fff; }
.page-template-page_jobs-php .related-post--list {
  max-width: 80rem; }
.page-template-page_jobs-php .we-are-we-are-not {
  position: relative;
  display: block;
  width: calc(100% + 3rem);
  margin-left: -1.5rem; }
  .page-template-page_jobs-php .we-are-we-are-not:before {
    border-top-color: #fff; }
.page-template-page_jobs-php .instagram_wrapper {
  position: relative;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  padding-top: 0; }
  .page-template-page_jobs-php .instagram_wrapper:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 2.25rem solid #F6D82D;
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent; }
.page-template-page_jobs-php .content,
.page-template-page_jobs-php .jobs-listing,
.page-template-page_jobs-php .benefits_inner,
.page-template-page_jobs-php .related-post_wrapper {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }

.job h1 {
  font-size: 2rem;
  font-weight: lighter;
  text-transform: uppercase; }
.job h2 {
  margin-top: 0;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  font-weight: 800; }
.job h3,
.job h4,
.job h5,
.job h6 {
  margin-top: 0;
  margin-bottom: .25rem; }
.job ul,
.job p {
  margin-top: 0; }

.job--title {
  position: relative;
  padding-left: 2.625rem;
  cursor: pointer; }
  .job--title:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
    position: absolute;
    left: 0;
    top: .5rem;
    display: block;
    height: 2.125rem;
    width: 2.125rem;
    background: url(../img/jobs-title-arrow.png) no-repeat 50% 50%;
    background-size: 2.125rem 2.125rem; }
  .job--title.active:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }

.job:not(:first-child) .job--description {
  display: none; }

.benefits {
  *zoom: 1;
  position: relative;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  padding: 3rem 1rem;
  background: #1E2626;
  background-size: cover; }
  .benefits:before, .benefits:after {
    display: table;
    content: ""; }
  .benefits:after {
    clear: both; }
  .benefits:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 2.25rem solid #fff;
    border-left: 2.25rem solid transparent;
    border-right: 2.25rem solid transparent; }

.benefits--video {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
  background: #1E2626; }
  .benefits--video video {
    width: 100%;
    height: 100%;
    opacity: 0; }

.benefits_inner {
  position: relative; }

.benefit {
  text-align: center; }
  .benefit:not(:last-child) {
    margin-bottom: 2rem; }

.benefit--icon {
  margin-bottom: .5rem;
  height: 7.125rem; }

.benefit--title {
  margin: 0;
  margin-bottom: .5rem;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 800;
  text-transform: uppercase; }

.benefit--description {
  padding: 0 2rem;
  color: #fff;
  font-size: 0.9375rem; }

@media only screen and (min-width: 29.5em) {
  .job h1 {
    font-size: 3rem; }

  .benefit {
    float: left;
    width: 50%; }
    .benefit:nth-child(odd) {
      clear: left; }

  .benefits--video {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    height: 100%;
    background: #1E2626 url(../img/lemoneating_john_still_blk.jpg) no-repeat 50% 50%;
    background-size: contain; }
    .benefits--video video {
      width: 100%;
      height: 100%;
      opacity: 0; } }
@media only screen and (min-width: 47.5em) {
  .benefits {
    padding-bottom: 1rem; }

  .benefit {
    width: 33.3333333333%; }
    .benefit:nth-child(odd) {
      clear: none; }
    .benefit:nth-child(3n + 4) {
      clear: left; } }
.error404 .page--header {
  position: relative;
  height: 0;
  padding-top: 43.94%;
  line-height: 1;
  background: url(../img/lemoneating_john_still.jpg) no-repeat 50% 50%;
  background-size: cover; }
  .error404 .page--header video {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    margin-bottom: -.25rem; }
.error404 .page--title {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 3rem; }
  .error404 .page--title span {
    display: block; }
  .error404 .page--title .code-404 {
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1;
    font-size: 0.9375rem; }
  .error404 .page--title .not-right {
    font-family: "proxima nova", sans-serif;
    font-size: 1rem; }
  .error404 .page--title .back-button_wrapper {
    font-size: 1rem;
    padding-top: .5rem; }
    .error404 .page--title .back-button_wrapper button {
      background: #fff;
      border-color: #fff; }
      .error404 .page--title .back-button_wrapper button:hover {
        color: #7f7f7f;
        border-color: #fff; }
      .error404 .page--title .back-button_wrapper button:active {
        color: #fff;
        background-color: #1E2626;
        border-color: #1E2626; }
      .error404 .page--title .back-button_wrapper button:focus {
        outline-color: transparent; }

@media only screen and (min-width: 29.5em) {
  .error404 .page--title {
    font-size: 6rem; }
    .error404 .page--title .not-right {
      font-size: 1.5rem; } }
.search-form_wrapper {
  position: absolute;
  top: 52px;
  left: 0;
  bottom: 0;
  right: 0; }
  .search-form_wrapper input[type="text"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    padding-right: 3rem;
    padding-left: .25rem;
    background: transparent;
    border: 0;
    line-height: 154px;
    font-size: 8rem;
    font-weight: bold; }
    .search-form_wrapper input[type="text"]:focus, .search-form_wrapper input[type="text"]:active {
      outline: 0; }
  .post-type-archive-work .search-form_wrapper {
    top: 0;
    bottom: 54px; }

#postSearchForm {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #fff; }

.activate-search,
input.initiate-search {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 3.1875rem;
  height: 3.1875rem;
  background: url(../img/search-icon_black.png) no-repeat 50% 50%;
  background-size: 35px 37px;
  border: 0;
  text-shadow: none;
  text-indent: 1000%;
  white-space: nowrap;
  overflow: hidden; }
  .activate-search:hover, .activate-search:active, .activate-search:focus,
  input.initiate-search:hover,
  input.initiate-search:active,
  input.initiate-search:focus {
    border: 0;
    outline: 0;
    background-color: transparent; }

.activate-search {
  background-image: url(../img/search-icon_grey.png); }

.close-search {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3.1875rem;
  height: 3.1875rem;
  background: url(../img/search-x.png) no-repeat 50% 50%;
  background-size: 35px 37px;
  border: 0; }
  .close-search:hover, .close-search:active, .close-search:focus {
    border: 0;
    outline: 0;
    background-color: transparent; }

.case-study {
  -webkit-transition: height 0.25s;
  -moz-transition: height 0.25s;
  -ms-transition: height 0.25s;
  -o-transition: height 0.25s;
  transition: height 0.25s;
  position: relative;
  height: 16.25rem;
  overflow: hidden;
  background: no-repeat center top;
  background-size: cover; }
  .case-study:hover {
    height: 25rem; }
    .case-study:hover:before,
    .case-study:hover h1 {
      opacity: 0; }
    .case-study:hover .case-study--metadata {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
  .case-study:before {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1; }
  .case-study.clicked {
    height: 16.25rem; }
    .case-study.clicked h1 {
      opacity: 1; }
    .case-study.clicked .case-study--metadata {
      -webkit-transform: translate(0, 150%);
      -moz-transform: translate(0, 150%);
      -ms-transform: translate(0, 150%);
      -o-transform: translate(0, 150%);
      transform: translate(0, 150%); }
    .case-study.clicked:before {
      opacity: 1; }
  .case-study h1 {
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    line-height: 1;
    opacity: 1;
    font-size: 1.875rem;
    color: #ffffff;
    text-transform: uppercase;
    width: 90%;
    text-align: center; }
    .case-study h1 img {
      display: block; }

.modal--content {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.touchevents .case-study:hover {
  height: 16.25rem; }
  .touchevents .case-study:hover:before,
  .touchevents .case-study:hover h1 {
    opacity: 1; }
  .touchevents .case-study:hover .case-study--metadata {
    -webkit-transform: translate(0, 150%);
    -moz-transform: translate(0, 150%);
    -ms-transform: translate(0, 150%);
    -o-transform: translate(0, 150%);
    transform: translate(0, 150%); }

.case-study--new .embed--content {
  -webkit-transform: translate(0, 1000%);
  -moz-transform: translate(0, 1000%);
  -ms-transform: translate(0, 1000%);
  -o-transform: translate(0, 1000%);
  transform: translate(0, 1000%); }

.case-study--metadata {
  -webkit-transform: translate(0, 150%);
  -moz-transform: translate(0, 150%);
  -ms-transform: translate(0, 150%);
  -o-transform: translate(0, 150%);
  transform: translate(0, 150%);
  transition-duration: .25s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem 4rem 1rem 3.5rem;
  background-image: url(../img/notch_2x.png);
  background-size: 3.65rem;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 800;
  text-transform: uppercase; }
  .case-study--metadata:after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: block;
    width: 2.4375rem;
    height: 1.875rem;
    background: url(../img/open-case-study.png) no-repeat 50% 50%;
    background-size: contain; }

.metadata-text {
  position: relative;
  z-index: 10; }

.metadata-right {
  position: absolute;
  left: 3.5rem;
  top: 0;
  height: 100%;
  background-image: url(../img/background-grey.png);
  background-size: 10px;
  width: calc(100% - 3.5rem);
  z-index: 0; }

.metadata-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: calc(100% - 19px);
  background-image: url(../img/background-grey.png);
  background-size: 10px;
  width: 4rem;
  z-index: 0; }

.casestudy .content--header {
  text-align: center; }

.content--background {
  position: absolute;
  height: calc(100% - 7.5rem);
  width: calc(100% + 2rem);
  background-color: #ffffff;
  z-index: 0;
  left: -1rem;
  top: 7.5rem; }

.case-study--image .page-header-image {
  transition-duration: .25s; }
  .case-study--image .page-header-image:before {
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1; }
  .case-study--image .page-header-image.loaded:before {
    opacity: 0; }

.case-studies--extra {
  background-color: white; }

.content-type {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: inline-block;
  height: 2.375rem;
  width: 2.375rem;
  background: no-repeat 50% 50%;
  background-size: contain;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: .5; }
  .content-type:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }
  .content-type_Infographics {
    background-image: url(../img/what-we-do--infographics.svg); }
  .content-type_Video {
    background-image: url(../img/what-we-do--video.svg); }
  .content-type_Interactive {
    background-image: url(../img/what-we-do--interactive.svg); }
  .content-type_Microcontent {
    background-image: url(../img/what-we-do--microcontent.svg); }

.case-study--client-name {
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase; }

.case-study--title {
  margin-top: 0;
  font-size: 3rem;
  font-weight: lighter;
  text-transform: none; }

.case-study--writeup,
.rfp-section {
  text-align: center; }
  .case-study--writeup > header,
  .rfp-section > header {
    max-width: 18.75rem;
    margin: 0 auto;
    border-top: 1px solid #1E2626; }
    .case-study--writeup > header h2,
    .rfp-section > header h2 {
      -webkit-transform: translate(0, -60%);
      -moz-transform: translate(0, -60%);
      -ms-transform: translate(0, -60%);
      -o-transform: translate(0, -60%);
      transform: translate(0, -60%);
      display: inline-block;
      margin: 0;
      padding: 0 .5rem;
      background: #fff;
      font-family: 'Playfair Display', serif;
      font-size: 1.35rem;
      font-style: italic; }

.rfp-work-title {
  text-transform: uppercase; }

.cover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.modal--close.rfp {
  background-color: #33C9C5;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2.3rem; }
  .modal--close.rfp:hover {
    background-color: #fff;
    color: #33C9C5; }

.close--loading {
  color: #fff; }

.case-study--results .results--content {
  margin-bottom: 1rem; }

.writeup--content,
.rfp--description {
  margin-bottom: 3rem;
  color: #666666;
  font-size: 0.9375rem;
  font-weight: lighter; }
  .writeup--content:not(.results--content),
  .rfp--description:not(.results--content) {
    max-width: 45.3125rem;
    margin-left: auto;
    margin-right: auto; }
  .writeup--content p,
  .rfp--description p {
    margin: 0; }

.rfp--description {
  margin-bottom: 1rem; }

.page-template-page_rfp .content {
  padding-top: 2.5rem; }

.results--column {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 21.875rem;
  margin: 0 auto 1rem;
  padding: 1.25rem 0; }

.result--icon {
  width: 44%;
  padding-left: 1rem; }

.case-study__logo {
  max-width: 6rem;
  margin: 1rem auto 0; }
  .case-study__logo img {
    width: 100%; }

.touchevents .Annual:nth-of-type(3) {
  display: none; }

.result--content {
  width: 56%;
  padding: 0 1rem;
  color: #4D4D4D;
  font-size: 0.9375rem;
  text-align: left;
  min-width: 190px; }
  .result--content a {
    color: #ffffff; }
  .result--content a:hover {
    color: #ffffff; }
  .result--content h3 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 800;
    text-transform: uppercase; }
  .result--content span {
    color: #fff;
    text-transform: uppercase; }

.case-study--projects figure img {
  display: block; }

.project--graphic {
  position: relative; }
  .project--graphic .graphic--triangle {
    border-bottom: 1rem solid #fff;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    position: absolute;
    bottom: -.1rem;
    left: .5rem; }

.no-flexbox.no-flexboxlegacy .results--content,
.no-flexbox.no-flexboxlegacy .results--column {
  *zoom: 1; }
  .no-flexbox.no-flexboxlegacy .results--content:before, .no-flexbox.no-flexboxlegacy .results--content:after,
  .no-flexbox.no-flexboxlegacy .results--column:before,
  .no-flexbox.no-flexboxlegacy .results--column:after {
    display: table;
    content: ""; }
  .no-flexbox.no-flexboxlegacy .results--content:after,
  .no-flexbox.no-flexboxlegacy .results--column:after {
    clear: both; }
.no-flexbox.no-flexboxlegacy .results--column {
  float: left; }
.no-flexbox.no-flexboxlegacy .result--icon {
  float: left; }
.no-flexbox.no-flexboxlegacy .result--content {
  float: left;
  width: calc(100% - 138px); }

.page-template-page_artshow-php .case-study--projects, .page-template-page_rfp .case-study--projects {
  width: 100%;
  margin-left: 0; }

.case-study--project {
  margin-bottom: 2rem;
  text-align: left; }
  .case-study--project header {
    position: relative;
    padding: .75rem 1rem .5rem; }
  .case-study--project h2 {
    width: calc(100% - 113px);
    margin: 0;
    margin-bottom: .25rem;
    font-size: 0.9375rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .case-study--project .youtube {
    margin-bottom: .25rem; }
  .case-study--project.Microcontent h2,
  .case-study--project.Microcontent .project--type {
    width: 100%; }

.project--graphic img {
  width: 100%; }

.project--type {
  width: calc(100% - 113px);
  font-family: "Playfair Display SC", serif;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.project--button {
  position: absolute;
  right: 0;
  top: .75rem;
  line-height: 2rem; }
  .project--button.button__plus {
    width: 40px;
    height: 40px;
    padding: 0;
    background-image: url("../img/plus-button.png");
    background-size: 100%;
    border: 0; }
    .project--button.button__plus:hover {
      background-image: url("../img/black-plus.png"); }
  .project--button.link-out {
    width: 40px;
    height: 40px;
    padding: 0;
    background-image: url("../img/right-arrow.png");
    background-size: 100%;
    border: 0; }
    .project--button.link-out:hover {
      background-image: url("../img/black-right-arrow.png"); }

.case-study--testimonial {
  position: relative;
  width: calc(100% + 3rem);
  margin-left: -1.5rem;
  padding: 0.5625rem 1.25rem;
  background-image: url(../img/yellow-bg.svg);
  background-size: cover; }
  .case-study--testimonial .testimonial--triangle {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 0;
    left: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    border-top: 1rem solid white;
    border-right: 1rem solid transparent;
    border-left: 1rem solid transparent; }
  .case-study--testimonial blockquote {
    max-width: 560px;
    margin: 0 auto;
    color: #1E2626;
    font-family: "proxima nova", sans-serif;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: normal;
    padding: 0.5625rem 1.25rem;
    text-transform: uppercase;
    text-align: center; }
    .case-study--testimonial blockquote:before, .case-study--testimonial blockquote:after {
      z-index: 0;
      width: 5.2389375rem;
      height: 3.6671875rem;
      background-size: contain; }
    .case-study--testimonial blockquote p {
      position: relative;
      z-index: 2;
      margin: 0; }

.testimonial--author {
  color: #4D4D4D;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 0.9375rem;
  font-style: italic;
  text-transform: uppercase; }
  .testimonial--author span {
    font-family: "Playfair Display SC", serif;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1; }

.modal {
  position: fixed;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: #1E2626;
  opacity: 0; }
  .modal.active {
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    opacity: 1; }
  .modal .modal--content,
  .modal iframe,
  .modal svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .modal path {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    .modal path.hide-polygon {
      opacity: 0;
      -webkit-transform: scale(1, 0);
      -moz-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
      -o-transform: scale(1, 0);
      transform: scale(1, 0); }
  .modal .modal--content {
    overflow-x: hidden;
    overflow-y: auto; }

.case-study--image .page-header-image {
  width: 100%; }

.close--loading {
  transition-duration: .5s;
  width: 80%;
  margin: 0 auto;
  color: white; }
  .close--loading.show {
    opacity: 1; }

.modal--close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 2rem;
  width: 2rem;
  background: #fff;
  line-height: 2rem;
  text-align: center;
  cursor: pointer;
  z-index: 100; }

.header--close {
  position: fixed;
  top: 3.05rem;
  width: 100%;
  height: 2rem;
  opacity: 0;
  background-color: #1E2626;
  text-align: center;
  padding: .25rem;
  color: white;
  z-index: 100;
  transition-duration: .5s; }
  .header--close.show {
    opacity: 1; }

@media only screen and (min-width: 47.5em) {
  .header--close {
    top: 4.5rem; } }
.header--prev {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -moz-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 1rem;
  width: .75rem;
  height: .75rem;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  cursor: pointer; }

.header--next {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -moz-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  -o-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 2rem;
  width: .75rem;
  height: .75rem;
  border-top: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer; }

.close--close {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer; }
  .close--close .close--left {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 143%;
    height: 1px;
    transform-origin: 0% 0%;
    background-color: white; }
  .close--close .close--right {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0;
    width: 143%;
    height: 1px;
    transform-origin: 100% 0%;
    background-color: white; }

.content_wrapper {
  position: relative; }
  .content_wrapper .content {
    position: relative;
    z-index: 100; }

.results--column {
  background-color: #33C9C5; }

.single-casestudy .content_wrapper,
.page-template-page_artshow-php .content_wrapper {
  padding-bottom: 0; }
.single-casestudy .prev-next-nav,
.page-template-page_artshow-php .prev-next-nav {
  padding: 0; }
.single-casestudy .prev-link,
.single-casestudy .next-link,
.page-template-page_artshow-php .prev-link,
.page-template-page_artshow-php .next-link {
  position: relative;
  width: 50%;
  height: 13.75rem;
  overflow: hidden; }
  .single-casestudy .prev-link a,
  .single-casestudy .next-link a,
  .page-template-page_artshow-php .prev-link a,
  .page-template-page_artshow-php .next-link a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover; }
    .single-casestudy .prev-link a:hover:after,
    .single-casestudy .next-link a:hover:after,
    .page-template-page_artshow-php .prev-link a:hover:after,
    .page-template-page_artshow-php .next-link a:hover:after {
      opacity: 0; }
    .single-casestudy .prev-link a:before,
    .single-casestudy .next-link a:before,
    .page-template-page_artshow-php .prev-link a:before,
    .page-template-page_artshow-php .next-link a:before {
      content: '';
      position: absolute;
      top: 1rem;
      z-index: 2;
      display: block;
      width: 5.9375rem;
      height: 11.75rem; }
    .single-casestudy .prev-link a:after,
    .single-casestudy .next-link a:after,
    .page-template-page_artshow-php .prev-link a:after,
    .page-template-page_artshow-php .next-link a:after {
      -webkit-transition: opacity 0.2s;
      -moz-transition: opacity 0.2s;
      -ms-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      opacity: 1; }
  .single-casestudy .prev-link img,
  .single-casestudy .prev-link span,
  .single-casestudy .next-link img,
  .single-casestudy .next-link span,
  .page-template-page_artshow-php .prev-link img,
  .page-template-page_artshow-php .prev-link span,
  .page-template-page_artshow-php .next-link img,
  .page-template-page_artshow-php .next-link span {
    position: absolute;
    left: 100%; }
.single-casestudy .prev-link,
.page-template-page_artshow-php .prev-link {
  padding-right: 0; }
  .single-casestudy .prev-link a:before,
  .page-template-page_artshow-php .prev-link a:before {
    left: 1rem;
    background: url(../img/case-studies--previous.png) no-repeat 50% 50%;
    background-size: auto 11.75rem; }
  .single-casestudy .prev-link:after,
  .page-template-page_artshow-php .prev-link:after {
    display: none; }
.single-casestudy .next-link,
.page-template-page_artshow-php .next-link {
  padding-left: 0; }
  .single-casestudy .next-link a:before,
  .page-template-page_artshow-php .next-link a:before {
    right: 1rem;
    background: url(../img/case-studies--next.png) no-repeat 50% 50%;
    background-size: auto 11.75rem; }
.single-casestudy .body--footer:before,
.page-template-page_artshow-php .body--footer:before {
  border-top-color: #757a7a; }

.case-studies--link {
  text-align: center;
  padding: 2rem 1rem; }
  .case-studies--link h2 {
    margin-top: 0;
    font-weight: 800; }

@media only screen and (min-width: 36.5em) {
  .case-study--projects {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: multiple;
    -moz-box-pack: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }

  .case-study--project.columns-per-row_1 {
    width: 100%; }
  .case-study--project.columns-per-row_2 {
    width: calc(50% - .5rem); }
  .case-study--project.columns-per-row_3 {
    width: calc(33.3333333333% - .66666666667rem); }

  .case-study h1 {
    font-size: 2.25rem; } }
@media only screen and (min-width: 63em) {
  .results--content {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }

  .results--column {
    width: calc(100%/3 - (10rem / 16));
    margin: 0;
    max-width: none; }
    .results--column:nth-of-type(2) {
      margin: 0 0.9375rem; }

  .case-study--testimonial {
    padding: 1.1875rem 2.5rem; }
    .case-study--testimonial blockquote {
      padding: 1.1875rem 2.75rem; } }
/* Container used for styling the custom select, the buttom class below adds the bg gradient, corners, etc. */
.custom-select {
  position: relative;
  padding: 0;
  display: inline-block;
  vertical-align: middle; }
  .custom-select select {
    margin: 0;
    background: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    font-size: 1rem;
    color: #fff;
    padding: .6em 2.25em .5em .25em;
    line-height: 1.3;
    font-weight: lighter;
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid #969696;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box; }
    .custom-select select:focus {
      outline: none;
      background-color: transparent; }
  .custom-select::after {
    content: "";
    position: absolute;
    width: 27px;
    height: 15px;
    top: 50%;
    right: .25em;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: url(../img/select-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2;
    /* This hack make the select behind the arrow clickable in some browsers */
    pointer-events: none; }
  .custom-select option {
    font-weight: normal;
    text-transform: none; }

.work-filters_wrapper .custom-select::after {
  background-image: url(../img/select-arrow_black.png); }
.work-filters_wrapper select {
  color: #1E2626; }

/* Custom arrow sits on top of the select - could be an image, SVG, icon font, etc. or the arrow could just baked into the bg image on the select. Note this si a 2x image so it will look bad in browsers that don't support background-size. In production, you'd handle this resolution switch via media query but this is a demo. */
/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .custom-select::after {
  display: none; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none; }

  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222; } }
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden; }

  .custom-select select {
    width: 120%;
    width: -moz-calc(100% + 3em);
    width: calc(100% + 3em); } }
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #666666; }

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
.case-study--carousel {
  position: relative;
  width: 100%;
  max-width: 35rem;
  margin: 0 auto 3rem auto; }

.case-study--carousel_wrapper {
  position: relative;
  width: calc(100% - 4rem);
  margin-left: 2rem;
  padding-top: calc(100% - 4rem);
  border: 0.125rem solid #969696; }

.carousel--slide {
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  padding-top: 100%;
  opacity: 0; }
  .carousel--slide.active {
    opacity: 1;
    z-index: 2; }
  .carousel--slide.animate {
    z-index: 3 !important; }
  .carousel--slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: no-repeat 50% 50%;
    background-size: auto 100%;
    font-size: 0; }

.carousel--controls {
  margin-top: 1rem;
  text-align: center; }

.carousel--prev-button,
.carousel--next-button {
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  height: 1rem;
  width: 1rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 2px solid #1E2626;
  text-shadow: none;
  text-indent: 1000%;
  white-space: nowrap;
  overflow: hidden; }
  .carousel--prev-button:hover, .carousel--prev-button:active, .carousel--prev-button:focus,
  .carousel--next-button:hover,
  .carousel--next-button:active,
  .carousel--next-button:focus {
    padding: 0;
    border: 0;
    border-bottom: 2px solid #1E2626;
    outline: 0;
    background: transparent; }

.no-flexbox.no-flexboxlegacy .carousel--prev-button,
.no-flexbox.no-flexboxlegacy .carousel--next-button {
  border: 0;
  background: url(../img/prev-next-button-bg.png) no-repeat top right;
  background-size: 100% 100%; }
.no-flexbox.no-flexboxlegacy .carousel--next-button {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.carousel--prev-button {
  left: 0;
  -ms-transform: translate(0, -50%) rotate(45deg);
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-left: 2px solid #1E2626; }
  .carousel--prev-button:hover, .carousel--prev-button:active, .carousel--prev-button:focus {
    border-left: 2px solid #1E2626; }

.carousel--next-button {
  right: 0;
  -ms-transform: translate(0, -50%) rotate(-45deg);
  -webkit-transform: translate(0, -50%) rotate(-45deg);
  transform: translate(0, -50%) rotate(-45deg);
  border-right: 2px solid #1E2626; }
  .carousel--next-button:hover, .carousel--next-button:active, .carousel--next-button:focus {
    border-right: 2px solid #1E2626; }

.carousel--selector-button {
  display: none; }

@media only screen and (min-width: 36.5em) {
  .case-study--carousel_wrapper {
    position: relative;
    width: calc(100% - 8rem);
    margin-left: 4rem;
    padding-top: calc(100% - 8rem); }

  .carousel--prev-button,
  .carousel--next-button {
    vertical-align: middle;
    width: 3.5rem;
    height: 3.5rem; }

  .carousel--selector-button {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    margin: 0;
    margin-right: .75rem;
    padding: 0;
    border: 0.1875rem solid #1E2626;
    background: transparent;
    vertical-align: middle; }
    .carousel--selector-button:hover, .carousel--selector-button:active, .carousel--selector-button:focus {
      padding: 0;
      outline: 0;
      border: 0.1875rem solid #1E2626; }
    .carousel--selector-button.active {
      background: #1E2626; } }
.graphic--thumb {
  height: 385px;
  width: 100%;
  background-size: cover;
  background-position: 50% 0%; }
  .graphic--thumb.poster {
    height: 0;
    padding-top: 100%; }

.modal--content.rfp {
  margin-top: 15px;
  padding-bottom: 32px; }

.rfp-section {
  margin: 1rem 0 2rem; }

.project--type.rfp {
  padding-left: 2px; }

.drafts__header {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 32px;
  height: 60px;
  padding: 0 15px;
  background-color: #23282d; }
  .drafts__header form {
    margin-bottom: 0; }
  .drafts__header .header__logo {
    position: relative;
    width: 31px;
    margin-right: 18px; }
    .drafts__header .header__logo a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .drafts__header .header__title {
    position: relative; }
    .drafts__header .header__title h1 {
      font-family: 'Montserrat', sans-serif;
      font-size: 1.1875rem;
      font-weight: normal;
      color: #A3AAB7;
      margin: 0;
      transition-duration: .25s; }
    .drafts__header .header__title:hover h1 {
      color: #ffffff; }
    .drafts__header .header__title a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5000; }
  .drafts__header .header__add {
    position: relative;
    margin-left: 25px;
    width: 140px;
    height: 35px;
    border: 2px solid #a3aab7;
    transition-duration: .25s;
    cursor: pointer; }
    .drafts__header .header__add .add__text {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      color: #ffffff;
      font-size: 0.75rem;
      font-family: 'Montserrat', sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      width: 100%;
      text-align: center; }
    .drafts__header .header__add a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    .drafts__header .header__add:hover {
      background-color: rgba(60, 66, 71, 0.7); }
  .drafts__header .header__settings {
    position: relative;
    margin-left: auto;
    margin-right: 20px; }
    .drafts__header .header__settings a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .drafts__header .header__settings:hover {
      opacity: .8; }
  .drafts__header .header__avatar {
    position: relative;
    margin-right: 20px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background-size: cover;
    transition-duration: .25s; }
    .drafts__header .header__avatar img {
      display: block; }
    .drafts__header .header__avatar a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .drafts__header .header__logout {
    position: relative;
    width: 107px;
    height: 35px;
    background-color: #3C4247;
    transition-duration: .25s;
    cursor: pointer; }
    .drafts__header .header__logout .logout__text {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      color: #ffffff;
      font-size: 0.75rem;
      font-family: 'Montserrat', sans-serif;
      font-weight: bold; }
    .drafts__header .header__logout a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000; }
    .drafts__header .header__logout:hover {
      background-color: rgba(60, 66, 71, 0.7); }

.drafts__projects {
  padding: 70px 32px;
  max-width: 1024px;
  margin: 0 auto; }
  .drafts__projects .projects__header {
    position: relative;
    text-align: center;
    margin-bottom: 60px; }
  .drafts__projects .header__back {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 500;
    width: 210px; }
    .drafts__projects .header__back img {
      display: block; }
    .drafts__projects .header__back a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .drafts__projects .header__search {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    width: 210px;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 0; }
    .drafts__projects .header__search input#txtSearch {
      padding: 7px 5px;
      border: 0;
      border-bottom: 1px solid #C4C4C4; }
      .drafts__projects .header__search input#txtSearch:focus {
        outline: 0; }
    .drafts__projects .header__search input.initiate-search {
      -webkit-transform: translate(-20%, -100%);
      -moz-transform: translate(-20%, -100%);
      -ms-transform: translate(-20%, -100%);
      -o-transform: translate(-20%, -100%);
      transform: translate(-20%, -100%);
      background: url(../img/drafts-search_2x.png) no-repeat 50% 50%;
      background-size: 25px;
      width: 25px;
      height: 25px;
      border: 0;
      outline: 0;
      color: transparent; }
      .drafts__projects .header__search input.initiate-search:focus {
        outline: 0; }
  .drafts__projects .back__text {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    color: #23282D;
    margin-left: 11px;
    margin-top: 2px; }
  .drafts__projects .header__heading {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    padding: 0 210px; }
    .drafts__projects .header__heading h2 {
      font-size: 1.75rem;
      font-family: 'Lato', sans-serif;
      color: #23282D;
      font-weight: normal;
      margin: 0; }
  .drafts__projects .projects__projects .projects__project {
    position: relative; }
    .drafts__projects .projects__projects .projects__project:hover .project__settings {
      opacity: 1; }
    .drafts__projects .projects__projects .projects__project.team a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3000; }
    .drafts__projects .projects__projects .projects__project:nth-of-type(3n) {
      margin-right: 0; }
    .drafts__projects .projects__projects .projects__project.add-new {
      background-color: #F2F2F2;
      height: 361px; }
      .drafts__projects .projects__projects .projects__project.add-new img {
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin: 0 auto; }
  .drafts__projects .project__new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 361px;
    z-index: 3000; }
  .drafts__projects .project__image {
    position: relative;
    width: 100%;
    height: 300px;
    background-size: cover;
    border-bottom: 4px solid #3C4247; }
    .drafts__projects .project__image a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3000; }
  .drafts__projects .project__info {
    padding: 17px 11px 0; }
    .drafts__projects .project__info a {
      text-decoration: none; }
    .drafts__projects .project__info h3 {
      margin: 0;
      font-family: 'Lato', sans-serif;
      font-size: 0.9375rem;
      font-weight: normal; }
    .drafts__projects .project__info.team {
      -ms-box-orient: horizontal;
      display: -ms-flexbox;
      display: -moz-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      padding: 17px 11px 0 0; }
  .drafts__projects .info__avatar {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-size: cover;
    margin-right: 13px; }
  .drafts__projects .info__name {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    color: #23282D; }
  .drafts__projects .project__image.empty {
    background-color: #F2F2F2; }
    .drafts__projects .project__image.empty img {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      margin: 0 auto; }
  .drafts__projects .project__options {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 6000;
    transition-duration: .25s;
    cursor: pointer;
    background-color: white;
    padding: 10px 15px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
    display: none; }
    .drafts__projects .project__options .options__mouseout {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100; }
    .drafts__projects .project__options a {
      text-decoration: none;
      position: relative;
      z-index: 200; }
    .drafts__projects .project__options a:hover {
      color: #666666;
      text-decoration: underline; }
    .drafts__projects .project__options.show {
      display: block; }
    .drafts__projects .project__options div:nth-of-type(1) {
      margin-bottom: 10px; }
    .drafts__projects .project__options div:hover {
      text-decoration: underline; }
  .drafts__projects .project__settings {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5000;
    opacity: 0;
    transition-duration: .25s;
    cursor: pointer; }
    .drafts__projects .project__settings img {
      transition-duration: .25s; }
    .drafts__projects .project__settings:hover img {
      opacity: .7; }

.client-approval__client {
  font-weight: bold;
  font-size: 0.75rem;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 13px;
  text-transform: uppercase;
  color: #3C4247; }

.project__info.project {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.team .info--left {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: calc(100% - 25px); }

.info--right {
  display: none;
  width: 25px;
  position: relative; }
  .info--right .pointer {
    transform: translate(-50%, 50%) rotate(45deg);
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .35rem;
    height: .35rem;
    background: #4bd1cd; }

.info__new-comments {
  height: 20px;
  background-color: #4bd1cd;
  text-align: center;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-size: .75rem;
  line-height: 1.2rem;
  font-weight: bold;
  cursor: default;
  position: relative; }

@media only screen and (min-width: 800px) {
  .drafts__projects .projects__projects {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: multiple;
    -moz-box-pack: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .drafts__projects .projects__projects .projects__project {
      margin-right: 21px;
      margin-bottom: 21px;
      width: calc(33% - 11px); } }
.resources__modal {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  position: absolute;
  top: 5rem;
  left: 50%;
  width: 50%;
  margin-bottom: 5rem;
  background-color: white;
  z-index: 20000;
  padding: 3rem 1rem 1rem; }
  .resources__modal .modal__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    height: 2rem;
    background-color: #33c8c5;
    border-radius: 1rem;
    line-height: 0.2rem;
    color: white;
    padding: 1rem;
    cursor: pointer; }

.resources__search {
  position: absolute;
  top: 0;
  left: 100%;
  width: 4.3rem;
  background-color: #eeeeee;
  height: 100%;
  cursor: pointer;
  transition-duration: .25s;
  border-bottom: 5px solid lightgrey; }
  .resources__search img {
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 2rem;
    top: 50%;
    position: absolute;
    right: 1.25rem; }
  .resources__search.move {
    background-color: white;
    width: 100%;
    left: 0; }
    .resources__search.move input {
      display: block; }
  .resources__search input {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }
    .resources__search input:focus {
      outline: 0; }

.resources__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  display: none;
  top: 0;
  left: 0;
  overflow: scroll; }
  .resources__overlay.show {
    display: block; }

#resources {
  border-top: 0; }
  #resources .department__img {
    display: none; }
  #resources .links__categories {
    width: 100%; }
  #resources .header__main {
    padding: 7rem 1rem 0;
    background: url("../img/resources/header-background.png") no-repeat;
    background-size: cover; }
  #resources .selection--all p {
    border-right: 0; }
  #resources .menu--resources ul {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: multiple;
    -moz-box-pack: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 100px);
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    position: relative; }
  #resources .menu--resources li {
    min-width: 6.25rem;
    height: 100%;
    padding: .5rem 0 .5rem;
    text-align: center; }
  #resources h1 {
    margin-bottom: 1.5rem;
    font-size: 4rem;
    text-align: center; }
  #resources h2 {
    position: relative;
    padding: 0;
    font-family: "ProximaNova-Bold", sans-serif;
    font-size: .68rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0; }
    #resources h2 span {
      display: inline-block;
      background: #33c8c5;
      position: relative;
      padding: .5rem .5rem .3rem; }
  #resources h2:before {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.0625rem;
    border: 0.0625rem solid #33c8c5;
    content: '';
    z-index: -1; }
  #resources span:after {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 100%;
    border-top: 12px solid #33c8c5;
    border-right: 0.5625rem solid transparent;
    border-bottom: 12px solid #33c8c5;
    border-left: 0.75rem solid #33c8c5;
    content: ''; }
  .menu--site #resources p {
    font-size: 0.75rem;
    text-transform: uppercase; }
  .menu--resources #resources p {
    width: 100%;
    margin: .25rem 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    border-right: #d1d3d4 2px solid; }
  .dept-links #resources p {
    width: 95%;
    margin-top: 0;
    margin-bottom: 0; }
  #resources a {
    color: gray;
    text-decoration: none; }
  #resources ul {
    padding: 0; }
  #resources li {
    cursor: pointer;
    list-style-type: none; }
    .dept-links #resources li {
      -ms-box-orient: horizontal;
      display: -ms-flexbox;
      display: -moz-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: none;
      -moz-box-pack: none;
      -ms-flex-wrap: no-wrap;
      -webkit-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
      -webkit-box-pack: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      min-width: 13.75rem;
      padding: .45rem 0;
      border-bottom: #f1f2f2 2px solid; }
  #resources li:hover p {
    color: #000; }
  #resources .department__links {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: multiple;
    -moz-box-pack: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  #resources .links__categories {
    margin-right: 3.3%; }
  #resources .links__categories:nth-last-of-type(1) {
    margin-right: 0; }
  #resources .dropdown--container .dropdown__links {
    display: none; }
  #resources .dropdown--container.show .links__dropdown .arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  #resources .dropdown--container.show .dropdown__links {
    display: block; }

@media only screen and (min-width: 600px) {
  #resources .links__categories {
    width: 46%; }
  #resources .department__links {
    width: 80%; }
  #resources .department__img {
    display: block; } }
@media only screen and (min-width: 47.5em) {
  #resources .links__categories {
    width: 30%; } }
@media only screen and (max-width: 47.5em) {
  #resources .header__main {
    padding: 7rem 0 0; }
  #resources .menu--resources {
    width: 100%; }
    #resources .menu--resources ul {
      -ms-box-orient: horizontal;
      display: -ms-flexbox;
      display: -moz-box;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: multiple;
      -moz-box-pack: multiple;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 100%;
      max-width: 62.5rem;
      margin: 1rem auto;
      background: #fff; }
    #resources .menu--resources li {
      width: 25%;
      margin-bottom: 1rem;
      text-align: center; } }
#resources .dept-links li {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  #resources .dept-links li p {
    width: 90%; }
#resources .body__main {
  position: relative;
  overflow: hidden; }
#resources .department {
  -ms-box-orient: horizontal;
  display: -ms-flexbox;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: multiple;
  -moz-box-pack: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transform: translate(0, -3rem);
  -moz-transform: translate(0, -3rem);
  -ms-transform: translate(0, -3rem);
  -o-transform: translate(0, -3rem);
  transform: translate(0, -3rem);
  position: absolute;
  left: 2000px;
  max-width: 1032px;
  margin: 0 auto;
  padding: 5rem 16px; }
#resources .department__img {
  -webkit-transform: translate(0, 20%);
  -moz-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  transform: translate(0, 20%);
  width: 18%;
  margin-bottom: 2rem; }
#resources .department:nth-of-type(1) {
  position: relative;
  left: 0; }
#resources .arrow {
  width: 0.40625rem;
  height: 0.6875rem; }
#resources .menu__selection:nth-last-of-type(1) p {
  border-right: none !important; }
#resources .selected {
  position: relative;
  background: black;
  color: white; }
  #resources .selected p {
    border-right: 0; }
#resources .selected:hover {
  color: white; }
  #resources .selected:hover p {
    color: white; }
#resources .selected:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-top: solid 10px black;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  content: '';
  transition-duration: .25s; }
#resources .selected.hide-triangle:after {
  top: 80%; }

@media screen and (min-resolution: 2dppx) {
  #resources .header__main {
    background: url("../img/resources/header-background_2x.png") no-repeat;
    background-size: cover; } }
@media all and (-webkit-min-device-pixel-ratio: 2) {
  #resources .header__main {
    background: url("../img/resources/header-background_2x.png") no-repeat;
    background-size: cover; } }
#list {
  border-top: 0; }
  #list .body__main {
    position: relative;
    overflow: hidden; }
  #list .header__main {
    padding: 170px 0 66px 0;
    background: url("../img/resources/header-background.png") no-repeat;
    background-size: cover; }
  #list .header__title.page--title {
    color: white;
    padding: 0;
    margin: 0; }
  #list .main__intro {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding: 38px 0 31px 0; }
    #list .main__intro p {
      color: #000;
      font-size: 0.875rem; }
  #list .columns--container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px 80px 10px; }
  #list .column__list {
    width: 100%;
    margin-bottom: 36px; }
  #list span {
    display: inline-block;
    background: #33c8c5;
    position: relative;
    padding: 10px 25px 10px 10px;
    font-size: .7rem; }
  #list span:after {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 0;
    height: 100%;
    border-top: 16px solid #33c8c5;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #33c8c5;
    border-left: 12px solid #33c8c5;
    content: ''; }
  #list .head__title {
    position: relative;
    bottom: 5px;
    text-align: left;
    padding: 10px 8px; }
    #list .head__title h2 {
      position: absolute;
      bottom: 1px;
      color: #000;
      font-size: 0.875rem;
      text-transform: uppercase;
      margin: 0;
      left: 0; }
  #list .head__value-titles {
    text-align: left;
    font-size: 0.625rem;
    font-weight: bold;
    color: #33c8c5;
    text-transform: uppercase; }
  #list .list__head {
    position: relative;
    border-top: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2; }
  #list .list__contents td {
    background-color: #fff;
    border-bottom: 1px solid #f1f2f2;
    color: #000; }
  #list .list__contents td:nth-of-type(1) {
    width: 60%; }
  #list .contents__sub img {
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
    margin-right: 6px; }
  #list .contents__sub td {
    background-color: #fff;
    border-bottom: 1px solid #f1f2f2;
    color: #000; }

@media only screen and (max-width: 47.5em) {
  #list .header__main {
    padding: 170px 0 66px 0; } }
@media only screen and (min-width: 600px) {
  #list .columns--container {
    -ms-box-orient: horizontal;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    #list .columns--container .main__column {
      width: calc(50% - 20px); } }
@media screen and (min-resolution: 2dppx) {
  #list .header__main {
    background: url("../img/resources/header-background_2x.png") no-repeat;
    background-size: cover; } }
@media all and (-webkit-min-device-pixel-ratio: 2) {
  #list .header__main {
    background: url("../img/resources/header-background_2x.png") no-repeat;
    background-size: cover; } }

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