@import url("reset.css");
@import url("fonts.css");
@import url("media-queries.css");
@import url("animate.css");
@import url("ribbons.css");

* { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
input#input_3_8_1 {width: 100% !important;}
input#input_3_8_5 {width: 100% !important;}
input#input_3_25_1 {width: 100% !important;}
input#input_3_25_2 {width: 100% !important;}
input#input_2_14_1 {width: 100% !important;}
input#input_2_14_2 {width: 100% !important;}


#gravF span {font-size: 14px !important;}
#gravF .ginput_container.RecurringMethod {display: none !important;}
#donate_options {background-color: transparent !important;}
#donate_options ul {
    background-color: #ffb14f !important;
}
@media (min-width:1001px){.equal_height_wrap_100 {max-height: 700px !important;}}

#shareA div {    display: inline-block;
    float: left;
    width: auto;}
#share1 {margin-top: 7px; margin-left: 25px;font-family: 'akzidenz-grotesk_bq_condensBd';
    font-size: 48px;
    letter-spacing: 2px;}
header span.icon-star:before {margin-top: 18px;}
#joiner {font-family: 'akzidenz-grotesk_bq_condensBd'; font-size: 60px;
    letter-spacing: 0px;}
li#donater {background-image: url('https://826nyc.org/wp-content/uploads/2014/09/donateBG.png'); padding: 20px; background-size: 100% 100%;
    background-position: 0 -10px;
    background-repeat: no-repeat;}
nav ul li {height: 120px !important;}
nav a {position: relative;
    top: 10px;}
li#donater:hover {color: #ffffff !important;}
li#donater a:hover {color: #ffffff !important;}
nav#main_menu {margin-top: -10px !important;}
#mailing_list:hover {color: #ffffff;}
div#shareA {    height: 85px;
    background-color: #ffb14f;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px; text-align: left;}
html, body {
  height:100%;
  text-align: center;
  overflow-x: hidden;
  background: #f3f3f3;
  font-family: 'proxima-nova-regular';


}

wrap {
  float:left!important; 
  width: 100%; 
  overflow: hidden;
}

img {display: block;}
a {
  color: inherit;
  text-decoration: none;
  transition: all 0.2s; 
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}

a:hover {
  color: #ffb14f ;
}

h1 a:hover {
  color: inherit ;
}

p {
  line-height: 1.4em;
  letter-spacing: 0.5px;
}

header a:hover, .icon-twitter:hover, .icon-facebook:hover, .icon-instagram:hover {
  color: #ffb14f;
  cursor: pointer;
  text-decoration: none;
}

