@charset "UTF-8";



/* SHARED */
p.readmore a { color: #ff0000; }
main h4 { font-size: 1.33em; margin-bottom: 1em; }
section#listings { background: #f3f3f3; padding-top: 4em; }
.sidebar ul.menu span.menu-item-date { color: #bdbdbd; font-size: 0.75em; display: block; margin-bottom: 1.5em; }

.pagination { width: 100%; text-align: center; float: none; }
.pagination a { color: #727272; margin-left: 4px; margin-right: 4px; }
.pagination .next, .pagination .prev { font-size: 0.875em; }
.pagination span.current { font-weight: bold; }

/* ARCHIVE */
article.post { margin-bottom: 0.5em; }
article.post.sticky { background: #E7E7E7;  }
article.post.sticky h3:before { content: 'Featured'; font-size: 0.65em; display: block; }
article.post .post-thumbnail { position: relative; text-align: center; }
article.post .post-thumbnail a { display: block; }
article.post .post-thumbnail a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
article.post a.featured-image { display: block; padding-bottom: 78%; background-repeat: no-repeat; background-position: 50%; }
article.post div.post-copy { padding: 1.5em 1em; }
article.post div.post-copy h3 { margin: 0; padding: 0; }
article.post p { font-size: 0.875em; margin-bottom: 0; }
div.search-results-title h2 {  display: block;}


/* SINGLE POST */
h2.post-category { font-size: 1.5em; margin-bottom: 2em; text-decoration: underline; }
article.post h2 { margin-bottom: 1em; font-size: 1.875em;}
article.post h3 { margin-bottom: 1em; font-size: 1.25em; color: #333; }
article.post h4 { color: #333; }
article.post .post-info { margin-bottom: 0.25em; font-size: 0.875em; }
article.post .post-info a { margin-right: 1em; }
article.post .post-info a[rel=author]:before{ content: 'by: '; }
article.post .post-info .post-date { color: #bdbdbd; }
article.post ul, article.post ol { margin-bottom: 0.5em; }
article.post ul.menu.tags { margin-bottom: 1em; }
article.post ul.menu.tags a { color: #bdbdbd; margin-right: 1em; }
article.post ul.menu.tags a:before { content: '#';}
article.post .post-thumb { margin-bottom: 3em; }
article.post .post-copy h1 { font-size: 1.875em;}
body.single-post article.post .post-copy { font-size: 1.25em; line-height: 1.5 }
article.post blockquote { background: #f5f5f5; }

/* Single Success Stories */
/* written testimonial */
body.success_stories.written-testimonial article.success_stories { font-size: 0.875em; display: table; padding: 2em; border: solid 1px #ccc; margin-top: 1em;}
body.success_stories.written-testimonial .hgroup { display: table-footer-group; text-align: right; }
body.success_stories.written-testimonial .post-copy { font-size: 2em; font-style: italic; display: table-header-group; }


/* RESOURCES PAGE */
article.featured a.featured-image { display: block; min-height: 356px; background-repeat: no-repeat; background-position: 50%; }
#featured-article h3 { font-size: 2em; font-weight: 600; }
#featured-article p.excerpt { font-size: 1.11em; }

article.listing { margin: 0 0 1.5em; padding: 0; }
article.listing .article-wrapper { border: solid 1px #ccc; margin: 0; }
article.listing a.thumb{ display: block;  }
article.listing a.thumb span { display: block; padding-bottom: 56.65%; }
article.listing h3 {font-size: 1.125em; padding: 0 0.5em; margin: 1em 0 0; }
article.listing h3 a { color: #595959; }
article.listing .copy { font-size: 0.875em; margin-bottom: 0; padding: 0 0.5em 1em; }
article.listing p.tags a { color: #bdbdbd; margin-right: 1em;  }
article.listing p.tags a:before { content: '#'; }
article.listing p.post-date {  }
@media(max-width: 1199px) {
  article.featured a.featured-image { min-height: 300px;}
}
@media(max-width: 991px) and (min-width: 768px) {
  article.featured { font-size: 0.875em; }
  article.featured a.featured-image { min-height: 220px;}
}
@media(max-width: 767px) {
  .sidebar .well, article.post { max-width: 380px; margin-left: auto; margin-right: auto; }
 
  article.listing .col-xs-5 { max-width: 200px; }
  article.listing a.thumb { min-height: 150px; }
  article.listing h3 { font-size: 1.25em; }
}
@media(max-width: 360px) {
  article.listing .col-xs-5 { display: none; }
  article.listing .col-xs-7 { width: 100%; }
}