/*DEMO STYlES*/

/*LIGHTBOX STYLE*/
.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  align-items:center;
  justify-content:center; -webkit-appearance: none !important; border-radius: none !important;
}
.lightbox .lightbox-video {
display:flex;align-items:center;justify-content:center;width:100%;height:auto;
}
.lightbox iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
}

.lightbox video{width:100%; height:auto; object-fit: contain;}

.lightbox img {width:100%; height:auto; object-fit: contain;}

.lightbox .lightbox-close {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index:900;
}
.lightbox .lightbox-close:hover {
  text-decoration: none;
}
.lightbox .lightbox-container {
  width:80%;
  height:auto;
  z-index:999;
  position:relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-toggle{color: inherit;font-weight:bold;display:block;width:100%;height:100%; -webkit-appearance: none !important;border-radius: none !important;}

.lightbox-toggle.playbutton{color: inherit;font-weight:bold;display:inline-block;width:auto;height:auto;text-align:center;font-size:7em;opacity:0.5;text-shadow: 6px 6px 12px #0000009c; -webkit-appearancee: none !important; border-radius: none !important;}

input[type=text], input[type=button], a {
  -webkit-appearance: none;
  border-radius: 0;
  }