/* BACKUP FOR CHILD THEMES
 * @link http://codex.wordpress.org/Child_Themes
 *
 * Theme Name:     creative-footprint Theme (na-mdl Child)
 * Theme URI:      http://www.na-media.com/
 * Description:    Child theme for the na-mdl
 * Author:         Marco Herzog
 * Author URI:     http://www.na-media.com/
 * Template:       na-mdl
 * Version:        0.1 */
/* material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 *
 * primary      rgb(96, 125, 139) <>  #607d8b >>
 * primary-dark rgb(69, 90, 100)  <>  #455a64 >>
 * accent       rgb(255, 110, 64) <>  #ff6e40 >>
 *
 * These three colors need to be replaced.
 * DO REPLACEMENT WITH '(96, 125, 139' to replace rgba values too.
 * END is row 238 */
@font-face {
  font-family: "GT-America-Mono";
  src: url(assets/fonts/GT-America-Mono-Regular.otf);
}
@font-face {
  font-family: "Circular-Std";
  font-weight: 500;
  src: url(assets/fonts/CircularStd-Book.otf);
}
@font-face {
  font-family: "Circular-Std";
  font-weight: 600;
  src: url(assets/fonts/CircularStd-Medium.otf);
}
@font-face {
  font-family: "Circular-Std";
  font-weight: 700;
  src: url(assets/fonts/CircularStd-Bold.otf);
}
@media all {
  a {
    color: #47e9b9;
  }

  .mdl-color--primary {
    background-color: #eaeaea !important;
  }

  .mdl-color--primary-dark {
    background-color: black !important;
  }

  .mdl-color--accent {
    background-color: #47e9b9 !important;
  }

  .mdl-color-text--primary {
    color: #eaeaea !important;
  }

  .mdl-color-text--primary-dark {
    color: black !important;
  }

  .mdl-color-text--accent {
    color: #47e9b9 !important;
  }

  .mdl-badge[data-badge]:after {
    background: #47e9b9;
  }
  .mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #47e9b9;
  }

  .mdl-button.mdl-button--colored {
    color: #eaeaea;
  }

  .mdl-button--raised.mdl-button--colored {
    background: #eaeaea;
  }
  .mdl-button--raised.mdl-button--colored:hover, .mdl-button--raised.mdl-button--colored:active, .mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #eaeaea;
  }

  .mdl-button--fab.mdl-button--colored {
    background: #47e9b9;
  }
  .mdl-button--fab.mdl-button--colored:hover, .mdl-button--fab.mdl-button--colored:focus:not(:active), .mdl-button--fab.mdl-button--colored:active {
    background-color: #47e9b9;
  }

  .mdl-button--primary.mdl-button--primary {
    color: #f55d60;
  }
  .mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
    background-color: #eaeaea;
  }

  .mdl-button--accent.mdl-button--accent {
    color: #47e9b9;
  }
  .mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    background-color: #47e9b9;
  }

  .mdl-card__media {
    background-color: #47e9b9;
  }

  .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #eaeaea;
  }
  .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(234, 234, 234, 0.26);
    background-color: rgba(234, 234, 234, 0.26);
  }
  .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: #eaeaea url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
  }

  .mdl-checkbox__ripple-container .mdl-ripple {
    background: #eaeaea;
  }

  .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #eaeaea;
  }
  .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(234, 234, 234, 0.26);
  }

  .mdl-progress > .progressbar {
    background-color: #eaeaea;
  }
  .mdl-progress > .progressbar .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #eaeaea, #eaeaea);
  }
  .mdl-progress:not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #eaeaea, #eaeaea);
  }
  .mdl-progress.mdl-progress--indeterminate > .bar1, .mdl-progress.mdl-progress__indeterminate > .bar1, .mdl-progress.mdl-progress--indeterminate > .bar3, .mdl-progress.mdl-progress__indeterminate > .bar3 {
    background-color: #eaeaea;
  }

  @supports (-webkit-appearance: none) {
    .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar, .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #eaeaea, #eaeaea);
    }
  }
  .mdl-layout__header {
    background-color: black;
  }

  .mdl-layout__tab-bar, .mdl-layout__tab-bar-button {
    background-color: #eaeaea;
  }

  .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
    background: #47e9b9;
  }

  .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #eaeaea;
  }

  .mdl-radio__inner-circle, .mdl-radio__ripple-container .mdl-ripple {
    background: #eaeaea;
  }

  .mdl-slider.is-upgraded {
    color: #eaeaea;
  }
  .mdl-slider.is-upgraded::-ms-fill-lower {
    background: linear-gradient(to right, transparent, transparent 16px, #eaeaea 16px, #eaeaea 0);
  }
  .mdl-slider.is-upgraded::-webkit-slider-thumb, .mdl-slider.is-upgraded::-moz-range-thumb {
    background: #eaeaea;
  }
  .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb, .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(234, 234, 234, 0.26);
  }
  .mdl-slider.is-upgraded:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:active::-moz-range-thumb {
    background: #eaeaea;
  }
  .mdl-slider.is-upgraded::-ms-thumb {
    background: #eaeaea;
  }
  .mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
    background: radial-gradient(circle closest-side, #eaeaea 0%, #eaeaea 37.5%, rgba(234, 234, 234, 0.26) 37.5%, rgba(234, 234, 234, 0.26) 100%);
  }
  .mdl-slider.is-upgraded:active::-ms-thumb {
    background: #eaeaea;
  }

  .mdl-slider__background-lower {
    background: #eaeaea;
  }

  .mdl-snackbar__action {
    color: #47e9b9;
  }

  .mdl-spinner--single-color .mdl-spinner__layer-1, .mdl-spinner--single-color .mdl-spinner__layer-2, .mdl-spinner--single-color .mdl-spinner__layer-3, .mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #eaeaea;
  }

  .mdl-switch.is-checked .mdl-switch__track {
    background: rgba(234, 234, 234, 0.5);
  }
  .mdl-switch.is-checked .mdl-switch__thumb {
    background: #eaeaea;
  }
  .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(234, 234, 234, 0.26);
    background-color: rgba(234, 234, 234, 0.26);
  }

  .mdl-switch__ripple-container .mdl-ripple, .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after, .mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #eaeaea;
  }

  .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #eaeaea;
  }

  .mdl-textfield__label:after {
    background-color: #eaeaea;
  }
}
/**
 * * END MDL colors */
