/* ---------------------------------- */
/*
 * Gorilla
 * Version 1.0
 * By Conduit Studio
 *
 */
/*
 * Imports
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

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

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

a img {
  border: none; }

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

.icons-sprite {
  background-image: url('../img/icons-sc0a1c77aaa.png');
  background-repeat: no-repeat; }

.icons2x-sprite {
  background-image: url('../img/icons2x-sc7d908bc87.png');
  background-repeat: no-repeat; }

/*
 * Custom Mixins
 */
.ir {
  display: inline-block;
  overflow: hidden;
  text-indent: -999px; }

#mobileDetect,
#tabletDetect {
  height: 0;
  display: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 0; }

.mobile {
  display: none !important; }

.tablet {
  display: none !important; }

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Reset box-sizing for all elements.
 * Remove excess height in iOS 5 devices.
 */
*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Typography
 */
/*
 * Sans-Serif
 * i.e.
 * font-family: 'Futura W01';
 * font-style: normal;
 * font-weight: 700;
 */
/*
 * Serif
 * i.e.
 * font-family: "Sentinel A", "Sentinel B";
 * font-style: normal;
 * font-weight: 400;
 */
em {
  font-style: italic; }

/*
 * Colors
 */
* {
  box-sizing: border-box; }

body {
  font-family: "Sentinel A", "Sentinel B", "Georgia", serif;
  font-weight: 300;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

a {
  color: #fff;
  text-decoration: underline; }
  a a:hover {
    text-decoration: none; }

.table {
  display: table;
  height: 100%;
  width: 100%; }

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

main {
  margin: 0 5.48223vw;
  text-align: center; }
  @media screen and (max-width: 730px) {
    main {
      margin: 0 20px; } }

.large-text {
  font-size: 55px;
  line-height: 1.18em;
  margin-bottom: 1.2em; }

@media (max-width: 700px) {
  .large-text {
    font-size: 30px; } }
/*
 * Form Elements (gravity forms)
 */
::placeholder {
  color: #000;
  text-transform: uppercase; }

.gform_wrapper {
  max-width: 578px;
  margin: 0 auto; }
  .gform_wrapper br {
    display: none; }

.gform_title {
  font-size: 55px;
  line-height: 1.2em;
  margin-top: 63px;
  margin-bottom: 30px;
  text-align: center; }

input,
textarea,
select {
  font-family: "Futura W01", helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
  border: 0;
  background: #ededed;
  color: #000;
  font-family: "Futura W01", helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0.08333em;
  padding: 20px;
  margin-bottom: 10px;
  width: 100%;
  -webkit-appearance: none; }

select {
  text-transform: uppercase; }

.gfield_label,
.ginput_container span > label {
  display: none; }

.ginput_container_select {
  position: relative; }
  .ginput_container_select select {
    border-radius: 0; }

.ginput_container_select:after {
  content: "\f0d7";
  font-family: Font Awesome\ 5 Free;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  right: 20px;
  top: 20px; }

.gform_button {
  text-transform: uppercase; }

.gfield_error input,
.gfield_error select,
.gfield_error textarea {
  background: #fb401d; }

.validation_message {
  font-size: 12px;
  float: left;
  width: 100%;
  color: #fb401d;
  margin-top: -10px;
  margin-bottom: 20px; }

@media (min-width: 420px) {
  .gf_name_has_2 .name_first,
  .gf_name_has_2 .name_last {
    float: left;
    width: 50%; }
  .gf_name_has_2 .name_first {
    padding-right: 5px; }
  .gf_name_has_2 .name_last {
    padding-left: 5px; } }
/*
 * Components
 */
.component {
  margin-bottom: 60px; }
  .component img,
  .component video {
    width: 100%; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    main {
      display: grid;
      grid-template-columns: minmax(88px, 1fr) repeat(18, minmax(auto, 88px)) minmax(88px, 1fr);
      grid-column-gap: 10px;
      margin: 0; }

    main > * {
      grid-column: 2 / span 18; }

    .component {
      margin-bottom: 5.98985vw; } } }
.c-bottom-crew {
  margin: 60px 0;
  position: relative; }
  .c-bottom-crew h4 {
    font-family: "Futura W01", helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 20px; }
  .c-bottom-crew .image {
    margin-bottom: 20px; }
  .c-bottom-crew .description {
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto; }
    .c-bottom-crew .description p {
      margin-bottom: 1em; }
  .c-bottom-crew .crew-member {
    margin: 0 0 60px; }
    .c-bottom-crew .crew-member:last-child {
      margin-bottom: 0; }
  .c-bottom-crew .crew-members {
    font-size: 20px;
    line-height: 30px; }
    .c-bottom-crew .crew-members p {
      margin-bottom: 1em; }
    .c-bottom-crew .crew-members p {
      margin-bottom: 5px; }
    .c-bottom-crew .crew-members .title {
      text-transform: uppercase; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .c-bottom-crew {
      display: grid;
      grid-template-columns: repeat(18, 1fr);
      grid-column-gap: 10px;
      margin: 5.48223vw 0; }
      .c-bottom-crew .left {
        grid-column: 1 / span 9; }
      .c-bottom-crew .crew-member {
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-column-gap: 10px;
        position: relative; }
      .c-bottom-crew h4 {
        left: 0;
        margin-bottom: 0;
        margin-top: -17px;
        position: absolute;
        top: 50%;
        width: 100%; }
      .c-bottom-crew .image {
        grid-column: 2/5;
        margin-bottom: 0; }
        .c-bottom-crew .image img {
          display: block;
          margin: 0;
          max-width: 100%; }
      .c-bottom-crew .description {
        font-size: 20px;
        grid-column: 5/9;
        line-height: 30px;
        margin-top: 20px;
        position: absolute;
        text-align: left;
        top: 50%; }
        .c-bottom-crew .description .title > span {
          text-transform: uppercase; }
      .c-bottom-crew .right {
        border-left: 2px solid #fff;
        grid-column: 10 / span 9;
        display: grid;
        grid-template-columns: repeat(9, 1fr);
        grid-column-gap: 10px; }
      .c-bottom-crew .crew-members {
        align-self: center;
        font-size: 20px;
        grid-column: 1/-1;
        line-height: 30px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: left; }
        .c-bottom-crew .crew-members p {
          margin-bottom: 10px; } } }
