@charset "UTF-8";
/*
	Theme Name: #SYA 2016
	Theme URI: http://builtbycivilization.com
	Description: WordPress Theme by Civilization
	Version: 1.0
	Author: Civilization
	Author URI: http://builtbycivilization.com

*/
@import url(f/genericons.css);
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

html {
  overflow-y: scroll; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif;
  outline: 0;
  overflow: auto; }

table {
  font-size: inherit;
  font: 100%; }

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

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

.clickable, label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
  outline: 0; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible;
  border: 0;
  background: transparent; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.hidden {
  display: none;
  visibility: hidden; }

body, h2, h3, h4, h5, input[type="text"],
input[type="password"],
input[type="email"],
textarea, [type="submit"],
button, .donate-button a, section.materials .button, menu, section.quote-post h1, footer {
  font-family: 'franklin-gothic-urw','Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-style: normal; }

h2, h3, h4, h5, input[type="text"][placeholder="Title"], [type="submit"],
button, .donate-button a, section.materials .button, menu .main-menu, .filters ul li.title, .filters ul li.filter.selected, section.intro.home-intro .copy-wrap, .action-button a, .grid .item-footer h5, .columns.post-columns figure figcaption, section.quote-post h1, section.photo-post figure figcaption {
  font-weight: 700; }

q, section.intro-written h3,
.sidebar h3, h1, input[type="text"][placeholder="Title"] {
  font-family: 'century-old-style-std',serif;
  font-weight: 700;
  font-style: normal; }

h2, input[type="text"][placeholder="Title"], menu .main-menu, section.intro .copy-wrap, section.news h3 {
  font-size: 1.8rem;
  line-height: 1.25; }
  @media only screen and (min-width: 769px) {
    h2, input[type="text"][placeholder="Title"], menu .main-menu, section.intro .copy-wrap, section.news h3 {
      font-size: 2.4rem; } }

q, section.intro-written h3,
.sidebar h3 {
  font-size: 1.8rem;
  line-height: 1.2;
  display: block;
  quotes: "\201C" "\201D" "\2018" "\2019"; }
  @media only screen and (min-width: 769px) {
    q, section.intro-written h3,
    .sidebar h3 {
      font-size: 2.4rem; } }
  @media only screen and (min-width: 1024px) {
    q, section.intro-written h3,
    .sidebar h3 {
      font-size: 3rem; } }
  q:before, section.intro-written h3:before,
  .sidebar h3:before {
    content: open-quote; }
  q:after, section.intro-written h3:after,
  .sidebar h3:after {
    content: close-quote; }
  q:before, section.intro-written h3:before,
  .sidebar h3:before, q:before, section.intro-written h3:before,
  .sidebar h3:before,
  q p,
  section.intro-written h3 p,
  .sidebar h3 p {
    display: inline; }
  q + cite, section.intro-written h3 + cite,
  .sidebar h3 + cite {
    display: block;
    font-style: normal; }
    q + cite:before, section.intro-written h3 + cite:before,
    .sidebar h3 + cite:before {
      content: "—"; }

section.news .column a p:last-child,
section.intro-written .column a p:last-child, .grid p a, .column.sidebar .excerpt p {
  font-size: 1.2rem; }
  section.news .column a p:last-child:after,
  section.intro-written .column a p:last-child:after, .grid p a:after, .column.sidebar .excerpt p:after {
    content: '';
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-family: genericons;
    vertical-align: bottom;
    font-size: inherit;
    line-height: inherit;
    margin-left: 5px;
    will-change: transform;
    -webkit-transition: transform 0.125s;
    -moz-transition: transform 0.125s;
    -o-transition: transform 0.125s;
    transition: transform 0.125s; }
  section.news .column a p:last-child:hover:after,
  section.intro-written .column a p:last-child:hover:after, .grid p a:hover:after, .column.sidebar .excerpt p:hover:after {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }

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

:-moz-placeholder {
  /* Firefox 18- */
  color: #a69b9e; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #a69b9e; }

:-ms-input-placeholder {
  color: #231f20;
  overflow: hidden; }

::selection {
  background: #231f20;
  color: #F5F3F0;
  text-shadow: none; }

::-moz-selection {
  background: #231f20;
  color: #F5F3F0;
  text-shadow: none; }

:-webkit-autofill {
  -webkit-text-fill-color: #231f20;
  -webkit-box-shadow: 0 0 0px 1000px #FCF8F7 inset; }
  :-webkit-autofill::selection {
    -webkit-text-fill-color: #F5F3F0; }

:-moz-autofill {
  /* Firefox 18- */
  -moz-text-fill-color: #231f20;
  -moz-box-shadow: 0 0 0px 1000px #FCF8F7 inset; }
  :-moz-autofill::-moz-selection {
    -webkit-text-fill-color: #F5F3F0; }

::-moz-autofill {
  /* Firefox 19+ */
  -moz-text-fill-color: #231f20;
  -moz-box-shadow: 0 0 0px 1000px #FCF8F7 inset; }
  ::-moz-autofill::-moz-selection {
    -moz-text-fill-color: #F5F3F0; }

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  /* fixes FF over-bolding */
  font-size: 62.5%;
  /* 10px reset */
  position: relative;
  background: #FCF8F7;
  color: #231f20;
  width: 100%;
  height: 100%; }
  html.wf-loading body {
    opacity: 0; }
  html.wf-inactive body, html.wf-active body {
    opacity: 1; }

body {
  width: 100%;
  min-height: 100%;
  font-size: 1.4rem;
  line-height: 1.45;
  background: #FCF8F7;
  overflow-x: hidden; }

a, .pointer {
  color: #231f20;
  cursor: pointer; }

h1 {
  font-size: 3rem;
  line-height: 1.2; }
  @media only screen and (min-width: 600px) {
    h1 {
      font-size: 3.6rem; } }
  @media only screen and (min-width: 769px) {
    h1 {
      font-size: 4.8rem; } }

h2 {
  text-transform: uppercase; }

h3 {
  font-size: 2rem;
  line-height: 2.4rem; }

h4 {
  font-size: 1.6rem;
  line-height: 1.25; }

h5, h6 {
  font-size: 1rem;
  line-height: 1.1; }

h6 {
  font-weight: 400; }

h3 + h5,
h2 + h5,
h2 + p,
h3 + p {
  margin-top: 3rem; }

p + p {
  margin-top: 2rem; }

h1 + h4 {
  margin-top: 1rem; }

img {
  max-width: 100%; }

input, textarea, button {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  display: block;
  width: 100%;
  background: transparent;
  color: #231f20;
  border: 1px solid #231f20;
  font-size: 1.6rem;
  line-height: 3rem;
  padding: 0 1rem;
  margin: 0 auto;
  position: relative;
  border-radius: 0;
  z-index: 1; }

input[type="text"][placeholder="Title"] {
  border-width: 0 0 1px 0;
  padding: 0; }

textarea {
  line-height: 1.45;
  padding: 1rem;
  height: 20rem; }

input[type="checkbox"] {
  background: transparent;
  -webkit-appearance: none;
  width: 1.6rem !important;
  height: 1.6rem;
  vertical-align: middle;
  margin-right: 1rem;
  margin-top: -2px;
  color: #231f20;
  border: 1px solid #231f20;
  font-size: 2.4rem;
  line-height: 1.25;
  position: relative;
  cursor: pointer; }
  input[type="checkbox"]:checked {
    background: #231f20; }

@-moz-document url-prefix() {
  input[type="text"],
  input[type="password"],
  input[type="email"],
  textarea {
    line-height: 3; }

  input[type="text"][placeholder="Title"] {
    line-height: 2; } }
html.mobile {
  /*
  	input[type="text"][placeholder="Title"] {
  		line-height: 4.8;
  	}
  */ }
  html.mobile input[type="text"],
  html.mobile input[type="password"],
  html.mobile input[type="email"],
  html.mobile textarea {
    line-height: 3; }
  html.mobile input {
    border-radius: 0; }

[type="submit"],
button, .donate-button a, section.materials .button {
  display: block;
  padding: 0 30px;
  font-size: 1.4rem;
  line-height: 30px;
  background: #231f20;
  color: #F5F3F0;
  will-change: auto;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s; }
  [type="submit"]:hover,
  button:hover, .donate-button a:hover, section.materials .button:hover {
    background: #FCF8F7;
    color: #231f20;
    -webkit-box-shadow: inset 0 0 0 2px #231f20;
    -moz-box-shadow: inset 0 0 0 2px #231f20;
    box-shadow: inset 0 0 0 2px #231f20; }

.pace {
  z-index: 4; }
  .pace .pace-progress {
    position: fixed;
    z-index: 98;
    background: #231f20;
    height: 2px;
    top: 0;
    left: 0;
    right: 0;
    will-change: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
  .pace.pace-inactive {
    opacity: 0;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }
  .pace + .pace {
    display: none; }

body.loaded .pace .pace-progress {
  height: 0; }

body.splash-active .pace .pace-progress {
  background: #FCF8F7; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 7rem;
  z-index: 2;
  background: #FCF8F7;
  -webkit-box-shadow: 0 1px 0 #231f20;
  -moz-box-shadow: 0 1px 0 #231f20;
  box-shadow: 0 1px 0 #231f20; }
  header .header-wrap {
    position: relative; }
  header h1 {
    position: absolute;
    top: 0rem;
    right: 30px;
    width: 30rem;
    height: 7rem;
    background: url(i/SYA-Header.svg) 100% 50% no-repeat;
    -webkit-background-size: auto 2.6rem;
    -moz-background-size: auto 2.6rem;
    -o-background-size: auto 2.6rem;
    background-size: auto 2.6rem;
    text-indent: 1500%;
    white-space: nowrap;
    overflow: hidden; }
    @media only screen and (min-width: 600px) {
      header h1 {
        right: 50%;
        margin-right: -15rem;
        -webkit-background-size: auto 3rem;
        -moz-background-size: auto 3rem;
        -o-background-size: auto 3rem;
        background-size: auto 3rem;
        background-position: 50% 50%; } }

.donate-button {
  position: fixed;
  top: 2rem;
  right: 3rem;
  z-index: 5;
  display: none; }
  @media only screen and (min-width: 600px) {
    .donate-button {
      display: block; } }

.menu-icon {
  position: fixed;
  top: 0;
  left: 0;
  width: 90px;
  height: 70px;
  padding: 23px 30px;
  cursor: pointer;
  z-index: 5; }
  .menu-icon i {
    display: block;
    width: 30px;
    height: 4px;
    background: #231f20;
    will-change: auto;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transition-delay: 0.225s;
    -moz-transition-delay: 0.225s;
    -o-transition-delay: 0.225s;
    transition-delay: 0.225s; }
    .menu-icon i + i {
      margin-top: 6px; }
  .menu-icon.open i {
    background: #fff;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    margin-top: 9px; }
    .menu-icon.open i + i {
      opacity: 0;
      -webkit-transform: translateX(3rem);
      -moz-transform: translateX(3rem);
      -ms-transform: translateX(3rem);
      -o-transform: translateX(3rem);
      transform: translateX(3rem);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */
      margin: 0; }
      .menu-icon.open i + i + i {
        opacity: 1;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */
        margin-top: -8px; }

body.splash-active .donate-button a,
body.splash-active .menu-icon i {
  background: #F5F3F0;
  color: #231f20; }
body.splash-active .donate-button a:hover {
  background: #231f20;
  color: #FCF8F7; }

menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  z-index: 4;
  background: #231f20;
  color: #F5F3F0;
  visibility: hidden;
  overflow-y: auto;
  will-change: auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  @media only screen and (min-width: 600px) {
    menu {
      left: -66.6666666667%;
      width: 66.6666666667%; } }
  @media only screen and (min-width: 769px) {
    menu {
      left: -50%;
      width: 50%; } }
  @media only screen and (min-width: 1200px) {
    menu {
      left: -33.3333333333%;
      width: 33.3333333333%; } }
  menu.open {
    left: 0;
    visibility: visible; }
  menu a {
    color: #F5F3F0; }
  menu > .main-menu, menu:before {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    zoom: 1; }
  menu:before {
    content: '';
    height: 100%; }
  menu .main-menu {
    padding: 70px 30px;
    text-transform: uppercase; }
    menu .main-menu li + li {
      margin-top: 1rem; }
    @media only screen and (min-width: 600px) {
      menu .main-menu li.donate {
        display: none; } }
    menu .main-menu a:hover {
      border-bottom: 2px solid #F5F3F0; }
  menu .menu-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1rem 30px 30px;
    background: #231f20; }

ul.social {
  letter-spacing: -0.31em;
  text-rendering: optimizeLegibility; }
  ul.social li {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-right: 1rem; }
  ul.social + h5 {
    margin-top: 1rem; }
  ul.social .genericon {
    line-height: 3rem; }

.anchor-push {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }

.wrap {
  z-index: 0;
  position: relative;
  width: 100%;
  padding-top: 7rem; }

section, .split > div {
  padding: 3rem; }
  @media only screen and (min-width: 769px) {
    section, .split > div {
      padding: 6rem 3rem; } }
  @media only screen and (min-width: 769px) {
    section, .split > div {
      padding: 84px 100px; } }
  @media only screen and (min-width: 1024px) {
    section, .split > div {
      padding: 84px 100px; } }

section {
  position: relative;
  width: 100%; }
  section.lite {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  section.wide {
    padding-left: 0;
    padding-right: 0; }
  section.full {
    padding: 0; }
  section.window {
    min-height: 100%;
    min-height: 100vh;
    min-height: calc(100vh - 7rem); }

.v-center {
  display: table;
  width: 100%;
  height: 100%; }
  .v-center > * {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle; }

.split > div {
  display: block;
  -webkit-box-shadow: 0 1px 0 #231f20;
  -moz-box-shadow: 0 1px 0 #231f20;
  box-shadow: 0 1px 0 #231f20; }
@media only screen and (min-width: 600px) {
  .split {
    letter-spacing: -0.31em;
    text-rendering: optimizeLegibility; }
    .split > div {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 50%;
      vertical-align: top;
      -webkit-box-shadow: 1px 0 0 #231f20;
      -moz-box-shadow: 1px 0 0 #231f20;
      box-shadow: 1px 0 0 #231f20; }
      .split > div:nth-child(even) {
        border-left: 1px solid #231f20;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
      .split > div:nth-child(n+3) {
        border-top: 1px solid #231f20; }
      .split > div:last-child:nth-child(odd) {
        width: 100%;
        border-left: 0; } }

.copy-wrap {
  display: block;
  max-width: 94rem;
  margin: 0 auto; }
  .copy-wrap.post-wrap {
    max-width: 65rem; }
  .copy-wrap.form-wrap {
    max-width: 72rem; }

.centered {
  text-align: center; }
  .centered ol, .centered ul {
    list-style-position: inside; }
  .centered button {
    margin: 0 auto; }

.columns {
  width: initial;
  letter-spacing: -0.31em;
  text-rendering: optimizeLegibility;
  margin-left: -10px;
  margin-right: -10px; }
  .columns .column {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 100%;
    vertical-align: top;
    padding: 0 10px 30px; }
    @media only screen and (min-width: 600px) {
      .columns .column {
        width: 50%; }
        .columns .column.full-width {
          width: 100%; } }
    @media only screen and (min-width: 769px) {
      .columns .column {
        width: 33.3333333333%; }
        .columns .column.full-width {
          width: 100%; } }
    .columns .column img,
    .columns .column .video-thumb {
      width: 100%;
      max-width: 420px;
      filter: gray;
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
      -webkit-filter: grayscale(100%) contrast(1);
      filter: grayscale(100%) contrast(1);
      will-change: auto;
      -webkit-transition: all 0.25s;
      -moz-transition: all 0.25s;
      -o-transition: all 0.25s;
      transition: all 0.25s; }
      .columns .column img + h3,
      .columns .column .video-thumb + h3 {
        margin-top: 2rem; }
    .columns .column a:not(.button):hover {
      color: #0056FF; }
      .columns .column a:not(.button):hover img,
      .columns .column a:not(.button):hover .video-thumb {
        filter: none;
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%); }
    @media only screen and (min-width: 769px) {
      .columns .column.double {
        width: 66.6666666667%; }
        .columns .column.double + .sidebar {
          width: 33.3333333333%; }
        .columns .column.double img {
          width: auto;
          max-width: 100%;
          max-height: calc(100vh - 13rem); } }
  .columns.extra-padding .column {
    padding: 0 30px 70px; }
  .columns.v-centered .column {
    vertical-align: middle; }
  .columns.press-columns .column {
    width: 50%; }
    @media only screen and (min-width: 600px) {
      .columns.press-columns .column {
        width: 33.3333333333%; } }
    @media only screen and (min-width: 769px) {
      .columns.press-columns .column {
        width: 25%; } }
    @media only screen and (min-width: 1024px) {
      .columns.press-columns .column {
        width: 20%; } }
    @media only screen and (min-width: 1600px) {
      .columns.press-columns .column {
        width: 16.6666666667%; } }

.full .columns,
.wide .columns {
  margin-left: 20px;
  margin-right: 20px; }

.filters {
  text-align: center;
  margin: 3rem 0; }
  .filters ul {
    letter-spacing: -0.31em;
    text-rendering: optimizeLegibility; }
    .filters ul li {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline; }
      @media only screen and (max-width: 768px) {
        .filters ul li.title {
          display: block; } }
      .filters ul li.filter {
        padding: 1rem 7.5px 0;
        cursor: pointer; }
        @media only screen and (min-width: 600px) {
          .filters ul li.filter {
            padding: 1rem 1rem 0; } }
        @media only screen and (min-width: 769px) {
          .filters ul li.filter {
            padding: 0 1rem; }
            .filters ul li.filter + .filter {
              border-left: 1px solid #231f20; } }

.slideshow {
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 100%; }
  .slideshow .slick-list {
    height: 100%; }
  .slideshow .slick-track {
    display: table;
    height: 100%; }
  .slideshow .slick-slide {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    position: relative; }
  .slideshow img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    opacity: 0.99999;
    will-change: opacity;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s; }
    .slideshow img[data-image] {
      opacity: 0; }

section.splash {
  position: relative;
  background-color: #231f20;
  text-align: center;
  z-index: 2;
  height: 100%;
  height: 100vh;
  background-blend-mode: screen;
  -webkit-background-blend-mode: screen;
  -webkit-box-shadow: 0 3rem 3rem -2rem rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3rem 3rem -2rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 3rem 3rem -2rem rgba(0, 0, 0, 0.5);
  will-change: box-shadow;
  -webkit-transition: box-shadow 0.25s;
  -moz-transition: box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s; }
  section.splash.flat {
    -webkit-box-shadow: 0 3rem 3rem -2rem transparent;
    -moz-box-shadow: 0 3rem 3rem -2rem transparent;
    box-shadow: 0 3rem 3rem -2rem transparent; }
  section.splash .images {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.375s, opacity 0.375s linear;
    will-change: visibility, opacity; }
    section.splash .images.show {
      visibility: visible;
      opacity: 0.99999;
      transition-delay: 0s; }
    section.splash .images > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      visibility: hidden;
      opacity: 0; }
  section.splash .words {
    position: relative;
    padding: 0 3rem; }
    @media only screen and (min-width: 769px) {
      section.splash .words {
        padding: 0 100px; } }
    @media only screen and (min-width: 1024px) {
      section.splash .words {
        padding: 0 100px; } }
    section.splash .words > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      visibility: hidden;
      opacity: 0; }
  section.splash[data-slide="1"] .words > div.word1,
  section.splash[data-slide="1"] .images > div.image1 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash[data-slide="2"] .words > div.word2,
  section.splash[data-slide="2"] .images > div.image2 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash[data-slide="3"] .words > div.word3,
  section.splash[data-slide="3"] .images > div.image3 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash[data-slide="4"] .words > div.word4,
  section.splash[data-slide="4"] .images > div.image4 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash[data-slide="5"] .words > div.word5,
  section.splash[data-slide="5"] .images > div.image5 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash[data-slide="6"] .images > div.image6 {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s; }
  section.splash .splash-logo {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0;
    height: 7rem;
    background: url(i/SYA-white.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; }

.home-wrap {
  position: relative; }
  .home-wrap .home-intro {
    border-bottom: 1px solid #231f20; }

body.splash-active {
  height: 200%;
  height: 200vh; }
  body.splash-active section.splash {
    position: absolute; }
  body.splash-active .home-wrap {
    position: fixed; }

section.intro {
  position: relative; }
  section.intro .intro-logo img {
    height: 7rem; }
  section.intro .copy-wrap {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
    section.intro .copy-wrap a {
      padding-bottom: 1px;
      background: -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#231f20, #231f20);
      background: -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#231f20, #231f20);
      background: -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#231f20, #231f20);
      background: -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#231f20, #231f20);
      background: linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#231f20, #231f20);
      -webkit-background-size: .05em 1px, .05em 1px, 1px 1px;
      -moz-background-size: .05em 1px, .05em 1px, 1px 1px;
      background-size: .05em 1px, .05em 1px, 1px 1px;
      background-repeat: no-repeat, no-repeat, repeat-x;
      text-shadow: 0.03em 0 #FCF8F7, -0.03em 0 #FCF8F7, 0 0.03em #FCF8F7, 0 -0.03em #FCF8F7, 0.06em 0 #FCF8F7, -0.06em 0 #FCF8F7, 0.09em 0 #FCF8F7, -0.09em 0 #FCF8F7, 0.12em 0 #FCF8F7, -0.12em 0 #FCF8F7, 0.15em 0 #FCF8F7, -0.15em 0 #FCF8F7;
      background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }
    section.intro .copy-wrap p + button,
    section.intro .copy-wrap p + p {
      margin-top: 3rem; }

.action-button {
  text-align: center; }
  .action-button a {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 108px;
    height: 108px;
    font-size: 14px;
    line-height: 18px;
    color: #F5F3F0;
    padding: 34px 0;
    border: 2px solid #231f20;
    text-align: center;
    background: #231f20;
    border-radius: 50%;
    margin: 0 1.5rem;
    will-change: auto;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
    .action-button a:hover {
      background: #FCF8F7;
      color: #231f20; }
  .action-button.fixed {
    position: fixed;
    bottom: 3rem;
    left: 50%;
    width: 108px;
    height: 108px;
    margin-left: -54px;
    z-index: 2;
    border-radius: 50%;
    will-change: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(138px);
    -moz-transform: translateY(138px);
    -ms-transform: translateY(138px);
    -o-transform: translateY(138px);
    transform: translateY(138px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
    .action-button.fixed.show {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
    .action-button.fixed a {
      margin: 0; }

section:hover .action-button a {
  -webkit-animation: pulse 0.125s normal cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-animation: pulse 0.125s normal cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-animation: pulse 0.125s normal cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: pulse 0.125s normal cubic-bezier(0.645, 0.045, 0.355, 1); }
  section:hover .action-button a + a {
    -webkit-animation-delay: 0.0625s;
    animation-delay: 0.0625s; }

@-webkit-keyframes pulse {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }
@-moz-keyframes pulse {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }
@-ms-keyframes pulse {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }
@keyframes pulse {
  50% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ } }
.view-all {
  margin-top: 2rem;
  text-align: center; }
  .view-all a {
    padding-bottom: 1px;
    background: -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#231f20, #231f20);
    background: -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#231f20, #231f20);
    background: -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#231f20, #231f20);
    background: -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#231f20, #231f20);
    background: linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#231f20, #231f20);
    -webkit-background-size: .05em 1px, .05em 1px, 1px 1px;
    -moz-background-size: .05em 1px, .05em 1px, 1px 1px;
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    text-shadow: 0.03em 0 #FCF8F7, -0.03em 0 #FCF8F7, 0 0.03em #FCF8F7, 0 -0.03em #FCF8F7, 0.06em 0 #FCF8F7, -0.06em 0 #FCF8F7, 0.09em 0 #FCF8F7, -0.09em 0 #FCF8F7, 0.12em 0 #FCF8F7, -0.12em 0 #FCF8F7, 0.15em 0 #FCF8F7, -0.15em 0 #FCF8F7;
    background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }

.full .view-all:last-child {
  margin-bottom: 7rem; }

section.press,
section.intro-videos {
  padding-top: 3rem;
  border-bottom: 1px solid #231f20; }
  section.press .column a,
  section.intro-videos .column a {
    display: block;
    max-width: 42rem;
    margin: 0 auto; }

section.news,
section.intro-written {
  border-bottom: 1px solid #231f20; }
  section.news + section.intro-news,
  section.intro-written + section.intro-news {
    border-top: 0; }

section.press .press-columns .logo {
  display: block;
  width: 100%;
  max-width: 15rem;
  height: 0;
  padding-bottom: 56.25%;
  margin: 0 auto;
  background-color: #fff;
  background-blend-mode: multiply, luminosity;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

html.mobile section.press .press-columns .logo {
  background-color: #FCF8F7;
  background-blend-mode: multiply;
  -webkit-background-blend-mode: multiply; }

section.intro-written h3, section.intro-written q,
.sidebar h3,
.sidebar q {
  font-size: 2.2rem;
  margin-bottom: 3rem; }
section.intro-written h3:before, section.intro-written h3:after,
.sidebar h3:before,
.sidebar h3:after {
  content: ''; }

.written-form {
  padding: 0 3rem; }

.grid {
  width: initial;
  margin: 0 -1px;
  border: solid #231f20;
  border-width: 1px 0 0 1px;
  background: #231f20;
  letter-spacing: -0.31em;
  text-rendering: optimizeLegibility;
  text-align: center;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  /*
  	.video .item-footer:after {
  		background-image: url(i/grid-icon-video.png);
  	}
  	.photo .item-footer:after {
  		background-image: url(i/grid-icon-photo.png);
  	}
  	.quote .item-footer:after {
  		background-image: url(i/grid-icon-twitter.png);
  	}
  	.news .item-footer:after {
  		background-image: url(i/grid-icon-news.png);
  	}
  	.writing .item-footer:after {
  		background-image: url(i/grid-icon-sya.png);
  	}
  	.shop .item-footer:after {
  		background-image: url(i/grid-icon-shop.png);
  	}
  */ }
  .grid.show {
    opacity: 0.99999; }
  .grid .grid-width {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 100%;
    padding: 1px;
    text-align: center; }
  .grid .grid-item {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    border: solid #231f20;
    border-width: 0 1px 1px 0;
    -webkit-box-shadow: -1px -1px 0 #231f20;
    -moz-box-shadow: -1px -1px 0 #231f20;
    box-shadow: -1px -1px 0 #231f20;
    overflow: hidden; }
    .grid .grid-item.two-by-two, .grid .grid-item.two-by-one {
      width: 100%; }
    @media only screen and (min-width: 600px) {
      .grid .grid-item {
        width: 33.3333333333%; }
        .grid .grid-item.two-by-two, .grid .grid-item.two-by-one {
          width: 66.6666666667%; } }
    @media only screen and (min-width: 769px) {
      .grid .grid-item {
        width: 25%; }
        .grid .grid-item.two-by-two, .grid .grid-item.two-by-one {
          width: 50%; } }
    @media only screen and (min-width: 1200px) {
      .grid .grid-item {
        width: 16.6666666667%; }
        .grid .grid-item.two-by-two, .grid .grid-item.two-by-one {
          width: 33.3333333333%; } }
    .grid .grid-item.photo .photo-circle,
    .grid .grid-item.photo img {
      border-radius: 50%; }
  .grid:not(.in-motion) .grid-item {
    will-change: transform;
    -webkit-transition: transform 0.25s;
    -moz-transition: transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s; }
  .grid .item-wrap {
    display: block;
    will-change: auto;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    background: #FCF8F7;
    letter-spacing: -0.31em;
    text-rendering: optimizeLegibility;
    position: relative; }
    .grid .item-wrap > div {
      width: 100%;
      padding: 2rem 3rem; }
    .grid .item-wrap > div, .grid .item-wrap:before {
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle;
      zoom: 1; }
    .grid .item-wrap:before {
      content: '';
      height: 100%; }
    .grid .item-wrap:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      will-change: border;
      -webkit-transition: border 0.25s;
      -moz-transition: border 0.25s;
      -o-transition: border 0.25s;
      transition: border 0.25s;
      border-width: 0 0 0 0;
      border-style: solid;
      border-color: #231f20;
      -webkit-box-shadow: 0 1px 0 #231f20, -1px 1px 0 #231f20, -1px -1px 0 #231f20;
      -moz-box-shadow: 0 1px 0 #231f20, -1px 1px 0 #231f20, -1px -1px 0 #231f20;
      box-shadow: 0 1px 0 #231f20, -1px 1px 0 #231f20, -1px -1px 0 #231f20; }
  .grid .news {
    text-align: left; }
    .grid .news .item-wrap > div {
      padding: 2rem; }
    .grid .news .item-wrap > div, .grid .news .item-wrap:before {
      vertical-align: top; }
  .grid .photo-square,
  .grid .photo-circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .grid .video-thumb,
  .grid .photo-circle,
  .grid .photo-square,
  .grid img {
    max-width: 100%;
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) contrast(1);
    will-change: auto;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s; }
  .grid img + h3,
  .grid div + h3,
  .grid a + h3 {
    margin-top: 2rem; }
  .grid h3, .grid p, .grid q {
    will-change: color;
    -webkit-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s; }
  .grid h3 {
    line-height: 1.1; }
  .grid q + p,
  .grid h3 + p {
    margin-top: 5px; }
  .grid p {
    font-size: 1.2rem;
    line-height: 1.4rem; }
    .grid p + p {
      margin-top: 2rem; }
  .grid .grid-item:hover {
    z-index: 100000;
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
    .grid .grid-item:hover .item-wrap {
      -webkit-box-shadow: 0 0 0 1px #231f20;
      -moz-box-shadow: 0 0 0 1px #231f20;
      box-shadow: 0 0 0 1px #231f20; }
      .grid .grid-item:hover .item-wrap:after {
        /*
        				border-width: 0 3rem 3rem 0;
        				border-color: $black $black $pink $pink;
        */ }
    .grid .grid-item:hover h3, .grid .grid-item:hover p, .grid .grid-item:hover q {
      color: #0056FF; }
    .grid .grid-item:hover .photo-square,
    .grid .grid-item:hover .video-thumb,
    .grid .grid-item:hover .photo-circle,
    .grid .grid-item:hover img {
      filter: none;
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%); }
  .grid .grid-item:nth-child(even):hover {
    -webkit-transform: translateY(-1rem);
    -moz-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    -o-transform: translateY(-1rem);
    transform: translateY(-1rem);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  .grid .item-footer {
    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 10px;
    text-align: left;
    /*
    		&:after {
    			content: '';
    			display: block;
    			display: none;
    			position: absolute;
    			bottom: 0;
    			right: 0;
    			width: 15px;
    			height: 15px;
    			background-position: 100% 100%;
    			background-repeat: no-repeat;
    			@include background-size(contain);
    		}
    */ }

.columns.post-columns {
  border-bottom: 1px solid #231f20;
  margin: 0; }
  .columns.post-columns .column {
    padding: 3rem; }
  .columns.post-columns figure {
    margin: 3rem 0; }
    .columns.post-columns figure img,
    .columns.post-columns figure .video-thumb {
      max-width: 100%;
      filter: none;
      filter: grayscale(0%);
      -webkit-filter: grayscale(0%); }
    .columns.post-columns figure .video-thumb {
      position: relative;
      cursor: pointer; }
      .columns.post-columns figure .video-thumb.playing:after {
        content: none; }
      .columns.post-columns figure .video-thumb iframe {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: default; }
    .columns.post-columns figure figcaption {
      padding: 2rem 0;
      text-align: center;
      font-size: 1.4rem;
      border-bottom: 1px solid #231f20; }

@media only screen and (min-width: 600px) {
  .column.post {
    border-right: 1px solid #231f20;
    font-size: 1.8rem; } }
.column.post .post-wrap {
  padding-top: 2.4rem;
  padding-bottom: 7rem; }
  .column.post .post-wrap .written-content a {
    padding-bottom: 1px;
    background: -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#231f20, #231f20);
    background: -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#231f20, #231f20);
    background: -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#231f20, #231f20);
    background: -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#231f20, #231f20);
    background: linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#231f20, #231f20);
    -webkit-background-size: .05em 1px, .05em 1px, 1px 1px;
    -moz-background-size: .05em 1px, .05em 1px, 1px 1px;
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    text-shadow: 0.03em 0 #FCF8F7, -0.03em 0 #FCF8F7, 0 0.03em #FCF8F7, 0 -0.03em #FCF8F7, 0.06em 0 #FCF8F7, -0.06em 0 #FCF8F7, 0.09em 0 #FCF8F7, -0.09em 0 #FCF8F7, 0.12em 0 #FCF8F7, -0.12em 0 #FCF8F7, 0.15em 0 #FCF8F7, -0.15em 0 #FCF8F7;
    background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }
  .column.post .post-wrap h4 + .written-content {
    margin-top: 3rem; }
  .column.post .post-wrap blockquote {
    margin: 3rem 0;
    padding: 3rem 0;
    border-top: 1px solid #231f20;
    border-bottom: 1px solid #231f20;
    text-align: center; }
.column.post .post-action {
  margin-top: 6rem;
  text-align: center; }
  .column.post .post-action > div {
    padding-top: 3rem; }
  @media only screen and (min-width: 600px) {
    .column.post .post-action {
      text-align: left; } }
  @media only screen and (min-width: 769px) {
    .column.post .post-action {
      margin-top: 3rem;
      letter-spacing: -0.31em;
      text-rendering: optimizeLegibility; }
      .column.post .post-action > div {
        letter-spacing: normal;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: middle; }
      .column.post .post-action .action-button {
        width: 108px; }
        .column.post .post-action .action-button a:hover {
          color: #231f20; }
      .column.post .post-action .action-copy {
        width: calc(100% - 108px);
        padding-left: 3rem; } }
  @media only screen and (min-width: 930px) {
    .column.post .post-action .action-copy {
      width: calc(75% - 108px); } }

.column.sidebar {
  padding: 0 1rem 0 3rem; }
  .column.sidebar:hover img {
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) contrast(1); }
  .column.sidebar > h3 {
    margin-bottom: 3rem; }
    @media only screen and (max-width: 599px) {
      .column.sidebar > h3 {
        text-align: center; } }
  .column.sidebar .excerpt {
    display: block;
    border-top: 1px solid #231f20;
    padding: 7rem 0;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .column.sidebar .excerpt {
        padding: 7rem 3rem; } }
    .column.sidebar .excerpt:hover {
      color: #0056FF; }
  .column.sidebar .thumbnail {
    display: block;
    padding: 0 0 3rem;
    text-align: center; }
    .column.sidebar .thumbnail + .thumbnail {
      margin-top: 2.4rem; }
    .column.sidebar .thumbnail:hover {
      color: #0056FF; }
      .column.sidebar .thumbnail:hover img {
        filter: none;
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%); }
    .column.sidebar .thumbnail div + h3 {
      margin-top: 2rem; }

section.intro-news {
  border-top: 1px solid #231f20;
  padding-bottom: 4rem; }

section.news {
  /*
  	.view-all {
  		padding-bottom: 4rem;
  	}
  */ }

section.materials {
  border-top: 1px solid #231f20;
  border-bottom: 1px solid #231f20; }
  section.materials:not(.split) {
    padding-top: 3rem;
    padding-bottom: 20rem; }
    @media only screen and (min-width: 600px) {
      section.materials:not(.split) {
        padding-bottom: 24rem; } }
    @media only screen and (min-width: 769px) {
      section.materials:not(.split) {
        padding-top: 6rem;
        padding-bottom: 6rem; } }
    @media only screen and (min-width: 1200px) {
      section.materials:not(.split) {
        padding-top: 10rem;
        padding-bottom: 10rem; } }
  section.materials + section.materials {
    border-top: 0 !important; }
  section.materials .button {
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 3rem; }
  section.materials a:not(.button) {
    padding-bottom: 1px;
    background: -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#231f20, #231f20);
    background: -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#231f20, #231f20);
    background: -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#231f20, #231f20);
    background: -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#231f20, #231f20);
    background: linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#231f20, #231f20);
    -webkit-background-size: .05em 1px, .05em 1px, 1px 1px;
    -moz-background-size: .05em 1px, .05em 1px, 1px 1px;
    background-size: .05em 1px, .05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    text-shadow: 0.03em 0 #FCF8F7, -0.03em 0 #FCF8F7, 0 0.03em #FCF8F7, 0 -0.03em #FCF8F7, 0.06em 0 #FCF8F7, -0.06em 0 #FCF8F7, 0.09em 0 #FCF8F7, -0.09em 0 #FCF8F7, 0.12em 0 #FCF8F7, -0.12em 0 #FCF8F7, 0.15em 0 #FCF8F7, -0.15em 0 #FCF8F7;
    background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }
  section.materials .column {
    text-align: center;
    width: 100%; }
    section.materials .column:empty {
      visibility: hidden;
      opacity: 0; }
    @media only screen and (min-width: 769px) {
      section.materials .column {
        text-align: left;
        width: 50%; }
        section.materials .column:empty {
          letter-spacing: normal;
          display: -moz-inline-stack;
          display: inline-block;
          zoom: 1;
          *display: inline; } }
    @media only screen and (min-width: 1024px) {
      section.materials .column {
        width: 33.3333333333%; } }
  section.materials h3 + p,
  section.materials h3 + ul,
  section.materials h3 + ol {
    margin-top: 1rem; }
  section.materials.button-making {
    background: url(i/materials-pins5.jpg) 0 100% no-repeat;
    -webkit-background-size: 85% auto;
    -moz-background-size: 85% auto;
    -o-background-size: 85% auto;
    background-size: 85% auto; }
    @media only screen and (min-width: 769px) {
      section.materials.button-making {
        -webkit-background-size: 70% auto;
        -moz-background-size: 70% auto;
        -o-background-size: 70% auto;
        background-size: 70% auto; } }
    @media only screen and (min-width: 930px) {
      section.materials.button-making {
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%; } }
  section.materials.poster-kit {
    background: url(i/materials-posters.jpg) 100% 100% no-repeat;
    background-position: 100% calc(100% + 30px);
    -webkit-background-size: 80% auto;
    -moz-background-size: 80% auto;
    -o-background-size: 80% auto;
    background-size: 80% auto; }
    @media only screen and (min-width: 769px) {
      section.materials.poster-kit {
        background-position: 150% 100%;
        -webkit-background-size: auto 400px;
        -moz-background-size: auto 400px;
        -o-background-size: auto 400px;
        background-size: auto 400px; } }
    @media only screen and (min-width: 930px) {
      section.materials.poster-kit {
        background-position: 100% 100%; } }
    @media only screen and (min-width: 1200px) {
      section.materials.poster-kit {
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        background-size: auto 100%; } }

.guidelines {
  border-bottom: 1px solid #231f20; }

section.donate {
  border-bottom: 1px solid #231f20;
  background: url(i/donate-bg.jpg) 50% 50% no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
  section.donate .action-button a {
    line-height: 3.6rem; }

html.phone section.donate {
  background: none; }

section.quote-post .post-action {
  margin-bottom: 2rem; }
section.quote-post h1 + a,
section.quote-post h1 + h4 {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-top: 3rem; }

section.photo-post .post-action {
  padding-top: 1rem; }
section.photo-post figure {
  margin: 3rem 0; }
  section.photo-post figure img {
    filter: none;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); }
  section.photo-post figure figcaption {
    padding: 2rem 0;
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 1px solid #231f20; }
    section.photo-post figure figcaption a {
      padding-bottom: 1px;
      background: -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#FCF8F7, #FCF8F7), -webkit-linear-gradient(#231f20, #231f20);
      background: -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#FCF8F7, #FCF8F7), -moz-linear-gradient(#231f20, #231f20);
      background: -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#FCF8F7, #FCF8F7), -o-linear-gradient(#231f20, #231f20);
      background: -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#FCF8F7, #FCF8F7), -ms-linear-gradient(#231f20, #231f20);
      background: linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#FCF8F7, #FCF8F7), linear-gradient(#231f20, #231f20);
      -webkit-background-size: .05em 1px, .05em 1px, 1px 1px;
      -moz-background-size: .05em 1px, .05em 1px, 1px 1px;
      background-size: .05em 1px, .05em 1px, 1px 1px;
      background-repeat: no-repeat, no-repeat, repeat-x;
      text-shadow: 0.03em 0 #FCF8F7, -0.03em 0 #FCF8F7, 0 0.03em #FCF8F7, 0 -0.03em #FCF8F7, 0.06em 0 #FCF8F7, -0.06em 0 #FCF8F7, 0.09em 0 #FCF8F7, -0.09em 0 #FCF8F7, 0.12em 0 #FCF8F7, -0.12em 0 #FCF8F7, 0.15em 0 #FCF8F7, -0.15em 0 #FCF8F7;
      background-position: 0 85.2% ,100% 85.2% ,0 85.2%; }

.input-wrap {
  position: relative; }
  .input-wrap [required] {
    padding-right: 3rem; }
  .input-wrap div.required {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1rem; }
    .input-wrap div.required .genericon {
      font-size: 1.2rem;
      line-height: 4.8rem; }

.gform_body li {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%; }
  .gform_body li + li {
    margin-top: 2rem; }
.gform_body + .gform_footer {
  margin-top: 2rem; }

.form-wrap form {
  letter-spacing: -0.31em;
  text-rendering: optimizeLegibility; }
.form-wrap .input-wrap {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%; }
  .form-wrap .input-wrap + .input-wrap {
    margin-top: 2rem; }
  .form-wrap .input-wrap.half {
    width: 50%;
    padding: 0 1.5rem 0 0; }
    .form-wrap .input-wrap.half + .half {
      padding: 0 0 0 1.5rem; }
      .form-wrap .input-wrap.half + .half + .half {
        padding: 0 1.5rem 0 0; }
        .form-wrap .input-wrap.half + .half + .half + .half {
          padding: 0 0 0 1.5rem; }
.form-wrap input[type="file"] {
  position: relative;
  width: 100%;
  height: 32px; }
  .form-wrap input[type="file"]:after {
    content: '+ Add an Image';
    -webkit-user-select: none;
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    background: #FCF8F7;
    color: #231f20;
    font-size: 1.6rem;
    line-height: 3rem;
    padding: 0 1rem;
    width: 100%;
    border: 1px solid #231f20;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    left: 0; }
  .form-wrap input[type="file"] + img {
    visibility: hidden;
    opacity: 0; }
    .form-wrap input[type="file"] + img.preview {
      visibility: visible;
      opacity: 0.99999;
      transition-delay: 0s; }
      .form-wrap input[type="file"] + img.preview:hover {
        cursor: no-drop;
        cursor: url(i/cursor-x.png) 8 8, no-drop;
        cursor: -webkit-image-set(url(i/cursor-x.png) 1x, url(i/cursor-x.png) 2x) 8 8, no-drop;
        opacity: 0.5; }
.form-wrap .shared-image-wrap input[type="file"] {
  height: 0;
  padding-bottom: 57%;
  overflow: hidden; }
  .form-wrap .shared-image-wrap input[type="file"]:after {
    content: 'Upload Your Photo';
    -webkit-user-select: none;
    letter-spacing: normal;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    background: #FCF8F7;
    color: #a69b9e;
    font-size: 1.6rem;
    line-height: 7rem;
    text-align: center;
    padding: 0 1rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border: 1px dashed #231f20;
    text-decoration: none;
    cursor: pointer; }
  .form-wrap .shared-image-wrap input[type="file"] + img {
    filter: none;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%); }
@media only screen and (max-width: 599px) {
  .form-wrap .shared-image-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .form-wrap .shared-image-form .shared-image-options {
      -webkit-box-ordinal-group: 2;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2; }
    .form-wrap .shared-image-form .shared-image-wrap {
      -webkit-box-ordinal-group: 1;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1; }
    .form-wrap .shared-image-form .shared-image-note {
      -webkit-box-ordinal-group: 3;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 3;
      -webkit-order: 3;
      order: 3; } }

.gform_ajax_spinner {
  position: fixed !important;
  bottom: 50%;
  left: 50%;
  width: 7rem;
  height: 7rem;
  margin: -3.5rem 0 0 -3.5rem; }

.gform_ajax_spinner {
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear; }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.gform_wrapper div.validation_error {
  letter-spacing: normal;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  color: #0056FF !important;
  font-weight: 800;
  margin-bottom: 3rem !important;
  border-top: 1px solid #0056FF !important;
  border-bottom: 1px solid #0056FF !important;
  padding: 1rem 3rem !important;
  text-align: center; }

.gform_wrapper .gfield_required {
  color: #0056FF !important; }

.gform_wrapper li.gfield.gfield_error textarea,
.gform_wrapper li.gfield.gfield_error input,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning textarea,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning input {
  border-color: #0056FF !important;
  background: #FCF8F7 !important; }

.gform_wrapper .gfield_error .gfield_label {
  color: #0056FF !important; }

.gform_wrapper .validation_message {
  color: #0056FF !important;
  text-align: center !important; }

.thumb-load + h3 {
  margin-top: 2rem; }

.video-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  box-shadow: inset 0 1px 0 #FCF8F7;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0 auto; }
  .video-thumb img {
    z-index: 1; }
  .video-thumb:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 3rem;
    height: 3rem;
    margin: -1.5rem;
    background-color: rgba(35, 31, 32, 0.1);
    background-image: url(i/video-play.png);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    border-radius: 50%;
    z-index: 2; }

.video-preview {
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  border: 1px solid #231f20;
  position: relative;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .video-preview .message {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 3rem;
    margin-top: -1.5rem;
    text-align: center;
    padding: 0 3rem; }

/**
 * Trumbowyg v2.1.2 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *		 Twitter : @AlexandreDemode
 *		 Website : alex-d.fr
 */
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0; }
  #trumbowyg-icons svg {
    height: 0;
    width: 0; }

.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after {
  box-sizing: border-box; }
.trumbowyg-box svg {
  width: 17px;
  height: 100%;
  fill: #231f20; }

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #231f20;
  width: 100%;
  min-height: 300px; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FCF8F7;
  border: none !important;
  z-index: 2; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  box-sizing: border-box;
  padding: 1rem;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }
  @media screen and (min-width: 0 \0 ) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block; }
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none; }

.trumbowyg-editor[contenteditable=true]:empty::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none; }

.trumbowyg-button-pane {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  min-height: 36px;
  background: #FCF8F7;
  border-bottom: 1px solid #231f20;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 10px;
  backface-visibility: hidden; }
  .trumbowyg-button-pane::after {
    content: " ";
    display: block;
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: #231f20; }
  .trumbowyg-button-pane .trumbowyg-fullscreen-button svg {
    color: transparent; }
  .trumbowyg-button-pane .trumbowyg-button-group {
    display: flex;
    flex-flow: row wrap; }
    .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
      content: " ";
      display: block;
      width: 1px;
      background: #231f20;
      height: 36px; }
  .trumbowyg-button-pane button {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    padding: 1px 6px !important;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    transition: background-color 150ms, opacity 150ms; }
    .trumbowyg-button-pane button:hover {
      background: #231f20;
      box-shadow: none; }
      .trumbowyg-button-pane button:hover svg {
        fill: #FCF8F7; }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default; }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: red; }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    outline: none; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #231f20; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown:hover::after {
    border-top-color: #FCF8F7; }
  .trumbowyg-button-pane .trumbowyg-right {
    margin-left: auto; }
    .trumbowyg-button-pane .trumbowyg-right::before {
      display: none !important; }

html.phone .trumbowyg-button-group.trumbowyg-right {
  display: none; }

.trumbowyg-dropdown {
  width: 140px;
  border: 1px solid #231f20;
  padding: 0;
  border-top: none;
  background: #FCF8F7;
  margin: 1px 0 0 -1px; }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    padding: 0 10px;
    background: #FCF8F7;
    color: #231f20;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    transition: all 150ms; }
    .trumbowyg-dropdown button.trumbowyg-h1-dropdown-button, .trumbowyg-dropdown button.trumbowyg-h4-dropdown-button {
      display: none; }
    .trumbowyg-dropdown button svg {
      float: left;
      margin-right: 14px;
      fill: #231f20; }
    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
      background: #231f20;
      color: #FCF8F7;
      box-shadow: none; }
      .trumbowyg-dropdown button:hover svg, .trumbowyg-dropdown button:focus svg {
        fill: #FCF8F7; }

/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 11;
  overflow: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  backface-visibility: hidden; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: white; }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }
    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
      background: #2BC06A;
      height: 100%;
      transition: width 150ms linear; }
  .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden; }
    .trumbowyg-modal-box label .trumbowyg-input-infos {
      display: block;
      text-align: left;
      height: 25px;
      line-height: 25px;
      transition: all 150ms; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span {
        display: block;
        color: #bd6650;
        background-color: white;
        border: 1px solid #DEDEDE;
        padding: 0 7px;
        width: 150px; }
      .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
        color: #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border: 1px solid #e74c3c; }
    .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
      margin-top: -27px; }
    .trumbowyg-modal-box label input {
      position: absolute;
      top: 0;
      right: 0;
      height: 27px;
      line-height: 27px;
      border: 1px solid #DEDEDE;
      background: #fff;
      font-size: 14px;
      max-width: 330px;
      width: 70%;
      padding: 0 7px;
      transition: all 150ms; }
      .trumbowyg-modal-box label input:hover, .trumbowyg-modal-box label input:focus {
        outline: none; }
      .trumbowyg-modal-box label input:focus {
        background: white; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        background: #25a25a; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
        background: #fbfbfb;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
        background: #d5d5d5; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none;
  z-index: 10; }

/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 7rem;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }
  .trumbowyg-fullscreen .trumbowyg-button-pane {
    padding: 0 3rem; }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor {
    border: none; }
  .trumbowyg-fullscreen .trumbowyg-editor {
    padding: 3rem;
    font-size: 2rem; }
  .trumbowyg-fullscreen .trumbowyg-editor,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto; }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important; }
  .trumbowyg-fullscreen .trumbowyg-fullscreen-button svg {
    color: #231f20;
    fill: transparent; }
  .trumbowyg-fullscreen .trumbowyg-fullscreen-button:hover svg {
    color: #FCF8F7;
    fill: transparent; }

.trumbowyg-editor {
  /*
   * lset for resetCss option
   */ }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%; }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto; }
  .trumbowyg-editor img {
    cursor: move; }
  .trumbowyg-editor.trumbowyg-reset-css {
    font-size: 14px !important;
    line-height: 1.45em !important;
    white-space: normal !important;
    color: #333; }
    .trumbowyg-editor.trumbowyg-reset-css a {
      color: #15c !important;
      text-decoration: underline !important; }
    .trumbowyg-editor.trumbowyg-reset-css div,
    .trumbowyg-editor.trumbowyg-reset-css p,
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol,
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      box-shadow: none !important;
      background: none !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
      line-height: 1.4em !important;
      font-size: 14px !important;
      border: none; }
    .trumbowyg-editor.trumbowyg-reset-css iframe,
    .trumbowyg-editor.trumbowyg-reset-css object,
    .trumbowyg-editor.trumbowyg-reset-css hr {
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      margin-left: 32px !important;
      font-style: italic !important;
      color: #555; }
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol {
      padding-left: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css ul ul,
    .trumbowyg-editor.trumbowyg-reset-css ol ol,
    .trumbowyg-editor.trumbowyg-reset-css ul ol,
    .trumbowyg-editor.trumbowyg-reset-css ol ul {
      border: none;
      margin: 2px !important;
      padding: 0 !important;
      padding-left: 24px !important; }
    .trumbowyg-editor.trumbowyg-reset-css hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #CCC; }
    .trumbowyg-editor.trumbowyg-reset-css h1,
    .trumbowyg-editor.trumbowyg-reset-css h2,
    .trumbowyg-editor.trumbowyg-reset-css h3,
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      color: #111;
      background: none;
      margin: 0 !important;
      padding: 0 !important;
      font-weight: bold; }
    .trumbowyg-editor.trumbowyg-reset-css h1 {
      font-size: 32px !important;
      line-height: 38px !important;
      margin-bottom: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h2 {
      font-size: 26px !important;
      line-height: 34px !important;
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h3 {
      font-size: 22px !important;
      line-height: 28px !important;
      margin-bottom: 7px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      font-size: 16px !important;
      line-height: 22px !important;
      margin-bottom: 7px !important; }

section.shout-start {
  border-bottom: 1px solid #231f20;
  padding: 3rem; }
  section.shout-start button {
    margin-top: 3rem; }
  @media only screen and (min-width: 600px) {
    section.shout-start {
      padding: 3rem 14rem 3rem 3rem;
      text-align: left !important;
      background: url(i/shout-woman2.jpg) calc(100% + 14rem) 0 no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      background-size: auto 100%; }
      section.shout-start button {
        margin-left: 0; } }
  @media only screen and (min-width: 769px) {
    section.shout-start {
      padding: 3rem 14rem; } }
  @media only screen and (min-width: 930px) {
    section.shout-start {
      text-align: center !important;
      background: url(i/shout-woman1.jpg) -10% 0 no-repeat, url(i/shout-woman2.jpg) 115% 0 no-repeat;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      background-size: auto 100%; }
      section.shout-start button {
        margin-left: auto; } }
  @media only screen and (min-width: 1200px) {
    section.shout-start {
      background-position: 0 0, 100% 0; } }

section.lite.contact-social {
  padding-top: 0; }
  section.lite.contact-social ul.social li {
    margin: 0 1.5rem; }
  section.lite.contact-social ul.social .genericon {
    font-size: 3rem; }
  section.lite.contact-social ul.social a {
    background: none !important; }

.ginput_recaptcha {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  background: #FCF8F7; }
  .ginput_recaptcha iframe {
    mix-blend-mode: luminosity;
    -webkit-mix-blend-mode: luminosity; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: auto;
  /*
  	> div,
  	> section {
  		padding-top: 7rem;
  	}
  */
  visibility: hidden;
  opacity: 0; }
  .modal .modal-close {
    position: fixed;
    top: 7rem;
    right: 0;
    padding: 3rem;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }
    .modal .modal-close .genericon {
      font-size: 1rem; }
      @media only screen and (min-width: 769px) {
        .modal .modal-close .genericon {
          font-size: 2rem; } }
  .modal .action-button a {
    margin: 0;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }
  .modal .notes {
    padding: 6rem; }
  .modal.pink-modal {
    background: #FCF8F7;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.25s, opacity 0.25s linear;
    will-change: visibility, opacity; }
  .modal.pink-modal.show, .modal.show {
    visibility: visible;
    opacity: 0.99999;
    transition-delay: 0s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .modal.pink-modal.show .modal-close, .modal.show .modal-close {
      opacity: 0.99999; }
  .modal.hidden {
    display: none; }

.modal.shout-choose {
  top: 7rem; }
  .modal.shout-choose .split > div {
    background: #FCF8F7;
    padding: 3rem !important;
    will-change: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(-50vh);
    -moz-transform: translateY(-50vh);
    -ms-transform: translateY(-50vh);
    -o-transform: translateY(-50vh);
    transform: translateY(-50vh);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
    .modal.shout-choose .split > div:nth-child(even) {
      -webkit-transform: translateY(50vh);
      -moz-transform: translateY(50vh);
      -ms-transform: translateY(50vh);
      -o-transform: translateY(50vh);
      transform: translateY(50vh);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */
      border: 0;
      -webkit-box-shadow: 0 -1px 0 #231f20;
      -moz-box-shadow: 0 -1px 0 #231f20;
      box-shadow: 0 -1px 0 #231f20; }
  .modal.shout-choose h3 + p {
    margin-top: 1rem; }
  .modal.shout-choose .action-button {
    margin-top: 3rem; }
  .modal.shout-choose .modal-close.choose-close {
    top: calc(50% + 3.5rem);
    bottom: 0;
    right: 0;
    left: 0;
    height: 0;
    cursor: default;
    will-change: auto;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s; }
  .modal.shout-choose.show .modal-close.choose-close {
    height: 3rem;
    margin-top: -1.5rem; }
  .modal.shout-choose.slide-in .split > div {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
  .modal.shout-choose.slide-in.peek .split > div {
    -webkit-transform: translateY(-1.5rem);
    -moz-transform: translateY(-1.5rem);
    -ms-transform: translateY(-1.5rem);
    -o-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
    .modal.shout-choose.slide-in.peek .split > div:nth-child(even) {
      -webkit-transform: translateY(1.5rem);
      -moz-transform: translateY(1.5rem);
      -ms-transform: translateY(1.5rem);
      -o-transform: translateY(1.5rem);
      transform: translateY(1.5rem);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }
  .modal.shout-choose.slide-in .modal-close.choose-close {
    cursor: ns-resize; }
  @media only screen and (min-width: 600px) {
    .modal.shout-choose {
      top: 0; }
      .modal.shout-choose .split > div {
        -webkit-transform: translateX(-50vw);
        -moz-transform: translateX(-50vw);
        -ms-transform: translateX(-50vw);
        -o-transform: translateX(-50vw);
        transform: translateX(-50vw);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */ }
        .modal.shout-choose .split > div:nth-child(even) {
          -webkit-transform: translateX(50vw);
          -moz-transform: translateX(50vw);
          -ms-transform: translateX(50vw);
          -o-transform: translateX(50vw);
          transform: translateX(50vw);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          /* FF Hack for sharper renders */ }
      .modal.shout-choose .modal-close.choose-close {
        top: -7rem;
        bottom: 0;
        right: 50%;
        left: auto;
        width: 0;
        height: auto; }
      .modal.shout-choose.show .modal-close.choose-close {
        height: auto;
        width: 3rem;
        margin-top: 0;
        margin-right: -1.5rem; }
      .modal.shout-choose.slide-in .split > div {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */
        -webkit-box-shadow: -1px 0 0 #231f20;
        -moz-box-shadow: -1px 0 0 #231f20;
        box-shadow: -1px 0 0 #231f20;
        border-right: 1px solid #231f20; }
        .modal.shout-choose.slide-in .split > div:nth-child(even) {
          border: 0; }
      .modal.shout-choose.slide-in.peek .split > div {
        -webkit-transform: translateX(-1.5rem);
        -moz-transform: translateX(-1.5rem);
        -ms-transform: translateX(-1.5rem);
        -o-transform: translateX(-1.5rem);
        transform: translateX(-1.5rem);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
        /* FF Hack for sharper renders */ }
        .modal.shout-choose.slide-in.peek .split > div:nth-child(even) {
          -webkit-transform: translateX(1.5rem);
          -moz-transform: translateX(1.5rem);
          -ms-transform: translateX(1.5rem);
          -o-transform: translateX(1.5rem);
          transform: translateX(1.5rem);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          /* FF Hack for sharper renders */ }
      .modal.shout-choose.slide-in .modal-close.choose-close {
        cursor: ew-resize; } }

.modal.options-modal {
  background: #FCF8F7;
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* FF Hack for sharper renders */
  will-change: transform;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-box-shadow: 0 -1px 0 #231f20;
  -moz-box-shadow: 0 -1px 0 #231f20;
  box-shadow: 0 -1px 0 #231f20; }
  .modal.options-modal .columns {
    max-width: 94rem;
    margin: 0 auto; }
  .modal.options-modal .column {
    width: 33.3333333333% !important;
    padding-bottom: 0; }
    .modal.options-modal .column a:hover {
      color: #231f20; }
  .modal.options-modal .action-button {
    -webkit-transform: translateY(50vh);
    -moz-transform: translateY(50vh);
    -ms-transform: translateY(50vh);
    -o-transform: translateY(50vh);
    transform: translateY(50vh);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */
    will-change: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    .modal.options-modal .action-button a {
      text-transform: uppercase;
      padding: 34px 1rem; }
      @media only screen and (min-width: 769px) {
        .modal.options-modal .action-button a {
          -webkit-transform: scale(2);
          -moz-transform: scale(2);
          -ms-transform: scale(2);
          -o-transform: scale(2);
          transform: scale(2);
          -webkit-backface-visibility: hidden;
          -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
          backface-visibility: hidden;
          /* FF Hack for sharper renders */ } }
  .modal.options-modal .column:nth-child(2) .action-button {
    -webkit-transition-delay: 0.125s;
    -moz-transition-delay: 0.125s;
    -o-transition-delay: 0.125s;
    transition-delay: 0.125s; }
  .modal.options-modal .column:nth-child(3) .action-button {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s; }
  .modal.options-modal.reveal {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* FF Hack for sharper renders */ }
    .modal.options-modal.reveal .action-button {
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      /* FF Hack for sharper renders */ }

body:not(.splash-active) footer {
  position: relative; }

footer {
  text-align: center;
  padding: 3rem;
  z-index: 0;
  background: #FCF8F7;
  font-size: 1.2rem;
  letter-spacing: 1px; }
  footer .civilization .broughttoyou {
    display: block;
    width: 10rem;
    height: 3.6rem;
    margin: 0 auto;
    background: url(i/civilization-shape.svg) 50% 50% no-repeat;
    -webkit-background-size: 10rem 3.6rem;
    -moz-background-size: 10rem 3.6rem;
    -o-background-size: 10rem 3.6rem;
    background-size: 10rem 3.6rem;
    text-indent: 1500%;
    white-space: nowrap;
    overflow: hidden;
    will-change: background;
    -webkit-transition: background 0.125s;
    -moz-transition: background 0.125s;
    -o-transition: background 0.125s;
    transition: background 0.125s; }
    footer .civilization .broughttoyou:before {
      content: '';
      letter-spacing: normal;
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 0;
      height: 0;
      visibility: hidden; }
    footer .civilization .broughttoyou:before, footer .civilization .broughttoyou:hover {
      background-image: url(i/civilization-builtby.svg); }

body.home footer {
  z-index: 3; }