.video-list-container .video-list {
  margin-top: 1rem;
}
.video-list-container #video-player-modal-backdrop.d-modal-backdrop.d-show {
  opacity: 0.9;
}
.video-list-container #video-player-modal .d-close.close-out {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}
.video-list-container .video-list-paging {
  text-align: center;
}
.video-list-container .s4y-masonry {
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px;
  /* Adjustment for the gutter */
  width: 100%;
}
.video-list-container .s4y-masonry-brick {
  flex: auto;
  height: 180px;
  min-width: 120px;
  margin: 0 8px 8px 0;
  /* Some gutter */
}
.video-list-container .s4y-masonry-brick:nth-child(4n+1) {
  width: 250px;
}
.video-list-container .s4y-masonry-brick:nth-child(4n+1):nth-child(4n+2) {
  width: 325px;
}
.video-list-container .s4y-masonry-brick:nth-child(4n+1):nth-child(4n+3) {
  width: 180px;
}
.video-list-container .s4y-masonry-brick:nth-child(4n+1):nth-child(4n+4) {
  width: 380px;
}
.video-list-container .s4y-masonry-brick p {
  font-size: 0.8em;
  color: darkgrey;
}
.video-list-container .video-actions > * {
  margin-right: 5px;
}
.video-list-container .video-actions > * img {
  height: 15px;
}
.video-list-container .video-actions .video-user-comment {
  border-bottom: solid 1px #cdcdcd;
  background-color: #dfd;
  font-size: 11px;
}
.video-list-container .video-actions .video-user-comment .title {
  font-weight: bold;
}
.video-list-container .video-actions .video-user-comment .meta {
  font-size: 10px;
  color: gray;
}
.video-list-container .video-actions .video-user-comment .meta .user {
  color: #996633;
  text-decoration: none;
}
.video-list-container .video-actions .video-comment-compose {
  display: flex;
  margin-top: 5px;
}
.video-list-container .video-actions .video-comment-compose form {
  display: flex;
  width: 100%;
}
.video-list-container .video-actions .video-comment-compose textarea {
  flex-grow: 1;
}
.video-list-container .video-actions .video-comment-compose button img {
  height: 25px;
}

.tippy-box[data-theme~=s4y-light] {
  max-width: 500px !important;
}

@media (min-width: 576px) {
  .video-list-container #video-player-modal .d-modal-dialog {
    max-width: calc(100% - 80px);
    margin: 1.75rem auto;
  }
  .video-list-container #video-player-modal .d-modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .video-list-container #video-player-modal .d-modal-dialog-scrollable .d-modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .video-list-container #video-player-modal .d-modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .video-list-container #video-player-modal .d-modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .video-list-container #video-player-modal .d-modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .video-list-container #video-player-modal .d-modal-lg,
.video-list-container #video-player-modal .d-modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .video-list-container #video-player-modal .d-modal-xl {
    max-width: 1140px;
  }
}