@media all {
  /** Full and wide alignment in Gutenberg
  * * SRC: https://www.billerickson.net/full-and-wide-alignment-in-gutenberg/ */
  .entry-content > .alignwide {
    margin: 0 calc(25% - 25vw);
    max-width: 100vw;
  }
  .entry-content > .alignwide.wp-block-video > *, .entry-content > .alignwide.wp-block-image > * {
    width: 100%;
  }
  .entry-content > .alignfull {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
  }
  .entry-content > .alignfull.wp-block-video, .entry-content > .alignfull.wp-block-image {
    padding-left: 0;
    padding-right: 0;
  }
  .entry-content > .alignfull.wp-block-video > *, .entry-content > .alignfull.wp-block-image > * {
    width: 100%;
  }

  .mdl-layout--fixed-drawer .entry-content > .alignwide {
    max-width: calc(1200px + 240px);
    margin: 0;
  }
  .mdl-layout--fixed-drawer .entry-content > .alignfull {
    max-width: calc(1200px + 240px);
    margin: 0;
  }
}
.wp-block-button {
  color: inherit;
}
.wp-block-button.large {
  display: block;
}
.wp-block-button.large > a {
  display: block;
  font-size: 1.5em;
  padding: 24px;
}

/**
 * * Color overrides */
@media all {
  .mdl-button {
    color: #f55d60;
  }
}
/**
 * * END Color overrides */
/**
 * * custom COLORS */
