/*
 * PixInsight Website
 * Home Slideshow Style Sheet / Updated 20140217
 *
 * Copyright (C) 2014 Pleiades Astrophoto S.L. All Rights Reserved.
 */

.slide {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: top left;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   z-index: -2;
}
/*
@media all and (orientation: portrait) {
   .slide {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg);
      background-position: bottom left;
   }
}
*/
.slide[data-transition='1'] {
   -webkit-transiton: opacity 4.0s;
   -moz-transition: opacity 4.0s;
   -ms-transition: opacity 4.0s;
   -o-transition: opacity 4.0s;
   transition: opacity 4.0s;
}
.slide[data-transition='0'] {
   -webkit-transiton: opacity 0s;
   -moz-transition: opacity 0s;
   -ms-transition: opacity 0s;
   -o-transition: opacity 0s;
   transition: opacity 0s;
}

.slideFooter {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: rgba( 0, 0, 0, 0.35 );
   color: #c0c0c0;
   display: block;
   font-family: open-sans,Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-size: 10pt;
   -webkit-text-shadow: 1px 1px 2px #000000;
   -moz-text-shadow: 1px 1px 2px #000000;
   text-shadow: 1px 1px 2px #000000;
   line-height: 1.5em;
   border: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
   z-index: 1;
}
.slideFooter a {
   color: #a8a8ff;
}

.slideFooterContents {
   margin: 14pt;
}
@media screen and (max-width: 1100px) {
   .slideFooterContents {
      margin: 12pt;
   }
}
@media screen and (max-width: 800px) {
   .slideFooterContents {
      margin: 10pt;
   }
}

.slideInfoContainer {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: auto;
   margin: 4pt 0 0 14pt;
}
@media screen and (max-width: 1100px) {
   .slideInfoContainer {
      margin: 12pt 0 0 12pt;
   }
}
@media screen and (max-width: 800px) {
   .slideInfoContainer {
      margin: 10pt 0 0 10pt;
   }
}

.slideInfo {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: auto;
   color: #c0c0c0;
   font-family: futura-pt,Helvetica,Arial,sans-serif;
   font-weight: 500; /* medium */
   font-size: 18pt;
   -webkit-text-shadow: 2px 2px 3px #000000;
   -moz-text-shadow: 2px 2px 3px #000000;
   text-shadow: 2px 2px 3px #000000;
   line-height: 1.7em;
   border: 0;
   margin: 0;
   padding: 0;
   overflow: hidden;
   z-index: 1;
}
@media screen and (max-width: 1100px) {
   .slideInfo {
      font-size: 15pt;
   }
}
@media screen and (max-width: 800px) {
   .slideInfo {
      font-size: 13pt;
   }
}
.slideInfo[data-transition='1'] {
   -webkit-transiton: all 3.0s linear;
   -moz-transition: all 3.0s linear;
   -ms-transition: all 3.0s linear;
   -o-transition: all 3.0s linear;
   transition: all 3.0s linear;
}
.slideInfo[data-transition='0'] {
   -webkit-transiton: all 0s;
   -moz-transition: all 0s;
   -ms-transition: all 0s;
   -o-transition: all 0s;
   transition: all 0s;
}
.slideInfo a {
   color: #a8a8ff;
}

.slideNav {
   position: absolute;
   right: 0;
   top: 0;
   padding: 0;
   margin: 8pt 8pt 0 0;
   z-index: 1;
}
@media screen and (max-width: 600px) {
   .slideNav {
      display: none;
   }
}
.slideNav img {
   height: 20pt;
   width: auto;
   float: right;
   vertical-align: middle;
   cursor: default;
}

.slideNav canvas.audioTrackBar {
   width: 150pt;
   height: 8pt;
   margin: 0;
   padding: 6pt 0 6pt 0;
   background: transparent;
   vertical-align: middle;
   cursor: default;
}
@media screen and (max-width: 1100px) {
   .slideNav canvas.audioTrackBar {
      width: 100pt;
   }
}