@import "plugins/video-js";


/* ==========================================================================
   H5BP Normalize bits
   Media
   ========================================================================== */
/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}




/*
------------------------------------------------------------------------------
8888b.  888888 888888    db    88   88 88     888888     .dP"Y8 888888 Yb  dP 88     888888 .dP"Y8 
 8I  Yb 88__   88__     dPYb   88   88 88       88       `Ybo."   88    YbdP  88     88__   `Ybo." 
 8I  dY 88""   88""    dP__Yb  Y8   8P 88  .o   88       o.`Y8b   88     8P   88  .o 88""   o.`Y8b 
8888Y"  888888 88     dP""""Yb `YbodP' 88ood8   88       8bodP'   88    dP    88ood8 888888 8bodP' 
------------------------------------------------------------------------------
  Default style
------------------------------------------------------------------------------
*/


figure{
  img,video{
    min-width:100%;
    @include vr-ma;
  } 
}


/* =============================================================================
   Remove the gap between images and the bottom of their containers: h5bp.com/i/440
   ========================================================================== */
img {
    vertical-align: middle;
}

img{
  max-width:100%;
}


video{
  min-width:100%;
  max-width:100%;
  @include vr-mb;
  p{
    color:#fff;
    //background:#fff;
  }
}

// Figure class
.fig-left{
  float:left;
  margin-right:2em;
  @include vr-mb;
}
.fig-right{
  float:right;
  margin-left:2em;
  @include vr-mb;  
}



/*
------------------------------------------------------------------------------
8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8b    d8  dP"Yb  88""Yb 88 88     888888 
88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________     88b  d88 dP   Yb 88__dP 88 88     88__   
88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""     88YbdP88 Yb   dP 88""Yb 88 88  .o 88""   
88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     88 YY 88  YbodP  88oodP 88 88ood8 888888 
------------------------------------------------------------------------------
  Mobile
------------------------------------------------------------------------------
*/
@media only screen and (min-width: $mq-mob-min) and (max-width: $mq-mob-max){  

  /* =============================================================================
     Comment
     ========================================================================== */



}// /@media mob


/*
------------------------------------------------------------------------------
8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  888888    db    88""Yb 88     888888 888888 
88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________       88     dPYb   88__dP 88     88__     88   
88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""       88    dP__Yb  88""Yb 88  .o 88""     88   
88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                       88   dP""""Yb 88oodP 88ood8 888888   88   
------------------------------------------------------------------------------
  Tablet
------------------------------------------------------------------------------
*/
@media only screen and (min-width: $mq-tab-min) and (max-width: $mq-tab-max){  

  /* =============================================================================
     Comment
     ========================================================================== */



}// /@media tab

/*
------------------------------------------------------------------------------
8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8888b.  888888 .dP"Y8 88  dP 888888  dP"Yb  88""Yb 
88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________      8I  Yb 88__   `Ybo." 88odP    88   dP   Yb 88__dP 
88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""      8I  dY 88""   o.`Y8b 88"Yb    88   Yb   dP 88"""  
88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     8888Y"  888888 8bodP' 88  Yb   88    YbodP  88     
------------------------------------------------------------------------------
  Desktop
------------------------------------------------------------------------------
*/
@media only screen and (min-width: $mq-dsk-min){

  /* =============================================================================
     Comment
     ========================================================================== */


}// /@media dsk



/*
------------------------------------------------------------------------------
88""Yb 888888 888888 88 88b 88    db    
88__dP 88__     88   88 88Yb88   dPYb   
88"Yb  88""     88   88 88 Y88  dP__Yb  
88  Yb 888888   88   88 88  Y8 dP""""Yb 
------------------------------------------------------------------------------
  Retina
------------------------------------------------------------------------------
*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}