@media all {
  .lightgray, .lightgray a {
    color: #eaeaea;
  }

  /* #ebebeb */
  .lightgray-bg {
    background-color: #eaeaea;
  }

  /* #ebebeb */
  .darkgray, .darkgray a {
    color: #4d4d4d;
  }

  .darkgray-bg {
    background-color: #4d4d4d;
  }

  .gray, .gray a {
    color: #a6aaa8;
  }

  .gray-bg {
    background-color: #a6aaa8;
  }

  .darkblue, .darkblue a {
    color: #10142a;
  }

  /* #10142a */
  .darkblue-bg {
    background-color: #10142a;
  }

  /* #10142a */
  .green, .green a {
    color: #47e9b9;
  }

  .green-bg {
    background-color: #47e9b9;
  }

  .red, .red a {
    color: #f55d60;
  }

  .red-bg {
    background-color: #f55d60;
  }

  .white, .white a {
    color: white;
  }

  .white-bg {
    background-color: white;
  }

  .black, .black a {
    color: black;
  }

  .black-bg {
    background-color: black;
  }

  .berlin {
    color: #ff7e79;
  }

  .berlin-bg {
    background-color: #ff7e79;
  }

  .ny {
    color: #65c5ac;
  }

  .ny-bg {
    background-color: #65c5ac;
  }

  .tokyo {
    color: #fcdc3c;
  }

  .tokyo-bg {
    background-color: #fcdc3c;
  }

  .lightgray a, .gray a, .darkblue a, .green a, .red a, .white a {
    text-decoration: underline;
  }
}
/**
 * * END custom COLORS */
/**
 * * GENERAL */
@media all {
  body {
    font-family: "Circular-Std", sans-serif;
    color: rgba(234, 234, 234, 0.87);
    font-size: 18px;
  }
  body .page-wrap {
    margin-left: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: "Circular-Std", sans-serif;
  }

  h1.small, h2.small, h3.small, h4.small, h5.small, h6.small {
    text-transform: uppercase;
    font-family: "GT-America-Mono", sans-serif;
  }

  p, :not(.mailchimp-signup-form) ul, :not(.mailchimp-signup-form) ol {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin: 0 0 22px;
  }

  .page-content {
    color: rgba(0, 0, 0, 0.87);
  }

  .page-template-page-sectional .post-wrap, .page-template-page-sectional-navi .post-wrap, .cell-wrap {
    padding: 3rem;
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .cell-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mdl-cell:first-of-type > .cell-wrap {
    padding-top: 3rem;
  }
  .mdl-cell:last-of-type > .cell-wrap {
    padding-bottom: 3rem;
  }
}
@media (min-width: 1025px) {
  p, ul, ol, :not(.mailchimp-signup-form) ul {
    font-size: 1.3em;
    line-height: 1.5em;
    letter-spacing: 0.05em;
  }
}
/* *body{
 * *    font-size:18px;
 * *    font-family:'Circular-Std',sans-serif;
 * *}
 * *@media (min-width:1600px){body,html{font-size:1.2vw;}}
 * *@media (max-width:1600px){body{font-size:16px;}}
 * *@media (max-width:1400px){body{font-size:14.4px;}}
 * *@media (max-width:1200px){body{font-size:12.8px;}}
 * *@media (max-width:1000px){body{font-size:11.2px;}}
 * *@media (max-width:900px){body{font-size:10px;}}
 * *@media (max-width:700px){body{font-size:10px;}}
 * *@media (max-width:600px){body{font-size:10px;}}
 * *@media (max-width:500px){body{font-size:10px;}}
 * *@media (max-width:400px){body{font-size:10px;}}
 * *@media (max-width:300px){body{font-size:3.5vw;}} */
/**
 * * HEADER */
@media all {
  .mdl-layout__header-row {
    height: 5rem;
  }

  .navigation-top-primary-row .mdl-layout-title {
    height: 100%;
  }

  .custom-logo-link img {
    max-height: none;
    height: 100%;
  }

  .mdl-layout__header .mdl-layout__drawer-button {
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #47e9b9;
    -webkit-transition: color 500ms;
    -moz-transition: color 500ms;
    -o-transition: color 500ms;
    transition: color 500ms;
    margin-top: 0;
    margin-bottom: 0;
  }
  .mdl-layout__header .mdl-layout__drawer-button:hover, .mdl-layout__header .mdl-layout__drawer-button:focus, .mdl-layout__header .mdl-layout__drawer-button:active {
    color: #f55d60;
  }
  .mdl-layout__header .mdl-layout__drawer-button .material-icons {
    font-size: 48px;
    vertical-align: middle;
  }
}
@media (min-width: 1025px) {
  #masthead {
    display: none;
  }

  .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
    padding-left: 0;
  }

  .navigation-top-primary-row-active .navigation-top-primary-row .mdl-layout-spacer {
    display: block;
  }

  .mdl-layout__header-row .mdl-navigation {
    width: calc(100% - 172px);
    justify-content: space-around;
  }
  .mdl-layout__header-row .mdl-navigation__link {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    opacity: 1;
    flex-grow: 1;
    text-align: center;
    border-bottom: 0.15em solid transparent;
    -webkit-transition: border-color 500ms ease-out;
    -moz-transition: border-color 500ms ease-out;
    -o-transition: border-color 500ms ease-out;
    transition: border-color 500ms ease-out;
    line-height: 1.8rem;
    white-space: nowrap;
  }
  .mdl-layout__header-row .mdl-navigation__link:hover, .mdl-layout__header-row .mdl-navigation__link:active, .mdl-layout__header-row .mdl-navigation__link:focus {
    border-bottom: 0.15em solid;
  }
  .mdl-layout__header-row .mdl-navigation__link:nth-of-type(odd):hover, .mdl-layout__header-row .mdl-navigation__link:nth-of-type(odd):active, .mdl-layout__header-row .mdl-navigation__link:nth-of-type(odd):focus {
    border-color: #47e9b9;
  }
  .mdl-layout__header-row .mdl-navigation__link:nth-of-type(even):hover, .mdl-layout__header-row .mdl-navigation__link:nth-of-type(even):active, .mdl-layout__header-row .mdl-navigation__link:nth-of-type(even):focus {
    border-color: #f55d60;
  }
  .mdl-layout__header-row .mdl-navigation__link:nth-of-type(odd) {
    color: #47e9b9;
  }
  .mdl-layout__header-row .mdl-navigation__link:nth-of-type(even) {
    color: #f55d60;
  }
}
/**
 * * END HEADER */
