/**

* Featherlight – ultra slim jQuery lightbox
* Version 1.7.13 - http://noelboss.github.io/featherlight/
*
* Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
* MIT Licensed.

**/

html.with-featherlight {

/* disable global scrolling when featherlights are visible */
overflow: hidden;

}

.featherlight {

display: none;

/* dimensions: spanning the background from edge to edge */
position:fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 2147483647; /* z-index needs to be >= elements on the site. */

/* position: centering content */
text-align: center;

/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
white-space: nowrap;

/* styling */
cursor: pointer;
background: #333;
/* IE8 "hack" for nested featherlights */
background: rgba(0, 0, 0, 0);

}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type {

background: rgba(0, 0, 0, 0.8);

}

.featherlight:before {

/* position: trick to center content vertically */
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;

}

.featherlight .featherlight-content {

/* make content container for positioned elements (close button) */
position: relative;

/* position: centering vertical and horizontal */
text-align: left;
vertical-align: middle;
display: inline-block;

/* dimensions: cut off images */
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;

/* dimensions: handling large content */
margin-left: 5%;
margin-right: 5%;
max-height: 95%;

/* styling */
background: #fff;
cursor: auto;

/* reset white-space wrapping */
white-space: normal;

}

/* contains the content */ .featherlight .featherlight-inner {

/* make sure its visible */
display: block;

}

/* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner {

display: none;

}

.featherlight .featherlight-close-icon {

/* position: centering vertical and horizontal */
position: absolute;
z-index: 9999;
top: 0;
right: 0;

/* dimensions: 25px x 25px */
line-height: 25px;
width: 25px;

/* styling */
cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; /* Set the background in case it overlaps the content */
background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;

}

/* See stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner {

border: 0;
padding: 0;

}

.featherlight .featherlight-image {

/* styling */
width: 100%;

}

.featherlight-iframe .featherlight-content {

/* removed the border for image croping since iframe is edge to edge */
border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;

}

.featherlight iframe {

/* styling */
border: none;

}

.featherlight * { /* See github.com/noelboss/featherlight/issues/42 */

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

/* handling phones and small screens */ @media only screen and (max-width: 1024px) {

.featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;

        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
}

}

/* hide non featherlight items when printing */ @media print {

html.with-featherlight > * > :not(.featherlight) {
        display: none;
}

}