.c-bottom-slogan {
  position: relative; }
  .c-bottom-slogan img {
    float: right;
    max-width: 27.335%;
    margin-right: 10vw; }
  .c-bottom-slogan .content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .c-bottom-slogan p {
    font-size: 2.79188vw;
    font-style: italic;
    text-align: center; }
  .c-bottom-slogan:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  @media screen and (max-width: 720px) {
    .c-bottom-slogan p {
      font-size: 20px; } }

.slim-grid-posts {
  margin-bottom: 5.48223vw; }

.grid-post-holder h2 {
  font-size: 2.28426vw;
  line-height: 1.2em;
  padding-top: 0;
  margin: 40px 0; }
  @media screen and (max-width: 720px) {
    .grid-post-holder h2 {
      font-size: 25px;
      padding-top: 0; } }

.c-grid-post {
  display: block;
  position: relative;
  text-decoration: none; }
  .slim-grid-posts .c-grid-post {
    margin-bottom: 10px; }
  .c-grid-post.is-text {
    font-size: 20px;
    line-height: 30px;
    margin: 4.46701vw 0;
    text-align: left; }
    .c-grid-post.is-text p {
      margin-bottom: 1em; }
    .c-grid-post.is-text .is-panopress {
      padding-top: 56.25%;
      height: 0;
      overflow: hidden; }
      .c-grid-post.is-text .is-panopress .pp-embed {
        bottom: 10px;
        left: 0;
        position: absolute !important;
        right: 0;
        top: 0; }
  .c-grid-post a {
    text-decoration: none; }
  .c-grid-post img,
  .c-grid-post video {
    display: block;
    z-index: -1; }
  .c-grid-post h4 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 10px 0 5px; }
  .c-grid-post .extra {
    font-family: "Futura W01", helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    font-size: 12px; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .grid-post-holder {
      display: grid;
      grid-template-columns: repeat(36, minmax(auto, 88px));
      grid-column-gap: 10px; }
      .grid-post-holder h2,
      .grid-post-holder .full {
        grid-column: span 36; }
      .grid-post-holder .half {
        grid-column: span 18; }
      .grid-post-holder .thirds:nth-child(1) {
        grid-column: 1 / 11; }
      .grid-post-holder .thirds:nth-child(2) {
        grid-column: 14 / 24; }
      .grid-post-holder .thirds:nth-child(3) {
        grid-column: 27 / 37; }
      .grid-post-holder .is-text {
        display: grid;
        grid-template-columns: repeat(18, minmax(auto, 88px));
        grid-column-gap: 10px;
        margin: 0; }
        .grid-post-holder .is-text .text-content {
          grid-column: span 16;
          place-self: center; }
      .grid-post-holder > *:last-child.is-text .text-content {
        grid-column: 3 / span 16; }
      .grid-post-holder > *.full.is-text .text-content {
        grid-column: 2 / -2 !important; } } }