/**
 * * DRAWER */
@media all {
  .mdl-layout__drawer {
    background-color: black;
    border-right: 1px solid #4d4d4d;
  }
  .mdl-layout__drawer > .mdl-layout-title {
    padding-left: 0;
  }
  .mdl-layout__drawer .custom-logo-link {
    padding-right: 0;
    padding-top: 0;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    font-size: 1.8rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    opacity: 1;
    background-color: transparent;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    color: white;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover, .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:active, .mdl-layout__drawer .mdl-navigation .mdl-navigation__link:focus {
    color: black;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.berlin:hover {
    background-color: #ff7e79;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.ny:hover {
    background-color: #65c5ac;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.tokyo:hover {
    background-color: #fcdc3c;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active {
    background-color: white;
    color: black;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active.berlin {
    background-color: #ff7e79;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active.ny {
    background-color: #65c5ac;
  }
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active.tokyo {
    background-color: #fcdc3c;
  }
}
/**
 *    &:nth-of-type(odd)
 *      color: $green
 *    &:nth-of-type(even)
 *      color: $red
 *    &.is-active:nth-of-type(odd)
 *      background-color: $green
 *      color: $black
 *    &:nth-of-type(odd)
 *      &:hover, &:active, &:focus
 *        background-color: $green
 *        color: $black
 *    &.is-active:nth-of-type(even)
 *      background-color: $red
 *      color: $black
 *    &:nth-of-type(even)
 *      &:hover, &:active, &:focus
 *        background-color: $red
 *        color: $black */
/**
 * * END DRAWER */
.wp-block-image.no-margin {
  margin: 0;
}
.wp-block-image.cover {
  height: 100%;
}
.wp-block-image.cover img {
  width: 100%;
  height: 100%;
}

/**
 * * HOME - home */
@media all {
  body.page-home .page-content {
    padding: 0;
  }
  body.page-home .page-content > div {
    margin: 0;
  }
  body.page-home .page-content h2, body.page-home .page-content h3, body.page-home .page-content h4, body.page-home .page-content h5, body.page-home .page-content h6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  body.page-home .teaser-grid {
    background: #000;
  }
  body.page-home .teaser {
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #000;
    color: #fff;
  }
  body.page-home .teaser p {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  body.page-home .teaser .block-container {
    font-size: 2.6rem;
    text-align: center;
    position: relative;
  }
  body.page-home .teaser .block-container:after {
    content: "_";
    padding-bottom: 4rem;
    display: block;
    font-size: 6rem;
    color: #eaeaea;
  }
  body.page-home .teaser .block-container > div {
    display: table;
    padding: 1rem 2rem;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
  }
  body.page-home .teaser .block-container .monitor {
    left: -15%;
  }
  body.page-home .teaser .block-container .engage {
    left: 15%;
  }
  /* removed padding to bring #teaser to top */
  #home, #home-sectional-pages {
    background: black;
  }
  #home > article .post-wrap, #home-sectional-pages > article .post-wrap {
    margin-left: auto;
    max-width: 100% !important;
  }

  #home .post-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  #home .entry-content > *:first-of-type {
    padding-top: 16px;
  }
  #home .entry-content > *:last-of-type {
    padding-bottom: 16px;
  }
}
/**
 * * END HOME - home */
