/*!
Theme Name: For The Arts
Theme URI: http://underscores.me/
Author: cogdesign
Author URI: http://cogdesign.com
Description: Unique theme created for FTA
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: for-the-arts
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

For The Arts is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.cyan-bg {
  background: #00b0b0;
}
.teal-bg {
  background: #bef2f6;
}
.yellow-bg {
  background: #fff08c;
}
.color-cyan {
  color: #00b0b0;
}
.color-teal {
  color: #bef2f6;
}
.color-purple {
  color: #b97cff;
}
.color-purple-dark {
  color: #95358b;
}
.color-yellow {
  color: #fff08c;
}
.color-orange {
  color: #d17e00;
}
.m-t-lg {
  margin-top: 30px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-t {
  margin-top: 20px;
}
.m-b {
  margin-bottom: 20px;
}
.m-l {
  margin-left: 20px;
}
.m-r {
  margin-right: 20px;
}
.row {
  float: left;
  width: 100%;
}
.col-6 {
  min-height: 1px;
  width: 400px;
  margin: 0 44px;
  float: left;
}
.col-6.first {
  margin-left: 0;
}
.col-6.last {
  margin-right: 0;
}
.col-6.col-centered {
  float: none;
  margin: 0 auto;
}
.col-8 {
  min-height: 1px;
  width: 520px;
  margin: 0 44px;
  float: left;
}
.col-8.first {
  margin-left: 0;
}
.col-8.last {
  margin-right: 0;
}
.col-8.col-centered {
  float: none;
  margin: 0 auto;
}
.col-4 {
  margin: 0 45px;
  width: 266px;
  float: left;
}
.col-4.first {
  margin-left: 0;
}
.col-4.middle {
  margin: 0;
}
.col-4.last {
  margin-right: 0;
}
.grid-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.grid-list li {
  display: inline-block;
  vertical-align: top;
}
.grid-list.list-4 li {
  width: 25%;
}
.grid-list.list-3 li {
  width: 266px;
  margin-left: 45px;
}
.grid-list.list-3 li:first-child {
  margin-left: 0;
}
.grid-list.list-3 li:nth-child(3n + 1) {
  margin-left: 0;
}
@media all and (max-width: 768px) {
  .grid-list.list-4 li {
    width: 50%;
  }
}
.teal-overlay {
  background: #bef2f6;
  margin-bottom: 16px;
  display: inline;
  box-shadow: 3px 0 0 #bef2f6, -3px 0 0 #bef2f6;
  box-decoration-break: clone;
}
h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
}
.no-link-formatting {
  color: inherit;
  text-decoration: inherit;
}
p {
  margin: 0 0 16px 0;
}
.h1 {
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
}
h1 {
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
}
h1.arts-index {
  line-height: 52px;
}
.h2-news-article {
  display: block;
  font-style: normal;
  font-size: 39px;
  line-height: 48px;
  font-weight: 800;
  font-family: "Gotham SSm A", "Gotham SSm B";
  text-transform: none;
  margin-top: 15px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
.h2-news-article.no-featured-image {
  margin-top: 85px;
}
h2 {
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  display: inline-block;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-size: 60px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
}
h2.news-index {
  display: block;
  font-style: normal;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 24px;
  line-height: 32px;
  font-weight: 800;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
h2.news-index a {
  color: inherit;
  text-decoration: none;
}
h2.news-article {
  display: block;
  font-style: normal;
  font-size: 39px;
  line-height: 48px;
  font-weight: 800;
  font-family: "Gotham SSm A", "Gotham SSm B";
  text-transform: none;
  margin-top: 15px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
h2.news-article.no-featured-image {
  margin-top: 85px;
}
.h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
h3.board-names {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  font-style: italic;
}
.h4 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
.h4 a {
  color: inherit;
  border-bottom: 2px solid #b97cff;
  padding-bottom: 2px;
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.h4 a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
.h4 a.link-to-pdf {
  border: 0;
  padding-bottom: 0;
}
h4 {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
h4 a {
  color: inherit;
  border-bottom: 2px solid #b97cff;
  padding-bottom: 2px;
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
h4 a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
h4 a.link-to-pdf {
  border: 0;
  padding-bottom: 0;
}
h4.arts-index {
  line-height: 26px;
  font-weight: 700;
  border-bottom: 4px solid #c9c9c9;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 800;
  margin-bottom: 5px;
}
blockquote {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  font-style: italic;
  margin: 0;
}
blockquote.large-quote {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  font-weight: 400;
  margin: 40px 0 0 0;
}
blockquote.large-quote i.icon-quote-start {
  top: -40px;
  left: -57px;
}
blockquote.large-quote i.icon-quote-end {
  bottom: -29px;
  right: -36px;
}
blockquote.large-quote i {
  z-index: 1;
  position: absolute;
  font-size: 92px;
  color: #fff08c;
}
blockquote.large-quote .quote-text {
  position: relative;
  z-index: 10;
}
.quote-author {
  margin-top: 20px;
}
.caption {
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  background: #fff08c;
  padding: 4px 10px;
  display: inline-block;
  float: left;
}
.more {
  background: #b97cff;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 4px 18px;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.more:hover {
  background: #95358b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.more.share {
  display: inline-block;
}
.visit a {
  text-decoration: none;
  font-weight: 800;
  color: #000;
  padding-bottom: 1px;
  border-bottom: 1px solid #b97cff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.visit a:hover {
  border-color: #95358b;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.h7 {
  font-size: 16px;
  line-height: 24px;
}
h6 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
}
.medium {
  font-weight: 500;
}
.tcon {
  float: left;
  margin-top: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.tcon > * {
  display: block;
}
.tcon:hover,
.tcon:focus {
  outline: none;
}
.tcon::-moz-focus-inner {
  border: 0;
}
.tcon-menu-text {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  margin-left: 15px;
  line-height: 60px;
}
.tcon-menu__lines {
  display: inline-block;
  height: 3px;
  width: 40px;
  transition: 0.3s;
  background: #fff;
  position: relative;
}
.tcon-menu__lines::before,
.tcon-menu__lines::after {
  display: inline-block;
  height: 3px;
  width: 40px;
  transition: 0.3s;
  background: #fff;
  content: '';
  position: absolute;
  left: 0;
  -webkit-transform-origin: 2.85714px center;
  transform-origin: 2.85714px center;
  width: 100%;
}
.tcon-menu__lines::before {
  top: 9px;
}
.tcon-menu__lines::after {
  top: -9px;
}
.tcon-transform .tcon-menu__lines {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}
.tcon-menu--xcross {
  width: auto;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
  background: transparent;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 40px;
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/font/fontello.eot?94407353');
  src: url('fonts/fontello/font/fontello.eot?94407353#iefix') format('embedded-opentype'), url('fonts/fontello/font/fontello.woff2?94407353') format('woff2'), url('fonts/fontello/font/fontello.woff?94407353') format('woff'), url('fonts/fontello/font/fontello.ttf?94407353') format('truetype'), url('fonts/fontello/font/fontello.svg?94407353#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?94407353#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-arrow-back:before {
  content: '\e800';
}
/* '' */
.icon-arrow-down:before {
  content: '\e801';
}
/* '' */
.icon-arrow-left:before {
  content: '\e802';
}
/* '' */
.icon-arrow-right:before {
  content: '\e803';
}
/* '' */
.icon-burger-side:before {
  content: '\e804';
}
/* '' */
.icon-burger:before {
  content: '\e805';
}
/* '' */
.icon-close-x:before {
  content: '\e806';
}
/* '' */
.icon-for-the-arts:before {
  content: '\e807';
}
/* '' */
.icon-pdf:before {
  content: '\e808';
}
/* '' */
.icon-question-mark:before {
  content: '\e809';
}
/* '' */
.icon-quote-end:before {
  content: '\e80a';
}
/* '' */
.icon-quote-start:before {
  content: '\e80b';
}
/* '' */
.icon-search:before {
  content: '\e80c';
}
/* '' */
.icon-social-facebook:before {
  content: '\e80d';
}
/* '' */
.icon-social-instagram:before {
  content: '\e80e';
}
/* '' */
.icon-social-twitter:before {
  content: '\e80f';
}
/* '' */
html,
body {
  height: 100%;
}
body {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #000;
  background: #fff;
  overflow-x: hidden;
}
::-moz-selection {
  background: #bef2f6;
}
::selection {
  background: #bef2f6;
}
.hidden {
  display: none;
}
.hidden-mobile {
  display: block;
}
.show-mobile {
  display: none;
}
.hide-mobile {
  display: block;
}
.show-mobile-portrait {
  display: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.slick-dots {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.no-decoration {
  text-decoration: none;
}
figure {
  margin: 0;
}
.transition {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
  display: block;
}
.clear {
  clear: both;
}
.container {
  width: 888px;
  margin: 0 auto;
}
.content-container {
  width: 888px;
  margin: 0 auto;
}
.container-wide {
  width: 1170px;
  margin: 0 auto;
}
.text-center {
  text-align: center;
}
#page {
  background: #fff;
  min-height: 100%;
  margin-bottom: -150px;
}
#page:after {
  content: "";
  display: block;
  height: 150px;
}
#content {
  margin: 64px 0 50px 0;
}
/***********************
HEADER
***********************/
.site-title {
  color: #fff;
  margin: 0;
  padding: 2px 0;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.site-title a {
  color: inherit;
  text-decoration: none;
}
#masthead {
  width: 100%;
  height: 64px;
  background: #00b0b0;
  position: fixed;
  top: 0;
  z-index: 9999;
}
#site-navigation {
  float: left;
  position: relative;
  z-index: 20;
  cursor: pointer;
}
.menu-wrapper {
  overflow: auto;
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
}
.disable-link a {
  border: 0;
  cursor: default;
  border: 0 !important;
}
.disable-link a:hover {
  border: 0 !important;
}
#primary-menu {
  float: left;
  width: 100%;
  margin: 100px 0 0 0;
  border-bottom: 4px solid #fff;
  padding-bottom: 40px;
}
#primary-menu .menu-container {
  float: left;
  text-align: center;
  padding: 0 44px;
  width: 444px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#primary-menu .menu-container.first {
  border-right: 4px solid #fff;
}
#primary-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#primary-menu ul ul {
  margin-bottom: 26px;
}
#primary-menu li {
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
  color: #fff;
  margin: 16px 0;
}
#primary-menu li a {
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
}
#primary-menu li a:hover {
  border-color: #b97cff;
  -webkit-transition: all 0ms ease;
  -moz-transition: all 0ms ease;
  -o-transition: all 0ms ease;
  transition: all 0ms ease;
}
#primary-menu li li {
  font-size: 22px;
  line-height: 30px;
  margin: 12px 0;
  font-weight: 500;
  font-style: normal;
  font-family: "Gotham SSm A", "Gotham SSm B";
  text-transform: none;
}
#primary-menu li li a:hover {
  border-bottom: 2px solid #b97cff;
  padding-bottom: 3px;
}
#primary-menu li li a {
  color: inherit;
  cursor: pointer;
}
#primary-menu li li a:hover {
  border-bottom: 2px solid #b97cff !important;
}
#primary-menu a {
  color: #fff;
  text-decoration: none;
  padding: 3px 0px 0 0px;
  border-color: #b97cff;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu-container {
  width: 888px;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.news-container {
  color: #fff;
  margin: 30px 0 50px 0;
}
.news-container h1 {
  margin-bottom: 10px;
  text-align: center;
}
.news-container h4 {
  text-align: center;
  margin-bottom: 35px;
}
.news-container h4 a {
  border-bottom: 2px solid transparent;
}
.news-container h4 a:hover {
  border-bottom: 2px solid #b97cff;
}
.news-container a {
  border: 0;
}
.news-container li h4 {
  text-align: left;
  margin-top: 10px;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 10px;
}
.news-container li a {
  color: #fff;
  text-decoration: none;
}
.join-us-container {
  overflow: hidden;
  height: 64px;
  float: left;
  padding: 0 25px;
  position: relative;
  z-index: 20;
  -webkit-transition: all 3000ms ease;
  -moz-transition: all 3000ms ease;
  -o-transition: all 3000ms ease;
  transition: all 3000ms ease;
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-delay: 2s;
}
.menu-modal-open .join-us-container {
  overflow: inherit;
  z-index: 999;
  -webkit-transition: all 3000ms ease;
  -moz-transition: all 3000ms ease;
  -o-transition: all 3000ms ease;
  transition: all 3000ms ease;
  -webkit-transition-delay: 2s;
  /* Safari */
  transition-delay: 2s;
}
.fit {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.join-us {
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  background: #b97cff;
  font-size: 48px;
  line-height: 43px;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-style: italic;
  text-transform: uppercase;
  color: #fff;
  float: left;
  padding: 0px 13px;
  cursor: pointer;
  position: relative;
  bottom: -9px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.join-us:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #95358b;
}
.social {
  float: right;
  position: relative;
  z-index: 20;
  margin-top: 15px;
}
.social span {
  font-size: 16px;
  font-weight: 800;
  color: #fff;
  float: left;
  padding: 8px 0;
  margin-right: 0px;
}
.social svg {
  width: 36px;
  height: 36px;
}
.social svg .st0 {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social svg:hover .st0 {
  fill: #95358b !important;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
.social ul li {
  float: left;
  margin-left: 5px;
}
.social i:before {
  margin: 3px;
}
#menu-bg {
  margin-top: 64px;
  position: absolute;
  z-index: 50;
  top: -3000px;
  width: 100%;
  height: auto;
}
/***********************
FOOTER
***********************/
.site-footer {
  padding: 25px 0;
  position: relative;
  z-index: 200;
  background: #c9c9c9;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.site-footer.active {
  zoom: 1;
  filter: alpha(opacity=55);
  -webkit-opacity: 0.55;
  -moz-opacity: 0.55;
  opacity: 0.55;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 100;
}
.site-footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.site-footer a {
  border-bottom: 1px solid #b97cff;
  text-decoration: none;
  padding-bottom: 2px;
  color: inherit;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.site-footer a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
/***********************
front-page.php HOME
***********************/
.home .join-us-container,
.join-us-within-video,
.home .site-title {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.home .join-us-container.active,
.join-us-within-video.active,
.home .site-title.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 20;
}
.video-placeholder-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-position: center center;
  min-height: calc(100vh - 80px);
  z-index: 5;
}
.home .join-us-container {
  z-index: -1;
}
.home .site-title.active {
  z-index: 9;
}
#home-video {
  width: 100%;
  height: 820px;
  min-height: 520px;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#home-video video {
  top: 0;
  position: absolute;
  object-fit: cover;
  object-position: left;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#home-video .video-caption {
  position: absolute;
  bottom: 0px;
  color: #fff;
  z-index: 20;
}
#intro-section {
  padding-top: 30px;
}
.skip-section {
  text-align: center;
  display: block;
  width: 48px;
  height: 50px;
  cursor: pointer;
  line-height: 50px;
  margin: 0 auto;
  padding-top: 15px;
  position: fixed;
  bottom: 10px;
  left: 50%;
  margin-left: -24px;
}
.skip-section i {
  color: #b97cff;
  font-size: 32px;
  background: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  height: 48px;
  width: 48px;
  margin: 0;
  float: left;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.skip-section i:before {
  margin: 0;
  width: 48px;
}
.join-us-within-video {
  cursor: pointer;
  position: absolute;
  background: #b97cff;
  color: #fff;
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  font-style: italic;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-weight: 800;
  font-size: 103px;
  top: 65px;
  line-height: 100px;
  padding: 0 25px 0 50px;
  margin-left: -19px;
}
.join-us-within-video:hover {
  background: #95358b;
}
#our-campaign {
  overflow: hidden;
  margin: 20px 0 60px 0;
}
#our-campaign .carousel-container {
  margin-top: 72px;
}
#our-campaign .more {
  margin-bottom: 8px;
}
#our-campaign h2 {
  margin: 24px 0 28px 0;
}
#logo {
  color: #00b0b0;
  font-size: 400px;
  position: absolute;
  right: 30px;
  top: 34px;
  z-index: 20;
}
#logo i:before {
  margin: 0;
  line-height: 150px;
}
#ticker-container {
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  position: absolute;
  top: 330px;
  font-style: italic;
  right: 50px;
  color: #fff;
  text-transform: uppercase;
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-align: right;
  z-index: 30;
}
#ticker-container span {
  font-size: 106px;
}
#ticker-container .title-ticker {
  display: none;
  font-size: 200px;
  line-height: 200px;
  background: #00b0b0;
  padding: 0 70px 0 50px;
  margin: 10px -40px 0 0;
}
#champions-list img {
  min-width: 100%;
}
.leading-text h1 {
  margin: 0;
  text-align: center;
  padding-top: 25px;
}
.leading-text h3,
.leading-text .h3 {
  padding: 52px 0;
  text-align: center;
}
.leading-text h4 {
  text-align: center;
  padding-bottom: 25px;
}
.leading-text.cyan-bg {
  color: #fff;
}
.narrow-content {
  text-align: center;
  max-width: 660px;
  margin: 0 auto;
}
.narrower-content {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}
.carousel-container {
  position: relative;
}
.arrows-container {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 100%;
  z-index: 20;
}
.arrows-container#single-page-arrows {
  left: 0;
}
.arrows-container i {
  font-size: 34px;
  width: 44px;
  color: #b97cff;
}
.arrows-container i:before {
  margin: 0;
  width: 44px;
}
.arrows-container .slick-arrow {
  position: absolute;
  border: 0;
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: rgba(255, 255, 255, 0.7);
  padding: 0;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.arrows-container .slick-arrow:focus {
  outline: 0;
}
.arrows-container .slick-arrow.slick-disabled {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  cursor: default;
}
.arrows-container .slick-next {
  right: 25px;
}
.arrows-container .slick-prev {
  left: 25px;
}
/***********************
    Our Campaign section
    ***********************/
.campaign-carousel .slick-list {
  overflow: visible;
}
.campaign-carousel .slick-track {
  margin: 0 auto;
}
.campaign-carousel .slick-slide {
  width: 252px;
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.campaign-carousel .slick-slide.slick-active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.campaign-carousel .slick-slide .inner-slick {
  margin: 0 22px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.campaign-carousel .slick-slide img {
  margin-bottom: 10px;
}
.campaign-carousel .slick-slide h2 {
  text-align: center;
  text-transform: uppercase;
}
.campaign-carousel .slick-slide h2 a {
  color: #000;
  text-decoration: none;
}
.center {
  margin: 30px auto 50px;
}
.center h3 {
  background: #fff;
  color: #3498db;
  font-size: 36px;
  line-height: 100px;
  margin: 10px;
  padding: 2%;
  position: relative;
  text-align: center;
  zoom: 1;
  filter: alpha(opacity=20);
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
}
.center .slick-center h3 {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  color: #e67e22;
  opacity: 1;
  transform: scale(1.08);
}
.section-title {
  margin: 40px 0;
  text-align: center;
}
#how-does-it-work:focus {
  outline: 0;
}
.what-is-arts-funding-title {
  margin-top: 65px;
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
  color: #fff;
}
#how-does-it-work-section-title {
  max-width: 380px;
  color: #000;
  margin: 60px 0;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
/***********************
    Publications section
    ***********************/
#publications {
  background: #48484c;
  color: #fff;
  text-align: center;
  padding-top: 40px;
}
#publications .section-title {
  margin: 20px 0 40px 0;
}
.publications-carousel {
  text-align: left;
  padding-bottom: 97px;
  margin-top: 60px;
}
.publications-carousel h2 {
  text-align: center;
  text-transform: uppercase;
  padding-top: 10px;
  margin-bottom: 68px;
}
.publications-carousel h4 {
  margin-top: 0;
}
.publications-carousel .more {
  margin-top: 10px;
}
.publication-links a {
  color: #fff;
  margin-right: 10px;
}
.link-to-pdf {
  display: block;
  margin-top: 15px;
}
.link-to-pdf .icon-pdf {
  font-size: 115px;
  color: #b97cff;
}
.link-to-pdf .icon-pdf:before {
  margin: 0 0 0 -2px;
  width: 90px;
}
/***********************
    Who we are section
    ***********************/
