html.with-featherlight { overflow: hidden;
}
.featherlight {
display: none; position:fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 2147483647;  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, 0.8);
}
.featherlight:before { content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.featherlight .featherlight-content { position: relative; text-align: left;
vertical-align: middle;
display: inline-block; overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent; margin-left: 5%;
margin-right: 5%;
max-height: 95%; background: #fff;
cursor: auto; white-space: normal;
} .featherlight .featherlight-inner { display: block;
} .featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
display: none;
}
.featherlight .featherlight-close-icon { position: absolute;
z-index: 9999;
top: 0;
right: 0; line-height: 25px;
width: 25px; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;
} .featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0;
}
.featherlight .featherlight-image { width: 100%;
}
.featherlight-iframe .featherlight-content { border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.featherlight iframe { border: none;
}
.featherlight * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} @media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
} @media print {
html.with-featherlight > * > :not(.featherlight) {
display: none;
}
}.featherlight-next,
.featherlight-previous {
display: block;
position: absolute;
top: 25px;
right: 25px;
bottom: 0;
left: 80%;
cursor: pointer; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; background: rgba(0,0,0,0);
}
.featherlight-previous {
left: 25px;
right: 80%;
}
.featherlight-next:hover,
.featherlight-previous:hover {
background: rgba(255,255,255,0.25);
}
.featherlight-next span,
.featherlight-previous span {
display: none;
position: absolute;
top: 50%;
left: 5%;
width: 82%; text-align: center;
font-size: 80px;
line-height: 80px; margin-top: -40px;
text-shadow: 0px 0px 5px #fff;
color: #fff;
font-style: normal;
font-weight: normal;
}
.featherlight-next span {
right: 5%;
left: auto;
}
.featherlight-next:hover span,
.featherlight-previous:hover span {
display: inline-block;
}
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
display: none;
} .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
display:none;
} .featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-first-slide.featherlight-last-slide .featherlight-next {
display:none;
} @media only screen and (max-device-width: 1024px){
.featherlight-next:hover,
.featherlight-previous:hover {
background: none;
}
.featherlight-next span,
.featherlight-previous span {
display: block;
}
} @media only screen and (max-width: 1024px) {
.featherlight-next,
.featherlight-previous {
top: 10px;
right: 10px;
left: 85%;
}
.featherlight-previous {
left: 10px;
right: 85%;
}
.featherlight-next span,
.featherlight-previous span {
margin-top: -30px;
font-size: 40px;
}
}