a:hover {cursor: pointer;}
a.highlight {color: #ffb14f;}
h1 {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 40px;
  letter-spacing: 2px;
}

h2 {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 30px;
  letter-spacing: 2px;
}

h3 {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 20px;
  letter-spacing: 2px;
}

.line {
  background: black;
  width: 100%;
  height: 4px; 
  display: block;
  margin: 10px auto 10px auto;
  float: left;
}

.line_thin {
  background: grey;
  width: 100%;
  height: 1px; 
  display: block;
  margin: 10px auto 10px auto;
  float: left;
}

.internship_opp .line {
  background: black;
  width: 100%;
  height: 4px; 
  display: block;
  margin: 20px auto 20px auto;
  float: left;
}


.line_white {
  background: white;
  width: 100%;
  height: 4px; 
  display: block;
  margin: 10px auto 10px auto;
}

space {
  height: 20px;
  width: 100%;
  display: block;
}

.video-container {
    position: relative;
    padding-bottom: 56%;
    height: 0; 
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pad {padding: 30px;}
.pad_right {padding-right: 30px;}
.pad_m {padding: 40px;}
.pad_l {padding: 50px;}
.pad_top {padding-top: 20px;}
.pad_not_top {padding: 0px 20px;}
.pad_not_top_left {padding: 0px 20px 20px 0px;}
.pad_left {padding-left: 40px;}
.pad_not_top_m {padding: 0px 40px;}
.pad_not_top_l {padding: 0px 50px;}
.pad_bottom {padding-bottom: 20px;}
.pad_not_bottom {
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
}

.program_image {
  height: 500px;
  overflow: hidden;
}
.margin_top {margin-top: 20px;}
.margin_bottom {margin-bottom: 20px;}
.margin_left {margin-left: 20px;}
.left {text-align: left!important}
.right {text-align: right!important}
.white_bg {background: white;}
.orange_bg {background: #ffb14f; color: white;}

.renting {
  background: black; color: #ffb14f;
  padding: 20px;
  text-align: center!important;
  float: left;
  margin: 0px auto 30px auto;
  width: 100%;
}

header {
  text-align: center;
  padding-top:0px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
  height: 150px;
  z-index: 5;
}
nav ul li {
  display: inline-block;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  margin: 5px 30px auto 30px;
  line-height: 60px;
  font-size: 1.3em;
  text-transform: uppercase;
}

#mobile_nav{
  display: none;
  width: 300px;
  float:right;
}

nav ul li:hover {
  color: orange;
  cursor: pointer;
}

#main ul li {
    line-height: 1.5em;
}
.logo:hover {color: black;}

header span.icon-826nyc_new:before {
  font-size: 80px;
  width: 170px;
  vertical-align: middle;
  text-align: center;
  margin:0px;
}
header span.icon-826nyc_new {text-align: center; padding: 0px; margin-left: 0px;}
header span.icon-star:before {
  font-size: 15px;
  width: 20px;
  vertical-align: middle;
  margin-bottom: 8px;
}

.volunteer {line-height: 1.5em;}

.CTA:hover {
  cursor: pointer;
}
#slider {
  height: 500px;
  float:left;
  width: 100%;
  border-top: 2px solid black;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  position: relative;
  overflow: hidden;
}
sliderbackground {
  position: absolute;
  width: 50%;
  right: 0px;
  background: white;
  height: 100%;
}
sliderbackgroundoverlay {
  position: absolute;
  width: 100%;
  right: 0px;
  background: white;
  height: 100%;
  opacity: 0;
}
.slideDown, .slider_content, #slider {
  max-height: 600px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#slide_1 {
  height: 500px;
  float:left;
  background-image: url("../img/BSHS_Front.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
}
#slide_2 {
  height: 500px;
  float:left;
  background-size: cover;
  background-position: center;
  width: 100%;
  position: absolute;
  top:0px;
}

.slider_content {
  width: 400px;
  padding: 15px 20px 0px 20px;
  background: white;
  hyphens: none;
  margin: 0px auto auto 60px;
  line-height: 1.5em;
  position: relative;
}

.slider_content p {
  text-align: center;
}

.slider_content:after {
  height: 60px;
  content: "";
  bottom: -60px;
  left: 0px;
  position: absolute;
  width: 100%;
  background: url("../img/badge_bottom_white.png");
  background-position: center;
}

.slider_content h1 {
  margin: 10px auto 10px auto;
  line-height: 40px;
  height: 40px;
  text-align: center;
}
b {font-family:proxima_nova_rgbold;}
.slider_content h1 span.icon-star:before {
  font-size: 2em;
  margin: auto 20px 20px 20px;
  line-height: 40px;
  vertical-align: middle;
}

#slider .icon-right-open, #slider .icon-left-open {
  font-size: 20px;
  line-height: 40px;
  vertical-align: middle;
  position: relative;
  margin-left: 20px;
  top: -2px;
} 
.icon-right-open, .icon-left-open {
  display: none;
  padding: 10px;
}
.su-tabs-nav span {
  border-right: 1px solid white;
  margin-right: 0px!important;
}
slider {
  width: 100%; position: relative; overflow: hidden;
  height: 1000px;
  float: left;
  overflow: hidden;
}

sliderinner {
  width: 200%; position: absolute; top: 0px; left: 0px; height: 100%;
}
slide {
  float: left;
  height: 1000px;
  position: relative;
  width: 50%;
}
strong {font-weight: 700;}
#slider .icon-right-open:hover, #slider .icon-left-open:hover {
  color: #ffb14f;
  cursor: pointer;
}
.events .our_events {
  padding-right: 20px;
  border-right: 2px solid #e0e0e0;
}

.events_cta {
  position: absolute;
  top: 50px;
  right: 0px;
  background: white;
  width: 120px;
  height: 40px;
  font-family: 'akzidenz-grotesk_bqbold';
  font-size: 20px;
  line-height: 20px;
  padding: 10px;
  vertical-align: middle;
}

