/* 
** block section colors
 */
.thin {
  font-weight: 200; }

.light {
  font-weight: 300; }

.bold {
  font-weight: 700; }

/* 
** block section colors
 */
/* Font - CSS Rules */
.mn-light {
  font-family: 'Maison Neue Light', Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: 200;
  font-style: normal; }

.mn-italic {
  font-family: 'Maison Neue Light Italic', Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: 200;
  font-style: italic; }

.mn-medium {
  font-family: 'Maison Neue Medium', Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: 500;
  font-style: normal; }

.mn-bold {
  font-family: 'Maison Neue Bold', Helvetica, Arial, Sans-Serif, sans-serif;
  font-weight: bold;
  font-style: normal; }

/* Common elements styling */
.post .entry ul {
  margin-left: 25px; }

.post .entry ol {
  margin-left: 25px; }

.post .entry a img {
  border: 0; }

p img {
  padding: 0;
  max-width: 100%; }

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.alignright {
  margin: 0 0 5px 15px;
  display: inline; }

img.alignleft {
  margin: 0 15px 5px 0;
  display: inline; }

.alignright {
  float: right;
  display: inline; }

.alignleft {
  float: left;
  display: inline; }

.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* Calendar widget */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0; }

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right; }

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left; }

#wp-calendar a {
  display: block; }

#wp-calendar caption {
  text-align: center;
  width: 100%; }

#wp-calendar td {
  padding: 3px 0;
  text-align: center; }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  padding-top: 4px;
  margin: 10px; }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0; }

/* Big images in rich text editor should not break page layout */
.post .entry {
  overflow: hidden; }

/******* /Gray Area Website WordPress CSS *******/
* {
  margin: 0;
  padding: 0;
  outline: 0; }

body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.5;
  color: #666;
  background: #fff;
  -webkit-transform: scaleZ(1) translateZ(0);
  -moz-transform: scaleZ(1) translateZ(0);
  -ms-transform: scaleZ(1) translateZ(0);
  -o-transform: scaleZ(1) translateZ(0);
  transform: scaleZ(1) translateZ(0); }
  @media (min-width: 0) and (max-width: 1024px) {
    body {
      font-size: 0.9em; } }
  @media (min-width: 1025px) {
    body {
      min-width: 960px; } }

a {
  color: #666;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

a img {
  border: 0; }

input, textarea, select {
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

textarea {
  overflow: auto; }

input, textarea {
  border-radius: 0;
  -webkit-appearance: none; }

.cl {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  clear: both; }

.notext {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px; }

.left, .alignleft {
  float: left;
  display: inline; }

.right, .alignright {
  float: right;
  display: inline; }

.shell {
  width: calc(100% - 40px);
  margin: 0 20px; }
  @media (min-width: 1025px) {
    .shell {
      width: 960px;
      margin: 0 auto; } }

.big-shell {
  width: calc(100% - 40px);
  margin: 0 20px; }
  @media (min-width: 1280px) {
    .big-shell {
      width: 1200px;
      margin: 0 auto; } }

.wrapper {
  width: 100%;
  height: 100%;
  z-index: 60; }

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10; }

.bg img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.bg .slides,
.bg .slides li {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  list-style: none outside none; }

.bg .slides li {
  display: none; }

.bg .slides li:first-child {
  display: block; }

.bg .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/slider-overlay.png); }

#home-feature-title {
  font-size: 42px;
  line-height: 50px;
  text-align: right;
  padding: 0;
  color: #eaebeb;
  width: 360px;
  position: absolute;
  top: 33%;
  right: calc(50% - 480px);
  z-index: 30; }
  @media (min-width: 0) and (max-width: 640px) {
    #home-feature-title {
      font-size: 21px;
      line-height: 25px;
      width: 170px;
      right: 20px; } }

#home-feature-title ul {
  list-style: none outside none;
  width: 100%; }

#home-feature-title ul li {
  display: none; }

#home-feature-title ul li:first-child {
  display: block; }

#home-feature-title ul li a {
  color: #eaebeb; }

