/* styles that control the image overlay on blog search and category pages */
.blog-12-wrap {
  overflow: hidden;
  max-height: 296px; }

.list .blog-12-wrap .av-result-img {
  width: 100% !important;
  max-width: 100% !important; }

.blog-6-wrap {
  overflow: hidden; }

.list .blog-6-wrap .av-result-img {
  width: 100% !important;
  max-width: 100% !important; }

.blog-cat-img {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  background-color: #000; }

.blog-cat-img img {
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.blog-12-wrap:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.4; }

.blog-6-wrap:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.4; }

.blog-learn-more {
  text-align: right;
  position: absolute;
  left: 300px;
  top: 124px;
  font-size: 30px;
  color: #fff;
  opacity: 0; }

.blog-12-wrap:hover .blog-learn-more {
  text-align: right;
  position: absolute;
  left: 490px;
  top: 124px;
  font-size: 30px;
  color: #fff;
  display: block;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 1; }

.blog-6-learn-more {
  text-align: right;
  position: absolute;
  left: 110px;
  top: 124px;
  font-size: 30px;
  color: #fff;
  opacity: 0; }

.blog-6-wrap:hover .blog-6-learn-more {
  text-align: right;
  position: absolute;
  left: 235px;
  top: 124px;
  font-size: 30px;
  color: #fff;
  display: block;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 1; }

.blog-learn-more-link {
  text-decoration: none;
  font-weight: 500;
  padding: 4px;
  padding-left: 8px;
  color: #fff !important; }