/**
 * * HOME - Teaser */
@media all {
  .home #teaser .image-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 350px;
  }
  .home #teaser .editor-area {
    display: flex;
    align-items: center;
  }
  .home #teaser .editor-area p {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .home #teaser .editor-area .block-container {
    font-size: 2.6rem;
    text-align: center;
    position: relative;
  }
  .home #teaser .editor-area .block-container:after {
    content: "_";
    padding-bottom: 4rem;
    display: block;
    font-size: 6rem;
    color: #47e9b9;
  }
  .home #teaser .editor-area .block-container > div {
    display: table;
    padding: 1rem 2rem;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
  }
  .home #teaser .editor-area .block-container .monitor {
    left: -15%;
  }
  .home #teaser .editor-area .block-container .engage {
    left: 15%;
  }
}
@media (max-width: 839px) and (min-width: 550px) {
  .home #teaser .editor-area .block-container .monitor {
    left: -10%;
  }
  .home #teaser .editor-area .block-container .engage {
    left: 10%;
  }
}
@media (min-width: 1025px) {
  .home #teaser .image-area {
    min-height: 700px;
  }
}
/**
 * * END HOME - Teaser */
/**
 * * HOME - About */
@media all {
  .home #about .post-wrap {
    padding: 0;
  }
  .home #about .cell-wrap {
    padding: 3rem;
  }
  .home #about .cell-wrap > *:first-of-type, .home #about .cell-wrap .content_block > *:first-of-type {
    margin-top: 0;
    padding-top: 0;
  }
  .home #about .newsletter-sign-up h1, .home #about .newsletter-sign-up h2, .home #about .newsletter-sign-up h3, .home #about .newsletter-sign-up h4, .home #about .newsletter-sign-up h5 {
    text-transform: uppercase;
    font-family: "GT-America-Mono", sans-serif;
  }
  .home #about .download-methodology p {
    font-size: 36px;
    line-height: 44px;
  }
  .home #about .download-methodology p a {
    color: black;
    text-decoration: underline;
  }
}
/**
 * * END HOME - About */
/**
 * * HOME - current-project */
@media all {
  .home #current-project .small {
    color: #47e9b9;
  }
  .home #current-project .post-wrap {
    padding: 3rem;
  }
}
/**
 * * END HOME - current-project */
/**
 * * HOME - publication */
@media all {
  .publications-sectional-template-part {
    background-color: #eaeaea;
    color: black;
  }
  .publications-sectional-template-part h3 {
    text-align: center;
  }
  .publications-sectional-template-part .more {
    width: 100%;
    text-align: center;
    margin-top: 3em;
  }
  .publications-sectional-template-part .post-wrap {
    padding: 3rem;
  }

  ul.publication-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  ul.publication-list li {
    justify-content: center;
    align-items: center;
    width: 25%;
    display: flex;
  }
  ul.publication-list li a {
    height: 100%;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  ul.publication-list li img {
    max-width: 100%;
    max-height: 100%;
  }
}
@media (max-width: 839px) {
  ul.publication-list li {
    width: 33%;
  }
}
/**
 * * END HOME - publication */
/**
 * * HOME - our team */
@media all {
  #our-team .post-wrap {
    padding: 0;
  }
  #our-team .post-wrap .entry-content {
    padding: 3rem;
  }

  .staff-list .item {
    width: 100%;
    color: white;
    background-color: #4d4d4d;
    background-color: black;
  }
  .staff-list .item:nth-child(3n+1) .staff-member-name {
    color: #eaeaea;
    background-color: #4d4d4d;
  }
  .staff-list .item:nth-child(3n+2) .staff-member-name {
    color: #4d4d4d;
    background-color: #a6aaa8;
  }
  .staff-list .item:nth-child(3n+3) .staff-member-name {
    color: black;
    background-color: #eaeaea;
  }
  .staff-list .item header {
    cursor: pointer;
  }
  .staff-list .item header, .staff-list .item .content {
    padding: 3rem;
  }
  .staff-list .item .content {
    padding-top: 0;
  }
  .staff-list .item .staff-member-name {
    padding: 1rem;
    margin: 0;
    font-weight: 600;
    font-size: 36px;
    line-height: 46px;
  }
  .staff-list .item .staff-member-position {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 46px;
    padding-left: 3rem;
    display: block;
  }
  .staff-list .item .content .staff-member-image {
    width: 100%;
  }
  .staff-list .item .content .staff-member-description {
    padding-left: 3rem;
    column-count: 2;
    column-gap: 3rem;
  }
}
@media (max-width: 1024px) {
  .staff-list .item .staff-member-position {
    padding-left: 0;
  }
  .staff-list .item .content .staff-member-description {
    padding-left: 0;
    column-count: 1;
    padding-top: 2rem;
  }
}
/**
 * * END HOME - our team */
