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

.home-sub-content h3 {
 text-transform: capitalize;
font-weight: 700;
font-size: 1.5em;
font-family: poppins !important;
}

.home-sub-content p {
  color: #3d3e3f;
font-size: 1em;
margin: 0;
font-family: rubik !important;
font-weight: normal;
}
.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;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:0;padding: 0.5em 0;text-shadow: none;left:0;display: block;color:#fff;text-decoration: none;text-shadow:none;line-height:1.5em;width:100%;text-align: center;font-weight: 600;font-family: poppins !important}
.grief-recovery-thumbnail a span.column-1{background:#00aeef}
.grief-recovery-thumbnail a span.column-2{background:#cfc12a}
.grief-recovery-thumbnail a span.column-3{background:#a4b638}
.grief-recovery-thumbnail a span.column-4{background:#54495d}
.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:#fff;}
#coming-together .coming-together-thumb{padding-left:0;}
#coming-together .coming-together-content{padding:1em 2em;float:left;text-align:center;}
#coming-together .coming-together-content h3{font-size: 1.5em;font-weight: 600;color:#414040;text-transform: uppercase;margin:0 0 0.25em 0}
#coming-together .coming-together-content p{margin:0 0 0.5em 0;line-height:1.25em;font-size: 1em;}
#coming-together .coming-together-content a.button{font-size: 0.9em;margin:0;}
.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%;}
.home .grief-recovery-thumbnail img{border:0;height:250px;}

/*About Page*/
#grief-recovery1{margin:0 0 2em;padding:0em 0 4em;float:left;width:100%;background:#fff;background-size:cover}
.grief-recovery-thumbnail1 img{border:2px solid #fff;border-radius: 2px;width:100%}
.grief-recovery-thumbnail1 a{position: relative !important}
.grief-recovery-thumbnail1 a span{padding: 0.5em 0;text-shadow: none;left:0;display: block;color:#000;text-decoration: none;text-shadow:none;line-height:1.5em;width:100%;text-align: center;font-weight: 600;font-family: poppins !important}
.grief-recovery-content1 h4{padding:1em 0 0 0;text-align: center;color:#fff;font-size:1em;line-height: 1.75em;}
.grief-recovery-content1 .columns{margin:0 auto;float:none;}
.grief-recovery-thumbnail1 p {text-align: center;font-size: 16px;}


.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{}
#home-recent .most-recent h2.post-title{font-weight: 600;font-size: 1.3em !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{background:url(../img/loss-search.jpg) no-repeat left top;background-size: cover;padding:2em 0;}
#home-search h3{font-size: 1.75em;text-align: center;margin-bottom:0.75em;color:#171a22;font-weight: 700;font-family: poppins !important;text-transform: capitalize;}
#home-search #searchform .advanced_search_outer label{margin-top:1em;color:#fff;font-family: poppins !important;font-weight: 500;}
#home-search #searchform .advanced_search_outer #advanced_search_btn input{padding:0.35em 2em;margin-top:2.15em;font-family: rubik;text-transform: uppercase;font-weight: 500;}
#home-search #searchform .advanced_search_outer{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%;padding:0.5em 0}
#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}
.author-info .large-3{float:left;padding:1em;text-align: center;}
.author-info{margin-2em 0;padding:1em;width:100%;float:left;}
.author-info .large-3 img{margin-bottom: 1em;}
.author-info .large-3 span{display: block;text-align: center;color:#fff;font-size:1em;font-weight: bold;margin-bottom: 0.25em;font-family: poppins !important;}
.author-info .large-3 label{display: block;text-align: center;color:#fff;font-size:1em;font-weight: bold;margin-bottom: 0.25em;font-family: poppins !important;}
#home-recent .section-title span{color:#00aeef;font-size: 0.75em;text-transform: uppercase;font-weight: bold;font-family: poppins;}
#home-recent .section-title {text-transform: uppercase;font-weight: 700 !important;color:#1e1f20;font-size: 1.5em;text-transform: uppercase;font-weight: bold;line-height: 1em;font-family: poppins !important;border:0;}
.blog-link{float:left;text-align:center;}
.blog-link button{border-radius: 100%;padding: 1.5em;font-weight: bold;font-size: 1.25em;margin-top: 6em;font-family: poppins;text-transform: uppercase;}
.tags_wrap{margin:0.5em 0;padding:0;float:left;width:100%;text-align: center;}
.tags_wrap a{margin:0.25em 0.25em;background:#abb5ac;padding:0.25em 0.5em;font-size: 1em;display: inline-block;color:#fff;}
.all-shows-btn{text-align:center;display: block;}
.wrapper-footer .footer-content .large-3 ul li{list-style: none;color:#fff;}
.wrapper-footer .footer-content .large-3 h4{list-style: none;color:#fff;}
.wrapper-footer .footer-content .large-3 p{list-style: none;color:#fff;text-align: left;}
.wrapper-footer .row-footer{padding:4em 0 0;}
.wrapper-footer .row-footer .footer-content{margin-bottom: 0;}
.contact-form{text-align: center;}
.contact-form h3{font-weight: bold;font-size: 2em;}
.contact-form .large-4{float:left;padding: 0.5em 1em;}
.contact-form .large-4 span{margin:0;}
.contact-form input{padding:0.5em;font-size:1.25em;color:#d4d4d4;border:1px solid #d7d6d6;}
.contact-form input[type="submit"]{background:#00aeef;color:#fff;font-size: 1.2em !important;border-radius: 2px !important;padding:0.5em 3em !important;border:0;text-transform: uppercase;cursor: pointer;
}
body.home{background: #fff;}
.oth-tv-inner{background: #eff2f1;margin: 0;padding: 0;float: left;}
.oth-tv-inner iframe{max-width: 100%}
.page-template-page-searchdev .single-post-columns{float: left}
.single-open-to-hope-radio .single-post-columns{float: left}
.single-open-to-hope-tv .single-post-columns{float: left}
.top-bar .top-bar-section ul li.header-search{background: url(../img/search-icon.png) no-repeat center right;padding: 0 1em;}
.author-information .large-2{text-align: center}
.single-post-columns iframe{max-width: 100%;}
.author-social a{margin:0 0.25em;}
#books #books-wrap{padding: 0 !important}

@media only screen and (max-width: 480px) {
header .top-bar{width:100%;width: 90%;position: absolute;background: #252525;}
.top-bar-section{padding: 0 1em;}
.top-bar .top-bar-section #menu-main-menu-top .dropdown{padding:0 1em;}
.blog-link button{margin-top:2em;width:100%}
.single-post-columns .open-to-hope-tv iframe{max-width: 100%}
#blog .header-content{margin-top:3.5em;padding:0 1em;}
#blog .header-content h2{font-size: 1.5em;}
#blog .large-6.column0{padding: 1em;}
#blog .section-title{padding:1em;}
#blog .large-6.column1{padding:1em;}
#posts .tp-post-header h2.post-title a{font-size: 1.35em;line-height: 1.35em}
ul.page-numbers{width:90%}
.footer-content .footer-logo{padding:1em;}
.footer-content .footer-links{padding-left:1em}
.footer-row-bottom .copyright{padding-left:1em;}
.top-bar-section{padding:0 1em;background: #111;z-index: 999999 !important;}
.top-bar .top-bar-section #menu-main-menu-top .dropdown{background: #111;}
.header-content{margin-top:4em;padding-left:1em;}
#books .header-content{margin-top:4em;padding:0em 1em;}
.header-content button{margin-bottom: 1em;}
.author-info .large-3{padding:0.5em;width:50%}
.blog-link button{width:40%;}
.blog-link{width:100%}
#gform_3 li{width:100%}
header .logo{text-align: center;padding:1em 0;}
#post-title{padding:1.5em 0.5em;}
.single-post-columns{padding:1em;}
.single-post-nav{padding:1em;}
.single-post-nav .old-post-nav{margin-bottom: 1.5em;}
.wrapper-footer .row-footer{padding:2em 0 0}
.header-controls h4{padding: 0 1em;}
}