
.home-sub-content {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.home-sub-content h3 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 30px;
}

.home-sub-content p {
  color: #9f9f9f;
  font-size: 18px;
  margin:0;
}
.home-stages .large-3 a img{
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.2\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray alpha(opacity=20); /* IE6-9 */
    -webkit-filter: grayscale(20%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.home-stages .large-3 a img:hover{
    filter: none;
    -webkit-filter: grayscale(0%);
}

.home-stages .large-3 a label:hover img{
filter:grayscale(0%); 
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.home-stages .large-3 p{ margin-top: 0.5em;}

.coming-together {
  color: #fff;
  background: url('../img/home-coming-together.jpg') no-repeat;
  background-size: 100%;
  margin-bottom: 66px;
  height: 327px;
}

.coming-together h3 {
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  margin-top: 33px;
  font-size: 29px;
  font-weight: 300;
}

.coming-together p {
  color: #fff;
}

.home-stages {
  text-align: center;
  margin-bottom: 66px;
  margin-top:20px;
}


.home-stages h4 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  position:absolute;
  top:10%;
  width:100%;
  color:#fff; 
  text-transform: capitalize;
}
.home-stages label {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 400;
  position:absolute;
  top:10%;
  width:100%;
  color:#fff; 
  text-transform: capitalize;
  text-shadow:2px 2px 2px #333;
}
.home-stages label span{ text-decoration: underline;}
.show-below-940 {
  display: none;
}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (max-width: 939px) {
  
  .hide-below-940 {
    display: none;
  }
  
  .show-below-940 {
    display: inherit;
  }
  
  .coming-together {
    height: auto;
    margin-bottom: 0;
  }
  
  .coming-together.show-below-940 {
    /*background-image: none;*/
    color: #333;
    background-color: #f5f5f5;
    margin-bottom: 66px;
    text-align: center;
  }
    .coming-together.show-below-940 h3 {
	color: #fff !important;
	}
  .coming-together.show-below-940 p,
  .coming-together.show-below-940 h3 {
    color: #333;
  }
}


/* We use this media query to add styles to any device that supports media queries */
@media only screen { }

/* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
@media only screen and (min-width: 768px) {
  .coming-together.show-below-940 p{color:#fff !important}

}

/* Used to alter styles for screens at least 1280px wide. */
@media only screen and (min-width: 1280px) {}

/* Used to alter styles for screens at least 1440px wide. */
@media only screen and (min-width: 1440px) {}

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}

@media only screen and (max-width: 767px) {
#content #searchform{padding:0 1em}
#home-latest-videos .video-message h3{margin-top:2em !important}	
#home-latest-videos .video-wrapper .columns{margin-bottom:1em;}
#grief-recovery{padding:2em 0 !important;margin: 0 0 1em !important}
#grief-recovery .large-3{margin-bottom:1em;text-align: center}
#home-recent{padding:1em 0 !important}
.featured-books-wrapper #featuredbooks-home{margin:0}
.featured-books-wrapper #featuredbooks-home .large-3{margin-bottom:1em;}
#featuredbooks-home .featured_books_home .large-3 columns{margin-bottom: 0.5em;}
.footer-row-bottom p{text-align: center !important}
.footer-content form div{height: auto !important}
#featuredbooks-home .featured_books_home{margin: 0 !important}
}
/* New home page styles */
#grief-recovery{margin:0 0 2em;padding:0em 0 4em;float:left;width:100%;background:#fff url(../img/grief-recovery-bg.jpg) no-repeat left 6em;background-size:cover}
.grief-recovery-thumbnail img{border:2px solid #fff;border-radius: 2px;max-width:100%}
.grief-recovery-thumbnail a{position: relative !important}
.grief-recovery-thumbnail a span{position: absolute;bottom:1em;left:0;display: block;color:#fff;text-decoration: none;font-weight: 400;text-shadow: 2px 2px 2px #333;line-height:1.5em;width:100%;text-align: center;}
.grief-recovery-content h4{padding:1em 0 0 0;text-align: center;color:#fff;font-size:1em;line-height: 1.75em;}
.grief-recovery-content .columns{margin:0 auto;float:none;}
#home-recent{margin:0;padding:3em 0;float:left;width:100%;background:#fff;}
#home-recent .section-title{font-size:1.25em;color:#272626;margin:1em 0;display: block;text-transform: capitalize;}
#home-recent .tp-post-media{border:0;margin-bottom:0.5em;}
#home-recent .tp-post-header{border:0;margin-bottom:0.5em;padding:0.25em 0;}
#coming-together{margin:3em 0;padding:0;float:left;width:100%;background: #f5f5f5}
#coming-together .coming-together-thumb{padding-left:0;}
#coming-together .coming-together-content{padding:2em;float:left;}
#coming-together .coming-together-content h3{font-size: 1.5em;font-weight: 600;color:#414040;text-transform: uppercase;margin: 0 0 1em 0;}
#coming-together .coming-together-content p{margin:0 0 1em 0;line-height:1.5em;font-size: 0.9em;}
#coming-together .coming-together-content a.button{font-size: 0.9em;}
.featured-books-wrapper{margin:0 auto;float:none;}
#home-recent .latest-article-cats{padding-left:0;}
.featured-books-wrapper .large-3 .large-5{padding:1em;float:left;background:url(../img/featured-books-cover.jpg) no-repeat left top;background-size: contain;}
.featured_books_home .large-3 .large-5 img{max-width:90%;}



.nav-search .form-search #search{border-radius: 0;}
#home-recent .tp-post-media{border:0;margin-bottom:0.5em;}
#home-recent .tp-post-header{border:0;margin-bottom:0.5em;padding:0.25em 0;}
#home-recent .latest-article-cats{padding-left:0.9375em;}
#header-search .ginput_container_email input{font-size:0.875em}
#header-search #gform_submit_button_5{border: 1px solid #1aa4d8;padding:0.6em 0 !important;height:auto !important}

#view-all-books{text-align: center;margin: 0;padding: 1.5em 0 0;float: left;clear: both;
width: 100%;}
#view-all-books .large-12{margin:0;}
#view-all-books a{padding: 1em;
background: #1aa4d8;
color: #fff;border-radius: 3px;
display: inline-block;}

#home-recent .latest-article-cats{float:left;padding:0 0.9375em;}
#home-recent .most-recent img{
height: auto;min-height: 340px;
max-width: 100%;    max-height: 340px;
}
#home-recent .most-recent h2.post-title{font-weight: 500;font-size: 1em !important}
#home-recent .latest-article-cats .tp-post-media img{width:100%}
#home-recent .most-recent .large-12{margin-bottom:0;}
#home-latest-videos{margin:0 0 0em 0;padding:0;float:left;width:100%;clear:both;}
#home-latest-videos .video-message h3 {font-size: 1.5em;font-weight: 600;color: #414040; text-transform: uppercase;margin: 8em 0 0.5em 0;}
#home-latest-videos .video-message p{margin: 0 0 1em 0;line-height: 1.5em;font-size: 0.9em;color:#555;}
#home-latest-videos .video-message .button{font-size: 0.9em;}
#home-latest-videos .videowrapper {float: none;clear: both; width: 100%;position: relative;padding-bottom: 56.25%; padding-top: 25px;height: 0;}
#home-latest-videos .videowrapper iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%;}
.video-wrapper .row{margin-bottom:1em;}
#featuredbooks-home .featured_books_home{border: 0;}
#home-search .advanced_search_outer label{color:#272727;}
#home-search .advanced_search_outer select{color:#272727;}
#home-search .advanced_search_outer select{width: 100%;}
#home-search .advanced_search_outer{padding:2% 2em 0;border: 1px solid #272727;}
#featuredbooks-home .featured_books_home h2{margin-bottom:0.25em;}
#featuredbooks-home .featured_books_home h6{margin-bottom: 2em;text-transform: capitalize;}
.top-bar-section .menu-main-menu-top-container ul li > a{font-size: 14px;padding:0 11px 0 0}
.top-bar-section .nav-search .has-form{padding: 0 0 0 7px}