/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
.featherlight {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:hidden;padding:25px 25px 0;border-bottom:25px solid transparent;/*min-width:30%;*/margin-left:5%;margin-right:5%;max-height:95%;max-width:80%; background:#FFF;cursor:auto;white-space:normal}
.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{display:none;position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}
.featherlight .featherlight-image{width:100%}
.featherlight-iframe .featherlight-content{width: 75%; height: 75%; border-bottom:0;padding:0}
.featherlight iframe{width: 100%; height: 100%; border:0}
.lightbox { display: none;}
}

@media only screen and (max-width:1024px) {
.featherlight .featherlight-content {margin-left:10px;margin-right:10px;max-height:78%;padding:10px 10px 0;border-bottom:10px solid transparent}
}

@media only screen and (min-width:1024px) {
.featherlight .featherlight-content {margin-left:10px;margin-right:10px;max-height:78%;padding:10px 10px 0;border-bottom:10px solid transparent}
}






.inline { display: none }

/**
 * Featherlight Loader
 *
 * Copyright 2015, WP Site Care http://www.wpsitecare.com
 * MIT Licensed.
 */
@-webkit-keyframes featherlightLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes featherlightLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/** removed existing loading styles, added some fixed size when loading class is applied, otherwise spinner would be invisible/cutoff**/
.featherlight-loading .featherlight-content{
  width: 96px;
  height: 120px;
  background: none;
  overflow: hidden;
  margin: 0;
}

/** moved the loader styles to the pseudo-element and added positioning css**/
.featherlight .featherlight-content:before {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content:'';
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
  background: transparent;
  border: 8px solid #8f8f8f;
  border-left-color: #fff;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  min-width: 0;
  top: calc(50% - 40px);
  left:calc(50% - 40px);
  z-index: -1;
}

/** to make the image appear in front of the loader we apply a z-index:**/
.featherlight .featherlight-content img{
  z-index: 1;
  position:relative;
}
/** to make prev and next buttons appear in front of the image we apply a z-index:**/
.featherlight-previous,
.featherlight-next{
  z-index: 2;
}
.featherlight-loading .featherlight-content > * {
  display: none !important;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
  display: none;
}