/*------------------Video------------------*/
body.video {
  --background: var(--lightpink);
}

body.video .content-container {
  margin-top: 0;
}

body.video .content {
  padding: 0;
}

body.video .video-container {
  position: relative;
  left: 73px;
  /* display: flex; */
  width: calc(100% - 73px);
  max-height: calc(100vh - 100px);
  background-color: var(--custom2);
}

body.video .video-container .plyr {
  width: 100%;
  max-height: calc(100vh - 100px);
  margin: auto;
}

body.video .video-container .plyr .plyr__video-wrapper,
body.video .video-container .plyr .plyr__video-embed {
  padding-bottom: 0 !important;
}

body.video .video-container > video {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

body.video .video-footer {
  /* position: fixed;
  bottom: 0; */
  position: relative;
  left: 73px;
  width: calc(100% - 73px);
  padding: var(--padding);
}

body.video .video-footer > summary {
  font-size: var(--small-font-size);
  font-weight: 500;
  cursor: pointer;
}

body.video .video-footer[open] > summary {
  margin-bottom: 1em;
}

body.video .video-footer p {
  max-width: 72ch;
  line-height: 1.5;
}

/*------------------Responsive------------------*/
@media screen and (max-width: 768px) {
  body.video .video-container {
    left: 0;
    margin-top: 50px;
    width: 100%;
  }

  body.video .video-footer {
    left: 0;
    width: 100%;
    max-height: calc(100vh - 50px);
  }
}