[data-w-lightbox-overlay]{ z-index: 100; position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0); transition: background-color 0.4s 0.4s;}
[data-w-lightbox-overlay].w-lightbox-active{ background-color: rgba(0,0,0,0.7); transition-delay: 0s;  }
[data-w-lightbox-container]{ position: relative; box-sizing: border-box; background-color: #000; padding: 1em; margin: 1em; opacity: 0; transition: opacity 0.4s 0s;}
[data-w-lightbox-overlay].w-lightbox-active [data-w-lightbox-container]{ opacity: 1; transition-delay: 0.4s;}
.w-lightbox-viewwrap,
[data-w-lightbox-view],
[data-w-lightbox-sliderwrap]{ position: relative; }

[data-w-lightbox-view],
[data-w-lightbox-sliderwrap],
[data-w-lightbox-slider]{ transition: all 0.2s; }
[data-w-lightbox-view] > img{ pointer-events: none; }
[data-w-lightbox-view] > iframe,
[data-w-lightbox-view] > .w-lightbox-wysiwyg-content{ position: absolute; height: 100%; width: 100%; }
[data-w-lightbox-view] > .w-lightbox-wysiwyg-content{ overflow: auto; }
[data-w-lightbox-view] > *{ opacity: 0; transition: all 0.2s 0s;}
[data-w-lightbox-view].w-lightbox-loaded > *{ opacity: 1;  transition: all 0.2s 0.1s;}
.w-lightbox-details{ position: absolute; max-width: 100%; box-sizing: border-box; padding: 1em; color: #fff; top: 0; left: 0; }
.w-lightbox-details [data-w-lightbox-title]{ font-weight: bold; }
[data-w-lightbox-view] > iframe + .w-lightbox-details,
[data-w-lightbox-view] > .w-lightbox-wysiwyg-content + .w-lightbox-details{ display: none; }
.w-lightbox-download{ position: absolute; bottom: 1em; right: 1em; background-color: #fff; color: #000; text-decoration: none; padding: 0.1em 0.6em; }


[data-w-lightbox-sliderwrap]{  overflow: hidden; margin-top: 1em; height: 8em; }
[data-w-lightbox-slider]{ height: 8em; position: absolute; display: flex; min-width: 100%; box-sizing: border-box; justify-content: center; }
[data-w-lightbox-slider-item]{ height: 8em; cursor: pointer; opacity: 0.5; transition: all 0.2s; }
[data-w-lightbox-slider-item]:hover,
[data-w-lightbox-slider-item].w-lightbox-active{ opacity: 1; }
[data-w-lightbox-slider-item] [data-w-lightbox-thumb]{ height: 100%; width: auto; max-width: none; pointer-events: none; }

[data-w-lightbox-control],
[data-w-lightbox-slider-control]{ position: absolute; text-decoration: none; cursor: pointer; font-family: 'FontAwesome'; color: #fff; font-size: 2em; text-decoration: none; }
[data-w-lightbox-control="close"]{ top: 0; right: 0; transform: translate(30%,-30%); }
[data-w-lightbox-control="close"]:before{ content: "\f057"; }
[data-w-lightbox-control="prev"],
[data-w-lightbox-slider-control="prev"]{ top: 50%; left: 0; transform: translateY(-50%); }
[data-w-lightbox-control="prev"]:before,
[data-w-lightbox-slider-control="prev"]:before{ content: "\f053"; }
[data-w-lightbox-control="next"],
[data-w-lightbox-slider-control="next"]{ top: 50%; right: 0; transform: translateY(-50%); }
[data-w-lightbox-control="next"]:before,
[data-w-lightbox-slider-control="next"]:before{ content: "\f054"; }

.w-lightbox-hide{ display: none; }