/* box-sizing */

/* z-index */


/* overlay */


/* mobile touch has position:absolute to allow zooming */


/* some properties on the window are used to toggle things
 * like margin and the fullclick mode,
 * we reset those properties after measuring them
 */


/*
   padding:
   youtube & vimeo always have buttons on the outside
   side button = 72 = 54 + (2 * 9 margin)
   close button = 48
*/
/* padding ui:inside */

/* padding ui:outside */

/* reduce padding on smaller screens */
@media all and (max-width: 700px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 700px) {
  /* padding ui:inside */

  /* padding ui:outside */
}

@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 500px) {
  /* padding ui:inside */

  /* padding ui:outside */
}

/* padding ui:fullclick */

/* video fullclick */

/* overflow-y should always have 0 padding top and bottom */

/* img/iframe/error */
/* ui:outside has a slightly lighter info background to break up from black page backgrounds */


/* info at the bottom for ui:inside */

/* positions not within the info bar
   for ui:outside/inside */

/* display it for the outside ui, hide the caption inside */

/* links */

/* no-caption */


/* --- stroke */

/* the stroke is brighter inside the info box */

/* remove the stroke when outside ui has a caption */

/* remove stroke and shadow when ui:fullclick */

/* the info box never bas a top stroke */



/* < > */
/* smaller side buttons */


/* X */




/* Thumbnails */

/* Thumbnails loading */
/* this element is there as an alternative to putting the loading image on the background */

/* error on thumbnail */


/* Thumbnail < > */

/* vertical thumbnails */

/* ui:fullclick has a dark thumbnail background */

/* put a stroke on the connecting caption*/ /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */

/* thumbnail spacing  */
/* horizontal */

/* vertical */

/* hide thumbnails on smaller screens
   the js always hides them on touch based devices
*/


/* force fullClick: true
   and force overflow: false */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) { /* fullclick */ /* overflow: false */
}


/* switch between ui modes
   we force everything not in the current UI mode to hide
*/


/* some ui elements can be toggled on mousemove.
   filter:alpha(opacity) is bugged so we use display in oldIE
*/

/* Spinner */

@-webkit-keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fresco-12 {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

/* Thumbnail spinner */
@-webkit-keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes fr-thumbnail-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


/* Error */


/* skin: 'fresco' */

/* Sprite */
/* fallback png sprite */

/* thumbnail shadow */


/* < > */

/* transition (png) */

/* disabled state (png) */

/* transition (svg) */  /* touch always active but at lower opacity */

/* disabled (svg) */ /* TODO: make sure this works */

/* hide for ui:inside/fullclick, only for the image type */

/* < > responsive */
@media all and (max-width: 500px) and (orientation: portrait),
       all and (orientation: landscape) and (max-height: 414px) {

  /* transition (png) */

  /* transition (svg) */

  /* disabled state (png) */
}

/* X */
/* colors */

/* - image */

/* - transition */
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/

/* Thumbnails */
/* no inner border on active thumbnail */

/* Thumbnails < > */
/* vertical ^ (up/down) adjustments */

/* Thumbnails < > transition */
/* vertical ^ (up/down) adjustments */

/* lower opacity on disabled states */

/* lower opacity IE < 9 using images */
/* vertical ^ (up/down) adjustments */
