/* Slideshow Node */
.node-hwfeat-image-slideshow-item > .content,
.node-hwfeat-image-slideshow-item > .content > .field,
.node-hwfeat-image-slideshow-item > .content > .field-group-format,
.hw-feature-image-carousel .hw-feature-image-carousel-pager,
.node-hwfeat-image-slideshow-item > .content > .hwfeat-slide-overlay {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.node-hwfeat-image-slideshow-item > .content > .hwfeat-slide-overlay {
  padding: 15px 15px 30px;
}
.node-hwfeat-image-slideshow-item.node-view-teaser > .content > .hwfeat-slide-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.node-hwfeat-image-slideshow-item .field-name-field-hwfeat-slide-image-2 img {
  width: 100%;
  height: auto;
}
.node-hwfeat-image-slideshow-item,
.hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
  background: #323232;
}
/* slide text overlay */
.hwfeat-slide-overlay {
  background: rgba(50, 50, 50, 0.75);
  color: #ffffff;
  text-align: left;
}
.hwfeat-slide-overlay a,
.hwfeat-slide-overlay a:link,
.hwfeat-slide-overlay a:visited {
  color: #ffffff;
}
.hwfeat-slide-overlay > a {
  display: block;
  height: 100%;
}
.hwfeat-slide-overlay .field-name-field-hwfeat-slide-plain-title {
  font-weight: bold;
}
/* slideshow carousel */
.hw-feature-image-carousel {
  margin-bottom: 20px;
  position: relative;
}
.hw-feature-image-carousel .bx-wrapper {
  margin-bottom: 0;
}
.hw-feature-image-carousel .bx-wrapper .bx-viewport {
  border: 0;
  height: auto !important;
  /* override height calculated by bxslider */
  left: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.hw-feature-image-carousel .bx-wrapper li {
  margin-bottom: 0;
}
/* slideshow carousel pager */
.hw-feature-image-carousel .hw-feature-image-carousel-pager {
  padding: 5px;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.hw-feature-image-carousel-pager li a [class^="icon-"],
.hw-feature-image-carousel-pager li a [class*=" icon-"] {
  color: #ffffff;
}
.hw-feature-image-carousel-pager li a.active [class^="icon-"],
.hw-feature-image-carousel-pager li a.active [class*=" icon-"] {
  color: #53a9d2;
}
.hw-feature-image-carousel-pager li a:hover {
  cursor: pointer;
}
.hw-feature-image-carousel-pager ul li {
  margin: 0;
  padding: 0 0.5em 0 0;
}
.hw-feature-image-carousel-pager ul li.views-row-last {
  padding-right: 0;
}
@media all and (min-width: 768px) and (min-device-width: 768px), (max-device-width: 800px) and (min-width: 768px) and (orientation:landscape) {
  .node-hwfeat-image-slideshow-item.node-view-full > .content > .hwfeat-slide-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 45%;
  }
  .hw-feature-image-carousel.slide-style-row .hwfeat-slide-overlay {
    padding-bottom: 15px;
  }
  .hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
    background: transparent;
    left: 0;
    right: auto;
    width: 45%;
  }
}
@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape) {
  .node-hwfeat-image-slideshow-item.node-view-full > .content > .hwfeat-slide-overlay,
  .hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
    width: 40%;
  }
}
@media all and (min-width: 1220px) {
  .node-hwfeat-image-slideshow-item.node-view-full > .content > .hwfeat-slide-overlay,
  .hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
    width: 35%;
  }
}