/* Custom Speaking of Dying styles */

body {
  padding-top: 10px;
  background: #f4f4dc;
  font-family: "simonettaregular", Times, Georgia, serif;
}

@font-face {
  font-family: "blackjackregular";
  src: url("blackjack/black_jack-webfont.eot");
  src: url("blackjack/black_jack-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("blackjack/black_jack-webfont.woff2") format("woff2"),
    url("blackjack/black_jack-webfont.woff") format("woff"),
    url("blackjack/black_jack-webfont.ttf") format("truetype"),
    url("blackjack/black_jack-webfont.svg#blackjackregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "simonettaregular";
  src: url("simonetta/simonetta-regular-webfont.eot");
  src: url("simonetta/simonetta-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("simonetta/simonetta-regular-webfont.woff2") format("woff2"),
    url("simonetta/simonetta-regular-webfont.woff") format("woff"),
    url("simonetta/simonetta-regular-webfont.ttf") format("truetype"),
    url("simonetta/simonetta-regular-webfont.svg#simonettaregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "simonettablack_italic";
  src: url("simonetta/simonetta-blackitalic-webfont.eot");
  src: url("simonetta/simonetta-blackitalic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("simonetta/simonetta-blackitalic-webfont.woff2") format("woff2"),
    url("simonetta/simonetta-blackitalic-webfont.woff") format("woff"),
    url("simonetta/simonetta-blackitalic-webfont.ttf") format("truetype"),
    url("simonetta/simonetta-blackitalic-webfont.svg#simonettablack_italic")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "simonettaitalic";
  src: url("simonetta/simonetta-italic-webfont.eot");
  src: url("simonetta/simonetta-italic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("simonetta/simonetta-italic-webfont.woff2") format("woff2"),
    url("simonetta/simonetta-italic-webfont.woff") format("woff"),
    url("simonetta/simonetta-italic-webfont.ttf") format("truetype"),
    url("simonetta/simonetta-italic-webfont.svg#simonettaitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "simonettablack";
  src: url("simonetta/simonetta-black-webfont.eot");
  src: url("simonetta/simonetta-black-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("simonetta/simonetta-black-webfont.woff2") format("woff2"),
    url("simonetta/simonetta-black-webfont.woff") format("woff"),
    url("simonetta/simonetta-black-webfont.ttf") format("truetype"),
    url("simonetta/simonetta-black-webfont.svg#simonettablack") format("svg");
  font-weight: normal;
  font-style: normal;
}

.desktop {
  display: block;
}
.mobile {
  display: none;
}

h1,
h2 {
  font-family: "blackjackregular", Arial, sans-serif;
  font-size: 28px;
  padding: 10px 0 10px 0;
  line-height: 150%;
}

h1 {
  padding: 5px 0 10px 0;
  font-size: 36px;
  color: #2d798e;
}

h3 {
  font-family: "simonettablack", Times, Georgia, serif;
  color: #404040;
  padding-bottom: 10px;
}

h4 {
  font-size: 20px;
  padding: 0px 0px 10px 22px;
}

a,
a:visited {
  color: #e02f00;
  text-decoration: none;
}
a:hover {
  color: #000;
}

iframe {
  margin-bottom: 20px;
  margin-top: 77px;
  width: 560px !important;
  height: 420px !important;
}

/* Wordpress Modifications */

.most-recent {
  padding: 20px;
}
.blog-title ul {
  margin-bottom: 0;
}

.blog-img-thumb {
  padding: 5px 30px 10px 0;
  float: left;
}
.blog-img {
  padding-bottom: 20px;
}
.home h1#post-2 {
  display: none;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 0 0 30px 0;
}
p {
  margin-bottom: 0.8em;
}
.cycle-slideshow {
  height: 300px;
}
.site-title {
  margin: 10px 0 0 0;
  padding: 0;
}

/* End Wordpress Modifications */

.color-bar {
  margin: 0 0 20px 0;
  padding: 4px 0 0 0;
  /* background:#2D798E; */
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.blog-color-bar {
  margin: 0 0 20px 0;
  padding: 4px 0 0 0;
  background: #2d798e;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.color-bar h2 {
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1025px) {
  .film-buttons {
    display: inline-flex;
  }

  .color-bar-vimeo {
    margin: 0 0 20px 20px;
    padding: 2px 10px 0 10px;
    background: #2d798e;
    -moz-border-radius: 15px;
    border-radius: 15px;
    max-width: 250px;
    display: inline-block;
  }

  a.color-bar-vimeo {
    color: #fff;
    text-align: center;
    max-width: 250px;
    padding: 10px;
    font-size: 22px;
    font-family: "blackjackregular", Arial, sans-serif;
  }
}
@media screen and (max-width: 1024px) {
  .buy-button {
    display: block;
    margin: 32px;
    padding: 5px;
  }

  a.color-bar-vimeo {
    color: #fff;
    text-align: center;
    max-width: 250px;
    padding: 10px;
    font-size: 22px;
    font-family: "blackjackregular", Arial, sans-serif;
  }

  .color-bar-vimeo {
    margin: 0 20px 20px 0 !important;
    padding: 2px 0 0 0;
    background: #2d798e;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
}

.color-bar-vimeo h2 a {
  color: #fff !important;
  text-align: center;
}

.color-bar-vimeo h2 a:hover {
  color: #e02f00 !important;
  text-align: center;
}

.color-bar-consult {
  margin: 0 0 20px 0;
  padding: 4px 0 0 0;
  background: #e02f00;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.color-bar-consult h2 {
  color: #fff;
  text-align: center;
  padding: 2px 0 2px 0;
}

.calendar {
  margin-top: 23px;
}
.sessions {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.support {
  padding: 20px 20px 10px 20px;
  margin-bottom: 30px;
  display: block;
  background: #fff;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

nav ul {
  margin: 10px 0 10px 0;
  list-style: none;
  font-size: 18px;
}
nav ul li {
  padding: 0 0 6px 0;
  background: url(nav-dot.png) no-repeat;
}

/* Added SDV for touch devices menu to work on single tap, iPhone and iPAds */
@media screen and (min-width: 1025px) {
  nav ul li:hover,
  nav ul li.current_page_item {
    padding: 0 0 6px 0;
    background: url(nav-dot-hover.png) no-repeat;
    display: block;
  }
}
nav ul li a,
nav ul li a:visited {
  padding-left: 50px;
  text-decoration: none;
  color: #333;
  display: block;
}
/* Right Donation and Thermometer */

.money-raised {
  padding-top: 14px;
  color: #fff;
  font-family: "simonettablack", Times, Georgia, serif;
  height: 50px;
  background: url(money-raised.png) no-repeat center;
}
.blackjack {
  text-align: center;
  font-family: "blackjackregular", Arial, sans-serif;
  font-size: 20px;
  padding: 10px 5px 0 0;
  float: right;
}

/* Text below the Donate Thermometer */
.additional-funds {
  text-align: right;
  line-height: 1.3;
  margin-bottom: 15px;
  margin-top: 10px;
  font-family: "simonettaregular", Times, Georgia, serif;
  font-size: 15px;
}

.social-media {
  float: right;
}
.social-media a:link,
.social-media a:visited {
  color: #2d798e;
}
.social-media a:hover {
  color: #404040;
  cursor: pointer;
}

.donate {
  margin: 0 auto 20px auto;
  padding: 10px 0 8px 0;
  font-size: 19px;
  text-align: center;
  width: 100%;
  background-color: rgba(226, 104, 66, 1);
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-transition: background-color 500ms ease-out;
  -moz-transition: background-color 500ms ease-out;
  -o-transition: background-color 500ms ease-out;
  transition: background-color 500ms ease-out;
}
.half {
  width: 50%;
}
.donate:hover {
  background: #a54c30;
  display: block;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  transition: all 500ms ease-in;

  background-color: rgba(165, 76, 48, 1);
}

.donate-btn h2 a {
  color: #ffffff;
}

.donate-btn:hover {
  background: #a54c30;
  display: block;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  transition: all 500ms ease-in;

  background-color: rgba(165, 76, 48, 1);
}

.donate a {
  padding: 15px 0;
  color: #fff;
  font-family: "simonettablack", Times, Georgia, serif;
  text-decoration: none;
  display: block;
}
.donate a:hover {
}
.slideshow-credits {
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.the-film-and-beyond ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.the-film-and-beyond ul li {
  padding-bottom: 15px;
}
/* JS Fiddle */
.thermometer {
  float: right;
  margin: 0;
}
.thermometer {
  position: relative;
}

.thermometer .track {
  height: 280px;
  top: 10px;
  width: 20px;
  border: 1px solid #aaa;
  position: relative;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgb(0, 0, 0)),
    color-stop(1%, rgb(255, 255, 255))
  );
  background: -webkit-linear-gradient(
    top,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background: -o-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 10%);
  background: -ms-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 10%);
  background: -moz-linear-gradient(
    top,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background: linear-gradient(
    to bottom,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background-position: 0 -1px;
  background-size: 100% 5%;
}

.thermometer .progress {
  height: 0%;
  width: 100%;
  background: rgb(226, 104, 66);
  background: rgba(226, 104, 66, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
}

.thermometer .goal {
  position: absolute;
  top: 0;
}

.thermometer .amount {
  display: inline-block;
  padding: 0 5px 0 60px;
  border-top: 1px solid black;
  color: #333;
}

.thermometer .progress .amount {
  padding: 0 60px 0 5px;
  position: absolute;
  border-top: 1px solid #404040;
  color: #404040;
  right: 0;
}

.thermometer.horizontal {
  margin: 30px auto 0 auto;
}

.thermometer.horizontal {
  width: 220px;
  height: 50px;
}

.thermometer.horizontal .track {
  width: 100%;
  left: 0;
  height: 30px;
  margin: 14px auto;

  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgb(0, 0, 0)),
    color-stop(1%, rgb(255, 255, 255))
  );
  background: -webkit-linear-gradient(
    left,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background: -o-linear-gradient(left, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 10%);
  background: -ms-linear-gradient(
    left,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background: -moz-linear-gradient(
    left,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background: linear-gradient(
    to right,
    rgb(0, 0, 0) 0%,
    rgb(255, 255, 255) 10%
  );
  background-size: 5% 100%;
}

.thermometer.horizontal .progress {
  height: 100%;
  width: 0%;
}

.thermometer.horizontal .goal {
  left: 100%;
  height: 100%;
}

.thermometer.horizontal .amount {
  bottom: 0;
  position: absolute;
  padding: 0 5px 40px 5px;
  border-top: 0;
  border-left: 2px solid black;
}

.thermometer.horizontal .progress .amount {
  border-left: 0;
  border-top: 0;
  border-right: 2px dotted #404040;
}

/* END JS Fiddle and Donation */

.site-content {
  margin: 20px 0 40px 0;
  padding: 0;
}

.site-info {
  text-align: center;
  padding: 0 50px;
}
.span_3_of_4 .entry-content {
  margin-bottom: 30px;
  padding: 0 30px 0 0;
  border-right: 1px dotted #2d798e;
}

.bio-photo {
  float: left;
  margin: 5px 20px 20px 0;
}
.slideshow-credits p {
  font-style: italic;
}
.page-item-307 {
  display: none;
}

.wpcf7-form {
  padding-bottom: 20px;
}

header {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #95b1b9;
}

/* Responsive Grid System */

#skiptomain {
  display: none;
}

#wrapper {
  width: 100%;
  position: relative;
  text-align: left;
}

#headcontainer {
  width: 100%;
  background: url(/images/headerback.png) no-repeat center top;
}

header {
  clear: both;
  width: 100%; /* 1000px / 1250px */
  max-width: 1200px; /* 1200px / 13 */
  margin: 0 auto;
  padding: 0 0 10px 0;
  position: relative;
}

#maincontentcontainer {
  width: 100%;
}

.standardcontainer {
}

.darkcontainer {
  background: rgba(102, 102, 102, 0.05);
}

.lightcontainer {
  background: rgba(255, 255, 255, 0.25);
}

#maincontent {
  clear: both;
  width: 80%; /* 1000px / 1250px */
  font-size: 15px; /* 13 / 16 */
  max-width: 1200px; /* 1200px / 13 */
  margin: 0 auto;
  padding: 0;
  line-height: 1.5em;
  position: relative;
}

.maincontent {
  clear: both;
  width: 80%; /* 1000px / 1250px */
  font-size: 15px; /* 13 / 16 */
  max-width: 1200px; /* 1200px / 13 */
  margin: 0 auto;
  padding: 1em 0px;
  line-height: 1.5em;
  position: relative;
}

#footercontainer {
  width: 100%;
  border-top: 1px solid #000;
  background: #222 url(/images/footerback.png) left top;
}

footer {
  clear: both;
  width: 80%; /* 1000px / 1250px */
  font-size: 15px; /* 13 / 16 */
  max-width: 92.3em; /* 1200px / 13 */
  margin: 20px auto 0 auto;
  padding: 20px 0px 10px 0px;
  color: #2d798e;
  border-top: 3px solid #95b1b9;
}

footer a:link,
footer a:visited {
  color: #e02f00;
}
footer a:hover {
  color: #e02f00;
  text-decoration: underline;
}

ul.pagefooterlist,
ul.pagefooterlistimages {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.pagefooterlist li,
ul.pagefooterlistimages li {
  clear: left;
  margin: 0px;
  padding: 0px 0px 3px 0px;
  display: block;
  line-height: 1.5em;
  font-weight: normal;
  background: none;
}

ul.pagefooterlistimages li {
  height: 34px;
}

ul.pagefooterlistimages li img {
  padding: 5px 5px 5px 0px;
  vertical-align: middle;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity = 75);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

ul.pagefooterlistimages li a {
  text-decoration: none;
}

ul.pagefooterlistimages li a:hover img {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity = 100);
}

.span_2_of_3 {
  padding-bottom: 20px;
}
.entry-meta {
  padding-bottom: 20px;
}
/*  SECTIONS  ============================================================================= */

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/* End of Responsive Grid System */

/* Begin col.css */

/*  SECTIONS  ============================================================================= */

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  GROUPING  ============================================================================= */

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
  display: block;
  float: left;
  margin: 0 0 0 3.6%; /* Was 1% 0 1% 1.6% */
}

.col:first-child,
.first {
  margin-left: 0;
} /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
  .col {
    margin: 1% 0 1% 0%;
  }
  .donation-graph {
    padding: 0 70px 0 0;
    position: relative;
    top: -20px;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  #maincontent {
    width: 90%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .donation-graph {
    margin: 20px;
    padding: 0 70px 0 0;
    position: relative;
    top: -20px;
    height: 100px;
  }
  #maincontent {
    width: 90%;
  }
  .col {
    margin: 0;
  }
  .support {
    margin-top: 20px;
  }
}

/* End of col.css */

/*  GRID OF THREE   ============================================================================= */

.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 65.13%;
}

.span_1_of_3 {
  width: 30.9%;
}

/*  GO FULL WIDTH AT LESS THAN changed from 767 to 768 PIXELS */

@media only screen and (max-width: 768px) {
  .span_3_of_3 {
    width: 100%;
  }
  .span_2_of_3 {
    width: 100%;
  }
  .span_1_of_3 {
    width: 100%;
  }
}

/*  end GRID OF THREE  */

/*  GRID OF FOUR   ============================================================================= */

.span_4_of_4 {
  width: 100%;
}

.span_3_of_4 {
  width: 72.6%;
}

.span_2_of_4 {
  width: 48.2%;
}

.span_1_of_4 {
  width: 22.8%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
  .span_4_of_4 {
    width: 100%;
  }
  .span_3_of_4 {
    width: 100%;
  }
  .span_2_of_4 {
    width: 100%;
  }
  .span_1_of_4 {
    width: 100%;
  }
}

/*  END GRID OF FOUR   ============================================================================= */