.can-hover .c-grid-post .content {
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.75s; }
.can-hover .c-grid-post:hover .content {
  opacity: 1; }
.can-hover .c-grid-post h4 {
  font-size: 2.79188vw;
  left: 0;
  line-height: 1em;
  margin: 0 0 15px;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%; }
.can-hover .c-grid-post .extra {
  font-size: 12px;
  bottom: 1.77665vw;
  left: 0;
  position: absolute;
  right: 0; }

.c-hero-section {
  position: relative; }
  .c-hero-section a {
    text-decoration: none; }
  .c-hero-section.image img {
    z-index: -1; }
  .c-hero-section h2 {
    font-size: 20px;
    line-height: 1.2em;
    margin: 10px 0 5px; }
  .c-hero-section .extra {
    font-family: "Futura W01", helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    font-size: 12px; }

@media (hover: hover) and (min-width: 700px) {
  .c-hero-section .content {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.75s; }
    .c-hero-section .content a {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
  .c-hero-section:hover .content {
    opacity: 1; }
  .c-hero-section h2 {
    font-size: 2.79188vw;
    left: 0;
    line-height: 1em;
    margin: 0 0 15px;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%; }
  .c-hero-section .extra {
    font-size: 12px;
    bottom: 1.77665vw;
    left: 0;
    position: absolute;
    right: 0; } }
.c-image-description {
  display: grid;
  margin-bottom: 5.48223vw; }
  .c-image-description .image {
    margin-bottom: 1em; }
  .c-image-description .description {
    font-size: 20px;
    line-height: 30px;
    margin-top: 4.46701vw;
    text-align: left; }
    .c-image-description .description p {
      margin-bottom: 1em; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .c-image-description {
      display: grid;
      grid-template-columns: repeat(18, 1fr);
      grid-column-gap: 10px; }
      .c-image-description .image {
        grid-column: 1 / span 18; }
      .c-image-description .description {
        grid-column: 2 / span 16; } }
  @media (min-width: 1200px) {
    .c-image-description .image {
      grid-column: 1/10; }
    .c-image-description .description {
      grid-column: 11/18;
      margin-top: 0; } } }
.c-large-list ul {
  list-style-type: none;
  margin: 0; }
.c-large-list li {
  font-family: "Futura W01", helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
  display: block;
  font-size: 3.80711vw;
  line-height: 5.88832vw;
  text-align: center; }
  .c-large-list li > * {
    display: inline-block;
    position: relative;
    text-decoration: none;
    z-index: 2; }
    .c-large-list li > * .hover-image {
      display: none;
      left: 50%;
      opacity: 0.85;
      overflow: visible;
      position: absolute;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: -1; }
      .c-large-list li > * .hover-image img {
        width: auto; }
    .c-large-list li > * p {
      display: none; }
@media (hover) {
  .c-large-list li > *:hover {
    color: #fb401d;
    z-index: 1; }
    .c-large-list li > *:hover .hover-image {
      display: block; }
  .c-large-list.over > * {
    opacity: 0.25; }
  .c-large-list.over > *:hover {
    opacity: 1; } }

.c-main-title {
  margin: 0 auto 5.48223vw;
  max-width: 970px; }
  .c-main-title h1 {
    font-size: 2.79188vw;
    line-height: 1.2em;
    padding-top: 0; }
  .c-main-title h3 {
    font-family: "Futura W01", helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 40px;
    line-height: 1.2em; }
  .c-main-title .tags {
    list-style-type: none; }
    .c-main-title .tags li {
      display: inline-block;
      padding: 0 20px 0 10px;
      position: relative; }
      .c-main-title .tags li:after {
        content: '/';
        position: absolute;
        right: 0; }
      .c-main-title .tags li:last-child {
        padding-right: 10px; }
        .c-main-title .tags li:last-child:after {
          content: ''; }
    .c-main-title .tags a,
    .c-main-title .tags span {
      font-family: "Futura W01", helvetica, sans-serif;
      font-weight: 700;
      letter-spacing: 0.08333em;
      text-transform: uppercase;
      font-size: 12px;
      text-decoration: none; }
  @media screen and (max-width: 720px) {
    .c-main-title {
      margin: 0 auto 60px; }
      .c-main-title h1 {
        font-size: 35px;
        padding-top: 0; } }