.events_cta:hover {
  cursor: pointer;
}

.events_cta:before {
  border-left: 20px solid transparent;
  border-top: 20px solid white;
  display: block;
  position: absolute;
  top: 20px;
  right: 120px;
  content: "";
}
.events_cta:after {
  border-left: 20px solid transparent;
  border-bottom: 20px solid white;
  display: block;
  position: absolute;
  top: 0px;
  right: 120px;
  content: "";
}

.events_slider {
  background: white;
  position: absolute;
  left: 0px;
  height: 100%;
  top: 0px;
  width: 50%;
  text-align: left;
  padding: 30px;
  z-index: 30;
}

.events_slider h2 {
  font-family: 'akzidenz-grotesk_bqbold';
  font-size: 2em;
  line-height: 1.4em;
}

.events_slider line {background: grey;}

.events_slider p {
  font-family: 'proxima-nova-regular';
  font-size: 1.2em;
  color: grey;
  line-height: 1.5em;
}

.events_slider .sign_up {
  font-size: 4em;
  font-family: 'Sullivan';
  margin-top: 20px;
}

.events_slider:before {
  border-right: 80px solid transparent;
  border-top: 250px solid white;
  display: block;
  position: absolute;
  top: 250px;
  left: 100%;
  content: "";
}
.events_slider:after {
  border-right: 80px solid transparent;
  border-bottom: 250px solid white;
  display: block;
  position: absolute;
  top: 0px;
  left: 100%;
  content: "";
}

.smaller-text {font-size: 1em!important;}
#our_program {
  background: #ffb14f;
  padding: 0px;
  float: left;
  overflow: hidden;
}

#our_program h2 {
  text-align: left;
  padding: 20px;
  color: white;
  font-size: 25px;
  padding: 20px 20px 20px 20px;
}
#our_program ul, #donate_options ul {
  margin-top: -3px!important;
  border-bottom: 3px solid white;
}
#our_program a:before {font-size: 60px;}


#our_program ul a  {
  border-top: 3px solid white;
  color: white;
  text-align: left;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  letter-spacing: 3px;

  font-size: 60px;
}
#our_program ul a span {font-size: 60px;}
#our_program ul a:first-child span {top: -3px;}

#slider, #our_program, .author inner, .publication inner, .film inner {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 .float_left {float: left!important;}

