/* Text Overlay Component									*/
.text-overlay-component {
  margin: 0px 0px 20px 0px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.text-overlay-component .tile-link {
  line-height: 0;
}
.text-overlay-component .tile-link img.zoomable {
  width: 100%;
  -webkit-transition: all 1s ease; /* Safari and Chrome */
  -moz-transition: all 1s ease; /* Firefox */
  -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
  transition: all 1s ease;
}
.text-overlay-component .tile-link:hover img.zoomable {
  -webkit-transform: scale(1.25); /* Safari and Chrome */
  -moz-transform: scale(1.25); /* Firefox */
  -ms-transform: scale(1.25); /* IE 9 */
  -o-transform: scale(1.25); /* Opera */
  transform: scale(1.25);
}
.text-overlay-component .tile-link:hover .text-overlay .title,
.text-overlay-component .tile-link:hover .text-overlay p {
  color: #7bbce7; /* hover text color */
}
.text-overlay-component .text-overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 47%,
    rgba(0, 0, 0, 0.7) 60%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 47%,
    rgba(0, 0, 0, 0.7) 60%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.7) 47%,
    rgba(0, 0, 0, 0.7) 60%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.text-overlay-component .text-overlay .title {
  margin: 0;
  font-size: 28px;
  line-height: 1em;
  text-shadow: 3px 2px 8px rgba(0, 0, 0, 1);
  font-weight: 800;
  color: #fff;
}
.text-overlay-component .text-overlay p {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  text-shadow: 3px 2px 8px rgba(0, 0, 0, 1);
  font-weight: 800;
  color: #fff;
}
.text-overlay-component-footer {
  margin-bottom: 20px;
  margin-top: -20px;
  padding: 5px 10px 10px 10px;
  background-color: #f8f8f8;
}
.text-overlay-component-footer .footer-text {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}
.text-overlay-component-footer .btn {
  white-space: normal;
}