/* Container for each streaming item */

.s3-streaming-item {

  margin: 8px 0;

  font-family: inherit;

  font-size: 15px;

}


/* Make icon + text align nicely */

.s3-streaming-item a {

  text-decoration: none;

  color: #333;

  display: inline-flex;

  align-items: center;

}


.s3-streaming-item a:hover {

  text-decoration: underline;

}


/* Icon style */

.s3-streaming-item img {

  width: 20px;

  height: 20px;

  margin-right: 8px;

  vertical-align: middle;

  border: none;

  box-shadow: none;

}


/* --- Modal popup styles --- */

.s3-modal {

  display: none; /* hidden by default, shown by JS */

  position: fixed;

  z-index: 9999;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgba(0, 0, 0, 0.7);

}


/* Modal content box */

.s3-modal-content {

  background: #fff;

  margin: 5% auto;

  padding: 0;

  border-radius: 6px;

  width: 80%;

  max-width: 900px;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

  position: relative;

}


/* Close button */

.s3-modal-close {

  position: absolute;

  top: 10px;

  right: 14px;

  color: #333;

  font-size: 28px;

  font-weight: bold;

  cursor: pointer;

}


.s3-modal-close:hover {

  color: #000;

}


/* Iframe inside modal */

.s3-modal-content iframe {

  width: 100%;

  height: 80vh;

  border: none;

}