header span.icon-826nyc_new, #featured_stories, .slider_content, #main > *, program, event, news, .icon-star, author, .publication, .film {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#donate, #follow, #mailing_list, #offices, #store, #map, #hour, .slider_content {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
nav a, #slider h1, #slider  h2, #slider  h3, #slider p, .events_slider, line {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
sliderbackground {
    -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-moz-document url-prefix() {
  #our_program .cl-effect-10 a:before {
    position: absolute;
    top: 85%;
    overflow: hidden;
    left: -350px;
    z-index: -1;
    padding: 20px;
    width: 700px;
    padding: 20px;
    background: #fff;
    color: orange;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-150%);
    font-family: 'akzidenz-grotesk_bq_condensBd';
  }

  #donate_options .cl-effect-10 a:before {
    left: -156px;`
  }
  #volunteer_opportunities .cl-effect-10 a:before {
    left: -233px;
  }
  .cl-effect-10 a:hover span,
  .cl-effect-10 a:focus span {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      transform: translateX(0%);
      border-top: 3px solid white!important;
      background: white;
      color: #ffb14f;
  }
  .cl-effect-10 a:hover:before,
  .cl-effect-10 a:focus:before {
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%);
  }
}


#offices:hover .child_center, a #store:hover .child_center, .donate_cta:hover h1 {
  /* Webkit for Chrome and Safari */
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s!important;
  -webkit-animation-delay: 0s!important;
}

.donate_cta:hover h1 {
    color: white;
}

#slide_2 {
  display: none;
}

.events_cta {
  -webkit-animation-name: fadeInRight !important; 
  animation-name: fadeInRight !important;
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}


._1  {animation-delay: 0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s;}
._2  {animation-delay: 0.5s; -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s;}
._3  {animation-delay: 0.7s; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s;}
._4  {animation-delay: 0.9s; -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s;}
._5  {animation-delay: 1.1s; -moz-animation-delay:1.1s; -webkit-animation-delay:1.1s;}
._6  {animation-delay: 1.3s; -moz-animation-delay:1.3s; -webkit-animation-delay:1.3s;}
._7  {animation-delay: 1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s;}
._8  {animation-delay: 1.7s; -moz-animation-delay:1.7s; -webkit-animation-delay:1.7s;}
._9  {animation-delay: 1.9s; -moz-animation-delay:1.9s; -webkit-animation-delay:1.9s;}
._10 {animation-delay: 2.1s; -moz-animation-delay:2.1s; -webkit-animation-delay:2.1s;}
._11 {animation-delay: 2.3s; -moz-animation-delay:2.3s; -webkit-animation-delay:2.3s;}
._12 {animation-delay: 2.5s; -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s;}
._13 {animation-delay: 2.7s; -moz-animation-delay:2.7s; -webkit-animation-delay:2.7s;}
._14 {animation-delay: 2.9s; -moz-animation-delay:2.9s; -webkit-animation-delay:2.9s;}
._15 {animation-delay: 3.1s; -moz-animation-delay:3.1s; -webkit-animation-delay:3.1s;}
._16 {animation-delay: 3.3s; -moz-animation-delay:3.3s; -webkit-animation-delay:3.3s;}
._17 {animation-delay: 3.5s; -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s;}
._18 {animation-delay: 3.7s; -moz-animation-delay:3.7s; -webkit-animation-delay:3.7s;}
._19 {animation-delay: 3.9s; -moz-animation-delay:3.9s; -webkit-animation-delay:3.9s;}
._20 {animation-delay: 4.1s; -moz-animation-delay:4.1s; -webkit-animation-delay:4.1s;}
._21 {animation-delay: 4.3s; -moz-animation-delay:4.3s; -webkit-animation-delay:4.3s;}
._22 {animation-delay: 4.5s; -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s;}
._23 {animation-delay: 4.7s; -moz-animation-delay:4.7s; -webkit-animation-delay:4.7s;}
._24 {animation-delay: 4.9s; -moz-animation-delay:4.9s; -webkit-animation-delay:4.9s;}
._25 {animation-delay: 5.1s; -moz-animation-delay:5.1s; -webkit-animation-delay:5.1s;}
._26 {animation-delay: 5.3s; -moz-animation-delay:5.3s; -webkit-animation-delay:5.3s;}
._27 {animation-delay: 5.5s; -moz-animation-delay:5.5s; -webkit-animation-delay:5.5s;}
._28 {animation-delay: 5.7s; -moz-animation-delay:5.7s; -webkit-animation-delay:5.7s;}
._29 {animation-delay: 5.9s; -moz-animation-delay:5.9s; -webkit-animation-delay:5.9s;}
._30 {animation-delay: 6.1s; -moz-animation-delay:6.1s; -webkit-animation-delay:6.1s;}

#author {
  font-size: 1em;
  line-height: 1.4em;
  font-family: 'akzidenz-grotesk_bqbold';
  text-align: left;
  padding: 20px;
}
#featured_stories {
  float:left;
  background: #f2f2f2;
  z-index: 1;
}
#author p {
  font-family: 'akzidenz-grotesk_bqbold';
  text-transform: up
}

#author img {
  width: 100%;
}

.more {
  font-family: 'akzidenz-grotesk_bqbold';
  text-align: right;
  float: right;
}

#story_info {
  padding: 20px 20px 20px 5px;
  text-align: left}
#story_info h3 {
  font-family: 'proxima-nova-regular';
  font-size: 1.4em;
}
#story_info line {
  margin: 20px auto 20px auto;
}
#story_info p {
  line-height: 1.5em
}
#story_info img {
  width: 100%;
  min-height: 150px;
  content: "";
  background: blue;
  
}

#slider line {
  margin-bottom: 40px;
}

p {
  margin: 10px auto 10px auto;
  font-family: 'proxima-nova-regular';
  text-align: left;
}
.clear {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}
h1 {text-align: left}
.our_mission h1 {text-align: center}

.our_mission p {
  width: 300px;
}

#main {
  width: 100%;
  margin: auto;
  max-width: 1400px;
  /*background: #FFB14E;*/
  position: relative;
 }

#main:after {
  width: 100px; height: 100%;
  background: white;
  position: absolute;
  right: 0px;
  top: 0px;
  content: "";
  z-index: -1;
}

#donate {
  padding: 20px 0px;
  min-height: 200px;
  position: relative;
  background: black;
  color: #ffb14f;
  z-index: 1;
}

#donate {
  line-height: 160px;
  vertical-align: middle;
  font-size: 80px;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  color: #ffffff;
}

#donate a {color: #ffffff;}

#donate .icon-star:before {font-size: 2em; position: relative; bottom: 20px; margin: 20px;}

#mailing_list {
  background-image: url("img/stripe_bg.png");
  height: 200px;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 2em;
  padding: 20px;
  z-index: 1;
background-color: #ffb14f;
}

.inner {
  background: #ffb14f;
  padding: 20px;
  min-height: 160px;
  width: 100%;
}

.parent_center {
  display: table;
  vertical-align: middle;
  overflow:hidden;
  margin:0 auto;
  height:100%;
}
.child_center {
  display: table-cell;
  vertical-align: middle;
}

.text_center {text-align: center}
.text_left {text-align: left;}
.text_left_i {text-align: left!important;}
.text_right {text-align: right}

.slim {
  font-family: 'akzidenz-grotesk_bq_condensBd';
  font-size: 15px;
  letter-spacing: 0px;
}

[class*='col-'] {
  float: left;
  position: relative;
}

.col-2-3 {
  width: 66.66%;
}
.col-1 {
  width: 100%;
}
.col-1-2 {
  width: 50%;
}
.col-1-3 {
  width: 33.33%;
}
.col-1-4 {
  width: 25%;
}
.col-3-4 {
  width: 75%;
}
.col-1-5 {
  width: 20%;
}
.col-1-6 {
  width: 16.6666667%;
}
.col-1-7 {
  width: 14.2357143%;
}
.col-1-8 {
  width: 12.5%;
}

#other_chapters div {
  height: 200px;
}

.golden_small {width: 30%; float: left;}
.golden_big {width:70%; float: left;}

/* This parent can be any width and height */

.block {
  text-align: center;
}
 
/* The ghost, nudged to maintain perfect centering */
.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
  float:left;
}

/* The element to be centered, can
   also be of any width and height */ 
.centered {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.center {text-align: center!important}
footer {
  max-width: 1400px;
  margin: auto;
  position: static;
  margin-bottom: 50px;
  height: 200px;
}
footer .main {
  background: white;
}
footer .copyright {
  color: grey;
  font-size: 0.7em;
  text-align: center;
  padding-top: 10px;
}

#follow {padding: 20px;}
#hour {padding: 20px 20px 20px 0px}
#follow h2 {
  padding: 10px;
  background: black;
  color: white;
  position: relative;
  margin-bottom: 40px;
}
/*#follow h2:after {
  border-left: 155px solid transparent;
  border-top: 20px solid black;
  content: "";
  bottom: -20px;
  left: 0px;
  position: absolute;
}
#follow h2:before {
  border-right: 155px solid transparent;
  border-top: 20px solid black;
  content: "";
  bottom: -20px;
  right: 0px;
  position: absolute;
} */
#follow .icon-twitter, #follow .icon-instagram, #follow .icon-facebook {
  font-size: 2.2em;
  margin: auto 5px auto 5px;
}

#hour {text-align: left;}
#hour p {font-family: 'akzidenz-grotesk_bqbold'; line-height: 1.5em; font-size: 0.8em;}
#hour line {margin-bottom: 15px}
#offices, #store {padding: 20px; height: 220px;}
#store {background: lightgrey; }
#offices .inside {border: 3px dashed black;}
#offices .inside, #store .inside { padding: 20px; width: 100%;}
#map {
  height: 220px;
}

.col-1-6 {
  width: 16.66667%;
}

/* ABOUT PAGE */

staff {
  width: 14.28571431%;
  height: auto;
  background: transparent;
  float: left;
  content: "";
  display: inline-block;
  position: relative;
}

staff:hover {cursor: pointer;}

h1.mission .icon-star {
  font-size: 20px; line-height: 40px;
  vertical-align: middle;
  top: -4px;
  position: relative;
  margin: 20px;
}
.staff_img img, staff img {
  width: 100%;
  height: auto;
  display: block;
}

.staff_img img { 
  padding-bottom: 20px;
}
.internship {
  font-size: 1.2em;
  font-weight: bold;
  margin: 20px auto 20px auto;
}

.internship li {
  margin: 10px 10px 10px 0px;
}
.our_mission {
  position: relative;
  padding: 80px 30px 100px 30px!important;
  text-align: center!important;
  background-image: url(../img/mission_bottom_bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.our_mission p {text-align: center!important;}

.column_4 {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
}

staff img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

staff:first-child img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

staff img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.column_2 {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
}

.board_directors ul li, .advisory_board ul li {
  text-align: left;
  line-height: 1.5em;
}
.board_directors, .advisory_board {padding-bottom: 20px}

.equal_height_wrap {
  overflow: hidden!important;
  float:left!important
}

.equal_height_wrap_100 {
  overflow: hidden!important;
  float:left!important;
  width: 100%;
}

program .image_holder {
  float:left;
}

program {
  float:right;
  margin: 0px;
}

program h2 {
  font-size: 3.2em;
  background: #ffb14f;
  padding: 20px;
  color: white;
}

program inner {
  background: white; 
  margin: 0px 20px 20px 0px; 
  float: left;
}


.image_holder img {
  -webkit-box-shadow: inset -6px 0px 25px 0px rgba(50, 50, 50, 0.58);
  -moz-box-shadow:    inset -6px 0px 25px 0px rgba(50, 50, 50, 0.58);
  box-shadow:         inset -6px 0px 25px 0px rgba(50, 50, 50, 0.58);
}
/* Dialogue arrow
:before {
  position: absolute;
  border-top: 24px solid transparent;
  border-right: 24px solid white;
  left: -24px;
  top: 200px;
  content: "";
}
:after {
  position: absolute;
  border-bottom: 24px solid transparent;
  border-right: 24px solid white;
  left: -24px;
  top: 224px;
  content: "";
}
*/
.program wrap {margin-top: 20px; float: left;}
\
.image_holder img {
  width: 100%;
  display: block;
  height: auto;
}

.equal_height {
  padding-bottom: 500px!important;
  margin-bottom: -500px!important;
}
.bottom_20 {
  margin-bottom: 20px;
}


/* EVENTS */

event {
  clear: both;
  float: left;
  position: relative;
  height: auto;
  width: 100%;
  margin: 20px 20px 0px 0px;
  overflow: hidden;
  background: white;
}

event .content {
  min-height: 393px;
  background: white;
  height: auto;
}

.height_100 {
  height: 100%;
}

.event_background {height: 100%}
email {
  text-align: left!important;
  font-weight: 700;
  float: left;
  margin-bottom: 20px;
}
email:hover {
  color: #ffb14f;
  cursor: pointer;
}

email:before {
  content: '\e80d';
  font-family: "826nyc";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  margin-right: 10px;
}

event .image_holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

event .image_holder img {
  display: block;
  width: 100%;
}

news {
  margin-top: 20px;
  float: left;
  border-bottom: 2px solid black;
  padding-bottom: 15px;
}
.more {
  text-align: right;
  font-size: 0.8em;
  letter-spacing: 0px;
}
date {
  padding-top: 10px;
  color: grey;
  float:left;
}

news P {float: left;}
.archive_cta {
  width: 100%;
  height: auto;
  color: grey;
  border: 3px dashed grey;
  font-size: 1.5em;
  font-family: 'akzidenz-grotesk_bqbold';
  padding: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  text-align: center
}

.archive_cta:hover {
  color: #ffb14f;
  border: 3px dashed #ffb14f;
}

.event_cta {
  background: lightgrey;
  padding: 20px; 
  float: left;
  color: white;
  width: 100%;
  font-family: 'akzidenz-grotesk_bqbold';
  margin: 20px 20px 20px 0px;
  font-size: 1.5em;
  text-align: center;
}
.event_cta:hover {
  background: #ffb14f;
  color: white;
}

.big_cta:hover {
  background: #ffb14f;
  color: white;
}

/* STUDENT WRITING*/
.author {
  width: 19%; 
  float: left; 
  position: relative; 
  display: table; 
  vertical-align: middle;
  margin-right: 1%;
  margin-bottom: 1%;
}

.author:nth-child(1) {
}

.author > inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.author > inner > inner {
  display: none; 
  background: white;
  border: 10px solid pink;
  width: 100%;
  height: 100%;
}

.author:hover > inner > inner {
  display: table;
  cursor: pointer;
}

.author > inner h1 {
  height: 100%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.2em;
}

/* .publication */
.publication {
  width: 19%; 
  float: left; 
  position: relative; 
  display: table; 
  vertical-align: middle; 
  padding: 0px;
  margin-right: 1%;
  margin-bottom: 1%;
}

.publication > inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.publication > inner > inner {
  display: none; 
  background: white;
  border: 10px solid black;
  width: 100%;
  height: 100%;
}

.publication:hover > inner > inner {
  display: table;
  cursor: pointer;
}

.publication > inner h1 {
  height: 100%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.2em;
}

/* .film */

.film {
  width: 19%; 
  float: left; 
  position: relative; 
  display: table; 
  vertical-align: middle; 
  padding: 0px;
  margin-right: 1%;
  margin-bottom: 1%;
}

.film > inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.film > inner > inner {
  display: none; 
  background: white;
  border: 10px solid #ffb14f;
  width: 100%;
  height: 100%;
}

.film:hover > inner > inner {
  display: table;
  cursor: pointer;
}

.film > inner h1 {
  height: 100%;
  color: black;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 1.2em;
}

.border_black {border: 10px solid black;}
.background_grey {background: lightgrey}
.background_blue {background: lightblue}
.absolute {position: absolute; top: 0px ; left: 0px;}
.left_25_percent {padding-left: 25%;}
.work_title {position: relative;}
.stories {position: relative;}


#donate_options {
  background: #ffb14f;
  padding: 0px;
  float: left;
  overflow: hidden;
}
#donate_options a:before {font-size: 30px;}
#donate_options h2 {
  text-align: left;
  padding: 20px;
  color: white;
  font-size: 25px;
  padding: 20px 20px 20px 40px;
}
#donate_options ul {
  margin-top: -3px!important;
}

#donate_options ul a  {
  border-top: 3px solid white;
  color: white;
  text-align: left;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  letter-spacing: 3px;
  font-size: 30px;
}

#donate_options ul a span {
  font-size: 30px;
}

#donate_options ul a:first-child span {
  top: -3px;
}

strong {
    font-size: 1em;
    font-family: 'proxima_nova_rgbold';
}

p a {
    font-family: 'proxima_nova_rgbold';
    color: #ffb14f
}

/*VOLUNTEER*/

#volunteer_opportunities {
  background: #ffb14f;
  padding: 0px;
  float: left;
  overflow: hidden;
}
#volunteer_opportunities a:before {font-size: 30px;}
#volunteer_opportunities h2 {
  text-align: left;
  padding: 20px;
  color: white;
  font-size: 25px;
  padding: 20px 20px 20px 40px;
}
#volunteer_opportunities ul {
  margin-top: -3px!important;
}

#volunteer_opportunities ul a  {
  border-top: 3px solid white;
  color: white;
  text-align: left;
  font-family: 'akzidenz-grotesk_bq_condensBd';
  letter-spacing: 3px;
  font-size: 30px;
}
#volunteer_opportunities ul a span {
  font-size: 30px;
}
#volunteer_opportunities ul a:first-child span {
  top: -3px;
}
h1 .icon-right-open, h1 .icon-left-open {
  font-size: 1em;
}
.current_link {
  color: #ffb14f!important;
}
.big_cta {
  padding: 30px;
  background: black;
  color: white;
  display: block;
  font-size: 1.5em;
  font-family: 'akzidenz-grotesk_bqbold';
  border-bottom: 2px solid white;
  border-right: 2px solid white;
}

.big_cta_border_dashed {
  padding: 30px;
  background: transparent;
  color: white;
  display: block;
  font-size: 1.5em;
  font-family: 'akzidenz-grotesk_bqbold';
  border: 3px dashed white;
  margin-top: 10px;
}


.big_cta:hover {
  background: #ffb14f;
}

.image_holder{
  min-height: 400px; 
  background-size: cover;
  background-repeat: no-repeat;
}

.open_story {position: absolute; right: 20px; top: 20px; z-index: 11}

.story, .workshop {
  height: 180px; overflow: hidden; 
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.story:before, .workshop:before {
  position: absolute; bottom: 0px; 
  left: 0px; width: 100%; height: 180px; 
  content: ""; 
  z-index: 10;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 12%, rgba(255,255,255,1) 84%, rgba(255,255,255,1) 85%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,rgba(255,255,255,0)), color-stop(84%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 12%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 12%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 12%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 12%,rgba(255,255,255,1) 84%,rgba(255,255,255,1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

}
.story_expanded {height: auto!important;}
.story_expanded .open_story {transform: rotateX(180deg);}
.story_expanded:before {display: none;}

.has_events {background-color: rgba(255,177,79,0.4)!important; color: black!important;}
.eventon_events_list .eventon_list_event .desc_trig {text-align: left}
.eventon_fc_days .evo_fc_day.has_events span {display: none;}
.evo_fc_day:hover, .on_focus {
  background-color: #ffb14f!important;
  color: white!important;
}
.mobile_menu  {
  display: none;
  position: absolute;
  right: 20px;
  z-index: 100;
  top: 50px;
}
.su-tabs {margin: 0!important;}
.su-column {margin-right: 0px!important; padding-top: 20px!important;}
.fa-star {display: none!important;}
.su-list ul li {
  padding: 4px 0 4px 0em !important;
  text-align: left!important; 
}
.title {
  font-family: "akzidenz-grotesk_bq_condensBd"!important;
  font-size: 20px!important;
}

program h2 a:hover {color: white!important;}

news h2, event h2 {text-align: left!important;}
.main_slider_cta a {
    width: 40px; 
    height: 40px; 
    font-family:proxima_nova_rgbold; 
    z-index: 100;
    background: white;
    line-height: 40px;
    float: left;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
}

.main_slider_cta a:first-child {
    background: #ffb14f;
    color: white;
}
.main_slider_cta {
    position: absolute; 
    right: 0px;
    z-index: 100;
    border-left: 1px solid grey;
}
.main_slide {
    display: none
}
#slide_1 {display: block}
.main_slide  .icon-left-open, .main_slide .icon-right-open {display: inline-block; margin-right: 20px; background: transparent}
.main_slide h1 {
  display: inline-block; width: auto;
}
.mobile_menu img {
    width: 30px;
    margin-top: 2px; 
}
#mobile_nav ul li {
  padding: 0px;
  border-bottom: 1px solid black;
  font-size: 14px;
  line-height: 38px;
}
#mobile_nav ul li:hover {
  background: black;
}
.renting h1{
    text-align: center!important
} 

input[type="text"], input[type="email"] {
    border: 2px solid black; 
    width: 100%!important;
    background: white!important;
    margin-bottom: 10px;
    height: 30px;
    margin-top: 10px;
    padding: 5px;
}

input[type="submit"] {
    width: 100%!important;
    background: black!important;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 40px;
    color: white;
    border: 0px;
    padding: auto 20px auto 20px;
    text-transform: uppercase;
    font-family: 'akzidenz-grotesk_bq_condensBd';
    min-width: 100px;
}
input[type="submit"]:hover {
    background: #ffb14f;
}

.ss-q-title, .ss-required-asterisk, .google_form h1{
    margin-bottom: 20px;
    margin-top: 5px;
}

.google_form {
    text-align: left;
    line-height: 1.4em;
    margin-top: 20px;
}
h1 a[href="#evcal_calendar_1"]:hover {
    color: #ffb14f!important
}

#our_program ul {
    border-bottom: 3px solid white;
}

#donate, #follow *, .renting * {
    transition: 0.2s all;
    animation-delay: 0s!important;
    -webkit-animation-delay: 0s!important;
    -moz-animation-delay: 0s!important;
}
#donate:hover, .renting:hover {
    color: #ffb14f;
}

.renting h1 {margin-bottom: 0px!important;}

.volunteer_opp h1 span, .internship_opp h1 span {
  font-size: inherit;
  font-family: inherit;  
}

.internship_opp h1 {

  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.archive h3 {
  margin-bottom: 8px;
}
.featured_main h2 {
  margin-top: 35px;
}

h1 .expand_100 {
  font-size: inherit;
  font-family: inherit;
}

h1.title_404 {
  font-size: 7.5em!important;
  text-align: center;
  margin: 40px 0px 40px 0px;
}