/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-turbine {}

/* slider window - top & bottom borders, default state */
.anythingSlider-turbine .anythingWindow { }
/* Navigation buttons + start/stop button, default state */
.anythingSlider-turbine .anythingControls a {
  color: #fff;
  background-color: #000;
  border: 1px solid black;
  padding: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* Make sure navigation text is visible */
.anythingSlider-turbine .anythingControls a span {
  visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-turbine .anythingControls a.cur {
  background-color: #636363;
}

/* start-stop button, stopped, default state */
.anythingSlider-turbine .anythingControls a.start-stop {
  color: #fff;
  padding: 5px;
}
/* start-stop button, playing, default state */
.anythingSlider-turbine .anythingControls a.start-stop.playing {
  background-color: #636363;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-turbine .anythingControls a.start-stop:hover,
.anythingSlider-turbine .anythingControls a.start-stop .anythingControls ul a:hover {
  background-image: none;
  color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-turbine.activeSlider .anythingWindow { }

/* Navigation buttons, active state */
.anythingSlider-turbine.activeSlider .anythingControls a { }

/* Navigation current & hovered button, active state */
.anythingSlider-turbine.activeSlider .anythingControls a.cur,
.anythingSlider-turbine.activeSlider .anythingControls a:hover { }

/* start-stop button, stopped, active state */
.anythingSlider-turbine.activeSlider .anythingControls a.start-stop { }
/* start-stop button, playing, active state */
.anythingSlider-turbine.activeSlider .anythingControls a.start-stop.playing { }

/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-turbine.activeSlider .start-stop:hover,
.anythingSlider-turbine.activeSlider .start-stop.hover { }

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-turbine .arrow {
  top: 50%;
  position: absolute;
  display: block;
}

.slider iframe { z-index: 9998; }
.anythingSlider-turbine .arrow a {
  display: block;
  z-index: 9999;
  width: 30px;
  height: 40px;
  margin: -40px 0 0 0; /* half height of image */
  text-align: center;
  outline: 0;
  background: url(img/arrows-wireframe.png) no-repeat;
}

/* back arrow */
.anythingSlider-turbine .back { left: .5em; }
.anythingSlider-turbine .back a { background-position: left top; }
.anythingSlider-turbine .back a:hover { background-position: left -40px; }
/* forward arrow */
.anythingSlider-turbine .forward { right: .5em; }
.anythingSlider-turbine .forward a { background-position: right top; }
.anythingSlider-turbine .forward a:hover { background-position: right -40px; }

/* Navigation Links */
.anythingSlider-turbine .anythingControls { outline: 0; display: none; margin-top: .5em; }
.anythingSlider-turbine .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-turbine .anythingControls ul li { display: inline; }
.anythingSlider-turbine .anythingControls ul a {
  display: inline-block;
  text-decoration: none;
  margin: 0 5px 0 0;
  text-align: center;
  outline: 0;
}

/* navigationSize window */
.anythingSlider-turbine .anythingControls .anythingNavWindow {
  overflow: hidden;
  float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-turbine .anythingControls .start-stop {
  padding: 2px 5px;
  width: auto;
  text-align: center;
  text-decoration: none;
  float: right;
  z-index: 100;
  outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-turbine .anythingControls li {
  margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
  None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-turbine .anythingControls a {
  margin: 0;
}
.as-oldie .anythingSlider-turbine .anythingNavWindow {
  margin: 0 2px;
}
.as-oldie .anythingSlider-turbine .anythingNavWindow li {
  padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
  display: block;
  overflow: visible !important;
  position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
  background: transparent;
  list-style: none;
  position: absolute;
  overflow: visible !important;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
  display: block;
  visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
  display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
  background: transparent;
  display: block;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
  float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
  z-index: 0;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
  transition-duration: 0;
  -o-transition-duration: 0;
  -moz-transition-duration: 0;
  -webkit-transition-duration: 0;
}


/***********************
  SLIDE TYPE STYLING
 ***********************/

.slider {
  overflow: hidden;
}

.slider li {
  width: 100%;
}

.slide-content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.slide-content.video .yt-video {
  width: 60%;
  height: 100%;
}

.slide-content.video .yt-video .player-wrapper {
  width: 100%;
  height: 100%;
}

.slide-content.video.nocaption .yt-video {
  width: 100%;
  height: 100%;
}

.slide-content.video.caption-left .yt-video {
  margin-left: 40%;
}

.slide-content.video.nocaption .yt-video {
  margin: 0;
}

.slide-content.video.caption-left aside {
  width: 40%;
  float: left;
  padding-right: 20px;
}

.slide-content.video.caption-right aside {
  width: 40%;
  float: right;
  padding-left: 20px;
}

.slide-content.video .yt-video iframe {
  width: 100%;
  height: 100%;
}

.yt-video.deferred .video-alt {
  position: relative;
  width: 100%;
  height: 100%;
}

.yt-video.deferred .video-alt .play-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-video.deferred {
  cursor: pointer;
}

.yt-video.deferred iframe {
  margin-top: 9999px;
}

.slide-content.image img {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
}

.slide-content.image aside {
  position: absolute;
  width: 100%;
  background: black;
  color: white;
  padding: 10px;
}

.slide-content.image aside div {
  opacity: 1;
}

.slide-content.image aside.top {
  top: 0;
}

.slide-content.image aside.bottom {
  bottom: 0;
}

.slide-content.image aside.right {
  text-align: right;
  right: 0;
}

.slide-content.image aside.left {
  text-align: left;
  left: 0;
}

.slide-content.image aside.center {
  text-align: center;
  left: 0;
}

.slide-content.image aside.center div {
  display: inline;
  margin: auto;
}

.slide-content.rawhtml .rawhtml-container {
  height: 100%;
  width: 100%;
}

.slide-content p {
  margin-top: 0;
  padding-top: 1.5em;
}

.slider a.action {
  font-weight: bold;
}

.slide-content.image a.action {
  color: white;
}

/***********************
  BACKGROUND SLIDER STYLING
 ***********************/
#anything-slider-bg-wrap {
  position: relative;
}
.anything-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 1200px;
  width: 100%;
  min-width: 980px;
  z-index: -1;
  background-position: 50% 0;
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
}
.anything-slider-bg.activePage {
  opacity: 1;
  filter: alpha(opacity=1);
}
.anything-slider-bg-base {
  position: absolute;
  top: 0;
  left: 0;
  height: 1200px;
  width: 100%;
  min-width: 980px;
  z-index: -1;
  background-color: #000;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.anythingSlider-backgroundSlider {
  /*anything slider plugin calculates the width incorrectly if this is not set to 'normal'*/
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Fixed width positioning */
.anythingSlider-backgroundSlider .panel {
  margin: 0 auto;
}
.anythingSlider-backgroundSlider .slide-content > *,
.anythingSlider-backgroundSlider .slide-content .rawhtml-container {
  position: relative;
  width: 940px;
  height: 100%;
  margin: 0 auto;
}
.anythingSlider-backgroundSlider .slide-content > a {
  display: block;
}
.anythingSlider-backgroundSlider .slide-content aside {
  width: 50%;
}
.anythingSlider-backgroundSlider .slide-content aside.center {
  text-align: left;
  left: 25%;
}
.anythingSlider-backgroundSlider .slide-content aside.right {
  text-align: left;
}