/**
 *
 *
 * SlidesJS.
 *
 *
 */

.slidesjs {
  position: relative;
  margin-bottom: 30px;
}

.slideshow-row {
  height: 100%;
  background-color: grey;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.slideshow-row[data-href] {
  cursor: pointer;
}

.slideshow-row.blue,
.node-reading-list .slideshow-row {
  background-color: #1275bb;
}
.slideshow-row.pink,
.node-take-home-activity .slideshow-row {
  background-color: #f05d77;
}
.slideshow-row.purple,
.node-online-story .slideshow-row {
  background-color: #662d91;
}
.slideshow-row.tangerine,
.node-online-activity .slideshow-row {
  background-color: #f99f1c;
}
.slideshow-row.teal,
.node-video .slideshow-row {
  background-color: #47b9c7;
}

.slideshow-image,
.slideshow-video,
.slideshow-poster,
.slideshow-flash,
.slideshow-activity {
  position: absolute;
  left: 6px;
  bottom: 6px;
  width: 948px;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.slideshow-image,
.slideshow-poster {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.slideshow-image {
  height: 405px;
}

.slideshow-flash {
  height: 427px;
}

.slideshow-video,
.slideshow-poster,
.slideshow-activity {
  height: 533px;
}

body.mobile .slideshow-image,
body.mobile .slideshow-video,
body.mobile .slideshow-poster,
body.mobile .slideshow-flash,
body.mobile.desktop-device .slideshow-activity {
  left: 2%;
  bottom: 2%;
  width: 96%;
}

body.mobile-small .slideshow-image,
body.mobile-small .slideshow-video,
body.mobile-small .slideshow-poster,
body.mobile-small .slideshow-flash,
body.mobile-medium .slideshow-image,
body.mobile-medium .slideshow-video,
body.mobile-medium .slideshow-poster,
body.mobile-medium .slideshow-flash,
body.mobile-large .slideshow-image,
body.mobile-large .slideshow-video,
body.mobile-large .slideshow-poster,
body.mobile-large .slideshow-flash,
body.mobile.desktop-device .slideshow-activity {
  height: 80%;
}

body.node-type-online-activity .slideshow-poster,
body.node-type-online-story .slideshow-poster {
  display: none;
}

body.node-type-online-activity.mobile .slideshow-poster,
body.node-type-online-story.mobile .slideshow-poster {
  display: block;
}

body.node-type-online-activity.mobile .slideshow-activity,
body.node-type-online-story.mobile .slideshow-activity {
  display: none;
}

/**
 * Navigation.
 */

.slidesjs-navigation {
  display: block;
  position: absolute;
  z-index: 12;
  top: 50%;
  font-size: 0%;
}

.slidesjs-next,
.slidesjs-back {
  width: 33px;
  height: 57px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.slidesjs-back {
  left: 10px;
  background-image: url('/sites/all/themes/storyplace/images/external/libraries/SlidesJS/icon-arrow-left.png');
}

.slidesjs.alternate .slidesjs-back {
  background-image: url('/sites/all/themes/storyplace/images/external/libraries/SlidesJS/icon-arrow-left-alternate.png');
}

.slidesjs-next {
  right: 10px;
  background-image: url('/sites/all/themes/storyplace/images/external/libraries/SlidesJS/icon-arrow-right.png');
}

.slidesjs.alternate .slidesjs-next {
  background-image: url('/sites/all/themes/storyplace/images/external/libraries/SlidesJS/icon-arrow-right-alternate.png');
}

.slidesjs-play,
.slidesjs-stop {
  width: 0;
  height: 0;
  overflow: hidden;
}

/**
 *
 * Images.
 *
 */

.slideshow-image img {
  width: 100%;
  height: auto;
}

/**
 * Posters.
 */

.slideshow-poster {
  z-index: 3;
}

.slideshow-poster img {
  width: 100%;
  height: auto;
}

.slideshow-poster .play-button {
  display: block;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin-top: -75px;
  margin-left: -75px;
  font-size: 0%;
  background-image: url('/sites/all/themes/storyplace/images/icons/icon-play.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}


body.mobile .slideshow-poster .play-button {
  width: 74px;
  height: 74px;
  margin-top: -37px;
  margin-left: -37px;
}

.slideshow-poster .play-button:hover {
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

/**
 *
 * Flash.
 *
 */

.slideshow-flash {
  background-color: #ffffff;
  background-image: url('/sites/all/libraries/SlidesJS/load.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: 75px;
  -moz-background-size: 75px;
  -o-background-size: 75px;
  background-size: 75px;
}

.slideshow-flash object {
  display: block;
  margin: 0 auto;
}

.slideshow-flash div {
  position: relative;
  height: 100%;
}

.slideshow-flash p {
  position: absolute;
  z-index: 2;
  top: 25%;
  width: 100%;
  color: #000000;
  text-align: center;
}

.page .slideshow-flash a,
.page .slideshow-flash a:active,
.page .slideshow-flash a:link,
.page .slideshow-flash a:visited,
.page .slideshow-flash a:hover {
  color: #ff0000;
}

.page .slideshow-flash a:hover {
  text-decoration: none;
}

/**
 *
 * Fields.
 *
 */

.slideshow-fields {
  position: absolute;
  z-index: 4;
  top: 0;
  width: 100%;
  color: #ffffff;
}

/**
 *
 * Custom fields.
 *
 */

body.mobile-small .slideshow-field-field-media-custom,
body.mobile-medium .slideshow-field-field-media-custom,
body.mobile-large .slideshow-field-field-media-custom {
  padding: 5px;
}

.slideshow-field-field-media-custom .field-short-caption {
  font-size: 342.9%;
  font-family: 'Asap Bold', sans-serif;
  line-height: 75px;
  text-align: center;
}

body.mobile-small .slideshow-field-field-media-custom .field-short-caption,
body.mobile-medium .slideshow-field-field-media-custom .field-short-caption,
body.mobile-large .slideshow-field-field-media-custom .field-short-caption {
  font-size: 142.9%;
  line-height: 1.3;
}

.slideshow-field-field-media-custom .field-title,
.slideshow-field-field-media-custom .field-type {
  padding-left: 12px;
}

.slideshow-field-field-media-custom .field-title {
  padding-top: 6px;
}

body.mobile-small .slideshow-field-field-media-custom .field-title,
body.mobile-medium .slideshow-field-field-media-custom .field-title,
body.mobile-large .slideshow-field-field-media-custom .field-title {
  padding-left: 0;
}

.slideshow-field-field-media-custom .field-type {
  padding-top: 4px;
  text-transform: uppercase;
}

body.mobile-small .slideshow-field-field-media-custom .field-type,
body.mobile-medium .slideshow-field-field-media-custom .field-type,
body.mobile-large .slideshow-field-field-media-custom .field-type {
  display: none;
}

.node .slideshow-field-field-media-custom h1 {
  text-align: left;
}

.page .node .slideshow-field-field-media-custom h1 {
  margin: 0;
}

body.mobile-small .page .node .slideshow-field-field-media-custom h1,
body.mobile-medium .page .node .slideshow-field-field-media-custom h1,
body.mobile-large .page .node .slideshow-field-field-media-custom h1 {
  font-size: 142.9%;
}

.field-mobile-link {
  display: none;
}