/**
 * * BERLIN - About */
@media all {
  #berlin-sectional-pages {
    background: black;
  }

  #berlin-sectional-pages > article .post-wrap {
    margin-left: auto;
    max-width: 100% !important;
  }
  #berlin-sectional-pages #about .post-wrap, #berlin-sectional-pages #about-copy .post-wrap {
    padding: 0;
  }
  #berlin-sectional-pages #about .cell-wrap, #berlin-sectional-pages #about-copy .cell-wrap {
    padding: 3rem;
  }
  #berlin-sectional-pages #about .cell-wrap > *:first-of-type, #berlin-sectional-pages #about .cell-wrap .content_block > *:first-of-type, #berlin-sectional-pages #about-copy .cell-wrap > *:first-of-type, #berlin-sectional-pages #about-copy .cell-wrap .content_block > *:first-of-type {
    margin-top: 0;
    padding-top: 0;
  }
  #berlin-sectional-pages #about .description h1, #berlin-sectional-pages #about .description h2, #berlin-sectional-pages #about .description h3, #berlin-sectional-pages #about .description h4, #berlin-sectional-pages #about .description h5, #berlin-sectional-pages #about .profile h1, #berlin-sectional-pages #about .profile h2, #berlin-sectional-pages #about .profile h3, #berlin-sectional-pages #about .profile h4, #berlin-sectional-pages #about .profile h5, #berlin-sectional-pages #about .report h1, #berlin-sectional-pages #about .report h2, #berlin-sectional-pages #about .report h3, #berlin-sectional-pages #about .report h4, #berlin-sectional-pages #about .report h5, #berlin-sectional-pages #about .contributors h1, #berlin-sectional-pages #about .contributors h2, #berlin-sectional-pages #about .contributors h3, #berlin-sectional-pages #about .contributors h4, #berlin-sectional-pages #about .contributors h5, #berlin-sectional-pages #about-copy .description h1, #berlin-sectional-pages #about-copy .description h2, #berlin-sectional-pages #about-copy .description h3, #berlin-sectional-pages #about-copy .description h4, #berlin-sectional-pages #about-copy .description h5, #berlin-sectional-pages #about-copy .profile h1, #berlin-sectional-pages #about-copy .profile h2, #berlin-sectional-pages #about-copy .profile h3, #berlin-sectional-pages #about-copy .profile h4, #berlin-sectional-pages #about-copy .profile h5, #berlin-sectional-pages #about-copy .report h1, #berlin-sectional-pages #about-copy .report h2, #berlin-sectional-pages #about-copy .report h3, #berlin-sectional-pages #about-copy .report h4, #berlin-sectional-pages #about-copy .report h5, #berlin-sectional-pages #about-copy .contributors h1, #berlin-sectional-pages #about-copy .contributors h2, #berlin-sectional-pages #about-copy .contributors h3, #berlin-sectional-pages #about-copy .contributors h4, #berlin-sectional-pages #about-copy .contributors h5 {
    text-transform: uppercase;
    font-family: "GT-America-Mono", sans-serif;
    font-weight: 600;
  }
  #berlin-sectional-pages #about .profile p, #berlin-sectional-pages #about .report p, #berlin-sectional-pages #about .contributors p, #berlin-sectional-pages #about-copy .profile p, #berlin-sectional-pages #about-copy .report p, #berlin-sectional-pages #about-copy .contributors p {
    margin-bottom: 0;
  }
  #berlin-sectional-pages #about .profile p a, #berlin-sectional-pages #about .report p a, #berlin-sectional-pages #about .contributors p a, #berlin-sectional-pages #about-copy .profile p a, #berlin-sectional-pages #about-copy .report p a, #berlin-sectional-pages #about-copy .contributors p a {
    display: inline-block;
    max-width: 350px;
  }
  #berlin-sectional-pages #videos, #berlin-sectional-pages #videos-copy {
    background-color: #f55d60;
  }
  #berlin-sectional-pages #videos .post-wrap, #berlin-sectional-pages #videos-copy .post-wrap {
    padding: 3rem;
  }
  #berlin-sectional-pages #videos .wp-block-embed, #berlin-sectional-pages #videos-copy .wp-block-embed {
    margin: 2em 0;
  }
  #berlin-sectional-pages #videos .is-type-video .wp-block-embed__wrapper iframe, #berlin-sectional-pages #videos-copy .is-type-video .wp-block-embed__wrapper iframe {
    height: 90vh;
  }

  body.page-berlin .site-content, body.page-berlin-copy .site-content {
    background: white;
    color: black;
  }
  body.page-berlin .site-content h1, body.page-berlin .site-content h2, body.page-berlin .site-content h3, body.page-berlin .site-content h4, body.page-berlin .site-content h5, body.page-berlin-copy .site-content h1, body.page-berlin-copy .site-content h2, body.page-berlin-copy .site-content h3, body.page-berlin-copy .site-content h4, body.page-berlin-copy .site-content h5 {
    background: #ff7e79;
    color: black;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
  body.page-berlin .site-content .page-content, body.page-berlin-copy .site-content .page-content {
    padding-top: 0px;
  }
  body.page-berlin .site-content .page-content > div, body.page-berlin-copy .site-content .page-content > div {
    margin-top: 0px;
  }
  body.page-berlin .site-content .page-content > div .entry-content h2:first-of-type, body.page-berlin-copy .site-content .page-content > div .entry-content h2:first-of-type {
    margin-top: 0;
  }
}
/**
 * * BERLIN - About */
