@charset "UTF-8";

.site-wrapper .main-content-area .content-block-gallery {
  margin-top: 2%;
  margin-bottom: -26px;
  padding: 20px 0 94px;
}

.site-wrapper .main-content-area .content-block-gallery.content-block-gallery-squares .background-image {
  background-size: cover;
  opacity:1;
}

.site-wrapper .main-content-area .content-block-gallery.content-block-gallery-natural .item-details-underneath {
  text-align: center;
}

.site-wrapper .main-content-area .content-block-gallery.content-block-gallery-natural .item-details{
  text-align: center;
}


.site-wrapper .main-content-area .content-block-gallery .col-md-4 {
  padding-right: 13.5px;
  padding-left: 13.5px;
}

.site-wrapper .main-content-area .content-block-gallery .gallery-item {
  position: relative;
  margin-bottom: 26px;
}

.site-wrapper .main-content-area .content-block-gallery .gallery-item:hover .item-details, .site-wrapper .main-content-area .content-block-gallery .gallery-item:focus .item-details, .site-wrapper .main-content-area .content-block-gallery .gallery-item:active .item-details {
  height: 200px;
}

.site-wrapper .main-content-area .content-block-gallery .gallery-item:hover .item-details p,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:hover .item-details .read-more, .site-wrapper .main-content-area .content-block-gallery .gallery-item:focus .item-details p,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:focus .item-details .read-more, .site-wrapper .main-content-area .content-block-gallery .gallery-item:active .item-details p,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:active .item-details .read-more {
  opacity: 1;
}

.site-wrapper .main-content-area .content-block-gallery .background-image {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

.site-wrapper .main-content-area .content-block-gallery .item-details {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 60px;
  padding: 17px 23px 0;
  background-color: rgba(28, 28, 28, 0.22);
  transition: height ease 0.25s;
}

.site-wrapper .main-content-area .content-block-gallery .item-details .text-wrap {
  position: relative;
  height: 183px;
}

.site-wrapper .main-content-area .content-block-gallery .item-details h3,
.site-wrapper .main-content-area .content-block-gallery .item-details p,
.site-wrapper .main-content-area .content-block-gallery .item-details a,
.site-wrapper .main-content-area .content-block-gallery .item-details .read-more {
  color: #FFFFFF;
}

.site-wrapper .main-content-area .content-block-gallery .item-details h3 {
  font-size: 17px;
}

.site-wrapper .main-content-area .content-block-gallery .item-details p,
.site-wrapper .main-content-area .content-block-gallery .item-details .read-more {
  opacity: 0;
  transition: opacity ease-in-out 0.125s;
}

.site-wrapper .main-content-area .content-block-gallery .item-details p {
  margin-top: 23px;
  padding: 0;
}

.site-wrapper .main-content-area .content-block-gallery .item-details .read-more {
  position: absolute;
  bottom: 19px;
  text-decoration: underline;
}

.site-wrapper .main-content-area .content-block-gallery .item-details a:hover, .site-wrapper .main-content-area .content-block-gallery .item-details a:focus, .site-wrapper .main-content-area .content-block-gallery .item-details a:active {
  text-decoration: none;
}

.site-wrapper .main-content-area .content-block-gallery .gallery-item:hover .item-details-expand,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:focus .item-details-expand,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:active .item-details-expand {
  height: 200px;
}

.site-wrapper .main-content-area .content-block-gallery .gallery-item:hover .item-details,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:focus .item-details,
.site-wrapper .main-content-area .content-block-gallery .gallery-item:active .item-details {
  background-color:rgba(28, 28, 28, 0.55);
}

.site-wrapper .main-content-area .addthis_toolbox{
  float: none;
}

@media (max-width: 767px) {
  .site-wrapper .main-content-area .content-block-gallery .gallery-item {
    margin-bottom: 15px;
  }

  .site-wrapper .main-content-area .content-block-gallery .item-details {
    height: 200px;
    transition: none;
  }

  .site-wrapper .main-content-area .content-block-gallery .item-details p,
  .site-wrapper .main-content-area .content-block-gallery .item-details .read-more {
    opacity: 1;
    transition: none;
  }
}