/* This stylesheet is used to style the public view of the widget. */
.hero-image-articles{
  padding:0;
  margin:0;
}
.hero-image-articles .cycle-slide{
  width:100%;
  max-height:377px;
}
.hero-image-articles .cycle-slide img{
  max-height:377px;
  overflow:hidden;
}
.hero-image-control{
  position:absolute;
  z-index:110;
  background-color:rgba(0,0,0,0.5);
  height:50px;
  padding-left:20px;
  padding-right:20px;
  top:40%;
}
.hero-image-control a{
  color:#fff;
  position:absolute;
  font-size:24px;
  top:8px;
}
.hero-image-control span{
  display:none;
}
.hero-image-left-control{
  left:0;
}
.hero-image-left-control a{
  left:7px;
}
.hero-image-right-control{
  right:0;
}
.hero-image-right-control a{
  right:7px;
}