#who-we-are .leading-text {
  padding: 40px 0 0 0;
}
#who-we-are .leading-text h1 {
  padding-top: 20px;
  margin-bottom: 40px;
}
.our-board h2 {
  margin-top: 48px;
}
.our-board-carousel {
  margin-top: 35px;
}
.our-board-carousel .slick-track {
  padding: 30px 0;
}
.board-member {
  margin-right: 3%;
}
.board-member img {
  float: left;
  max-width: 400px;
}
.board-member .text {
  background: #bef2f6;
  padding: 18px 44px 20px 44px;
  float: left;
  width: 488px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.board-member h3 {
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-transform: uppercase;
  margin: 0;
  font-style: italic;
}
.board-member h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.table {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-middle {
  vertical-align: middle;
  display: table-cell;
}
.our-champions {
  margin-top: 100px;
}
.our-champions p {
  font-size: 21px;
  margin-top: 22px;
  line-height: 28px;
}
.our-champions .narrow-content {
  margin-bottom: 44px;
}
.our-champions ul.active li {
  opacity: 1;
}
.our-champions li {
  position: relative;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.our-champions li .name {
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  position: absolute;
  bottom: 0px;
  right: -3px;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-style: italic;
  background: #bef2f6;
  font-size: 30px;
  line-height: 30px;
  padding: 2px 7px;
  text-transform: uppercase;
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.our-champions li:hover .champions-quote {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.champions-quote {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #bef2f6;
  padding: 25px;
  text-align: center;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.champions-quote blockquote {
  font-size: 22px;
  line-height: 26px;
}
.champions-quote a {
  color: inherit;
  border-bottom: 2px solid #b97cff;
  text-decoration: none;
}
.quote-name {
  margin-top: 15px;
  font-weight: 700;
}
.parallax-container {
  color: #fff;
  position: relative;
}
.parallax-container .container {
  text-align: center;
  position: relative;
  z-index: 20;
}
.absolute-height-width {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.parallax-window {
  min-height: 400px;
  background: transparent;
}
.how-are-we-funded h3 {
  padding: 9px 0 0px 0;
  font-size: 38px;
  margin-bottom: 20px;
}
.how-are-we-funded p {
  margin-bottom: 30px;
}
.history-of-nca h3 {
  padding: 3px 0 0px 0;
  font-size: 38px;
  margin-bottom: 20px;
}
.history-of-nca p {
  margin-bottom: 30px;
}
.blurImg {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: -64px;
  top: 0;
  left: 0;
}
.blurImg div {
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.blur {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: 50;
}
.parallax-row {
  position: relative;
}
.panel {
  height: 100%;
  position: relative;
  z-index: 30;
}
.panel .table {
  width: 400px;
  position: absolute;
}
#pinContainer {
  width: 100%;
  height: 100% !important;
  overflow: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  z-index: 30;
}
#slideContainer {
  height: 100%;
  -webkit-transition: all 50ms ease;
  -moz-transition: all 50ms ease;
  -o-transition: all 50ms ease;
  transition: all 50ms ease;
}
.panel {
  height: 100%;
  float: left;
}
.parallax-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.parallax-text-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(149, 53, 139, 0.8);
  color: #fff;
  padding: 20px 0;
  min-height: 283px;
}
.parallax-text-container .skip {
  max-width: 325px;
  width: 100%;
  float: right;
  margin-top: 190px;
  position: absolute;
  bottom: 25px;
  margin-left: 20px;
}
.parallax-text-container .skip i {
  font-size: 20px;
  float: right;
}
.parallax-text-container .join-us-parallax {
  max-width: 325px;
  width: 100%;
  float: left;
  margin-top: 50px;
}
.arts_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.arts_credit {
  text-align: left;
  width: 100%;
  max-width: 361px;
  float: right;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
}
.after-scrollmagic {
  padding: 0px 0 60px 0;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
}
.after-scrollmagic a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid #b97cff;
}
#shop {
  padding: 20px 0 0 0;
}
/***********************
    Products section
    ***********************/
#product-listing {
  margin: 70px 0 0 0;
}
#product-listing img {
  margin: 0 auto;
  margin-bottom: 15px;
}
#product-listing a {
  color: #000;
  text-decoration: none;
}
#product-listing p {
  text-align: center;
  margin-bottom: 5px;
}
#product-listing p.product-name {
  font-weight: 800;
}
#shop {
  overflow: hidden;
}
#shop .more {
  max-width: 266px;
  margin: 0 auto;
  margin-top: 45px;
}
/***********************
Page.php
***********************/
.slick-slideshow {
  margin-bottom: 30px;
}
.entry-content a {
  text-decoration: none;
  border-bottom: 1px solid #b97cff;
  color: inherit;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.entry-content a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
.entry-content a.more {
  color: #fff;
}
/***********************
Index.php AKA Blog listing
***********************/
.masonry-listing {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-bottom: 25px;
}
.masonry-listing.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.masonry-listing:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
  background: #00b0b0;
  width: 4px;
}
#loader {
  text-align: center;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 0;
}
#loader.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#loader svg {
  width: 45px;
  height: 45px;
}
.tweet-featured-image {
  margin-bottom: 10px;
}
.twitter-row {
  position: relative;
}
.instagram-embed iframe {
  max-width: 100%;
}
.intro-text {
  margin-bottom: 40px;
}
.twitter-icon-container {
  position: absolute;
  left: -40px;
  top: -10px;
}
.twitter-icon-container i {
  font-size: 40px;
  width: 40px;
  height: 40px;
  color: #bef2f6;
}
.twitter-icon-container i:before {
  margin: 0;
  width: 33px;
  text-align: left;
  height: 33px;
}
.twitter-name,
.tweet-date {
  color: #00b0b0;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 5px;
}
.twitter-username {
  color: #b97cff;
  text-decoration: none;
}
.tweet-content a {
  color: #b97cff;
  text-decoration: none;
}
.tweet-content p:last-child {
  margin-bottom: 0;
}
.instagram-embed {
  margin-bottom: -10px;
}
.listing-page-article {
  border-bottom: 4px solid #00b0b0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}
.listing-page-article .visit {
  margin-top: 10px;
}
.listing-page-article h2 {
  margin: 11px 0 12px 0;
}
.listing-page-article .entry-content {
  margin-top: 11px;
}
.listing-page-article .no-link-formatting {
  display: block;
}
.listing-page-article:nth-child(2n) {
  float: right;
  margin-right: 0;
}
.listing-page-article:nth-child(3n) {
  margin-left: 0px;
  margin-right: 0px;
}
.page-title {
  margin-bottom: 0;
}
#search {
  border-bottom: 1px solid #b97cff;
  display: inline-block;
  width: 100%;
  padding-bottom: 2px;
  margin: 0px 0 25px 0;
  position: relative;
  height: 72px;
}
#search label {
  color: #b97cff;
  position: absolute;
  bottom: 10px;
  z-index: 20;
}
#search input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0px;
  text-align: center;
  color: #b97cff;
  border: 0;
  z-index: 10;
  font-family: "Gotham Cond A", "Gotham Cond B";
  text-transform: uppercase;
  font-size: 60px;
  line-height: 60px;
  font-style: italic;
  font-weight: 600;
}
#search input:focus {
  outline: 0;
}
#search button {
  color: #b97cff;
  background: transparent;
  border: 0;
  font-size: 28px;
  padding: 0;
  position: absolute;
  z-index: 20;
  right: -3px;
  bottom: 10px;
}
#search .icon-search:before {
  margin: 0;
}
.tags-filter {
  margin: 0px 0 25px 0;
  border-bottom: 1px solid #b97cff;
  padding-bottom: 10px;
}
.tags-filter h2 {
  margin-bottom: 0;
}
.tag-links {
  background: #b97cff;
  color: #fff !important;
  padding: 4px 5px 4px 15px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.tag-links:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #95358b;
}
.masonry-listing {
  margin-top: 15px;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi .current {
  font-weight: 800;
  margin: 0 4px;
}
.wp-pagenavi a {
  text-decoration: none;
  border-bottom: 1px solid #b97cff;
  margin: 0 4px;
  color: #000;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.wp-pagenavi a:hover {
  border-color: #95358b;
}
/***********************
Single.php - News detail
***********************/
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  margin: 10px 0 15px 0;
  height: 0;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-article-featured-image {
  margin-top: 32px;
}
.single-article-featured-image-container {
  margin: 0 auto;
  display: table;
}
.image-container-caption {
  display: table-cell;
}
.entry-meta {
  margin-bottom: 15px;
}
.entry-meta ul {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}
.entry-meta li {
  margin: 0 10px;
  display: inline;
}
.the-content {
  font-size: 16px;
  line-height: 24px;
}
.the-content a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #b97cff;
}
.the-content a:hover {
  border-color: #95358b;
}
.tags a {
  padding: 3px 7px;
  margin: 0px 4px;
  color: #fff;
  border: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  background: #b97cff;
}
.tags a:hover {
  background: #95358b;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.single-content {
  margin-bottom: 50px;
}
.related-posts {
  border-top: 4px solid #00b0b0;
  padding-top: 50px;
  margin-top: 47px;
}
.related-posts img {
  margin-bottom: 14px;
}
.related-posts h4 {
  margin-bottom: 10px;
}
.related-posts .more {
  margin-top: 0px;
}
/*********************************************
Single-campaign.php - Campaign detail
*********************************************/
.single-campaign .more {
  margin-bottom: 15px;
}
.single-campaign .social-wrapper .more {
  margin-bottom: 0;
}
.single-campaign .social-wrapper {
  margin-bottom: 15px;
}
/*********************************************
Single-publication.php - Publication detail
*********************************************/
.single-publication #content-block-1 {
  margin-top: 32px;
}
.single-publication .social-wrapper {
  margin-bottom: 33px;
}
.single-publication .sticky-column {
  margin-bottom: 36px;
}
.single-publication .sticky-column img {
  margin-bottom: 22px;
}
.single-publication .row {
  margin-bottom: 15px;
}
.single-publication .col-6.first h4:first-of-type {
  margin-top: -5px;
}
.single-publication .col-6.first h1:first-of-type {
  margin-top: -9px;
}
.number-title {
  display: table;
}
.number-title span,
.number-title h4 {
  vertical-align: top;
  display: table-cell;
}
.number-title h4 {
  padding-left: 22px;
}
.text-block {
  border-top: 4px solid #00b0b0;
  margin-bottom: 33px;
  padding-top: 6px;
}
.text-block h4 {
  margin-bottom: 16px;
}
.text-block p a {
  color: #000;
  font-weight: 700;
  border-bottom: 1px solid #b97cff;
  text-decoration: none;
}
.support-blocks {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.support-blocks li {
  margin-left: 3%;
  width: 31.3333333333333%;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.support-blocks li:nth-child(3n+1) {
  margin-left: 0;
}
.support-blocks li.funder_block h3 {
  background: #ba7cff;
}
.support-blocks li.funder_block .given_annually {
  background: #ba7cff;
}
.support-blocks li.funder_block .given_annually:hover {
  background: #95358b;
}
.support-blocks li.funder_block .tel {
  text-align: center;
  color: #ba7cff;
  font-weight: 700;
  font-size: 14px;
  line-height: 28px;
}
.support-blocks li.block-colour-purple h3 {
  background: #95358b;
}
.support-blocks li.block-colour-purple .given_annually {
  background: #95358b;
}
.support-blocks li.block-colour-purple .given_annually:hover {
  background: #50154a;
}
.support-blocks li.block-colour-purple .given_monthly {
  border: 1px solid #95358b;
  color: #95358b;
}
.support-blocks li.block-colour-purple .given_monthly:hover {
  border: 1px solid #50154a;
  color: #50154a;
}
.support-blocks li.block-colour-bronze h3 {
  background: #c67e00;
}
.support-blocks li.block-colour-bronze .given_annually {
  background: #c67e00;
}
.support-blocks li.block-colour-bronze .given_annually:hover {
  background: #8f4317;
}
.support-blocks li.block-colour-bronze .given_monthly {
  border: 1px solid #c67e00;
  color: #c67e00;
}
.support-blocks li.block-colour-bronze .given_monthly:hover {
  border: 1px solid #8f4317;
  color: #50154a;
}
.support-blocks li.block-colour-silver h3 {
  background: #b8b8ad;
}
.support-blocks li.block-colour-silver .given_annually {
  background: #b8b8ad;
}
.support-blocks li.block-colour-silver .given_annually:hover {
  background: #858576;
}
.support-blocks li.block-colour-silver .given_monthly {
  border: 1px solid #b8b8ad;
  color: #b8b8ad;
}
.support-blocks li.block-colour-silver .given_monthly:hover {
  border: 1px solid #858576;
  color: #858576;
}
.support-blocks li.block-colour-gold h3 {
  background: #eab900;
}
.support-blocks li.block-colour-gold .given_annually {
  background: #eab900;
}
.support-blocks li.block-colour-gold .given_annually:hover {
  background: #cc892f;
}
.support-blocks li.block-colour-gold .given_monthly {
  border: 1px solid #eab900;
  color: #eab900;
}
.support-blocks li.block-colour-gold .given_monthly:hover {
  border: 1px solid #cc892f;
  color: #cc892f;
}
.support-blocks li.block-colour-platinum h3 {
  background: #aaaab1;
}
.support-blocks li.block-colour-platinum .given_annually {
  background: #aaaab1;
}
.support-blocks li.block-colour-platinum .given_annually:hover {
  background: #71717a;
}
.support-blocks li.block-colour-platinum .given_monthly {
  border: 1px solid #aaaab1;
  color: #aaaab1;
}
.support-blocks li.block-colour-platinum .given_monthly:hover {
  border: 1px solid #71717a;
  color: #71717a;
}
.support-blocks h3 {
  margin-bottom: 0;
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  padding: 12px;
  min-height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.support-blocks img {
  margin-bottom: 7px;
}
.support-blocks .message {
  font-weight: 700;
}
.support-blocks .per_year {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
.support-blocks .per_month {
  line-height: 22px;
}
.support-blocks .given_annually {
  font-weight: 700;
  border: 0;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 10px;
}
.support-blocks .given_monthly {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 2px 0;
  margin-bottom: 10px;
}
.FTAchart {
  margin-top: 30px;
}
.jg-donate-widget {
  margin: 0;
  padding: 0;
}
.jg-donate-widget li {
  display: inline-block;
  background: #fff08c;
  font-size: 24px;
  font-weight: 700;
  margin-right: 15px;
}
.jg-donate-widget li.other {
  background: transparent;
}
.jg-donate-widget li a {
  padding: 15px 30px 4px 10px;
  display: block;
  text-decoration: none;
  color: #878892;
}
.jg-donate-widget .more {
  margin-top: 15px;
  font-size: 14px;
}
.wp-pagenavi {
  display: none;
  visibility: hidden;
}
.indicators-list {
  margin: 10px 0 20px -40px;
  padding: 0;
  list-style-type: none;
  font-weight: 500;
}
.indicators-list li {
  margin-bottom: 5px;
  display: block;
}
.indicators-list .number {
  width: 40px;
  float: left;
}
.indicators-list .title {
  text-decoration: underline;
  display: table;
}
.indicators-list a {
  color: inherit;
}
.main-chart-indicators-list {
  font-size: 21px;
  line-height: 26px;
  margin: 20px 0 50px -30px;
  font-weight: 700;
  padding: 0;
  list-style-type: none;
}
.main-chart-indicators-list li {
  margin-bottom: 13px;
  display: block;
}
.main-chart-indicators-list .number {
  width: 32px;
  float: left;
}
.main-chart-indicators-list .title {
  display: table;
  border-bottom: 4px solid #c9c9c9;
  padding: 0 0 13px 0;
}
.contents {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  display: block;
  margin: 135px -15px 0 0;
  width: 30px;
  font-weight: 800;
  float: right;
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#publication-nav-container {
  background: #fff;
  position: fixed;
  left: -360px;
  width: 400px;
  top: 64px;
  bottom: 0;
  border-right: 4px solid #bef2f6;
  z-index: 200;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#publication-nav-container.active {
  left: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#publication-nav-container.active .contents {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#publication-nav-container .toggle-menu {
  cursor: pointer;
  float: right;
  position: relative;
}
#publication-nav-container i {
  color: #b97cff;
  font-size: 42px;
  margin-top: 30px;
  float: left;
}
#publication-nav-container i:before {
  margin: 0;
}
#publication-nav {
  position: absolute;
  top: 0;
  margin: 80px 40px 0 44px;
  overflow: auto;
}
#publication-nav .menu-title {
  font-weight: 800;
  border-bottom: 4px solid #bef2f6;
  padding-bottom: 4px;
  display: inline-block;
}
#publication-nav a[title="toggle-subnav"] {
  cursor: pointer;
}
#publication-nav a[title="toggle-subnav"].active {
  color: #000;
}
#publication-nav a[title="toggle-subnav"]:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #b97cff transparent transparent transparent;
  display: inline-block;
  margin: 8px 0 0 7px;
  position: relative;
  top: -2px;
}
#publication-nav a[title="toggle-subnav"].active:after {
  border-color: transparent transparent #000 transparent;
  border-width: 0px 5px 5px 5px;
}
#publication-nav ul {
  padding: 0;
  list-style-type: none;
}
#publication-nav ul li {
  font-weight: 800;
  color: #b97cff;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 6px;
}
#publication-nav ul .sub-menu {
  display: none;
  margin: 5px 0 20px 0;
  width: 100%;
}
#publication-nav ul .sub-menu li {
  padding-left: 20px;
}
#publication-nav ul .sub-menu li.active a {
  font-weight: 800;
}
#publication-nav ul .sub-menu li a {
  font-weight: 300;
  color: #000;
  border-bottom: 1px solid #b97cff;
}
#publication-nav a {
  text-decoration: none;
  color: inherit;
}
#publication-nav a.active {
  color: #000;
}
.menu-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.55);
  z-index: 100;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.menu-overlay.active {
  right: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.stuck {
  position: fixed;
  top: 0;
}
.hamburger {
  width: 36px;
  height: 36px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-top: 85px;
  margin-right: -9px;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  cursor: pointer;
  float: right;
}
.hamburger li {
  float: left;
  width: 4px;
  height: 22px;
  background-color: #b97cff;
  margin: 0 3px;
  -webkit-transform: translateY(0px) translateZ(-3.75px);
  transform: translateY(0px) translateZ(-3.75px);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.hamburger li:nth-child(2) {
  -webkit-transform: translateY(0px) translateZ(3.75px);
  transform: translateY(0px) translateZ(3.75px);
}
.hamburger.active li {
  -webkit-transform: rotate(45deg) translateY(-7px) translateX(1px);
  transform: rotate(45deg) translateY(-7px) translateX(1px);
}
.hamburger.active li:nth-child(2) {
  -webkit-transform: rotate(-45deg) translateY(-6px) translateX(0px);
  transform: rotate(-45deg) translateY(-6px) translateX(0px);
}
.social-wrapper {
  position: relative;
  display: inline-block;
}
.social-wrapper .addthis_toolbox {
  position: absolute;
  background: #c9c9c9;
  padding: 6px 12px 0 12px;
  width: 280px;
}
.social-wrapper .addthis_toolbox a {
  margin: 0px 3px;
  padding: 0;
}
.social-wrapper .addthis_toolbox a a {
  margin: 0;
}
.addthis_toolbox {
  z-index: -1;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.addthis_toolbox.active {
  z-index: 10;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
/*****************
Our Board
*****************/
#our-board {
  margin-top: 44px;
  overflow: hidden;
}
#our-board li {
  text-align: center;
  vertical-align: top;
  margin-bottom: 50px;
}
#our-board .more {
  margin-bottom: 8px;
  margin-top: 20px;
}
#our-board h2 {
  margin: 24px 0 28px 0;
  text-transform: uppercase;
  font-size: 58px;
}
.board-role {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  text-align: left;
  margin: 8px 0 12px 0;
}
.board-quote {
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  font-style: italic;
  text-align: left;
}
/*****************
Our Champions Page
*****************/
#our-champions-page {
  float: left;
  width: 100%;
}
.champion {
  border-top: 4px solid #00b0b0;
  padding-top: 50px;
  margin-top: 50px;
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
}
.champion:first-child {
  border: 0;
}
.champion .col-8 {
  margin-left: 0;
}
.champion h2 {
  text-transform: uppercase;
}
.champion h2 span {
  font-size: 30px;
  line-height: 30px;
  display: block;
}
.champion-quote {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.champion-quote a {
  border-bottom: 2px solid #b97cff;
  text-decoration: none;
  color: #000;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.champion-quote + [data-readmore-toggle],
.champion-quote[data-readmore] {
  width: auto !important;
  display: inline-block !important;
  margin-top: 26px;
  text-align: left;
  float: left;
}
.our-people-intro {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
}
/*****************
join-us.php
*****************/
#join-us-bg {
  margin-top: 0px;
  position: absolute;
  z-index: 500;
  top: -3000px;
  width: 100%;
  height: auto;
}
.join-us-product img {
  margin: 0 auto;
}
#join-us {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  z-index: 99999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 44px 0;
  overflow: auto;
}
#join-us h1,
#join-us h4 {
  text-align: center;
  margin-bottom: 44px;
}
#join-us h1 {
  margin-bottom: 22px;
}
#join-us.active {
  top: 44px;
}
.close-join-us {
  margin: 0 auto;
  max-width: 1185px;
  width: 94%;
}
.close-join-us i {
  position: absolute;
  top: 20px;
  font-size: 42px;
  cursor: pointer;
}
.join-us-modal-open {
  overflow: hidden;
}
.join-us-modal-open .close-join-us i {
  position: fixed;
}
.menu-modal-open {
  overflow: hidden;
}
#subForm ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#subForm ul li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#subForm input {
  width: 100%;
  float: left;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#subForm .icon-question-mark {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 18px;
  cursor: pointer;
  color: #b97cff;
}
#subForm .tooltip-container {
  background: #fff08c;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 16px #95358b;
  -moz-box-shadow: 0 0 16px #95358b;
  box-shadow: 0 0 16px #95358b;
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 31px;
  right: -5%;
  text-align: left;
  padding: 20px;
  max-width: 265px;
  z-index: -1;
}
#subForm .tooltip-container.active {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 9;
}
#join-us .join-us-content-blocks {
  text-align: center;
}
#join-us .join-us-content-blocks h1 {
  -webkit-transform: rotate(-11deg);
  -moz-transform: rotate(-11deg);
  -o-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
  padding: 0 50px;
  margin-bottom: 62px;
}
#join-us .join-us-content-blocks p {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
#join-us .join-us-content-blocks p a {
  color: inherit;
  border-bottom: 2px solid #b97cff;
  padding-bottom: 2px;
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#join-us .join-us-content-blocks p a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
#join-us .join-us-content-blocks p a.link-to-pdf {
  border: 0;
  padding-bottom: 0;
}
#join-us .join-us-content-blocks p a {
  border-color: #95358b;
}
#join-us .join-us-content-blocks .row {
  position: relative;
  margin-bottom: 37px;
  padding-top: 15px;
}
#join-us .join-us-content-blocks .row:first-of-type {
  padding: 0;
  margin: 0;
}
#join-us .join-us-content-blocks .row:before {
  content: '';
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -2px;
  background: #000;
}
#join-us .join-us-content-blocks .more,
#join-us .join-us-content-blocks button[type="submit"] {
  background: #95358b;
  display: inline-block;
  min-width: 200px;
  border: 0;
  font-weight: 800;
  color: #fff;
  padding: 9px 25px;
}
#join-us .join-us-content-blocks button[type="submit"] {
  min-width: 100%;
}
.related-campaigns {
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  list-style-type: none;
  display: table;
  text-align: center;
  font-style: italic;
}
.related-campaigns a {
  color: inherit;
  border-bottom: 2px solid #b97cff;
  padding-bottom: 2px;
  text-decoration: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.related-campaigns a:hover {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-color: #95358b;
}
.related-campaigns a.link-to-pdf {
  border: 0;
  padding-bottom: 0;
}
.related-campaigns li {
  text-align: left;
  line-height: 50px;
  margin-bottom: 5px;
}
.related-campaigns a {
  border-color: #95358b;
}
.related-campaigns img {
  margin-right: 15px;
  float: left;
  width: 50px;
  height: 50px;
}
#infscr-loading {
  display: none !important;
}
/*
Support us page
 */
