@charset "UTF-8";

/* BLOG SEARCH FORM */
aside.search-block {  padding-top: 1.5em; padding-bottom: 1.5em;  }
aside.search-block > .container { border-bottom: solid 2px #e9e9e9; }
aside.search-block a.pull-right{ margin-bottom: -2em; color: #717174; }
aside.search-block a[aria-expanded] { display: none; }
aside.search-block a[aria-expanded="false"] span.glyphicon-menu-up { display: block !important; }
aside.search-block a[aria-expanded="false"] span.glyphicon-menu-down { display: none !important; }
aside.search-block div.form-group { position: relative; }
aside.search-block a.clear-btn { color: #333; font-size: 16px; position: absolute; right: 5px; top: 50%; margin-top: -11px; }
aside.search-block form { font-size: 1.1em; }
aside.search-block form p { font-size: 0.875em; }
aside.search-block h4 { font-weight: normal; margin: 0; color: #454545; }
aside.search-block input.form-control { height: auto; padding: 6px; width: 100%; font-size: 0.875em; font-family: Tahoma, Arial, sans-serif; }
aside.search-block button.btn.btn-submit { font-size: 0.75em; }

/* SHARED */
p.readmore a, a.read-more { white-space: nowrap; }
main h4 { font-size: 1.33em; margin-bottom: 1em; }
section#listings { background: #f3f3f3; padding-top: 4em; }

.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; padding: 1em 0; }
article.post.sticky { background: #F6F6F6;  }
article.post.sticky h3:before { content: 'Featured'; font-size: 0.65em; display: block; }
article.post a.featured-image { display: block; padding-bottom: 78%; background-repeat: no-repeat; background-position: 50%; }
article.post h3 { margin: 0; font-weight: normal !important; }
article.post h3 a { color: #006895 !important; }
article.post .post-info { color: #959CA1; font-size: 0.75em; margin-bottom: 0;}
article.post .post-excerpt {  }
div.search-results-title h2 { margin-top: 1em; margin-bottom: 0; display: block;}

/* SINGLE POST */
div.section-title-banner, aside.header-strip { padding: 4em 0 1em; font-size: 1em; }
div.section-title-banner.no-margin, aside.header-strip.no-margin { margin: 0; }
div.section-title-banner h2, aside.header-strip h2 { color: #00B5E0; font-size: 2.5em; margin: 0; font-weight: bold;}
div.section-title-banner a, aside.header-strip a { color: inherit; }

h2.post-category { font-size: 1.5em; margin-bottom: 2em; text-decoration: underline; }

section.blog-post article .hgroup h1 { font-weight: normal; font-size: 2.75em;  }
section.blog-post article .post-info { margin-bottom: 0.25em; color: #ccc; font-size: 0.875em; }
section.blog-post article .post-info a { margin-right: 1em; color: #ccc; }
section.blog-post article ul.menu.tags { margin-bottom: 1em; }
section.blog-post article ul.menu.tags a { color: #bdbdbd; margin-right: 1em; }
section.blog-post article ul.menu.tags a:before { content: '#';}
section.blog-post article .post-thumb { margin-bottom: 3em; }

/* 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-bottom: 2em; }
article.listing a.thumb { display: block; max-width: 360px; min-height: 180px;  }
article.listing h3 {font-size: 1.66em; font-weight: 600; }
article.listing h3 a { color: #595959;  }
article.listing p { font-size: 1.11em; margin-bottom: 0; }
article.listing p.tags a { color: #bdbdbd; margin-right: 1em;  }
article.listing p.tags a:before { content: '#'; }
article.listing p.post-date { display: none; }
@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#insights-featured-article p.excerpt { font-size: 1em; }
  article.featured a.featured-image { min-height: 220px;}
}
@media(max-width: 767px) {
  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%; }
}