@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=95e35a80-a32a-4cee-87c5-6b8466d35783&fontids=5607998,5608004");
@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(40%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
::selection {
  background: #e6e6e6; }

::-moz-selection {
  background: #e6e6e6; }

@font-face {
  font-family: "Plantin Infant MT W01 Regular";
  src: url("../fonts/5607998/a48fb1db-470f-43b8-9e44-4dab746ec27e.eot?#iefix");
  src: url("../fonts/5607998/a48fb1db-470f-43b8-9e44-4dab746ec27e.eot?#iefix") format("eot"), url("../fonts/5607998/d98f5497-a624-4a75-bca9-1a7e7144a20b.woff2") format("woff2"), url("../fonts/5607998/2542cc25-7b5b-4c64-b30f-c3b18803e20a.woff") format("woff"), url("../fonts/5607998/1ed418f3-0c84-4d72-9917-f91b7d4ec1a6.ttf") format("truetype"); }
@font-face {
  font-family: "Plantin Infant MT W01 Italic";
  src: url("../fonts/5608004/5c184393-35f3-4890-94d4-4dde3f77c070.eot?#iefix");
  src: url("../fonts/5608004/5c184393-35f3-4890-94d4-4dde3f77c070.eot?#iefix") format("eot"), url("../fonts/5608004/7e85da96-afb9-458c-adbb-14d56678059d.woff2") format("woff2"), url("../fonts/5608004/4dc62178-90fd-4adf-abce-059b4534b766.woff") format("woff"), url("../fonts/5608004/f2d53307-3afd-49ee-9a20-cab32d766b1b.ttf") format("truetype"); }
body {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.1px;
  color: #000000;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

h1 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 54px;
  line-height: 62px;
  font-weight: normal; }

h2,
.h2 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal; }

h3 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal; }

h4 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal; }

h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal; }

h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal; }