.upcoming {
  position: absolute;
  bottom: 25px;
  left: calc(50% - 480px);
  z-index: 50;
  color: #fff; }
  @media (min-width: 0) and (max-width: 640px) {
    .upcoming {
      font-size: 14px;
      width: 94%;
      bottom: 0;
      left: 0;
      padding: 0 3% 3% 3%; } }

.upcoming h4 {
  font-size: 28px;
  padding: 0 0 14px;
  color: #fff;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal; }
  @media (min-width: 0) and (max-width: 640px) {
    .upcoming h4 {
      font-size: 16px;
      padding: 0 0 17px; } }

.upcoming .col {
  float: left;
  display: inline;
  width: 300px;
  padding-right: 20px;
  font-size: 28px;
  line-height: 30px; }
  @media (min-width: 0) and (max-width: 640px) {
    .upcoming .col {
      float: none;
      display: block;
      width: 100%;
      font-size: 14px;
      line-height: 15px;
      padding: 0 0 15px; } }

.upcoming .col.color-1 a {
  color: #4cd2ff; }

.upcoming .col.color-2 a {
  color: #f16fff; }

.upcoming .col.color-3 a {
  color: #ff966f; }

.upcoming .col.color-4 a {
  color: #68bb66; }

.top-text {
  font-size: 1.5em;
  line-height: 1.5;
  color: #555;
  background: #ddd;
  text-align: left;
  padding: 24px 0;
  margin: 0;
  width: 100%;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: italic; }
  @media (min-width: 0) and (max-width: 640px) {
    .top-text {
      font-size: 1.1em;
      padding: 10px 0;
      margin: 0; } }

.top-text .inner {
  height: 100%;
  padding: 0 100px 0 0; }
  @media (min-width: 0) and (max-width: 640px) {
    .top-text .inner {
      padding: 0 30px 0 0; } }

h4.community-list-title {
  text-align: center;
  padding: 0 0 18px; }

.page-style h1,
.page-style h3,
.page-style h4,
.page-style h5,
.page-style h6 {
  padding-bottom: 15px; }

.events {
  padding: 0 0 30px; }

.events .img {
  float: left;
  display: inline;
  width: 440px; }

.events .text {
  float: left;
  display: inline;
  width: 440px;
  margin: 0 0 0 20px;
  clear: right; }
  .events .text h4 {
    line-height: 35px;
    padding: 0 0 20px;
    float: right;
    display: inline;
    margin: 6px 0 0 0;
    width: 440px; }

.events a {
  color: #868686; }

.events .details {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  line-height: 48px;
  padding: 0 0 9px;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400; }

/* Exygy - PH - 2013 - 11 - 21 -  fix date formatting issue on upcoming initiative page  */
.color-2 .article .details .btn {
  background: #df77e9; }

.color-3 .article .details .btn {
  background: #ff9673; }

.color-4 .article .details .btn {
  background: #6ed66a; }

.article {
  padding-top: 45px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.article .mobile-title {
  display: none; }

.article .col {
  width: 436px;
  padding: 0 0 56px; }

.article p {
  padding: 0.5em 0 1.25em 0; }

.article .details {
  width: 100%;
  list-style: none outside none;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 24px;
  padding: 24px 0 30px; }

/* Exygy - PH - 2013 - 11 - 21 -  reduce padding to allow larger company name */
.article .details li {
  display: inline;
  padding: 0 20px; }

.article .details img {
  vertical-align: middle;
  margin: 0 15px 3px 0;
  height: 50px; }

.article .details .btn {
  display: inline-block;
  background: #999999;
  color: #fff;
  line-height: 48px;
  padding-left: 12px;
  padding-right: 26px;
  *padding-right: 0; }

.article .details .btn img {
  margin: 0 6px 0 0;
  height: 25px; }

.article .details .btn:hover {
  text-decoration: none; }

.article .details .btn span {
  display: inline-block;
  background: #ccc;
  padding: 0 14px;
  margin-left: 26px;
  margin-right: -26px;
  position: relative; }

.single-event .article .details li {
  padding: 0 15px;
  /* width: 395px; */ }

.single-event .article .details li br {
  font-size: 0;
  line-height: 0; }

.single-event .article .details li img {
  float: left; }

.single-event .article .details li {
  text-align: left; }

.single-event .article .details li .btn img {
  float: none; }

.single-event .article .details li.article-button-holder {
  width: auto;
  display: inline; }

.single-event .article .details li.cl {
  display: block;
  clear: both;
  width: 100%;
  padding: 15px 0 0 0;
  margin: 0; }

.single-event .article .details li .event-location-details-text {
  float: left;
  width: 347px; }

.single-event .article .details li.article-button-holder {
  float: none; }

.single-education .article .details.location li {
  float: left;
  padding: 0 15px;
  width: 395px; }

.single-education .article .details.location li br {
  font-size: 0;
  line-height: 0; }

.single-education .article .details.location li img {
  float: left; }

.single-education .article .details.location li {
  text-align: left; }

.single-education .article .details.location li .btn img {
  float: none; }

.single-education .article .details.location li.article-button-holder {
  width: auto;
  display: inline; }

.single-education .article .details.location li.cl {
  display: block;
  clear: both;
  width: 100%;
  padding: 15px 0 0 0;
  margin: 0; }

.single-education .article .details.location li .event-location-details-text {
  float: left;
  width: 347px; }

.single-education .article .details.location li.article-button-holder {
  float: none; }

.article .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 24px; }

.article .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.article .video.mobile-show {
  display: none; }

.list {
  height: 100%;
  position: relative;
  border-collapse: hidden;
  padding: 0 20px 6px; }

.list h4 {
  text-align: center;
  padding: 0 0 18px; }

.list ul {
  list-style: none outside none;
  width: 100%;
  position: relative;
  overflow: hidden; }

.list ul li {
  float: left;
  display: inline;
  width: 210px;
  height: 300px;
  padding: 0 10px;
  margin: 0 0 18px; }

.list ul li a {
  float: left;
  display: inline;
  width: 100%;
  color: #999;
  font-size: 20px;
  line-height: 24px; }

.list ul li a .img-wrap {
  width: 210px;
  height: 210px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.list ul li a strong {
  display: block;
  width: 206px;
  padding: 8px 2px 3px;
  font-size: 24px;
  position: relative;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700; }

.list ul li a span {
  display: block;
  font-size: 20px;
  line-height: 24px;
  width: 206px;
  padding: 0 2px; }

.list ul li a:hover {
  text-decoration: none;
  color: #666; }

.donate-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #444;
  color: #ccc;
  padding: 40px 0 50px;
  margin: 0 0 40px; }

.donate-container .shell {
  position: relative;
  overflow: hidden; }

.donate-container .col {
  width: 435px; }

.donate-container .col.left {
  margin-left: 30px; }

.donate-container .col.right {
  margin-right: 30px; }

.donate-container p {
  padding: 0 0 21px; }

.donate-container .donate {
  background: #666;
  border-top: 9px solid #555;
  border-left: 9px solid #555;
  position: relative;
  overflow: hidden;
  padding: 22px 0 30px; }

.donate-container .donate .amount {
  float: left;
  display: inline;
  width: 200px;
  font-size: 54px;
  line-height: 58px;
  height: 58px;
  padding: 0 0 0 13px; }

.donate-container .donate .btn {
  float: right;
  display: inline;
  width: 160px;
  font-size: 32px;
  line-height: 60px;
  background: #72d46f;
  text-align: center;
  color: #fff;
  margin: 0 20px 0 0; }

.donate-container .donate .btn:hover {
  text-decoration: none; }

.donate-container .check {
  display: block;
  padding: 14px 0 22px 42px;
  position: relative; }

.donate-container .checkbox {
  width: 12px;
  height: 12px;
  border: 2px solid #cbcbcb;
  display: block;
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 17px;
  left: 15px;
  cursor: pointer; }

.donate-container .checkbox input {
  display: none; }

.donate-container .checkbox span {
  display: block;
  width: 8px;
  height: 8px;
  margin: 2px;
  background: url(images/transparent.png);
  position: relative;
  z-index: 1; }

.donate-container .checkbox.checked span {
  background: #cbcbcb; }

.donate-container .box {
  margin: 0 0 10px;
  border: 1px solid #555;
  border-top-width: 3px;
  border-left-width: 3px;
  background: #666; }

.donate-container .box label {
  display: block;
  position: relative;
  font-size: 24px;
  padding: 7px 0 10px 40px;
  cursor: pointer;
  width: 390px;
  z-index: 9999; }

.donate-container .box label > span {
  position: absolute;
  top: 7px;
  right: 18px; }

.donate-container .box .checkbox {
  top: 14px;
  left: 12px; }

.donate-container .entry {
  padding: 4px 10px 32px 40px;
  font-size: 16px;
  line-height: 19px;
  width: 380px;
  display: none; }

.donate-container .entry p {
  padding: 0 0 10px;
  color: #fff; }

.video-container {
  padding: 40px 0 24px; }

.video-container .video {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 24px;
  margin: 0 30px; }

.video-container .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.area {
  text-align: center; }

.area .inner {
  width: 100%;
  background: #444;
  padding: 30px 0 35px;
  margin-top: 30px; }

.area .inner h6 {
  font-size: 48px;
  color: #ccc;
  padding: 0 0 32px;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-style: italic; }

.area img {
  display: block;
  margin: 0 0 15px; }

.area .col.left {
  width: 290px;
  margin-left: 30px; }

.area .col.right {
  width: 290px;
  margin-right: 30px; }

.area .col.center {
  position: relative;
  overflow: hidden;
  padding: 0 10px;
  width: 295px;
  float: left;
  display: inline; }

.page-template-template-support-php .top-text {
  margin-bottom: 0; }

.custom-donate-amount {
  margin-left: 5px;
  background: none;
  width: 150px;
  font-size: 47px;
  line-height: 53px;
  color: #ccc;
  border: #ccc solid 1px;
  padding: 2px; }

.gform_wrapper {
  width: 700px;
  margin: 0 auto;
  padding: 0 0 70px; }

.gform_wrapper .gform_heading {
  display: none; }

.gform_wrapper ul {
  list-style: none outside none; }

.gform_wrapper li {
  border: 1px solid #ddd;
  border-top-width: 7px;
  border-left-width: 7px;
  margin: 0 0 30px;
  background: #eee;
  position: relative;
  width: 692px; }

.gform_wrapper li label {
  font-size: 42px;
  color: #aaa;
  line-height: 92px;
  padding: 0 16px;
  position: absolute;
  top: 0;
  left: 0; }

.gform_wrapper li .medium,
.gform_wrapper li .large,
.gform_wrapper li .small {
  width: 660px;
  height: 51px;
  background: #eee;
  border: 0;
  display: block;
  font-size: 42px;
  color: #aaa;
  padding: 21px 16px; }

.gform_wrapper li.large label {
  font-size: 54px;
  line-height: 112px; }

.gform_wrapper li.large .large {
  font-size: 54px;
  height: 66px;
  padding-top: 23px;
  padding-bottom: 23px; }

.gform_wrapper li.small label {
  font-size: 24px;
  line-height: 60px; }

.gform_wrapper li.small .small,
.gform_wrapper li.small .medium {
  font-size: 24px;
  height: 28px;
  padding-top: 16px;
  padding-bottom: 16px;
  resize: none; }

.gform_wrapper li textarea.medium,
.gform_wrapper li textarea.large,
.gform_wrapper li textarea.small {
  min-height: 360px; }

.gform_wrapper .button {
  display: block;
  width: 200px;
  height: 80px;
  background: #72d46f;
  color: #fff;
  border: 0;
  margin: 0 auto;
  font-size: 42px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer; }

.gform_wrapper li.gfield_error {
  border-color: #c68c90;
  background: #ffbfbf;
  color: #c58c90; }

.gform_wrapper li.gfield_error input,
.gform_wrapper li.gfield_error textarea {
  color: #c58c90;
  background: #ffbfbf; }

.gform_wrapper li.gfield_error label {
  color: #c58c90; }

#gforms_confirmation_message {
  padding-top: 15px;
  text-align: center;
  font-size: 32px; }

.contact-box {
  width: 700px;
  margin: 0 auto;
  text-align: center; }

.validation_error {
  display: none; }

.validation_message {
  display: none; }

.container {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 30px 0 40px; }

.container h2 {
  text-align: center;
  padding: 0 0 8px; }

.container h5 {
  text-align: center;
  color: #aaa;
  padding: 0 0 36px; }

.container .img {
  float: left;
  display: inline;
  width: 435px;
  margin-left: 30px; }

.container .text {
  float: right;
  display: inline;
  width: 435px;
  padding: 7px 30px 0 0; }

.container .text p {
  font-size: 24px;
  line-height: 28px;
  padding: 0 0 28px; }

.container .text ul {
  list-style: none outside none;
  font-size: 24px;
  line-height: 36px;
  padding: 0 0 6px; }

.container .text ul li {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 0 27px; }

.container .text a {
  color: #858585;
  float: left;
  display: inline; }

.container .text a img {
  float: left;
  display: inline;
  margin-right: 18px;
  height: 36px; }

.press-list {
  width: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  padding: 10px 0 40px; }

.press-list .col {
  width: 435px;
  color: #7f7f7f; }

.press-list .post {
  padding: 36px 0 0; }

.press-list h4 {
  font-size: 32px;
  padding: 0 0 15px;
  font-weight: 300; }

.press-list a {
  color: #858585; }

.press-list a:hover {
  text-decoration: none;
  color: #333; }

.press-list h6 {
  font-size: 20px;
  color: #7f7f7f;
  padding: 0 0 4px;
  font-weight: 700; }

.support-text {
  display: none; }

#main {
  padding: 0; }

.form-container {
  padding: 10px 0 20px; }

/*.hidden-field { display: none; }*/
#paypal_form {
  display: none; }

.close-menu-button {
  display: block;
  background: url(images/close-button.png) no-repeat center center;
  width: 17px;
  height: 17px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 5px;
  left: 10px; }

h2.bottom-indent-title {
  padding-bottom: 20px;
  text-align: left; }

.bottom-indent {
  padding-bottom: 35px; }

.page-style .postmetadata {
  font-size: 16px;
  padding-top: 15px; }

.single .page-style .postmetadata {
  padding: 0 0 15px; }

.page-style ul,
.page-style ol {
  margin: 0 0 21px 30px; }

.page-style .social-links-list {
  margin: 0; }

.loading-spinner {
  background: url(images/loader.gif) no-repeat center center;
  width: 100%;
  height: 16px;
  margin: 5px 0;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  display: none; }

.slide-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-position: center center;
  background-size: cover; }

@media (min-width: 0) and (max-width: 640px) {
  .article-navigation {
    display: block; }

  .search-form,
  .close-menu-button {
    display: none !important; }

  img {
    max-width: 100%; }

  #navigation .toggle span {
    display: none; }

  .events {
    padding: 0; }

  .events .img {
    margin: 0 0 17px;
    width: 100%; }

  .events .img img {
    width: 100%; }

  .events .text {
    width: auto;
    padding: 0;
    margin: 0; }

  .events h4 {
    font-size: 21px;
    line-height: 23px;
    padding: 8px 10px;
    float: none;
    display: block;
    width: auto;
    margin: 0; }

  .events ul li {
    padding: 0 0 52px;
    border-top: 2px solid #eee; }

  .events ul li:first-child {
    border: 0; }

  .events p {
    padding: 0 0 12px; }

  .events .text {
    padding: 0 10px; }

  .page-template-template-support-php {
    margin: 0; }

  .page-template-template-support-php .top-text {
    background: #444;
    color: #ccc; }

  .donate-container {
    padding: 0 0 8px;
    margin: 0; }

  .donate-container .col.left,
  .donate-container .col.right {
    float: none;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0; }

  .donate-container .box {
    border-top-width: 2px;
    border-left-width: 2px; }

  .donate-container .box label {
    width: auto;
    font-size: 16px;
    padding: 7px 5px 6px 28px; }

  .donate-container .box label > span {
    position: absolute;
    top: 7px;
    right: 12px; }

  .donate-container .box .checkbox,
  .donate-container .checkbox {
    top: 10px;
    left: 8px;
    width: 8px;
    height: 8px; }

  .donate-container .checkbox span {
    width: 6px;
    height: 6px;
    margin: 1px; }

  .donate-container .entry {
    font-size: 13px;
    line-height: 15px;
    padding: 6px 8px 8px;
    width: auto; }

  .donate-container .entry p {
    padding: 0 0 10px; }

  .donate-container .col .text {
    display: none; }

  .donate-container .donate {
    padding: 10px  0 13px; }

  .donate-container .donate .amount {
    font-size: 37px;
    line-height: 42px;
    width: 155px;
    padding-left: 12px; }

  .donate-container .donate .btn {
    width: 98px;
    font-size: 19px;
    line-height: 42px;
    margin-right: 12px; }

  .donate-container .check {
    padding: 13px 0 13px 30px;
    font-size: 16px; }

  .donate-container .check .checkbox {
    top: 16px;
    left: 10px; }

  .video-container {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding: 0 0 56.25%;
    margin: 0; }

  .video-container iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }

  .video-container .video {
    margin: 0; }

  .support-text {
    display: block;
    font-size: 13px;
    line-height: 15px;
    padding: 13px 10px 22px; }

  .support-text p {
    padding: 0 0 12px; }

  .area h3 {
    display: none; }

  .area .inner {
    margin: 0;
    padding: 0; }

  .area .inner h6 {
    font-size: 18px;
    padding: 12px 0 12px; }

  .area .col {
    display: none !important; }

  .showcase-list ul li {
    padding-bottom: 18px; }

  /* Exygy - PH - 2013 - 11 - 21 -  remove margin to fix border on mobile page */
  .article {
    overflow: visible; }

  .article:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
    font-size: 0px;
    line-height: 0; }

  .article {
    padding: 0 0 0; }

  .article p {
    padding: 0 0 12px; }

  .article .col {
    float: none;
    display: block;
    padding: 0;
    width: auto; }

  .press-list .col {
    float: none;
    display: block;
    width: 100%; }

  .press-list {
    font-size: 14px; }

  .press-list .post {
    padding: 0 0 25px; }

  .page-style h3 {
    font-size: 21px; }

  .page-style h1 {
    font-size: 30px;
    line-height: 30px;
    padding: 13px 0 14px; }

  .page-style h4,
  .press-list h4 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 8px; }

  .page-style h6,
  .press-list h6 {
    font-size: 15px; }

  .container {
    padding: 15px 0 0;
    margin: 0 -10px;
    position: relative;
    width: auto; }

  .container h2 {
    font-size: 24px;
    padding: 0 0 5px; }

  .page-style h5,
  .container h5 {
    font-size: 16px;
    padding: 0 0 10px; }

  .container .img {
    width: 100%;
    margin: 0; }

  .container .text {
    padding: 0 10px;
    width: auto;
    font-size: 13px; }

  .container .text p {
    padding: 0 0 12px;
    font-size: 13px;
    line-height: 16px; }

  .container .text ul {
    font-size: 15px;
    padding-top: 6px; }

  .container .text ul li {
    padding: 0 0 2px; }

  .container .text a img {
    height: 24px;
    margin: 8px 10px 0 0; }

  .list {
    padding: 15px 5px 0;
    width: auto;
    margin: 0 -10px; }

  .list h4 {
    padding: 0 0 11px;
    font-size: 24px; }

  .list ul li {
    float: left;
    display: inline;
    padding: 0 5px;
    width: 145px;
    height: 214px;
    padding: 0 5px;
    margin: 0; }

  .list ul li a strong {
    font-size: 16px;
    padding: 0;
    width: auto; }

  .list ul li a span {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    width: auto; }

  .list + .list {
    padding-top: 0; }

  .form-container {
    padding: 10px 0; }

  .gform_wrapper {
    width: 300px;
    margin: 0 auto;
    padding: 10px 0 30px; }

  .gform_wrapper li {
    border-width: 1px;
    border-left-width: 3px;
    border-top-width: 3px;
    font-size: 21px;
    margin: 0 0 15px;
    width: 296px; }

  .gform_wrapper li .medium, .gform_wrapper li .large, .gform_wrapper li .small {
    padding: 9px 10px;
    width: 276px;
    height: 28px;
    font-size: 21px; }

  .gform_wrapper li label {
    padding: 0 10px;
    font-size: 21px;
    line-height: 46px; }

  .gform_wrapper li.small label {
    font-size: 14px;
    line-height: 28px; }

  .gform_wrapper li.small .small, .gform_wrapper li.small .medium {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 186px;
    min-height: 0; }

  .gform_wrapper .button {
    width: 100px;
    height: 42px;
    font-size: 24px; }

  .gform_wrapper li.large label {
    font-size: 27px;
    line-height: 56px;
    padding: 0 8px; }

  .gform_wrapper li.large .large {
    padding: 10px 8px;
    font-size: 27px;
    height: 36px; }

  .contact-box {
    width: 100%;
    padding: 0; }

  .contact-box br {
    display: none; }

  .bg .slides li img {
    max-width: none; }

  .home #header.open {
    background-color: rgba(0, 0, 0, 0.88); }

  .home #logo {
    background: transparent;
    box-shadow: none; }

  .article .details {
    padding: 0;
    font-size: 18px; }

  .article .details li {
    padding: 0 0 17px;
    display: block; }

  .article .details img {
    height: 28px;
    margin: 0 7px 0 0; }

  .article .details .btn {
    font-size: 17px;
    line-height: 34px;
    padding: 0 11px 0 6px; }

  /* Exygy - PH - 2013 - 11 - 21 -  remove margin to fix border on mobile page */
  .article .video {
    width: auto; }

  .article .video.mobile-hide {
    display: none; }

  .article .video.mobile-show {
    display: block; }

  .article .details .btn span {
    margin-left: 21px;
    padding: 0 12px; }

  .article-v2 h2 {
    display: none; }

  .article-v2 .details .date {
    display: none; }

  .article-v2 .mobile-title {
    display: block;
    margin: 0 -10px 15px;
    background: #fdddd3;
    font-size: 11px;
    line-height: 1.2;
    color: #852c17;
    text-align: center;
    padding: 13px 10px 7px; }

  .article-v2 .mobile-title h2 {
    display: block;
    padding: 0 0 2px;
    color: #852c17; }

  .article-v2 .mobile-title p {
    padding: 0; }

  .article-v3 h2 {
    text-align: left;
    padding-left: 15px;
    width: auto; }

  .article-v3 .page_style, .article-v3 .page-style {
    padding: 20px 0 0 0; }

  .article-v3 .details {
    font-size: 16px; }

  .article-v3 .details img {
    display: block;
    margin: 0 auto 10px; }

  .article-v3 .details li {
    padding: 0 0 13px; }

  .article-v3 .details li img.location_icon {
    margin-left: 3px; }

  .single-event .article.article-v3 .details li .event-location-details-text {
    margin-left: 4px;
    width: 214px; }

  .article-v3 .details .btn img {
    display: inline; }

  .article-v3 .row {
    padding: 0px 10px 14px 10px;
    width: auto; }

  .article-v3 .row img {
    width: 100px;
    margin: 0 15px 10px 0; }

  .article-v3 .row .text {
    float: none;
    display: block;
    width: auto; }

  .article-v3 .row .text h5 {
    padding: 0 0 8px; }

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

  .list.mobile-slider {
    padding: 15px 19px 0;
    position: relative;
    width: 91%; }

  .list.mobile-slider h4 {
    font-size: 18px;
    padding: 3px 0 7px; }

  .list.mobile-slider ul li {
    width: 141px;
    height: 128px;
    padding: 0; }

  .list.mobile-slider ul li a {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center; }

  .list.mobile-slider ul li a img {
    width: 100px;
    margin: 0 auto;
    display: block;
    height: auto; }

  .list.mobile-slider ul li a strong {
    font-size: 13px; }

  .list.mobile-slider .flex-direction-nav {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0px;
    line-height: 0;
    overflow: visible;
    width: 100%;
    height: 0; }

  .list.mobile-slider .flex-direction-nav li {
    width: auto;
    height: auto;
    float: none; }

  .list.mobile-slider .flex-direction-nav li a {
    display: block;
    width: 11px;
    height: 19px;
    background: url(images/mobile-slider-nav.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    position: absolute;
    top: 0; }

  .list.mobile-slider .flex-direction-nav li a.flex-prev {
    left: 15px;
    background-position: 0 0; }

  .list.mobile-slider .flex-direction-nav li a.flex-next {
    right: 1px;
    background-position: right 0; }

  .bg {
    height: 120%; }

  .events .details a {
    width: auto; }

  .search-form {
    display: none; }

  .custom-donate-amount {
    width: 115px;
    font-size: 28px;
    line-height: 33px; }

  .article .details .btn img {
    height: 15px; }

  .single-event .article .details li {
    padding-bottom: 10px;
    width: 250px; }

  .single-event .article .details li img {
    padding-right: 10px; }

  .single-event .article .details li.article-button-holder {
    padding: 0 10px 10px 0;
    display: inline-block; }

  .single-education .article .details.location li {
    padding-bottom: 10px;
    width: 250px; }

  .single-education .article .details.location li img {
    padding-right: 10px; }

  .single-education .article .details.location li.article-button-holder {
    padding: 0 10px 10px 0;
    display: inline-block; }

  .single-education .article .details.location li .event-location-details-text {
    width: 210px;
    float: left; }

  .events .details.event-article-details {
    min-height: 77px;
    bottom: -14px; }

  .events .details.event-article-details a {
    width: 335px;
    margin: 0 0 5px; }

  .events .details.event-article-details a br {
    display: none; }

  .events .details.event-article-details a,
  .events .details.event-article-details a.article-price-info {
    line-height: 26px; }

  .single-event .article .details li .event-location-details-text {
    width: 222px; }

  .events .details a span {
    float: none;
    width: auto;
    display: inline-block;
    line-height: 15px;
    width: 269px; } }
.campaign {
  background-color: #7E7A77;
  text-align: center;
  line-height: 0;
  overflow-x: hidden; }

#campaign-header {
  width: 320px;
  position: absolute;
  top: 40px;
  left: calc(50% - 480px);
  z-index: 200;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: #F5F4F2;
  font-size: 22px;
  line-height: 34px;
  text-align: left; }
  @media (min-width: 641px) and (max-width: 1024px) {
    #campaign-header {
      left: 75px;
      font-size: 19px;
      line-height: 30px; } }
  @media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    #campaign-header {
      left: 75px; } }

  @media (min-width: 0) and (max-width: 640px) {
    #campaign-header {
      width: 220px;
      left: 15px;
      top: 20px;
      font-size: 15px;
      line-height: 20px; } }
  @media (min-width: 0) and (max-width: 640px) and (orientation: portrait) {
    #campaign-header {
      width: 150px; } }

.campaign-section {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: normal;
  padding: 80px 0;
  margin: 0; }
  @media (min-width: 641px) and (max-width: 1024px) {
    .campaign-section {
      padding: 60px 0 50px 0; } }
  @media (min-width: 0) and (max-width: 640px) {
    .campaign-section {
      padding: 30px 0 20px 0; } }
  .campaign-section h2 {
    font-size: 32px;
    padding-bottom: 30px;
    font-weight: 300; }
    @media (min-width: 0) and (max-width: 640px) {
      .campaign-section h2 {
        width: 80%;
        margin: 0 10%; } }
  .campaign-section p {
    font-size: 18px;
    line-height: 30px;
    width: 50%;
    padding-bottom: 30px;
    padding-left: 25%;
    padding-right: 25%;
    text-align: left;
    font-size: 1em; }
    @media (min-width: 641px) and (max-width: 1024px) {
      .campaign-section p {
        width: 80%;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 25px; } }
    @media (min-width: 0) and (max-width: 640px) {
      .campaign-section p {
        font-size: 14px !important;
        line-height: 20px;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 15px; } }
  .campaign-section a {
    color: inherit;
    font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700; }
    .campaign-section a:hover {
      text-decoration: underline; }

.tight-top-bottom {
  padding: 80px 0;
  margin: 0; }
  @media (min-width: 0) and (max-width: 640px) {
    .tight-top-bottom {
      padding: 15px 0 15px 0; } }

.campaign-block {
  width: 21%;
  margin: 0 3%;
  display: inline-block;
  position: relative;
  line-height: normal !important;
  text-align: left;
  vertical-align: top; }
  @media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .campaign-block {
      width: 25%;
      margin: 0 3%; } }
  @media (min-width: 0) and (max-width: 640px) {
    .campaign-block {
      width: 80%;
      margin: 0 10%; } }
  @media (min-width: 0) and (max-width: 640px) and (orientation: portrait) {
    .campaign-block {
      width: 90%;
      margin: 0 5%; } }

  .campaign-block ul {
    list-style-type: none; }
    .campaign-block ul li {
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 10px 0; }

.section-dark {
  background-color: #45413E !important;
  color: #F5F4F2 !important; }
  .section-dark h2 {
    color: #F5F4F2 !important; }

.section-light {
  background-color: #F5F4F2 !important;
  color: #7E7A77 !important; }
  .section-light h2 {
    color: #7E7A77 !important; }

.section-medium {
  background-color: #7E7A77 !important;
  color: #F5F4F2 !important; }
  .section-medium h2 {
    color: #F5F4F2 !important; }

.image-section {
  width: 100%;
  height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative; }
  @media (min-width: 641px) and (max-width: 1024px) {
    .image-section {
      height: 500px; } }
  @media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .image-section {
      height: 300px; } }

  @media (min-width: 0) and (max-width: 640px) {
    .image-section {
      height: 400px; } }
  @media (min-width: 0) and (max-width: 640px) and (orientation: portrait) {
    .image-section {
      height: 300px; } }

#render-01 {
  background-image: url(../images/grayarea-render-01-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    #render-01 {
      background-image: url(../images/grayarea-render-01-medium.jpg); } }

#render-02 {
  background-image: url(../images/grayarea-render-02-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    #render-02 {
      background-image: url(../images/grayarea-render-02-medium.jpg); } }

#historical-image {
  background-image: url(../images/grand-theater-historic-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    #historical-image {
      background-image: url(../images/grand-theater-historic-medium.jpg); } }

#proxy-image {
  background-image: url(../images/envelope-proxy-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    #proxy-image {
      background-image: url(../images/envelope-proxy-medium.jpg); } }

#creative-code {
  background-image: url(../images/campaign-creative-code-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    #creative-code {
      background-image: url(../images/campaign-creative-code-medium.jpg); } }

section#campaign-interior {
  background-image: url(../images/campaign-interior-large.jpg); }
  @media (min-width: 0) and (max-width: 640px) {
    section#campaign-interior {
      background-image: url(../images/campaign-interior-medium.jpg); } }

#campaign-footer {
  background-color: #F5F4F2;
  color: #7E7A77;
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 1.15em;
  line-height: 80px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  box-shadow: 0px -10px 0px rgba(0, 0, 0, 0.25); }
  #campaign-footer h2 {
    color: #7E7A77 !important; }
  @media (min-width: 1025px) {
    #campaign-footer {
      box-shadow: 0px -15px 0px rgba(0, 0, 0, 0.25); } }
  #campaign-footer .prompt-text-long {
    display: none; }
    @media (min-width: 481px) {
      #campaign-footer .prompt-text-long {
        display: inline; } }
  #campaign-footer .prompt-text-short {
    display: inline; }
    @media (min-width: 481px) {
      #campaign-footer .prompt-text-short {
        display: none; } }
  #campaign-footer .button {
    margin: 0 0 0 1em; }
  @media (min-width: 0) and (max-width: 640px) {
    #campaign-footer {
      height: 50px;
      line-height: 50px;
      font-size: 1.1em; } }
  @media (min-width: 1024px) {
    #campaign-footer {
      font-size: 1.5em; } }

