.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.3);
}
.featherlight:before {
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-0.25em;
}
.featherlight .featherlight-content {
min-height:200px;
min-width:200px;
background:#fff url(//travelcard.nl/wp-content/themes/travelcard/images/loading.gif) center center no-repeat;
position:relative;
text-align:left;
vertical-align:middle;
display:inline-block;
overflow:auto;
margin-left:20px;
margin-right:20px;
max-height:95%;
padding:20px 20px 0;
border-bottom:20px solid transparent;
cursor:auto;
white-space:normal;
}
.featherlight .featherlight-inner {
display:block;
}
.featherlight .featherlight-close-icon {
position:absolute;
z-index:9999;
top:0;
right:0;
width:50px;
height:50px;
font-size:30px;
line-height:48px;
cursor:pointer;
text-align:center;
font-family:Arial, sans-serif;
background:#94c11f;
color:#fff;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.featherlight .featherlight-close-icon:hover {
background:#000;
}
.featherlight .featherlight-image {
width:100%;
}
.featherlight-iframe .featherlight-content {
border-bottom:0;
padding:0;
}
.featherlight iframe {
border:none;
}
.featherlight * {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.featherlight-previous span, .featherlight-next span {
display:none !important;
}
.featherlight-previous, .featherlight .featherlight-next { 
width:10px;
height:100px;
padding:15px;
position:absolute;
display:block;
top:50%;
margin-top:-50px;
color:#fff;
opacity:0;
background:rgba(148, 194, 31, 0.5);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.featherlight-previous:before, .featherlight-next:before {
position:absolute;
top:50%;
margin-top:-12px;
left:8px;
font-family:FontAwesome;
font-style:normal;
line-height:25px;
text-decoration:inherit;
}
.featherlight-next {
right:20px;
}
.featherlight-next:before {
content:'\f054';
}
.featherlight-previous:before {
content:'\f053';
}
.featherlight-previous:hover, .featherlight-next:hover {
background:#94c11f;
}
.featherlight-content:hover .featherlight-previous, .featherlight-content:hover .featherlight-next {
opacity:1;
}
@media only screen and (max-width:1024px) {
.featherlight .featherlight-content {
margin-left:10px;
margin-right:10px;
max-height:98%;
padding:10px 10px 0;
border-bottom:10px solid transparent;
}
}