@media all {
  #berlin, #berlin-copy {
    background: white;
    color: black;
  }
  #berlin h1, #berlin h2, #berlin h3, #berlin h4, #berlin h5, #berlin-copy h1, #berlin-copy h2, #berlin-copy h3, #berlin-copy h4, #berlin-copy h5 {
    background: #ff7e79;
    color: black;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
}
/**
 * * END BERLIN - Videos */
/**
 * * NEW YORK - Teaser */
@media all {
  #new-york-sectional-pages {
    background: black;
  }

  #new-york-sectional-pages > article .post-wrap {
    margin-left: auto;
    max-width: 100% !important;
  }
  #new-york-sectional-pages #teaser .post-wrap, #new-york-sectional-pages #teaser-copy .post-wrap {
    padding: 0;
  }
  #new-york-sectional-pages #report .post-wrap, #new-york-sectional-pages #report-copy .post-wrap {
    padding: 0;
  }
  #new-york-sectional-pages #report .right h3:first-of-type, #new-york-sectional-pages #report-copy .right h3:first-of-type {
    margin-top: 0;
  }
  #new-york-sectional-pages #report .right p, #new-york-sectional-pages #report-copy .right p {
    font-size: 18px;
    line-height: 24px;
  }
  #new-york-sectional-pages #about .post-wrap, #new-york-sectional-pages #about-copy .post-wrap {
    padding: 0;
  }
  #new-york-sectional-pages #nightcamp .post-wrap, #new-york-sectional-pages #nightcamp-copy .post-wrap {
    padding: 0;
  }
  #new-york-sectional-pages #event .post-wrap, #new-york-sectional-pages #event-copy .post-wrap {
    padding: 0;
  }

  body.page-new-york .site-content, body.page-new-york-copy .site-content {
    background: white;
    color: black;
  }
  body.page-new-york .site-content h1, body.page-new-york .site-content h2, body.page-new-york .site-content h3, body.page-new-york .site-content h4, body.page-new-york .site-content h5, body.page-new-york-copy .site-content h1, body.page-new-york-copy .site-content h2, body.page-new-york-copy .site-content h3, body.page-new-york-copy .site-content h4, body.page-new-york-copy .site-content h5 {
    background: #65c5ac;
    color: black;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
  body.page-new-york .site-content .page-content, body.page-new-york-copy .site-content .page-content {
    padding-top: 0px;
  }
  body.page-new-york .site-content .page-content > div, body.page-new-york-copy .site-content .page-content > div {
    margin-top: 0px;
  }
  body.page-new-york .site-content .page-content > div .entry-content h2:first-of-type, body.page-new-york-copy .site-content .page-content > div .entry-content h2:first-of-type {
    margin-top: 0;
  }
}
/**
 * * END NEW YORK - Event */