.gray {
  color: #CCCCCC; }

.faded {
  opacity: 0.5; }

.italic {
  font-style: italic; }

.normal {
  font-style: normal; }

.thin {
  font-weight: 300; }

.bold {
  font-weight: 600; }

.centered {
  text-align: center; }

.underline {
  border-bottom: dotted 1px #000000; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-center {
  text-align: center; }

.align-justify {
  text-align: justify; }

* {
  box-sizing: border-box; }

*:focus {
  outline: 0; }

html, body {
  background-color: #FFFFFF;
  margin: 0; }

body {
  margin-top: 75px; }
  body.no-scroll {
    overflow: hidden; }

a {
  -webkit-transition: all 200ms ease-in-out 0ms;
  -moz-transition: all 200ms ease-in-out 0ms;
  -o-transition: all 200ms ease-in-out 0ms;
  -ms-transition: all 200ms ease-in-out 0ms;
  transition: all 200ms ease-in-out 0ms;
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a.gray {
    color: #AAAAAA; }
    a.gray.active, a.gray:hover {
      color: #000000; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

hr {
  border: 0;
  border-bottom: 1px solid #000000; }

input {
  padding: 4px 0 0 0;
  background-color: inherit;
  font-size: inherit;
  outline: none;
  border: none;
  border-bottom: 1px #CCCCCC solid;
  border-radius: 0; }

.button {
  -webkit-transition: all 200ms ease-in-out 0ms;
  -moz-transition: all 200ms ease-in-out 0ms;
  -o-transition: all 200ms ease-in-out 0ms;
  -ms-transition: all 200ms ease-in-out 0ms;
  transition: all 200ms ease-in-out 0ms;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  display: inline-block;
  padding: 10px;
  min-width: 160px;
  border: 1px solid #000000; }

ul {
  margin: 0;
  padding: 0; }

audio {
  min-width: 100%; }

.ratio-16-9 {
  width: 100%;
  padding-top: 56.5%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center; }

.ratio-1-1 {
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center; }

.container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto; }
  .container.border-lr {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC; }
  .container.border-tb {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC; }
  .container.border-t {
    border-top: 1px solid #CCCCCC; }
  .container.pad-b {
    padding-bottom: 12px; }
  .container.margin-t {
    margin-top: 12px; }

.module {
  margin-bottom: 12px;
  padding: 0 12px 36px 12px;
  text-align: center;
  border-right: 1px solid #CCCCCC; }
  .module.g100, .module.border-none {
    border-right: none; }
  .module.g50:nth-child(2n) {
    border-right: none; }
  .module.g33:nth-child(3n) {
    border-right: none; }
  .module.g25:nth-child(4n) {
    border-right: none; }
  .module img,
  .module .ratio-16-9 {
    width: 100%;
    margin-bottom: 12px; }
  .module h2, .module h3, .module h5, .module h6, .module summary {
    max-width: 300px;
    margin: 0 auto; }
  .module h3 {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 12px; }
  .module h2 {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    max-width: calc(100% - 12px * 4); }
    .module h2 a {
      display: inline;
      border-bottom: 2px solid transparent; }
      .module h2 a:hover {
        border-bottom: 2px solid #000000; }
      .module h2 a:after, .module h2 a:before {
        content: "";
        display: block; }
  .module h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #CCCCCC;
    margin-top: 12px; }
  .module h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #CCCCCC;
    margin-bottom: 12px; }
  .module summary {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    max-width: calc(100% - 12px * 4); }

.slides .module h2 a:hover,
.carousel .module h2 a:hover {
  border-bottom: 2px solid #FFFFFF; }
.slides .carousel-prev,
.slides .carousel-next,
.carousel .carousel-prev,
.carousel .carousel-next {
  position: absolute;
  padding: 20px 0;
  top: 0;
  bottom: 0;
  background-color: transparent;
  color: #FFFFFF;
  margin-top: -10px;
  min-width: 40px;
  fill: #FFFFFF;
  border: none; }
  .slides .carousel-prev svg,
  .slides .carousel-next svg,
  .carousel .carousel-prev svg,
  .carousel .carousel-next svg {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    height: 40px; }
.slides .carousel-prev,
.carousel .carousel-prev {
  left: -40px; }
  .slides .carousel-prev:hover svg,
  .carousel .carousel-prev:hover svg {
    margin-left: -10px; }
.slides .carousel-next,
.carousel .carousel-next {
  right: -40px; }
  .slides .carousel-next:hover svg,
  .carousel .carousel-next:hover svg {
    margin-right: -10px; }
.slides .slide,
.carousel .slide {
  display: inline-block;
  position: relative;
  width: 25%;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased; }

.slides-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 20px 0 20px; }
  .slides-container .slides {
    position: relative;
    display: inline-grid; }
    .slides-container .slides .module {
      border: none;
      padding: 0;
      margin: 0 10px 0; }
    .slides-container .slides .carousel-prev,
    .slides-container .slides .carousel-next {
      top: 40%;
      bottom: 40%;
      background-color: rgba(0, 0, 0, 0.5);
      color: #FFFFFF;
      fill: #FFFFFF;
      z-index: 5; }
    .slides-container .slides .carousel-prev {
      left: 0px; }
      .slides-container .slides .carousel-prev:hover svg {
        margin-left: -10px; }
    .slides-container .slides .carousel-next {
      right: 0px; }
      .slides-container .slides .carousel-next:hover svg {
        margin-right: -10px; }
    .slides-container .slides .slide {
      width: 100%; }

.newsletter input[type="text"] {
  text-align: center;
  width: 60%;
  margin: 24px 12px 24px 12px;
  color: #CCCCCC;
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 54px;
  line-height: 62px;
  font-weight: normal; }
  .newsletter input[type="text"]::placeholder {
    color: #CCCCCC;
    opacity: 1; }
  .newsletter input[type="text"]:-ms-input-placeholder {
    color: #CCCCCC; }
  .newsletter input[type="text"]::-ms-input-placeholder {
    color: #CCCCCC; }
.newsletter div {
  color: #CCCCCC;
  margin-bottom: 24px; }
  .newsletter div input[type="radio"] {
    margin-left: 20px; }
  .newsletter div label {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    margin-left: 10px; }
.newsletter input[type=submit] {
  -webkit-transition: all 200ms ease-in-out 0ms;
  -moz-transition: all 200ms ease-in-out 0ms;
  -o-transition: all 200ms ease-in-out 0ms;
  -ms-transition: all 200ms ease-in-out 0ms;
  transition: all 200ms ease-in-out 0ms;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  display: inline-block;
  padding: 10px;
  min-width: 160px;
  border: 1px solid #CCCCCC; }
  .newsletter input[type=submit]:hover {
    border: 1px solid #000000; }
.newsletter .notice {
  margin-top: 12px; }
.newsletter .thank-you {
  display: none;
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  padding: 40px; }

.empty {
  margin: 300px auto 200px;
  text-align: center;
  color: #CCCCCC; }

.contributor-cta {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 54px;
  line-height: 62px;
  font-weight: normal;
  padding-top: 48px;
  padding-bottom: 48px;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  background-image: url("/assets/imgs/contributor.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  .contributor-cta input[type=submit] {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    display: inline-block;
    padding: 10px;
    min-width: 160px;
    border: 1px solid #000000;
    margin-top: 36px; }

.disqus-comment-count {
  -webkit-transition: all 200ms ease-in-out 0ms;
  -moz-transition: all 200ms ease-in-out 0ms;
  -o-transition: all 200ms ease-in-out 0ms;
  -ms-transition: all 200ms ease-in-out 0ms;
  transition: all 200ms ease-in-out 0ms;
  background-image: url("/assets/imgs/comment.svg");
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 18px;
  background-size: 12px 12px;
  opacity: 0.6; }
  .disqus-comment-count:hover {
    opacity: 1.0; }
  .disqus-comment-count.white {
    background-image: url("/assets/imgs/comment-white.svg"); }

.color-news {
  color: #CCCCCC; }

.bg-news {
  background-color: #CCCCCC; }

body.category-news nav #logo span {
  color: #CCCCCC; }

.color-docs {
  color: #08583A; }

.bg-docs {
  background-color: #08583A; }

body.category-docs nav #logo span {
  color: #08583A; }

.color-debates {
  color: #CD9E89; }

.bg-debates {
  background-color: #CD9E89; }

body.category-debates nav #logo span {
  color: #CD9E89; }

.color-interviews {
  color: #FC6764; }

.bg-interviews {
  background-color: #FC6764; }

body.category-interviews nav #logo span {
  color: #FC6764; }

.color-essays {
  color: #FDA742; }

.bg-essays {
  background-color: #FDA742; }

body.category-essays nav #logo span {
  color: #FDA742; }

.color-photos {
  color: #7CB4FC; }

.bg-photos {
  background-color: #7CB4FC; }

body.category-photos nav #logo span {
  color: #7CB4FC; }

.color-maps {
  color: #AE6AAA; }

.bg-maps {
  background-color: #AE6AAA; }

body.category-maps nav #logo span {
  color: #AE6AAA; }

.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.8); }
  .lightbox .image {
    position: absolute;
    top: 100px;
    bottom: 100px;
    left: 100px;
    right: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain; }
  .lightbox .lightbox-prev,
  .lightbox .lightbox-next {
    position: absolute;
    padding: 20px 0;
    top: 50%;
    background-color: transparent;
    color: #FFFFFF;
    margin-top: -20px;
    min-width: 40px;
    fill: #FFFFFF;
    border: none;
    cursor: pointer; }
    .lightbox .lightbox-prev svg,
    .lightbox .lightbox-next svg {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      height: 40px; }
  .lightbox .lightbox-prev {
    left: 40px; }
    .lightbox .lightbox-prev:hover svg {
      margin-left: -10px; }
  .lightbox .lightbox-next {
    right: 40px;
    text-align: right; }
    .lightbox .lightbox-next:hover svg {
      margin-right: -10px; }
  .lightbox .lightbox-close {
    position: absolute;
    top: 40px;
    right: 40px;
    fill: #FFFFFF;
    cursor: pointer; }
    .lightbox .lightbox-close svg {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      width: 24px;
      height: 24px; }
    .lightbox .lightbox-close:hover svg {
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      transform: scale(0.8); }

@media print {
  body * {
    visibility: hidden; }

  .printable, .printable * {
    visibility: visible; }

  .printable {
    position: relative !important;
    padding: 5% !important;
    margin: 0 !important;
    max-width: none !important; }

  .body {
    margin-top: 0 !important; }

  .hat,
  .hat2,
  .bg-footer {
    display: none; } }
.no-results {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
  padding: 100px;
  text-align: center;
  margin: 0 auto; }

.circle {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.hidden {
  display: none; }

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both; }

.global_preview {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: block;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: normal;
  text-transform: uppercase;
  padding: 3px 3px 1px 5px;
  background-color: #00ff00;
  color: #000000;
  z-index: 9999999999; }

.article-detail nav.hide {
  top: 0 !important; }

nav {
  -webkit-transition: top 200ms linear 0ms;
  -moz-transition: top 200ms linear 0ms;
  -o-transition: top 200ms linear 0ms;
  -ms-transition: top 200ms linear 0ms;
  transition: top 200ms linear 0ms;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 75px;
  z-index: 10;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  border-bottom: 1px solid #CCCCCC; }
  nav.hide {
    top: -78px; }
  nav #logo {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 54px;
    line-height: 62px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin-top: 6px; }
    nav #logo span {
      color: #CCCCCC; }
      nav #logo span.news {
        color: #CCCCCC !important;
        display: none; }
  nav #article-title {
    display: none;
    font-size: 16px;
    margin-top: 19px;
    padding-left: 30px;
    padding-right: 30px;
    overflow: hidden;
    height: 36px; }
  nav #about-button,
  nav #about-close {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    position: absolute;
    top: 27px;
    left: 10px;
    height: 20px;
    fill: #000000;
    cursor: pointer; }
    nav #about-button:hover,
    nav #about-close:hover {
      fill: #CCCCCC; }
  nav #about-close {
    display: none; }
  nav #filter-button,
  nav #filter-close {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    position: absolute;
    top: 27px;
    right: 10px;
    height: 19px;
    fill: #000000;
    cursor: pointer; }
    nav #filter-button:hover,
    nav #filter-close:hover {
      fill: #CCCCCC; }
  nav #filter-close {
    display: none; }
  nav #progress {
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    width: 0%; }
    nav #progress[data-category="news"] {
      background-color: #CCCCCC; }
    nav #progress[data-category="docs"] {
      background-color: #08583A; }
    nav #progress[data-category="debates"] {
      background-color: #CD9E89; }
    nav #progress[data-category="interviews"] {
      background-color: #FC6764; }
    nav #progress[data-category="essays"] {
      background-color: #FDA742; }
    nav #progress[data-category="photos"] {
      background-color: #7CB4FC; }
    nav #progress[data-category="maps"] {
      background-color: #AE6AAA; }

#about {
  display: none;
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 12px;
  background-color: #FFFFFF;
  z-index: 10;
  overflow: scroll; }
  #about .spacing:after, #about .spacing:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    height: 3px;
    width: 12px;
    background-color: #FFFFFF; }
  #about .spacing:before {
    left: 0; }
  #about .spacing:after {
    right: 0; }

#filter {
  display: none;
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 12px;
  background-color: #FFFFFF;
  z-index: 10;
  overflow: scroll; }
  #filter .spacing {
    padding-top: 12px; }
    #filter .spacing:after, #filter .spacing:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      height: 3px;
      width: 12px;
      background-color: #FFFFFF; }
    #filter .spacing:before {
      left: 0; }
    #filter .spacing:after {
      right: 0; }
  #filter input {
    text-align: center;
    width: 60%;
    margin: 150px auto;
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 54px;
    line-height: 62px;
    font-weight: normal; }
    #filter input::placeholder {
      color: #CCCCCC; }
  #filter h4 {
    margin-bottom: 24px; }
  #filter .category-lines {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC; }
  #filter .calendar-header {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
    padding: 20px 12px 20px 12px;
    margin: 0 12px 0 12px; }
    #filter .calendar-header div {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal; }
      #filter .calendar-header div span {
        color: #000000; }
    #filter .calendar-header #prev-month {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      position: absolute;
      top: 18px;
      left: 10px;
      height: 28px;
      fill: #CCCCCC;
      cursor: pointer; }
      #filter .calendar-header #prev-month:hover {
        fill: #000000; }
    #filter .calendar-header #next-month {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      position: absolute;
      top: 18px;
      right: 10px;
      height: 28px;
      fill: #CCCCCC;
      cursor: pointer; }
      #filter .calendar-header #next-month:hover {
        fill: #000000; }
  #filter .calendar-data {
    position: relative;
    max-height: 400px;
    overflow: scroll;
    padding-bottom: 50px; }
  #filter .view-full-calendar {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    position: relative;
    border-top: 1px solid #CCCCCC;
    padding-top: 24px;
    margin-left: 12px;
    margin-right: 12px;
    padding-bottom: 12px;
    color: #CCCCCC; }
    #filter .view-full-calendar:hover {
      color: #000000; }
    #filter .view-full-calendar::after {
      content: " ";
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100px;
      top: -101px;
      left: 0;
      z-index: 2;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
  #filter .g25 {
    flex-basis: calc(25% - 2px); }
  #filter .g50 {
    flex-basis: calc(50% - 2px); }

footer {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  background-color: #1a1a1a;
  color: #FFFFFF;
  padding: 50px 0 200px 0;
  margin-top: 12px; }
  footer a {
    color: #CCCCCC; }

.pad-10 {
  padding: 10px; }

.pad-t-10 {
  padding-top: 10px; }

.pad-b-10 {
  padding-bottom: 10px; }

.pad-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.pad-20 {
  padding: 20px; }

.pad-t-20 {
  padding-top: 20px; }

.pad-b-20 {
  padding-bottom: 20px; }

.pad-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pad-30 {
  padding: 30px; }

.pad-t-30 {
  padding-top: 30px; }

.pad-b-30 {
  padding-bottom: 30px; }

.pad-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pad-40 {
  padding: 40px; }

.pad-t-40 {
  padding-top: 40px; }

.pad-b-40 {
  padding-bottom: 40px; }

.pad-tb-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pad-50 {
  padding: 50px; }

.pad-t-50 {
  padding-top: 50px; }

.pad-b-50 {
  padding-bottom: 50px; }

.pad-tb-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.pad-60 {
  padding: 60px; }

.pad-t-60 {
  padding-top: 60px; }

.pad-b-60 {
  padding-bottom: 60px; }

.pad-tb-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.pad-70 {
  padding: 70px; }

.pad-t-70 {
  padding-top: 70px; }

.pad-b-70 {
  padding-bottom: 70px; }

.pad-tb-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.pad-80 {
  padding: 80px; }

.pad-t-80 {
  padding-top: 80px; }

.pad-b-80 {
  padding-bottom: 80px; }

.pad-tb-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.pad-90 {
  padding: 90px; }

.pad-t-90 {
  padding-top: 90px; }

.pad-b-90 {
  padding-bottom: 90px; }

.pad-tb-90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.pad-100 {
  padding: 100px; }

.pad-t-100 {
  padding-top: 100px; }

.pad-b-100 {
  padding-bottom: 100px; }

.pad-tb-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.pad-110 {
  padding: 110px; }

.pad-t-110 {
  padding-top: 110px; }

.pad-b-110 {
  padding-bottom: 110px; }

.pad-tb-110 {
  padding-top: 110px;
  padding-bottom: 110px; }

.pad-120 {
  padding: 120px; }

.pad-t-120 {
  padding-top: 120px; }

.pad-b-120 {
  padding-bottom: 120px; }

.pad-tb-120 {
  padding-top: 120px;
  padding-bottom: 120px; }

.pad-130 {
  padding: 130px; }

.pad-t-130 {
  padding-top: 130px; }

.pad-b-130 {
  padding-bottom: 130px; }

.pad-tb-130 {
  padding-top: 130px;
  padding-bottom: 130px; }

.pad-140 {
  padding: 140px; }

.pad-t-140 {
  padding-top: 140px; }

.pad-b-140 {
  padding-bottom: 140px; }

.pad-tb-140 {
  padding-top: 140px;
  padding-bottom: 140px; }

.pad-150 {
  padding: 150px; }

.pad-t-150 {
  padding-top: 150px; }

.pad-b-150 {
  padding-bottom: 150px; }

.pad-tb-150 {
  padding-top: 150px;
  padding-bottom: 150px; }

.pad-160 {
  padding: 160px; }

.pad-t-160 {
  padding-top: 160px; }

.pad-b-160 {
  padding-bottom: 160px; }

.pad-tb-160 {
  padding-top: 160px;
  padding-bottom: 160px; }

.pad-170 {
  padding: 170px; }

.pad-t-170 {
  padding-top: 170px; }

.pad-b-170 {
  padding-bottom: 170px; }

.pad-tb-170 {
  padding-top: 170px;
  padding-bottom: 170px; }

.pad-180 {
  padding: 180px; }

.pad-t-180 {
  padding-top: 180px; }

.pad-b-180 {
  padding-bottom: 180px; }

.pad-tb-180 {
  padding-top: 180px;
  padding-bottom: 180px; }

.pad-190 {
  padding: 190px; }

.pad-t-190 {
  padding-top: 190px; }

.pad-b-190 {
  padding-bottom: 190px; }

.pad-tb-190 {
  padding-top: 190px;
  padding-bottom: 190px; }

.pad-200 {
  padding: 200px; }

.pad-t-200 {
  padding-top: 200px; }

.pad-b-200 {
  padding-bottom: 200px; }

.pad-tb-200 {
  padding-top: 200px;
  padding-bottom: 200px; }

.pad-210 {
  padding: 210px; }

.pad-t-210 {
  padding-top: 210px; }

.pad-b-210 {
  padding-bottom: 210px; }

.pad-tb-210 {
  padding-top: 210px;
  padding-bottom: 210px; }

.pad-220 {
  padding: 220px; }

.pad-t-220 {
  padding-top: 220px; }

.pad-b-220 {
  padding-bottom: 220px; }

.pad-tb-220 {
  padding-top: 220px;
  padding-bottom: 220px; }

.pad-230 {
  padding: 230px; }

.pad-t-230 {
  padding-top: 230px; }

.pad-b-230 {
  padding-bottom: 230px; }

.pad-tb-230 {
  padding-top: 230px;
  padding-bottom: 230px; }

.pad-240 {
  padding: 240px; }

.pad-t-240 {
  padding-top: 240px; }

.pad-b-240 {
  padding-bottom: 240px; }

.pad-tb-240 {
  padding-top: 240px;
  padding-bottom: 240px; }

.pad-250 {
  padding: 250px; }

.pad-t-250 {
  padding-top: 250px; }

.pad-b-250 {
  padding-bottom: 250px; }

.pad-tb-250 {
  padding-top: 250px;
  padding-bottom: 250px; }

.pad-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.margin-10 {
  margin: 10px; }

.margin-t-10 {
  margin-top: 10px; }

.margin-b-10 {
  margin-bottom: 10px; }

.margin-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.margin-20 {
  margin: 20px; }

.margin-t-20 {
  margin-top: 20px; }

.margin-b-20 {
  margin-bottom: 20px; }

.margin-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.margin-30 {
  margin: 30px; }

.margin-t-30 {
  margin-top: 30px; }

.margin-b-30 {
  margin-bottom: 30px; }

.margin-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.margin-40 {
  margin: 40px; }

.margin-t-40 {
  margin-top: 40px; }

.margin-b-40 {
  margin-bottom: 40px; }

.margin-tb-40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.margin-50 {
  margin: 50px; }

.margin-t-50 {
  margin-top: 50px; }

.margin-b-50 {
  margin-bottom: 50px; }

.margin-tb-50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.margin-60 {
  margin: 60px; }

.margin-t-60 {
  margin-top: 60px; }

.margin-b-60 {
  margin-bottom: 60px; }

.margin-tb-60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.margin-70 {
  margin: 70px; }

.margin-t-70 {
  margin-top: 70px; }

.margin-b-70 {
  margin-bottom: 70px; }

.margin-tb-70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.margin-80 {
  margin: 80px; }

.margin-t-80 {
  margin-top: 80px; }

.margin-b-80 {
  margin-bottom: 80px; }

.margin-tb-80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.margin-90 {
  margin: 90px; }

.margin-t-90 {
  margin-top: 90px; }

.margin-b-90 {
  margin-bottom: 90px; }

.margin-tb-90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.margin-100 {
  margin: 100px; }

.margin-t-100 {
  margin-top: 100px; }

.margin-b-100 {
  margin-bottom: 100px; }

.margin-tb-100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.margin-110 {
  margin: 110px; }

.margin-t-110 {
  margin-top: 110px; }

.margin-b-110 {
  margin-bottom: 110px; }

.margin-tb-110 {
  margin-top: 110px;
  margin-bottom: 110px; }

.margin-120 {
  margin: 120px; }

.margin-t-120 {
  margin-top: 120px; }

.margin-b-120 {
  margin-bottom: 120px; }

.margin-tb-120 {
  margin-top: 120px;
  margin-bottom: 120px; }

.margin-130 {
  margin: 130px; }

.margin-t-130 {
  margin-top: 130px; }

.margin-b-130 {
  margin-bottom: 130px; }

.margin-tb-130 {
  margin-top: 130px;
  margin-bottom: 130px; }

.margin-140 {
  margin: 140px; }

.margin-t-140 {
  margin-top: 140px; }

.margin-b-140 {
  margin-bottom: 140px; }

.margin-tb-140 {
  margin-top: 140px;
  margin-bottom: 140px; }

.margin-150 {
  margin: 150px; }

.margin-t-150 {
  margin-top: 150px; }

.margin-b-150 {
  margin-bottom: 150px; }

.margin-tb-150 {
  margin-top: 150px;
  margin-bottom: 150px; }

.margin-160 {
  margin: 160px; }

.margin-t-160 {
  margin-top: 160px; }

.margin-b-160 {
  margin-bottom: 160px; }

.margin-tb-160 {
  margin-top: 160px;
  margin-bottom: 160px; }

.margin-170 {
  margin: 170px; }

.margin-t-170 {
  margin-top: 170px; }

.margin-b-170 {
  margin-bottom: 170px; }

.margin-tb-170 {
  margin-top: 170px;
  margin-bottom: 170px; }

.margin-180 {
  margin: 180px; }

.margin-t-180 {
  margin-top: 180px; }

.margin-b-180 {
  margin-bottom: 180px; }

.margin-tb-180 {
  margin-top: 180px;
  margin-bottom: 180px; }

.margin-190 {
  margin: 190px; }

.margin-t-190 {
  margin-top: 190px; }

.margin-b-190 {
  margin-bottom: 190px; }

.margin-tb-190 {
  margin-top: 190px;
  margin-bottom: 190px; }

.margin-200 {
  margin: 200px; }

.margin-t-200 {
  margin-top: 200px; }

.margin-b-200 {
  margin-bottom: 200px; }

.margin-tb-200 {
  margin-top: 200px;
  margin-bottom: 200px; }

.margin-210 {
  margin: 210px; }

.margin-t-210 {
  margin-top: 210px; }

.margin-b-210 {
  margin-bottom: 210px; }

.margin-tb-210 {
  margin-top: 210px;
  margin-bottom: 210px; }

.margin-220 {
  margin: 220px; }

.margin-t-220 {
  margin-top: 220px; }

.margin-b-220 {
  margin-bottom: 220px; }

.margin-tb-220 {
  margin-top: 220px;
  margin-bottom: 220px; }

.margin-230 {
  margin: 230px; }

.margin-t-230 {
  margin-top: 230px; }

.margin-b-230 {
  margin-bottom: 230px; }

.margin-tb-230 {
  margin-top: 230px;
  margin-bottom: 230px; }

.margin-240 {
  margin: 240px; }

.margin-t-240 {
  margin-top: 240px; }

.margin-b-240 {
  margin-bottom: 240px; }

.margin-tb-240 {
  margin-top: 240px;
  margin-bottom: 240px; }

.margin-250 {
  margin: 250px; }

.margin-t-250 {
  margin-top: 250px; }

.margin-b-250 {
  margin-bottom: 250px; }

.margin-tb-250 {
  margin-top: 250px;
  margin-bottom: 250px; }

.margin-5 {
  margin: 5px; }

.margin-r-5 {
  margin-right: 5px; }

.margin-b-5 {
  margin-bottom: 5px; }

.margin-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.margin-t-62 {
  margin-top: 62px; }

.margin-t-87 {
  margin-top: 87px; }

.margin-t-112 {
  margin-top: 112px; }

.margin-t-137 {
  margin-top: 137px; }

.margin-t-162 {
  margin-top: 162px; }

.margin-t-187 {
  margin-top: 187px; }

.grid {
  display: flex;
  flex-wrap: wrap; }

.g100 {
  flex-basis: 100%; }

.g66 {
  flex-basis: 66.66%; }

.g50 {
  flex-basis: 50%; }

.g33 {
  flex-basis: 33.33%; }

.g25 {
  flex-basis: 25%; }

.g16 {
  flex-basis: 16.66%; }

.slideshow-module .container {
  padding-bottom: 50px; }

.slideshow-projects,
.slideshow {
  height: 600px; }
  .slideshow-projects ul,
  .slideshow ul {
    height: 100%; }
    .slideshow-projects ul li,
    .slideshow ul li {
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }

.unslider {
  margin: 0;
  padding: 0;
  position: relative; }
  .unslider-wrap {
    position: relative; }
    .unslider-wrap.unslider-carousel > li {
      float: left;
      position: relative; }
      .unslider-wrap.unslider-carousel > li a {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .unslider-vertical > ul {
    height: 100%; }
  .unslider-vertical li {
    float: none;
    width: 100%; }
  .unslider-fade {
    position: relative; }
    .unslider-fade .unslider-wrap li {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      z-index: 8; }
      .unslider-fade .unslider-wrap li.unslider-active {
        z-index: 10; }
  .unslider ul, .unslider ol, .unslider li {
    list-style: none;
    /* Reset any weird spacing */
    margin: 0;
    padding: 0;
    border: none; }
  .unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer;
    color: #9B59B6;
    margin-top: 20px;
    z-index: 99999; }
    .unslider-arrow.next {
      left: auto;
      right: 20px; }

.unslider-nav {
  position: absolute;
  width: 100%;
  bottom: -40px;
  z-index: 99998; }
  .unslider-nav ol {
    list-style: none;
    text-align: center; }
    .unslider-nav ol li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 4px;
      background: transparent;
      border-radius: 5px;
      overflow: hidden;
      text-indent: -999em;
      border: 2px solid #FF9E2D;
      cursor: pointer; }
      .unslider-nav ol li.unslider-active {
        background: #FF9E2D;
        cursor: default; }

.legal {
  padding: 100px 40px;
  margin: 0 auto;
  max-width: 800px; }
  .legal h1 {
    margin-bottom: 40px;
    text-align: center; }

.ticker-container {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 53px;
  top: 125px;
  left: 0; }

.subnav {
  -webkit-transition: top 0 linear 0ms;
  -moz-transition: top 0 linear 0ms;
  -o-transition: top 0 linear 0ms;
  -ms-transition: top 0 linear 0ms;
  transition: top 0 linear 0ms;
  position: fixed;
  top: 75px;
  left: 0;
  right: 0;
  height: 50px;
  z-index: 9;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  border-bottom: 1px solid #CCCCCC; }
  .subnav.hide {
    top: 0; }
  .subnav.ticker-wrap {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 2px;
    overflow: hidden;
    padding-left: 100%;
    box-sizing: content-box;
    z-index: 8; }
    .subnav.ticker-wrap.hide {
      top: 0; }
    .subnav.ticker-wrap .ticker {
      display: inline-block;
      white-space: nowrap;
      padding-right: 100%;
      padding-top: 12px;
      box-sizing: content-box;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-name: ticker;
      animation-name: ticker;
      -webkit-animation-duration: 30s;
      animation-duration: 30s; }
      .subnav.ticker-wrap .ticker__item {
        display: inline-block;
        padding: 0 40px; }
        .subnav.ticker-wrap .ticker__item svg {
          height: 20px;
          margin-bottom: -5px;
          fill: #009ee3; }
        .subnav.ticker-wrap .ticker__item span {
          color: #CCCCCC; }
  .subnav header {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    position: relative;
    display: inline-block;
    margin-top: 12px;
    width: auto;
    color: #000000; }
    .subnav header span {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal; }
  .subnav #left-button {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    position: absolute;
    top: 11px;
    left: 10px;
    height: 28px;
    fill: #CCCCCC;
    cursor: pointer; }
    .subnav #left-button:hover {
      fill: #000000; }
  .subnav #right-button {
    -webkit-transition: all 200ms ease-in-out 0ms;
    -moz-transition: all 200ms ease-in-out 0ms;
    -o-transition: all 200ms ease-in-out 0ms;
    -ms-transition: all 200ms ease-in-out 0ms;
    transition: all 200ms ease-in-out 0ms;
    position: absolute;
    top: 11px;
    right: 10px;
    height: 28px;
    fill: #CCCCCC;
    cursor: pointer; }
    .subnav #right-button:hover {
      fill: #000000; }

.feature {
  padding-bottom: 12px; }
  .feature .image {
    position: relative;
    margin: 0 12px 0 12px;
    padding-bottom: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    .feature .image:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 1; }
  .feature .floating {
    color: #FFFFFF;
    padding: 10%;
    margin: 0 auto;
    text-align: center;
    max-width: 800px;
    z-index: 2;
    position: relative; }
    .feature .floating h3 {
      color: #FFFFFF;
      margin-top: 12px;
      margin-bottom: 12px; }
    .feature .floating h2 {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 54px;
      line-height: 62px;
      font-weight: normal; }
      .feature .floating h2:hover {
        display: inline;
        border-bottom: 2px solid #FFFFFF; }
      .feature .floating h2:after, .feature .floating h2:before {
        content: "";
        display: block; }
    .feature .floating h5 {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      color: #FFFFFF;
      margin-top: 12px; }
    .feature .floating h6 {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      color: #FFFFFF;
      margin-bottom: 12px; }

.custom-left {
  flex-basis: 70%; }
  .custom-left .module img,
  .custom-left .module .ratio-16-9 {
    margin-bottom: 36px; }
  .custom-left .module h3 {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 12px; }
  .custom-left .module h2 {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 54px;
    line-height: 62px;
    font-weight: normal;
    max-width: 75%; }
  .custom-left .module h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #CCCCCC;
    margin-top: 12px; }
  .custom-left .module h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #CCCCCC;
    margin-bottom: 12px; }
  .custom-left .module summary {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    max-width: 75%; }

.custom-right {
  flex-basis: 30%;
  border-left: 1px solid #CCCCCC; }
  .custom-right .module h3 {
    margin-bottom: 12px; }
  .custom-right .module h2 {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    max-width: calc(100% - 12px * 4); }
  .custom-right .module summary {
    max-width: calc(100% - 12px * 4); }

.module.g50 h2 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: normal;
  max-width: calc(100% - 12px * 4); }
.module.g50 summary {
  max-width: 66.66%;
  margin-bottom: 36px; }

.module.g33 h2 {
  font-family: "Plantin Infant MT W01 Regular", serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: normal;
  max-width: calc(100% - 12px * 4); }
.module.g33 summary {
  max-width: 80%;
  margin-bottom: 36px; }

section.featured,
section.debates,
section.docs,
section.instagram {
  background-color: #1a1a1a;
  color: #FFFFFF;
  margin: 12px 0 12px 0;
  padding-top: 12px;
  overflow: hidden; }
  section.featured header,
  section.debates header,
  section.docs header,
  section.instagram header {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
    margin-bottom: 12px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #000000; }
    section.featured header.white,
    section.debates header.white,
    section.docs header.white,
    section.instagram header.white {
      color: #FFFFFF; }
    section.featured header span,
    section.debates header span,
    section.docs header span,
    section.instagram header span {
      color: #FFFFFF; }
  section.featured .carousel,
  section.debates .carousel,
  section.docs .carousel,
  section.instagram .carousel {
    border-left: 1px solid #FFFFFF;
    margin-bottom: 12px; }
    section.featured .carousel:after,
    section.debates .carousel:after,
    section.docs .carousel:after,
    section.instagram .carousel:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: #FFFFFF;
      width: 1px; }
    section.featured .carousel .module,
    section.debates .carousel .module,
    section.docs .carousel .module,
    section.instagram .carousel .module {
      border-right-color: #FFFFFF;
      margin-bottom: 0; }
      section.featured .carousel .module h3,
      section.debates .carousel .module h3,
      section.docs .carousel .module h3,
      section.instagram .carousel .module h3 {
        color: #FFFFFF; }
      section.featured .carousel .module h5,
      section.featured .carousel .module h6,
      section.debates .carousel .module h5,
      section.debates .carousel .module h6,
      section.docs .carousel .module h5,
      section.docs .carousel .module h6,
      section.instagram .carousel .module h5,
      section.instagram .carousel .module h6 {
        color: #FFFFFF;
        opacity: 0.5; }
  section.featured hr,
  section.debates hr,
  section.docs hr,
  section.instagram hr {
    border-top: 1px solid #FFFFFF;
    border-bottom: none;
    padding-bottom: 12px; }

section.debates {
  background-color: #CD9E89; }

section.docs {
  background-color: #08583A; }
  section.docs .g33 {
    border-right: 1px solid #FFFFFF; }
    section.docs .g33 ul {
      margin: 0 12px;
      list-style: none; }
      section.docs .g33 ul li {
        -webkit-transition: all 200ms ease-in-out 0ms;
        -moz-transition: all 200ms ease-in-out 0ms;
        -o-transition: all 200ms ease-in-out 0ms;
        -ms-transition: all 200ms ease-in-out 0ms;
        transition: all 200ms ease-in-out 0ms;
        font-family: "Plantin Infant MT W01 Regular", serif;
        font-size: 22px;
        line-height: 26px;
        font-weight: normal;
        padding: 12px;
        border-bottom: 1px solid #FFFFFF;
        color: rgba(255, 255, 255, 0.5);
        cursor: pointer; }
        section.docs .g33 ul li:hover, section.docs .g33 ul li.active {
          color: white; }
        section.docs .g33 ul li.view-more {
          font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
          font-size: 15px;
          line-height: 20px;
          font-weight: normal;
          border-bottom: none;
          text-align: center;
          color: white; }
  section.docs .g66 {
    padding: 0 12px; }
    section.docs .g66 .doc-video {
      display: none; }
      section.docs .g66 .doc-video.active {
        display: block; }
      section.docs .g66 .doc-video.aspect-ratio {
        position: relative;
        width: 100%;
        height: 0;
        min-height: 100%;
        padding-bottom: 51%; }
        section.docs .g66 .doc-video.aspect-ratio iframe {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }

section.instagram {
  background-color: #FFFFFF; }
  section.instagram header {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC; }
  section.instagram hr {
    border-top: 1px solid #CCCCCC; }
  section.instagram .carousel {
    border-left: 1px solid #CCCCCC; }
    section.instagram .carousel:after {
      background-color: #CCCCCC; }
    section.instagram .carousel .carousel-prev,
    section.instagram .carousel .carousel-next {
      fill: #CCCCCC; }
    section.instagram .carousel .module {
      position: relative;
      padding: 0 12px;
      border-right-color: #CCCCCC; }
      section.instagram .carousel .module:hover span {
        opacity: 1; }
      section.instagram .carousel .module h2 a:hover {
        border-bottom: 1px solid #FFFFFF; }
      section.instagram .carousel .module img,
      section.instagram .carousel .module .ratio-16-9,
      section.instagram .carousel .module .ratio-1-1 {
        margin: 0; }
      section.instagram .carousel .module span {
        -webkit-transition: all 200ms ease-in-out 0ms;
        -moz-transition: all 200ms ease-in-out 0ms;
        -o-transition: all 200ms ease-in-out 0ms;
        -ms-transition: all 200ms ease-in-out 0ms;
        transition: all 200ms ease-in-out 0ms;
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 12px;
        line-height: 18px;
        font-weight: normal;
        opacity: 0;
        position: absolute;
        padding: 12px;
        bottom: 0;
        left: 12px;
        right: 12px;
        text-align: left;
        background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }

.secondary-feature {
  padding: 0 12px 12px 12px; }
  .secondary-feature .left {
    text-align: center;
    width: 50%;
    padding: 10% 5%;
    color: #FFFFFF; }
    .secondary-feature .left h2, .secondary-feature .left h3, .secondary-feature .left h5, .secondary-feature .left h6, .secondary-feature .left summary {
      max-width: 300px;
      margin: 0 auto; }
    .secondary-feature .left h3 {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal;
      margin-bottom: 12px; }
    .secondary-feature .left h2 {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 22px;
      line-height: 26px;
      font-weight: normal;
      max-width: calc(100% - 12px * 4); }
      .secondary-feature .left h2 a:hover {
        display: inline;
        border-bottom: 1px solid #000000; }
      .secondary-feature .left h2 a:after,
      .secondary-feature .left h2 a:before {
        content: "";
        display: block; }
    .secondary-feature .left h5 {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      margin-top: 12px; }
    .secondary-feature .left h6 {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      margin-bottom: 12px; }
    .secondary-feature .left summary {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 15px;
      line-height: 20px;
      font-weight: normal;
      max-width: calc(100% - 12px * 4); }
  .secondary-feature .right {
    position: absolute;
    top: 0;
    left: 50%;
    right: 12px;
    bottom: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }

.collapsed .container {
  position: relative;
  max-height: 1200px;
  overflow: hidden; }
  .collapsed .container::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
  .collapsed .container::before {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    content: "Read More";
    color: #CCCCCC;
    position: absolute;
    left: calc(33.33% + 30px);
    bottom: 20px;
    z-index: 3; }

.border-top {
  border-top: 1px solid #CCCCCC;
  padding-top: 12px; }

.article-hero {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: left;
  padding: 0 12px 0 12px; }
  .article-hero img {
    width: 100%; }
  .article-hero .aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%; }
    .article-hero .aspect-ratio iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

article {
  margin: 0 36px 0 0;
  padding-left: 36px;
  border-left: 1px solid #CCCCCC;
  height: 100%; }
  article h1 {
    margin-top: 12px;
    margin-bottom: 12px; }
  article h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal; }
  article main {
    margin-top: 96px;
    font-size: 22px;
    line-height: 32px; }
    article main a {
      text-decoration: underline; }
    article main sup {
      cursor: pointer; }
    article main mark {
      background-color: transparent;
      cursor: pointer; }
    article main blockquote {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 36px;
      line-height: 42px;
      font-weight: normal;
      margin: 48px 24px; }
      article main blockquote sub {
        margin-top: -24px;
        margin-bottom: 24px; }
    article main img {
      margin: 48px 0;
      width: 100%;
      height: auto; }
    article main iframe {
      margin: 48px 0;
      width: 100%;
      height: auto;
      min-height: 400px; }
    article main sub {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      display: block;
      margin-top: -48px;
      margin-bottom: 48px; }
    article main i,
    article main em {
      font-family: "Plantin Infant MT W01 Italic";
      font-style: normal; }
    article main ol, article main ul {
      margin-left: 40px; }
  article ol.footnotes {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    display: none;
    padding: 10px 0 0 20px;
    margin-top: 48px;
    margin-bottom: 36px;
    border-top: 1px solid #CCCCCC;
    counter-reset: item;
    list-style: none; }
    article ol.footnotes li {
      position: relative;
      padding: 10px 0 10px 10px; }
      article ol.footnotes li:before {
        position: absolute;
        width: 20px;
        left: -20px;
        content: counter(item) "  ";
        counter-increment: item; }
      article ol.footnotes li a {
        color: #CCCCCC;
        text-decoration: none; }
  article .mobile-share {
    display: none;
    position: relative;
    margin-top: 24px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 12px 0;
    text-align: right; }
    article .mobile-share .disqus-comment-count {
      font-size: 14px;
      line-height: 20px;
      color: #CCCCCC;
      position: absolute;
      top: 17px;
      left: 0;
      line-height: 17px;
      padding-left: 22px;
      background-size: 16px 15px;
      background-position: left 2px; }
    article .mobile-share .social-button {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      height: 16px;
      max-width: 20px;
      margin-top: 4px;
      margin-right: 8px;
      fill: #CCCCCC;
      cursor: pointer; }

aside {
  height: 100%;
  margin: 0 12px 50px 12px;
  padding-top: 12px; }
  aside .subtitle {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #CCCCCC; }
  aside .share {
    margin-bottom: 165px; }
    aside .share .social-button {
      -webkit-transition: all 200ms ease-in-out 0ms;
      -moz-transition: all 200ms ease-in-out 0ms;
      -o-transition: all 200ms ease-in-out 0ms;
      -ms-transition: all 200ms ease-in-out 0ms;
      transition: all 200ms ease-in-out 0ms;
      height: 16px;
      max-width: 20px;
      margin-top: 4px;
      margin-right: 8px;
      fill: #CCCCCC;
      cursor: pointer; }
  aside .discuss {
    position: -webkit-sticky;
    position: sticky;
    top: 120px; }
    aside .discuss:after, aside .discuss:before {
      left: calc(100% + 12px);
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    aside .discuss:after {
      border-color: rgba(255, 255, 255, 0);
      border-left-color: #ffffff;
      border-width: 10px;
      margin-top: -10px; }
    aside .discuss:before {
      border-color: rgba(204, 204, 204, 0);
      border-left-color: #CCCCCC;
      border-width: 11px;
      margin-top: -11px; }
    aside .discuss .subtitle {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      margin-bottom: 12px;
      color: #CCCCCC; }
    aside .discuss .prompt {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 22px;
      line-height: 26px;
      font-weight: normal;
      margin-bottom: 10px; }
    aside .discuss .comment-count {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      color: #CCCCCC; }
      aside .discuss .comment-count svg {
        vertical-align: middle;
        width: 14px;
        fill: #CCCCCC; }

.detail-modules .detail-module {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  background-color: #FFFFFF;
  min-height: 200px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.5); }
  .detail-modules .detail-module img {
    width: 100%; }
  .detail-modules .detail-module .content {
    padding: 12px; }
    .detail-modules .detail-module .content header {
      font-family: "Plantin Infant MT W01 Regular", serif;
      font-size: 22px;
      line-height: 26px;
      font-weight: normal;
      margin-bottom: 18px; }
    .detail-modules .detail-module .content a {
      display: block;
      color: #CCCCCC;
      margin-top: 18px; }

section.category-news article a,
section.category-news article sup,
section.category-news article mark,
section.category-news article blockquote,
section.category-news article .category-color {
  color: #CCCCCC; }
section.category-news article ol.footnotes {
  border-top: 1px solid #CCCCCC; }
  section.category-news article ol.footnotes li:before {
    color: #CCCCCC; }
section.category-news .social-button:hover {
  fill: #CCCCCC; }
section.category-news .prompt {
  color: #CCCCCC; }
section.category-news #disqus_thread a {
  color: #CCCCCC; }

section.category-docs article a,
section.category-docs article sup,
section.category-docs article mark,
section.category-docs article blockquote,
section.category-docs article .category-color {
  color: #08583A; }
section.category-docs article ol.footnotes {
  border-top: 1px solid #08583A; }
  section.category-docs article ol.footnotes li:before {
    color: #08583A; }
section.category-docs .social-button:hover {
  fill: #08583A; }
section.category-docs .prompt {
  color: #08583A; }
section.category-docs #disqus_thread a {
  color: #08583A; }

section.category-debates article a,
section.category-debates article sup,
section.category-debates article mark,
section.category-debates article blockquote,
section.category-debates article .category-color {
  color: #CD9E89; }
section.category-debates article ol.footnotes {
  border-top: 1px solid #CD9E89; }
  section.category-debates article ol.footnotes li:before {
    color: #CD9E89; }
section.category-debates .social-button:hover {
  fill: #CD9E89; }
section.category-debates .prompt {
  color: #CD9E89; }
section.category-debates #disqus_thread a {
  color: #CD9E89; }

section.category-interviews article a,
section.category-interviews article sup,
section.category-interviews article mark,
section.category-interviews article blockquote,
section.category-interviews article .category-color {
  color: #FC6764; }
section.category-interviews article ol.footnotes {
  border-top: 1px solid #FC6764; }
  section.category-interviews article ol.footnotes li:before {
    color: #FC6764; }
section.category-interviews .social-button:hover {
  fill: #FC6764; }
section.category-interviews .prompt {
  color: #FC6764; }
section.category-interviews #disqus_thread a {
  color: #FC6764; }

section.category-essays article a,
section.category-essays article sup,
section.category-essays article mark,
section.category-essays article blockquote,
section.category-essays article .category-color {
  color: #FDA742; }
section.category-essays article ol.footnotes {
  border-top: 1px solid #FDA742; }
  section.category-essays article ol.footnotes li:before {
    color: #FDA742; }
section.category-essays .social-button:hover {
  fill: #FDA742; }
section.category-essays .prompt {
  color: #FDA742; }
section.category-essays #disqus_thread a {
  color: #FDA742; }

section.category-photos article a,
section.category-photos article sup,
section.category-photos article mark,
section.category-photos article blockquote,
section.category-photos article .category-color {
  color: #7CB4FC; }
section.category-photos article ol.footnotes {
  border-top: 1px solid #7CB4FC; }
  section.category-photos article ol.footnotes li:before {
    color: #7CB4FC; }
section.category-photos .social-button:hover {
  fill: #7CB4FC; }
section.category-photos .prompt {
  color: #7CB4FC; }
section.category-photos #disqus_thread a {
  color: #7CB4FC; }

section.category-maps article a,
section.category-maps article sup,
section.category-maps article mark,
section.category-maps article blockquote,
section.category-maps article .category-color {
  color: #AE6AAA; }
section.category-maps article ol.footnotes {
  border-top: 1px solid #AE6AAA; }
  section.category-maps article ol.footnotes li:before {
    color: #AE6AAA; }
section.category-maps .social-button:hover {
  fill: #AE6AAA; }
section.category-maps .prompt {
  color: #AE6AAA; }
section.category-maps #disqus_thread a {
  color: #AE6AAA; }

.calendar-container {
  border-right: 1px solid #CCCCCC; }
  .calendar-container .calendar-sticky {
    position: sticky;
    top: 87px; }
    .calendar-container .calendar-sticky .calendar-header {
      text-align: center;
      border-bottom: 1px solid #CCCCCC;
      padding: 4px 12px 18px 12px;
      margin: 0 12px 0 12px; }
      .calendar-container .calendar-sticky .calendar-header div {
        font-family: "Plantin Infant MT W01 Regular", serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        color: #CCCCCC; }
        .calendar-container .calendar-sticky .calendar-header div span {
          color: #000000; }
      .calendar-container .calendar-sticky .calendar-header #prev-month {
        -webkit-transition: all 200ms ease-in-out 0ms;
        -moz-transition: all 200ms ease-in-out 0ms;
        -o-transition: all 200ms ease-in-out 0ms;
        -ms-transition: all 200ms ease-in-out 0ms;
        transition: all 200ms ease-in-out 0ms;
        position: absolute;
        top: 2px;
        left: 10px;
        height: 28px;
        fill: #CCCCCC;
        cursor: pointer; }
        .calendar-container .calendar-sticky .calendar-header #prev-month:hover {
          fill: #000000; }
      .calendar-container .calendar-sticky .calendar-header #next-month {
        -webkit-transition: all 200ms ease-in-out 0ms;
        -moz-transition: all 200ms ease-in-out 0ms;
        -o-transition: all 200ms ease-in-out 0ms;
        -ms-transition: all 200ms ease-in-out 0ms;
        transition: all 200ms ease-in-out 0ms;
        position: absolute;
        top: 2px;
        right: 10px;
        height: 28px;
        fill: #CCCCCC;
        cursor: pointer; }
        .calendar-container .calendar-sticky .calendar-header #next-month:hover {
          fill: #000000; }
    .calendar-container .calendar-sticky .calendar {
      margin: 0 12px 0 12px; }
      .calendar-container .calendar-sticky .calendar div {
        font-family: "Plantin Infant MT W01 Regular", serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        position: relative;
        float: left;
        width: 14.28%;
        padding-bottom: 14.28%;
        height: 0;
        margin-top: 6px;
        color: #e6e6e6;
        cursor: pointer; }
        .calendar-container .calendar-sticky .calendar div:nth-child(7n) {
          border-right: none; }
        .calendar-container .calendar-sticky .calendar div.today span {
          border: 1px solid #CCCCCC; }
        .calendar-container .calendar-sticky .calendar div.this-month {
          color: #000000; }
          .calendar-container .calendar-sticky .calendar div.this-month.future {
            color: #AAAAAA; }
        .calendar-container .calendar-sticky .calendar div a {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .calendar-container .calendar-sticky .calendar div span {
          display: block;
          text-align: center;
          margin: 15%;
          padding: 10%;
          border-radius: 100%;
          line-height: 25px; }

.day {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 12px 0 12px;
  padding-bottom: 12px; }
  .day .date {
    font-family: "Plantin Infant MT W01 Regular", serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
    padding-top: 12px; }
    .day .date sup {
      font-size: 22px; }
  .day .article {
    width: calc(50% - 12px);
    float: left;
    border-top: 1px solid #CCCCCC;
    margin: 0 12px 24px 0;
    padding-top: 12px; }
    .day .article:nth-child(1), .day .article:nth-child(2) {
      border-top: none; }
    .day .article div {
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      color: #CCCCCC; }
  .day .no-articles {
    margin-top: 12px;
    color: #CCCCCC; }

.end-cta {
  margin: 36px auto;
  max-width: 400px;
  text-align: center; }
  .end-cta a {
    color: #CCCCCC; }
    .end-cta a:hover {
      color: #000000; }

@media only screen and (max-width: 1280px) {
  .container {
    margin-left: 40px;
    margin-right: 40px; } }
@media only screen and (max-width: 1000px) {
  #filter .category-lines {
    border-left: none;
    border-right: none; }
  #filter input {
    font-size: 32px;
    line-height: 44px;
    width: 90%;
    margin: 50px auto 70px; }
  #filter .g25:nth-child(1) {
    border-top: none; }
  #filter .g25,
  #filter .g50 {
    flex-basis: 100%;
    border-top: 1px solid #CCCCCC; }
  #filter .g50 {
    padding: 20px 0; }

  #filter .spacing {
    padding-top: 0; }

  .responsive-spacing {
    position: relative;
    padding-bottom: 30px; }
    .responsive-spacing:after, .responsive-spacing:before {
      content: "";
      display: block;
      position: absolute;
      top: -2px;
      height: 3px;
      width: 12px;
      background-color: #FFFFFF; }
    .responsive-spacing:before {
      left: 0; }
    .responsive-spacing:after {
      right: 0; }

  .contributor-cta {
    font-size: 36px;
    line-height: 42px; }
    .contributor-cta .button {
      margin-top: 40px; } }
@media only screen and (max-width: 800px) {
  .margin-t-87 {
    margin-top: 62px; }

  .margin-t-137 {
    margin-top: 112px; }

  .margin-t-187 {
    margin-top: 162px; }

  body {
    margin-top: 50px; }

  nav {
    height: 50px; }
    nav #logo {
      font-size: 36px;
      line-height: 42px;
      margin-top: 4px; }
    nav #about-button,
    nav #about-close {
      top: 15px; }
    nav #filter-button,
    nav #filter-close {
      top: 15px; }
    nav #article-title {
      margin-top: 8px; }

  #about {
    top: 50px; }

  #filter {
    top: 50px; }

  .subnav {
    top: 50px; }
    .subnav.ticker-wrap {
      top: 0; }

  .ticker-container {
    top: 100px; }

  .calendar-container .calendar-sticky {
    top: 87px; }

  .module.g50 h2 {
    font-size: 18px;
    line-height: 22px; }

  .module.g33 {
    flex-basis: 50%; }
    .module.g33:nth-child(3n) {
      border-right: 1px solid #CCCCCC; }
    .module.g33:nth-child(2n) {
      border-right: none; }

  .g25 {
    flex-basis: 50%; }

  .g16 {
    flex-basis: 50%; }

  .custom-left {
    flex-basis: 100%; }

  .custom-right {
    flex-basis: 100%;
    border-left: none; }
    .custom-right .module {
      width: 50%;
      float: left; }
      .custom-right .module:nth-of-type(1) {
        border-right: 1px solid #CCCCCC !important; }

  .desktop-border-l {
    border-left: none; }

  section.docs .grid {
    flex-wrap: wrap-reverse; }
  section.docs .g33 {
    flex-basis: 100%;
    border-right: none; }
    section.docs .g33 .doc-video-start:nth-child(n+4) {
      display: none; }
  section.docs .g66 {
    flex-basis: 100%; }

  footer .g16 {
    flex-basis: 25%; }
    footer .g16:nth-child(1) {
      flex-basis: 100%;
      margin-bottom: 48px; }
    footer .g16:nth-child(2) {
      display: none; }

  #about .pad-100 {
    padding: 20px; }

  .calendar-container {
    flex-basis: 100%;
    border-right: none;
    border-bottom: 1px solid lightgray;
    background-color: white; }
    .calendar-container .calendar-sticky {
      position: relative;
      top: 0; }

  .calendar-data {
    flex-basis: 100%; }

  .sidebar {
    display: none; }

  .content {
    flex-basis: 100%;
    max-width: 100%; }

  article {
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    border-left: none; }
    article .mobile-share {
      display: block; }
    article main {
      margin-top: 24px; } }
@media only screen and (max-width: 600px) {
  .container {
    margin-left: 10px;
    margin-right: 10px; }

  h1 {
    font-size: 32px;
    line-height: 38px; }

  h2,
  .h2 {
    font-size: 26px;
    line-height: 32px; }

  h3 {
    font-size: 18px;
    line-height: 22px; }

  h4 {
    font-size: 14px;
    line-height: 18px; }

  h5 {
    font-size: 16px;
    line-height: 24px; }

  h6 {
    font-size: 14px;
    line-height: 18px; }

  .module {
    padding: 0 12px 12px 12px; }
    .module h3 {
      font-size: 14px;
      line-height: 18px; }
    .module h2 {
      font-size: 18px;
      line-height: 22px; }
    .module summary {
      font-size: 14px;
      line-height: 18px; }

  .feature .floating {
    padding: 5% 3%; }
    .feature .floating h3 {
      margin-top: 12px;
      margin-bottom: 12px; }
    .feature .floating h2 {
      font-size: 32px;
      line-height: 38px; }

  .custom-left .module img,
  .custom-left .module .ratio-16-9 {
    margin-bottom: 12px; }
  .custom-left .module h3 {
    font-size: 14px;
    line-height: 18px; }
  .custom-left .module h2 {
    font-size: 32px;
    line-height: 38px; }
  .custom-left .module summary {
    font-size: 16px;
    line-height: 24px; }

  .custom-right .module h2 {
    font-size: 18px;
    line-height: 22px;
    max-width: none; }
  .custom-right .module summary {
    max-width: none;
    display: none; }

  .module.g50 h2 {
    font-size: 18px;
    line-height: 22px;
    max-width: none; }
  .module.g50 summary {
    max-width: none;
    display: none; }

  .module.g33 h2 {
    font-size: 18px;
    line-height: 22px;
    max-width: none; }
  .module.g33 summary {
    max-width: none;
    display: none; }

  .contributor-cta {
    font-size: 26px;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px; }

  section.featured header,
  section.debates header,
  section.docs header,
  section.instagram header {
    font-size: 26px;
    line-height: 32px; }

  .newsletter input[type="text"] {
    font-size: 32px;
    line-height: 44px;
    width: 90%; }

  .subnav header {
    margin-top: 14px; }

  article main {
    font-size: 16px;
    line-height: 22px; }
    article main blockquote {
      font-size: 26px;
      line-height: 32px;
      margin: 48px 12px; }

  .collapsed .container {
    max-height: 800px; } }

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