/**
 * @file
 * Views Styling
 */


/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */

.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

/*
 * Views slider cycle styling
 */
.view-header-slider .views-row {
  position: relative;
  width: 669px;
  height: 223px;
}

.view-header-slider .views-field-field-slider-image,
.view-header-slider .views-field-body {
  position: absolute;
  display: block;
  width: 669px;
}

.view-header-slider .views-field-field-slider-image {
  z-index: 10;
  top: 0;
  left: 0;
  height: 223px;
}

.view-header-slider .views-field-body {
  z-index: 11;
  bottom: 0;
  left: 0;
}

.view-header-slider .views-field-body .field-content {
  background-color: rgba(0, 0, 0, 0.65);
  color: rgba(255, 255, 255, 1);
  padding: 20px;
}

.view-header-slider .views-field-body .field-content p {
  margin: 0;
}