.page-template-template-support-us .single-article-featured-image {
  margin-top: 0;
  margin-bottom: 32px;
}
.page-template-template-support-us .responsive-video {
  margin-bottom: 32px;
}
@media all and (max-width: 1240px) {
  /***********************
    HEADER
    ***********************/
  .container-wide {
    width: 976px;
    margin: 0 auto;
  }
  .social {
    margin-right: 44px;
  }
}
.close-mobile {
  display: none;
}
@media all and (max-width: 1024px) {
  /***********************
    HEADER
    ***********************/
  .social {
    margin-right: 35px;
  }
  /***********************
   HOME - front-page.php
   ***********************/
  #ticker-container .title-ticker {
    font-size: 150px;
    line-height: 150px;
  }
  .tcon {
    padding-left: 35px;
  }
  .arrows-container .slick-prev {
    left: 16px;
  }
  .arrows-container .slick-next {
    right: 16px;
  }
  .publications-carousel .col-4 {
    width: 29%;
    margin: 0 3%;
  }
  .publications-carousel .col-4.first {
    margin-left: 0;
  }
  .publications-carousel .col-4.publication-text {
    margin-right: 0;
  }
}
@media all and (max-width: 976px) {
  .hide-tablet {
    display: none;
  }
  /***********************
    HEADER
    ***********************/
  .container,
  .container-wide,
  .main-menu-container,
  .content-container {
    width: 752px;
  }
  .tcon {
    padding-left: 0;
  }
  .site-title a {
    width: 284px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
  }
  .social {
    margin-right: 0;
  }
  #primary-menu .menu-container {
    margin: 0 16px;
    width: 328px;
  }
  #primary-menu li {
    font-size: 26px;
    line-height: 26px;
  }
  #primary-menu li li {
    font-size: 18px;
    line-height: 24px;
  }
  .close-join-us i {
    top: 5px;
    font-size: 36px;
    left: 0;
  }
  /***********************
    HOME - front-page.php
    ***********************/
  .col-6 {
    width: 360px;
    margin: 0 16px;
  }
  .panel .table {
    width: 360px;
  }
  .masonry-listing .listing-page-article {
    width: 48%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
    /*following properties, fix problem*/
    margin-left: -4px;
    transform: translateX(4px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .masonry-listing .listing-page-article.category-twitter {
    margin-top: 0;
  }
  .masonry-listing .listing-page-article.category-twitter.has-post-thumbnail {
    margin-top: 0;
  }
  .twitter-icon-container {
    position: static;
    top: 0;
    left: 0;
  }
  .twitter-icon-container i {
    margin-left: -4px;
  }
  /***********************
    Single detail - single.php
    ***********************/
  .grid-list.list-3 li {
    width: 30%;
    margin-left: 5%;
  }
  .our-champions li .name {
    font-size: 22px;
  }
}
@media all and (max-height: 900px) {
  #ticker-container {
    top: 250px;
  }
}
@media all and (max-height: 800px) {
  #home-video {
    height: 540px;
  }
  #ticker-container {
    top: 200px;
  }
  #ticker-container .title-ticker {
    font-size: 140px;
    line-height: 130px;
  }
}
@media all and (max-width: 768px) {
  .support-blocks li {
    width: 48%;
  }
  .support-blocks li:nth-child(3n+1) {
    margin-left: 3%;
  }
  .support-blocks li:nth-child(2n+1) {
    margin-left: 0%;
  }
  .hidden-mobile {
    display: none;
  }
  .show-mobile {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  #home-video {
    min-height: 420px;
  }
  #home-video video {
    display: none;
  }
  .twitter-row.mobile {
    margin-top: -20px;
    margin-bottom: 5px;
  }
  .video-placeholder-image {
    background-size: cover;
    width: 100%;
    min-height: 420px;
    background-position: center center;
  }
  .publications-carousel .col-4 {
    width: 45%;
    margin: 0 3%;
  }
  /***********************
    Typography
    ***********************/
  h1 {
    font-size: 40px;
    line-height: 40px;
  }
  h2 {
    font-size: 40px;
    line-height: 40px;
  }
  h3 {
    font-size: 30px;
    line-height: 38px;
  }
  .h3 {
    font-size: 24px;
    line-height: 30px;
  }
  h4 {
    font-size: 14px;
    line-height: 20px;
  }
  .h4 {
    font-size: 14px;
    line-height: 20px;
  }
  blockquote {
    font-size: 14px;
    line-height: 20px;
  }
  /***********************
    HEADER
    ***********************/
  #menu-bg {
    margin-top: 50px;
  }
  #primary-menu .menu-container {
    width: 100%;
    margin: 0;
  }
  #masthead {
    height: 50px;
  }
  .tcon {
    margin-top: 6px;
    margin-left: 16px;
  }
  .join-us-container {
    height: 50px;
    width: 50%;
    padding: 0;
    float: right;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
    -o-transition: all 0ms ease;
    transition: all 0ms ease;
  }
  .join-us {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 100%;
    padding: 1px 0px;
    text-align: center;
    bottom: 0;
    line-height: 50px;
    -webkit-transition: all 0ms ease;
    -moz-transition: all 0ms ease;
    -o-transition: all 0ms ease;
    transition: all 0ms ease;
  }
  .close-join-us {
    color: #fff;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  .close-join-us.active {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  .close-join-us i {
    left: auto;
    right: 0;
  }
  .join-us-container {
    background: #b97cff;
  }
  .join-us-container .close-join-us {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .join-us-container .join-us {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .join-us-container.active .close-join-us {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .join-us-container.active .join-us {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  #join-us {
    padding: 36px 0;
  }
  #join-us h1 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 11px;
  }
  #join-us h4 {
    margin-bottom: 20px;
  }
  #join-us .join-us-content-blocks h1 {
    padding: 0 30px;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  #join-us .join-us-content-blocks p {
    font-size: 18px;
    line-height: 24px;
  }
  #join-us .join-us-content-blocks .row {
    margin-bottom: 0;
    padding-top: 0;
  }
  #join-us .join-us-content-blocks .row:before {
    display: none;
  }
  #join-us .join-us-content-blocks .toggable-content {
    display: none;
  }
  #join-us .content-block .icon-arrow-back {
    display: none;
  }
  #join-us .content-block.active {
    background: #b97cff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 5px 16px;
    overflow: auto;
  }
  #join-us .content-block.active .icon-arrow-back {
    display: block;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
  }
  #join-us .content-block.active h1 {
    font-size: 40px;
    line-height: 40px;
    margin: 25px 0 40px 0;
    -webkit-transform: rotate(-11deg);
    -moz-transform: rotate(-11deg);
    -o-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
    cursor: default;
  }
  #join-us .content-block.active .toggable-content {
    display: block;
  }
  #subForm .tooltip-container.active {
    left: 0px;
    right: 0;
    max-width: 100%;
  }
  #subForm .tooltip-container.active i {
    font-size: 32px;
    margin: 0 auto;
    text-align: center;
    margin: -10px 0 10px 0;
  }
  .video-caption {
    margin-left: 16px;
  }
  .social {
    float: left;
    width: 100%;
    color: #fff;
    background: #00b0b0;
    z-index: 999;
    margin: 0 0 15px 0;
  }
  .social-container {
    padding: 7px 0 4px 0;
    float: left;
    width: 46%;
    margin-left: 2%;
  }
  .social .join-us {
    width: 50%;
    margin-left: 2%;
    float: right;
  }
  .site-footer .col-4 {
    width: 46%;
    margin: 0 2%;
  }
  .site-footer .container {
    padding: 0;
  }
  #primary-menu li.show-mobile {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    text-transform: none;
  }
  /***********************
    HOME - front-page.php
    ***********************/
  .container,
  .main-menu-container,
  .content-container,
  .narrow-content {
    width: 100%;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .container > .narrow-content {
    padding: 0;
  }
  .leading-text h3,
  .leading-text .h3 {
    padding: 52px 16px;
  }
  .main-menu-container {
    right: 0;
  }
  .panel {
    width: 100%;
  }
  #slideContainer {
    width: 100%;
  }
  #pinContainer {
    padding: 0px 0;
  }
  .home .join-us-container,
  .home .site-title {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .home .join-us-container.active,
  .home .site-title.active {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
  }
  .join-us-within-video {
    display: none;
  }
  .container-wide {
    width: 100%;
  }
  #content {
    margin-top: 50px;
  }
  .narrow-content.h4 {
    text-align: left;
  }
  .narrow-content.h4 p {
    margin-bottom: 14px;
  }
  .col-6 {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .col-6.first,
  .col-6.last {
    margin: 0 auto;
  }
  .panel .table {
    width: 300px;
  }
  #home-video {
    height: 468px;
  }
  .leading-text h3 {
    font-size: 20px;
    line-height: 31px;
    padding: 0px 0 5px 0;
  }
  .campaign-carousel .slick-slide .inner-slick {
    text-align: center;
  }
  .campaign-carousel .slick-slide .inner-slick img {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  /***********************
         HOME - Publications
         ***********************/
  #publications {
    padding-top: 13px;
  }
  .publications-carousel {
    margin-top: 28px;
  }
  .publications-carousel .col-6.first {
    margin-bottom: 25px;
  }
  /***********************
         HOME - Who We Are
         ***********************/
  #who-we-are .leading-text {
    padding: 13px 0 0px 0;
  }
  #who-we-are .leading-text h1 {
    margin-bottom: 12px;
    padding-top: 0;
    margin: 20px 0 40px 0;
  }
  #who-we-are .leading-text h4 {
    padding-bottom: 0;
    margin-bottom: 14px;
  }
  .our-board-carousel {
    margin-top: 0;
  }
  .our-board-carousel .slick-track {
    padding: 0;
  }
  .board-member {
    margin: 0;
    max-width: 768px;
    width: 100%;
  }
  .board-member img {
    width: 100%;
    max-width: 100%;
  }
  .board-member .text {
    padding: 18px 16px 20px 16px;
    width: 100%;
  }
  /***********************
         HOME - Our champions
         ***********************/
  .our-champions {
    margin-top: 60px;
  }
  .our-champions p {
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
    text-align: left;
  }
  .champions-quote {
    padding: 15px;
  }
  .quote-name {
    margin-top: 5px;
  }
  /***********************
        HOME - How are we funded
        ***********************/
  .how-are-we-funded p {
    margin-bottom: 14px;
  }
  /***********************
        HOME - ARTS FUNDING
        ***********************/
  .absolute-height-width {
    position: static;
    padding: 20px 0;
  }
  #arts-funding {
    background: #00b0b0;
  }
  #arts-funding p {
    text-align: left;
  }
  .arts_text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
  }
  .panel .table {
    position: static;
    padding: 20px 0;
    width: 100%;
  }
  .parallax-img {
    height: 400px;
    background-size: cover;
  }
  .after-scrollmagic {
    padding: 20px 0 25px 0;
  }
  .after-scrollmagic h3 {
    padding-top: 0;
  }
  .after-scrollmagic .narrow-content {
    width: 100%;
  }
  /***********************
    Footer - footer.php
    ***********************/
  .site-footer .col-6.first {
    margin-bottom: 20px;
  }
  /***********************
    News & Views - archive.php
    ***********************/
  #search {
    height: 51px;
    margin-bottom: 21px;
  }
  #search input {
    font-size: 40px;
    line-height: 40px;
  }
  .listing-page-article {
    margin-bottom: 30px;
  }
  h2.news-index {
    font-size: 14px;
    line-height: 20px;
  }
  /***********************
    Single detail - single.php
    ***********************/
  .h2-news-article {
    font-size: 20px;
    line-height: 30px;
    text-align: left;
  }
  .entry-meta ul {
    text-align: left;
  }
  .entry-meta ul li:first-child {
    margin-left: 0;
  }
  .entry-content .narrow-content {
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .single-content {
    margin: 40px 0 30px 0;
  }
  .related-posts {
    position: relative;
    padding-top: 30px;
    margin-top: 0;
  }
  /*********************************************
    Single-publication.php - Publication detail
    *********************************************/
  #publication-nav-container {
    top: 50px;
    width: 100%;
    left: 0;
    background: transparent;
    bottom: auto;
  }
  #publication-nav-container.active {
    bottom: 0;
    background: #fff;
  }
  #publication-nav-container.active #publication-nav {
    top: 0;
  }
  #publication-nav-container .toggle-menu {
    width: 100%;
    background: #f2f2f2;
  }
  #publication-nav-container .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent;
  }
  #publication-nav-container .tcon-menu__lines {
    background: #b97cff;
  }
  #publication-nav-container .tcon-menu__lines:before,
  #publication-nav-container .tcon-menu__lines:after {
    background: #b97cff;
  }
  #publication-nav-container .menu-title {
    float: left;
    margin: 5px 0 5px 15px;
  }
  #publication-nav-container .tcon {
    float: left;
  }
  #publication-nav {
    margin: 55px 0px;
    width: 100%;
    top: -3000px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #publication-nav .menu-title {
    margin: 25px 0 5px 0;
  }
  #publication-nav .hidden-mobile {
    display: none;
  }
  .single-publication blockquote {
    overflow: hidden;
  }
  .single-publication .sticky-column {
    margin-bottom: 15px;
  }
  .single-publication .social-wrapper .addthis_toolbox {
    left: 0;
  }
  .single-publication .social-wrapper {
    margin-bottom: 20px;
  }
  .single-publication h4 {
    font-size: 16px;
  }
  .number-title h4 {
    padding-left: 0;
  }
  figure {
    margin-bottom: 15px;
  }
  .single-publication .col-6.first h4:first-of-type {
    margin-top: 0;
  }
  .number-title span,
  .number-title h4 {
    display: block;
  }
  blockquote.large-quote i {
    font-size: 65px;
  }
  blockquote.large-quote i.icon-quote-start {
    top: -14px;
    left: -22px;
  }
  blockquote.large-quote i.icon-quote-end {
    bottom: -13px;
    right: -20px;
  }
  .main-chart-indicators-list {
    margin-left: 0;
    font-size: 18px;
    line-height: 24px;
  }
  .indicators-list {
    margin-left: 0;
  }
  .champion .col-4 {
    margin: 0 4% 0 0;
    width: 30%;
  }
  .champion .col-8 {
    width: 62%;
    margin: 0 0 0 4%;
  }
  #logo {
    right: -29px;
  }
  #ticker-container .title-ticker {
    font-size: 120px;
    line-height: 120px;
  }
  #primary-menu .menu-container.first {
    border: 0;
  }
  .publications-carousel {
    width: 80%;
    margin: 0 auto;
  }
  #slideContainer {
    width: 100% !important;
  }
  .panel {
    width: 100% !important;
  }
  .parallax-text-container {
    position: static;
    min-height: 0px;
    background: #95358b;
    padding: 30px 0;
  }
  .parallax-text-container .join-us-parallax {
    max-width: 325px;
    width: 100%;
    float: left;
    margin: 5px 0 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .parallax-text-container .skip {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 15px;
    float: none;
    display: none;
  }
  .parallax-text-container .arts_credit {
    float: none;
  }
  .what-is-arts-funding-title {
    position: static;
    background: #95358b;
    padding-top: 35px;
    margin: 0;
  }
  #pinContainer {
    margin-top: -20px;
  }
  .single-article .col-6,
  .single-publication .col-6,
  .single-campaign .col-6,
  .page .simple-page .col-6 {
    width: 47.5%;
    float: left;
    margin-left: 5%;
  }
  .single-article .col-6.first,
  .single-publication .col-6.first,
  .single-campaign .col-6.first,
  .page .simple-page .col-6.first {
    margin-left: 0;
  }
  .news-container h1 {
    font-size: 26px;
    line-height: 26px;
  }
  .news-container li h4,
  .news-container h4 {
    font-size: 18px;
    line-height: 24px;
  }
  #our-board h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .single-article .h2-news-article {
    text-align: center;
  }
  .single-article .entry-meta {
    width: 197px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .single-article .narrow-content {
    width: 520px;
    max-width: 100%;
    margin: 0 auto;
  }
  .jg-donate-widget li {
    margin: 0 7px;
  }
  .jg-donate-widget li.other {
    width: 100%;
    margin: 0;
  }
}
@media all and (max-width: 667px) {
  /***********************
    News & Views - archive.php
    ***********************/
  .masonry-listing .listing-page-article {
    transform: translateX(0px);
    width: 100%;
  }
  .single-article .col-6,
  .single-publication .col-6,
  .single-campaign .col-6,
  .page .simple-page .col-6 {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .masonry-listing {
    margin-top: 0;
  }
  .masonry-listing:before {
    display: none;
  }
  .publications-carousel .col-4 {
    width: 100%;
    margin: 0;
  }
  #logo {
    font-size: 300px;
    right: -22px;
    top: -10px;
  }
  #ticker-container {
    top: 280px;
    right: 20px;
  }
  #ticker-container span {
    font-size: 34px;
  }
  #ticker-container .title-ticker {
    font-size: 52px;
    line-height: 52px;
  }
  .single-content {
    margin-top: 24px;
  }
  #our-campaign .carousel-container {
    margin-top: 32px;
  }
  .champions-quote-open {
    overflow: hidden;
  }
  #champions-list li .champions-quote {
    background: #fff08c;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  #champions-list li .close-mobile {
    display: none;
  }
  #champions-list li.active .champions-quote {
    display: block;
    position: fixed;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  #champions-list li.active .close-mobile {
    display: block;
  }
  #shop .narrower-content {
    padding: 0 16px;
  }
  #product-listing li {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .close-mobile {
    display: block;
    float: left;
    font-size: 40px;
    top: 65px;
    position: fixed;
    left: 3px;
    z-index: 9999999;
  }
  #logo {
    right: 0;
  }
  #primary-menu {
    margin-top: 40px;
  }
  #primary-menu li {
    font-size: 40px;
    line-height: 40px;
  }
  .news-container h1 {
    font-size: 40px;
    line-height: 40px;
  }
  .publication-text {
    width: 266px;
    margin: 0 auto !important;
    float: none;
  }
  .campaign-carousel .slick-slide .inner-slick {
    margin: 0 60px;
  }
  .show-mobile-portrait {
    display: block;
  }
  .grid-list.list-3 li {
    margin-left: 0;
    padding: 0 0px;
  }
  .related-posts .arrows-container .slick-prev {
    left: 0;
  }
  .related-posts .arrows-container .slick-next {
    right: 0;
  }
  .social-wrapper .addthis_toolbox {
    left: -135px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
  }
  .single-campaign .social-wrapper .addthis_toolbox {
    left: 0;
  }
  .col-4.middle {
    float: none;
    margin: 0 auto;
  }
  footer .col-4 {
    float: none;
  }
  footer .col-4.middle {
    margin: 25px 0 0 2%;
  }
  footer .col-4.last {
    margin: 0;
    margin-top: 25px;
  }
  .publications-carousel .middle img {
    margin-bottom: 15px;
  }
  #primary-menu .menu-container.first {
    border: 0;
  }
  .news-container .grid-list {
    text-align: center;
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
  }
  .news-container .grid-list li {
    margin: 0 0 25px 0;
    width: 100%;
  }
  .news-container .grid-list li a {
    max-width: 100%;
    display: inline-block;
  }
  .news-container .grid-list li a.more.share {
    display: block;
  }
  #our-board {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-top: 44px;
  }
  #our-board li {
    width: 100%;
  }
  #our-board h2 {
    line-height: 60px;
  }
  .col-8 {
    width: 100%;
  }
  #our-campaign {
    margin-bottom: 0;
  }
}
@media all and (max-width: 480px) {
  .support-blocks li {
    width: 100%;
    margin-left: 0;
  }
  .support-blocks li:nth-child(3n+1) {
    margin-left: 0%;
  }
  .support-blocks li:nth-child(2n+1) {
    margin-left: 0%;
  }
  #primary-menu li {
    font-size: 34px;
  }
  .menu-title {
    font-size: 34px;
  }
  #ticker-container {
    top: 200px;
  }
  .champion .col-4 {
    margin: 0;
    width: 100%;
  }
  .champion .col-8 {
    width: 100%;
    margin: 0;
  }
  .champion h2 {
    margin-top: 30px;
  }
  #primary-menu .menu-container {
    padding: 0;
  }
  .jg-donate-widget li {
    font-size: 20px;
  }
  .hide-mobile-portrait {
    display: none;
  }
  .publications-carousel {
    width: 266px;
  }
  #publication-nav-container .menu-title {
    font-size: 24px;
  }
  .video-placeholder-image {
    min-height: 100% !important;
  }
}
@media all and (max-height: 350px) {
  .video-placeholder-image {
    min-height: 100% !important;
  }
}
.isMobile #home-video video {
  display: none;
}
.isMobile .video-placeholder-image {
  background-size: cover;
  width: 100%;
  background-position: center center;
  min-height: calc(100vh - 130px);
}