/**
 * * TOKYO - Teaser */
@media all {
  #tokyo-sectional-pages {
    background: black;
  }

  #tokyo-sectional-pages > article > .post-wrap {
    padding: 0;
    margin-left: auto;
    max-width: 100% !important;
  }

  body.page-tokyo .site-content, body.page-tokyo-copy .site-content {
    background: white;
    color: black;
  }
  body.page-tokyo .site-content h1, body.page-tokyo .site-content h2, body.page-tokyo .site-content h3, body.page-tokyo .site-content h4, body.page-tokyo .site-content h5, body.page-tokyo-copy .site-content h1, body.page-tokyo-copy .site-content h2, body.page-tokyo-copy .site-content h3, body.page-tokyo-copy .site-content h4, body.page-tokyo-copy .site-content h5 {
    background: #fcdc3c;
    color: black;
    padding: 0.5em 1em;
    text-transform: uppercase;
  }
  body.page-tokyo .site-content .page-content, body.page-tokyo-copy .site-content .page-content {
    padding-top: 0px;
  }
  body.page-tokyo .site-content .page-content > div, body.page-tokyo-copy .site-content .page-content > div {
    margin-top: 0px;
  }
  body.page-tokyo .site-content .page-content > div .entry-content h2:first-of-type, body.page-tokyo-copy .site-content .page-content > div .entry-content h2:first-of-type {
    margin-top: 0;
  }
}
/**
 * * accordion */
@media all {
  .accordion .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
  .accordion .collapse:not(.show) {
    display: none;
  }
}
/**
 * * END accordion */
/**
 * * FOOTER */
@media all {
  .site-footer {
    padding: 3rem;
    color: white;
    background-color: black;
  }

  .mdl-mini-footer .widget-area .mdl-cell:first-of-type {
    margin-left: 0;
  }
  .mdl-mini-footer .widget-area .mdl-cell:last-of-type .wp-block-columns .wp-block-column:first-of-type {
    flex-basis: 100%;
  }
  .mdl-mini-footer .widget-area .mdl-cell:last-of-type .wp-block-columns .wp-block-column:not(:last-child) {
    margin-right: 0.5em;
  }
  .mdl-mini-footer .widget-area .mdl-cell:last-of-type .wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: 0.5em;
  }
  .mdl-mini-footer figure.alignleft {
    margin-top: 0;
  }
  .mdl-mini-footer .wp-block-image {
    margin-bottom: 0;
  }
  .mdl-mini-footer p, .mdl-mini-footer h4 {
    font-size: 1rem;
    line-height: 1.2rem;
  }
  .mdl-mini-footer h4 {
    color: white;
    margin-top: 0;
    font-weight: 600;
    text-transform: uppercase;
  }
  .mdl-mini-footer a {
    color: #eaeaea;
  }
  .mdl-mini-footer a:hover, .mdl-mini-footer a:active, .mdl-mini-footer a:focus {
    color: #4d4d4d;
  }
}
/**
 * * END FOOTER */
/**
 * * DRAWER Submenu */
@media all {
  .mdl-layout__drawer .mdl-menu__container {
    position: relative;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    z-index: 999 !important;
  }
  .mdl-layout__drawer .mdl-menu__container .mdl-menu__outline {
    display: none !important;
  }
  .mdl-layout__drawer .mdl-menu__container .mdl-menu {
    position: relative;
    opacity: 1 !important;
    z-index: 999 !important;
  }
  .mdl-layout__drawer .mdl-menu__container .mdl-menu__item {
    opacity: 1 !important;
  }
  .mdl-layout__drawer .mdl-menu__container .mdl-menu__item:hover {
    background: transparent;
  }
}
#drawer-nav .current-menu-item {
  /*color: red !important*/
}

/**
 * * END DRAWER Submenu */

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