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, .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;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: #fff;
cursor: auto;
white-space: normal;
border-radius:8px;
overflow:auto;
}
.featherlight .featherlight-content img{
border-radius:8px;
}
.featherlight .featherlight-inner {
display: block
}
.featherlight link.featherlight-inner,
.featherlight script.featherlight-inner,
.featherlight style.featherlight-inner {
display: none
}
.featherlight .featherlight-close-icon {
position: absolute;
z-index: 9999;
top: 0;
right: 0;
line-height: 48px;
width: 48px;
cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff;
background: rgba(255, 255, 255, .3);
color: #000;
border: 0;
padding: 0;
border-radius:0 8px 0 8px;
font-size:24px;
transition: all ease 250ms;
}
.featherlight .featherlight-close-icon:hover{
background-color:#75b628;
color:#fff;
transition: all ease 250ms;
}
.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: 0
}
.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: fixed;
top: 0;
right: 0;
left:auto;
bottom: 0;
width: 120px;
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);
transition: background-color ease 250ms;
}
.featherlight-previous {
left: 0;
right:auto;
top: 0;
bottom: 0;
width: 120px;
}
.featherlight-next:hover,
.featherlight-previous:hover {
background: rgba(255, 255, 255, .25);
transition: background-color ease 250ms;
}
.featherlight-next span{
position: absolute;
width: 60px;
height: 113px;
right: 30px;
top: 50%;
margin-top: -57px;
background: url(//hotelfavar.com/wp-content/themes/favar/js/ctrls.png) no-repeat right -113px;
}
.featherlight-previous span {
position: absolute;
width: 60px;
height: 113px;
right: 30px;
top: 50%;
margin-top: -57px;
background: url(//hotelfavar.com/wp-content/themes/favar/js/ctrls.png) no-repeat left top;
}
.featherlight-first-slide.featherlight-last-slide .featherlight-next,
.featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-loading .featherlight-next,
.featherlight-loading .featherlight-previous,
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
display: none
}
@media only screen and (max-device-width:1024px) {
.featherlight-next:hover,
.featherlight-previous:hover {
background: 0 0
}
}
@media only screen and (max-width:1024px) {
.featherlight-next span,
.featherlight-previous span {
transform:scale(0.6);
}
}
@media only screen and (max-width:768px) {
.featherlight-next,
.featherlight-previous {
width: 60px;
}
.featherlight-previous span {
right:0;
}
}
.featherlight-next span {
right:0;
}
}