/*

Willow Blog

Author: Ben Knowles
Date: Jan 2015
  
*/

/* Home - latest blogs */
/*#blog-latest.style-purple { width: 987px; height: 295px; margin: -15px 20px 30px; padding: 10px 0 35px; text-align: center; float: left; }
#blog-latest.style-purple .blog-latest-inner { clear: both; float: left; width: 100%; margin-left: -3px; }
#blog-latest.style-purple > h2 { margin: 15px 16px; padding: 12px 40px 5px 20px; color: #fff; text-align: left; background: #0089cf; float: left; }
#blog-latest.style-purple .blog-teaser-wrap { width: 24%; }
#blog-latest.style-purple .blog-teaser { margin: 0 6px; background: #4f2683; padding: 0 0 5px; text-align: center; }
#blog-latest.style-purple .blog-teaser h2 { margin-top: 15px; margin-bottom: 5px; padding: 0 15px; }
#blog-latest.style-purple .blog-teaser h2 a { font-size: 18px; line-height: 120%; color: #fff; font-family: NexaBold; font-weight: normal; }

#blog-latest.style-white { width: 987px; height: 295px; margin: -15px 20px 30px; padding: 10px 0 35px; text-align: center; float: left; }
#blog-latest.style-white .blog-latest-inner { clear: both; float: left; width: 100%; margin-left: -3px; }
#blog-latest.style-white > h2 { margin: 15px 16px; padding: 12px 20px 5px; color: #fff; text-align: left; background: #0089cf; float: left; }
#blog-latest.style-white .blog-teaser-wrap { width: 24%; }
#blog-latest.style-white .blog-teaser { margin: 0 6px; border: 1px solid #e8e8e8; background: #fff; padding: 10px 10px 5px; text-align: center; }
#blog-latest.style-white .blog-teaser h2 { margin-top: 15px; margin-bottom: 5px; }
#blog-latest.style-white .blog-teaser h2 a { font-size: 18px; line-height: 120%; }*/

#blog-latest.style-blue { width: 950px; height: 340px; margin: -15px 35px 30px; padding: 10px 0 35px; background: #0089cf; text-align: center; float: left; }
#blog-latest.style-blue > h2 { margin: 15px 16px; padding: 0; color: #fff; text-align: left; }
#blog-latest.style-blue .blog-teaser-wrap { width: 24% }
#blog-latest.style-blue .blog-teaser { margin: 0 6px; background: #fff; padding: 10px 10px 5px; text-align: center; }
#blog-latest.style-blue .blog-teaser h2 { margin-top: 15px; margin-bottom: 5px; }
#blog-latest.style-blue .blog-teaser h2 a { font-size: 18px; }  

@media only screen and (max-width: 480px) {
  #blog-latest.style-blue { width: 100%; margin: 20px 0; float: none; height: auto; }
  #blog-latest.style-blue .blog-teaser-wrap { margin: 0 0 20px; }
  #blog-latest.style-blue .blog-teaser { margin: 0px 10px; }
}

/* Single */
.wrapper.blog .tools { display: none; }
.wrapper.blog .content { margin-top: 30px; }
.wrapper.blog .content img { max-width: 100%; height: auto; }
.wrapper.blog .title h2 { margin: 0px 200px 0 0; }
.submitted { margin: 0 0 20px; font-size: 13px; color: #888; }
.back-to-blog { text-align: right; }
.back-to-blog a { text-decoration: none; }
.back-to-blog a:hover { text-decoration: underline; }
#disqus_thread { margin: 40px 0 0; }

/* Index */
.page-blog main { margin: 0 0 60px; }
.page-blog .strip h2 { left: 55px; }
.page-blog .pagination { margin: 40px auto 20px; display: block; }
.page-blog .pagination li { display: inline-block; float: none; }
.page-blog .pagination a { background: #4f2683; border: 1px solid #4f2683; }
.page-blog .pagination a:hover, .page-blog .pagination a:active, .page-blog .pagination a:focus, .page-blog .pagination a.selected { color: #4f2683; border: 1px solid #4f2683; background: #fff; }
.page-blog .pagination .first, .page-blog .pagination .last { display: none; }
.page-blog .feed-icon, .page-blog .action-links { display: none; }
.blog-teaser-wrap { width: 33%; display: inline-block; vertical-align: top; }
.blog-teaser { margin: 20px; }
.blog-teaser img { max-width: 100%; height: auto; }
.blog-teaser h2 { margin: 10px 0; }
.blog-teaser h2 a { font-size: 20px; line-height: 120%; font-family: NexaBold; text-rendering: optimizelegibility; text-decoration: none; display: block; }
.blog-teaser h2 a:hover { text-decoration: underline; }
.blog-teaser .submitted { margin: 0; }
.blog-teaser-summary { font-size: 15px; margin: 10px 0 0 0; }

@media (max-width: 480px){
  .blog-teaser-wrap { width: 100% !important; }
}