/**
 * CSS file for xrs extra
 *
 * Copyright 2014 by Bob Ray <http://bobsguides.com>
 * Created on 08-07-2019
 *
 * Only commoin css
 * @package xrs
 */



/********************
* Show / hide
*/

/* masquer les labels des controles (play, netx etc.), masqués par défaut, via placeholder controlLabels et condition  */
#controls span.label{
    display:none;
}
#controls.show-labels span.label{
    display:inline-block;
}

/* paging, hidden by default */
.paging{
    display: none;
}
.paging.show-paging{
    display: block;
}
/* caption */
.meta-caption{
    display: none;
}
.meta-caption.show-caption{
    display: block;
}

/* thumbs, hidden by default (0)) */
.thumbs{
    display: none;
}
.thumbs.show-thumbs{
    display: block;
}

/* horizontal scrollbar, hidden by default (0)) */
.scrollbar{
    display: none;
}
.scrollbar.show-scroll{
    display: block;
}

/* numbers, show by default (0) */
.meta-number.hide-numbers{
    display:none;
}

/* masquer tous les controles, visibles par défaut, via placeholder hideControls + condition */
#controls.hide-controls{
    display:none;
}

/*******************
Controls btn
*/
.controls .btn{
    background-color: transparent;
    border:none;
}
/* fix b4 ugly */xrs-viewer
.xrs-viewer .btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}



.xrs-viewer .btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}


/* remove default outline/glow/border on click */
.xrs-viewer *:hover,
.xrs-viewer *:focus,
.xrs-viewer *:active
 {
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
}

/*******************
utility classes
*/

.xrs-bgcover{
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.xrs-op-0{
    opacity:0;
}

/********************
Color styles
Specific css in viewers CSS files
*/

/* 
* Style dark
* bg: #040404 txt:#575757
*/
body.xrs-style-dark{
    background-color:#040404;
    overflow:hidden;
}
/* Colors for buttons and meta */
body.xrs-style-dark #controls .btn.btn-default,
body.xrs-style-dark #infos{
    color:#575757;
}