.c-page-content {
  font-size: 20px;
  line-height: 30px;
  max-width: 100%;
  text-align: left;
  /* Text meant only for screen readers. */ }
  .c-page-content p {
    margin-bottom: 1.2em; }
  .c-page-content img {
    height: auto;
    width: auto;
    max-width: 100%; }
  .c-page-content .alignnone {
    margin: 5px 20px 20px 0; }
  .c-page-content .aligncenter,
  .c-page-content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .c-page-content .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .c-page-content .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .c-page-content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .c-page-content a img.alignnone {
    margin: 5px 20px 20px 0; }
  .c-page-content a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .c-page-content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .c-page-content .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center; }
  .c-page-content .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .c-page-content .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .c-page-content .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .c-page-content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto; }
  .c-page-content .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px; }
  @media (max-width: 1000px) {
    .c-page-content .wp-caption {
      width: 100% !important; } }
  .c-page-content .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .c-page-content .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .c-page-content {
      grid-column: 7 / span 8; } } }
.video {
  cursor: pointer; }
  .video .vimeo-video,
  .video img, .video:after {
    transition: opacity 0.75s; }

.vimeo-video,
.youtube-video {
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0; }

.video.video-ready:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background: url('../img/play-button.png'); }

.video-on .vimeo-video,
.video-on .youtube-video {
  pointer-events: auto;
  opacity: 1; }
.video-on video,
.video-on img, .video-on:after {
  opacity: 0;
  pointer-events: none; }

/*
 * Templates
 */
nav {
  background: #fb401d;
  padding: 40px;
  transition: margin 0.75s, opacity 0.75s;
  width: 100%; }
  nav ul {
    list-style-type: none; }
  nav li {
    font-family: "Futura W01", helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: 0.08333em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    text-align: center; }
  nav a {
    color: #fff;
    text-decoration: none; }
  nav li.current-menu-item a,
  nav a:hover {
    color: #000; }
  nav.items-1 {
    margin-top: -100px; }
  nav.items-2 {
    margin-top: -120px; }
  nav.items-3 {
    margin-top: -140px; }
  nav.items-4 {
    margin-top: -160px; }
  nav.items-5 {
    margin-top: -180px; }
  nav.items-6 {
    margin-top: -200px; }
  nav.items-7 {
    margin-top: -220px; }
  nav.items-8 {
    margin-top: -240px; }
  nav.items-9 {
    margin-top: -260px; }
  nav.items-10 {
    margin-top: -280px; }
  nav.items-11 {
    margin-top: -300px; }
  nav.items-12 {
    margin-top: -320px; }
  nav.items-13 {
    margin-top: -340px; }
  nav.items-14 {
    margin-top: -360px; }
  nav.items-15 {
    margin-top: -380px; }
  .nav-open nav {
    margin-top: 0; }

h1 {
  line-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 22px 0;
  text-align: center; }
  h1 a {
    display: inline-block;
    text-indent: -9999999px; }
  h1 a:after {
    background-image: url('../img/GRLA-Icon-White.svg');
    content: '';
    display: block;
    background-repeat: no-repeat;
    height: 44px;
    margin: 0 auto;
    width: 44px; }
  h1.black a:after {
    background-image: url('../img/GRLA-Icon-Black.svg'); }

footer {
  font-family: "Futura W01", helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
  margin-bottom: 60px;
  text-align: center; }
  footer span,
  footer a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none; }
  footer .lets-connect {
    font-family: "Sentinel A", "Sentinel B", "Georgia", serif;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0;
    text-transform: none; }
  footer .vimeo,
  footer .instagram,
  footer .facebook {
    display: inline-block;
    font-size: 24px;
    margin: 20px 10px 0; }
    footer .vimeo span,
    footer .instagram span,
    footer .facebook span {
      position: fixed;
      left: -999999px;
      top: -999999px; }