#facade-svg {
  display: none; }

#facade-wrap {
  width: 100vw;
  height: 100vh;
  display: inline-block;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  @media (min-width: 0) and (max-width: 1024px) {
    #facade-wrap {
      height: 70vw; } }
  @media (min-width: 0) and (max-width: 1024px) and (orientation: portrait) {
    #facade-wrap {
      height: 120vw; } }

  @media (min-width: 1025px) {
    #facade-wrap {
      max-height: 870px; } }

#facade-render {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0; }
  @media (min-width: 0) and (max-width: 1024px) {
    #facade-render {
      height: 70vw; } }
  @media (min-width: 0) and (max-width: 1024px) and (orientation: portrait) {
    #facade-render {
      height: 120vw; } }

  @media (min-width: 1025px) {
    #facade-render {
      max-height: 870px; } }
  #facade-render canvas {
    position: absolute;
    top: 0;
    left: 0; }

#facade-fade {
  width: 100vw;
  height: 100vh;
  background-color: rgba(128, 128, 128, 0);
  background-image: -webkit-linear-gradient(-360deg, #7e7a77 2%, rgba(126, 122, 119, 0) 20%, rgba(126, 122, 119, 0) 80%, #7e7a77 98%);
  background-image: linear-gradient(90deg,#7e7a77 2%, rgba(126, 122, 119, 0) 20%, rgba(126, 122, 119, 0) 80%, #7e7a77 98%);
  position: absolute;
  top: 0;
  left: 0; }
  @media (min-width: 0) and (max-width: 1024px) {
    #facade-fade {
      height: 70vw; } }
  @media (min-width: 0) and (max-width: 1024px) and (orientation: portrait) {
    #facade-fade {
      height: 120vw; } }

  @media (min-width: 1025px) {
    #facade-fade {
      max-height: 870px; } }
  @media (min-width: 1025px) {
    #facade-fade {
      max-width: 870px;
      left: calc(50% - 435px); } }
  @media (orientation: portrait) {
    #facade-fade {
      display: none; } }

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