/*********Bendy Module CSS. Do not make any modification here. Copy to your site's theme css files and make changes there.***********/

/*Block*/

.view-bendy-featured-content-rotating-banner {
  /*background: #ffffff;*/
  font-family: Georgia,'Times New Roman',serif;
  text-align: center;
}

.view-bendy-featured-content-rotating-banner .views_slideshow_cycle_main {

}

.view-bendy-featured-content-rotating-banner .views-slideshow-cycle-main-frame-row {
  width: 100%;
}


/*Title*/

.view-bendy-featured-content-rotating-banner .views-field-title {
  float: left;
  font-size: 32px;
  line-height: 32px;
  width: 33%;
  
}


/*Subitle*/

.view-bendy-featured-content-rotating-banner .views-field-title .field-content,
.view-bendy-featured-content-rotating-banner .views-field-field-bendy-subtitle .field-content {
  padding: 10px;
}


/*Read More*/

.view-bendy-featured-content-rotating-banner .views-field-field-bendy-subtitle {
  color: #919191;
  margin-bottom: 10px;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing {
  float: left;
  width: 33%;
}

.view-bendy-featured-content-rotating-banner .views-field-title a:link,
.view-bendy-featured-content-rotating-banner .views-field-title a:visited {
  color: #000000;
  text-decoration: none;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing a:link,
.view-bendy-featured-content-rotating-banner .views-field-nothing a:visited {
  color: #919191;
  font-size: 12px;
  text-decoration: none;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing .field-content {
  background: url("images/bendy-button.png");
  border: 1px solid #c7c7c7;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 5px 10px 7px 10px;
}

.view-bendy-featured-content-rotating-banner .views-field-nothing .field-content:active {
  background: url("images/bendy-button-active.png") no-repeat;
}


/*Image*/

.view-bendy-featured-content-rotating-banner img {
  height: auto;
  max-width: 100%;
  width: auto\9; /* Fix for IE 8 */
    margin-top: -25px;
}

.view-bendy-featured-content-rotating-banner .views-field-field-bendy-image {
  float: right;
  width: 66%;
}


/*Previous/Next Controls*/

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-pause,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-play,
.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
  display: block;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
background: url("images/bendy-controls.png") no-repeat top left;
bottom: 15px;
/* left: -20px; */
right: 216px;
position: absolute;
z-index: 99;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous:active {
  background: url("images/bendy-controls.png") no-repeat bottom left;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-pause {
  display: none;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
background: url("images/bendy-controls.png") no-repeat top right;
bottom: 15px;
position: absolute;
right: 180px;
z-index: 99;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next:active {
  background: url("images/bendy-controls.png") no-repeat bottom right;
}


/*Pager*/

.view-bendy-featured-content-rotating-banner .views-slideshow-controls-bottom {
  clear: both;
  margin-top: 10px;
}

.view-bendy-featured-content-rotating-banner .views-slideshow-pager-field-item {
  background: url("images/bendy-button.png");
  border: 1px solid #c7c7c7;
  color: #919191;
  display: inline-block;
  *display: inline; /*Fix for IE 7 */
  height: 22px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin-right: 2px;
  width: 22px;
  zoom: 1; /*Fix for IE 7 */
}

.view-bendy-featured-content-rotating-banner .views-slideshow-pager-field-item:hover {
  cursor: pointer;
}

.view-bendy-featured-content-rotating-banner .active {
  background: url("images/bendy-button-active.png") no-repeat bottom left;
}


/*Global (i.e. "Mobile")*/

@media screen and (max-width: 739px) {
  .view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-previous {
    bottom: 35px;
    left: 5px;
  }

  .view-bendy-featured-content-rotating-banner .views-slideshow-controls-text-next {
    bottom: 35px;
    right: 5px;
  }

  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 18px;
    line-height: 18px;
    width: 100%;
  }

  .view-bendy-featured-content-rotating-banner .views-field-nothing {
    width: 100%;
  }

  .view-bendy-featured-content-rotating-banner .views-field-field-bendy-image {
    width: 100%;
  }

}


/*Narrow*/

@media (min-width: 740px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 26px;
    line-height: 26px;
  }
}


/*Normal*/

@media (min-width: 980px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 38px;
    line-height: 38px;
  }
}


/*Wide*/

@media (min-width: 1220px) {
  .view-bendy-featured-content-rotating-banner .views-field-title {
    font-size: 50px;
    line-height: 50px;
  }
}