@supports (grid-area: auto) {
  @media (min-width: 800px) {
    footer {
      display: grid;
      grid-template-columns: minmax(88px, 1fr) repeat(18, minmax(auto, 88px)) minmax(88px, 1fr);
      grid-column-gap: 10px;
      margin: 0 0 5.98985vw;
      text-align: left; }
      footer .holder {
        grid-column: 2 / -2; }
      footer .copyright,
      footer .grand-rapids,
      footer .los-angeles,
      footer .lets-connect {
        float: left;
        margin-right: 3.5533vw; }
      footer .lets-connect {
        margin-right: 0; }
      footer .vimeo,
      footer .instagram,
      footer .facebook {
        float: right;
        margin: 0 0 0 3.5533vw; }
      footer .vimeo {
        margin-left: 0; } } }
/*
 * Hero
 */
#hero-section {
  position: relative;
  margin-bottom: 60px; }

#hero {
  box-sizing: border-box;
  padding: 0 88px;
  overflow: hidden;
  width: 100%; }
  #hero > * {
    height: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%); }
  #hero .out {
    display: none; }

@keyframes scroller {
  from {
    transform: rotate(-2deg) translateX(-30%); }
  to {
    transform: rotate(-2deg) translateX(-70%); } }
.scroller-wrapper {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0; }

#scroller {
  font-family: "Futura W01", helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: 0.08333em;
  text-transform: uppercase;
  opacity: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  color: #fff;
  font-size: 10.30928vw;
  font-style: oblique;
  left: 0;
  margin-top: -23.85787vw;
  position: absolute;
  top: 50%;
  transform: rotate(-2deg) translateX(-30%);
  transition: opacity 1s;
  white-space: nowrap; }
  #scroller span {
    display: inline-block;
    margin: 0 0.8em; }
  #scroller.in {
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-name: scroller;
    animation-timing-function: linear;
    opacity: 1; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    #hero-section {
      margin-bottom: 5.98985vw; } } }
.archive main .articles {
  margin: 60px 0; }
  .archive main .articles article {
    margin-bottom: 60px; }
    .archive main .articles article h2 {
      font-size: 30px;
      line-height: 1.2em; }
      .archive main .articles article h2 a {
        text-decoration: none; }
    .archive main .articles article .categories {
      color: #fb401d;
      margin: 20px 0; }
      .archive main .articles article .categories a {
        font-family: "Futura W01", helvetica, sans-serif;
        font-weight: 700;
        letter-spacing: 0.08333em;
        text-transform: uppercase;
        color: #fb401d;
        font-size: 12px;
        line-height: 1.2em;
        text-decoration: none; }
        .archive main .articles article .categories a:hover {
          color: #000; }
    .archive main .articles article .content {
      font-size: 20px;
      line-height: 30px; }
      .archive main .articles article .content p {
        margin-bottom: 1em; }

@supports (grid-area: auto) {
  @media (min-width: 720px) {
    .archive main .articles {
      display: grid;
      grid-template-columns: repeat(18, 1fr);
      grid-gap: 10px;
      text-align: left; }
      .archive main .articles article:nth-child(odd) {
        grid-column: 2 / span 6; }
      .archive main .articles article:nth-child(even) {
        grid-column: 10 / span 6; } } }
@media (min-width: 1200px) {
  .archive main .articles article h2 {
    font-size: 55px;
    line-height: 70px; } }
#directors-archive {
  margin-top: 60px; }

.about-page .c-page-content {
  text-align: center; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .about-page .c-page-content {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(88px, 1fr) repeat(18, minmax(auto, 88px)) minmax(88px, 1fr);
      grid-column-gap: 10px; }
      .about-page .c-page-content .large-text {
        grid-column: 5 / -5; }
      .about-page .c-page-content .c-large-list {
        grid-column: 2 / -2; } } }
.login-page form {
  margin: 0 0 30px; }
  .login-page form input[type="submit"] {
    background: none;
    display: block;
    height: 1px;
    padding: 0;
    visibility: hidden;
    width: 1px; }
.login-page h2 {
  font-size: 30px;
  margin: 20px 0; }
.login-page .login-note {
  margin: 20px 0; }
.login-page p.error {
  margin-bottom: 10px; }

@supports (grid-area: auto) {
  @media (min-width: 700px) {
    .login-page form {
      margin: 0 auto 100px;
      width: 388px; }
    .login-page h2 {
      font-size: 55px;
      margin: 30px 0; } } }
#the-404 {
  margin: 3.04569vw auto 6.09137vw;
  line-height: 1.24em;
  text-align: center; }



.grecaptcha-badge { display:none; }