@charset "utf-8";
/* CSS Document */

  /* Scrollable list container */
  #page-content{
    height: calc(100vh - 64px); /* overridden by JS below once nav height is known */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 20px;
    box-sizing: border-box;
  }

  .video-list{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
  }

  .video-item{
    background: rgba(0,0,0,0.0);
    border-radius: 14px;
    padding: 0px;
  }

  .video-title{
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
	font-family: 'gotham', sans-serif;
	color: #205C42;
	font-weight: 900;
  }

  .video-frame{
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 12px;
    display: block;
  }

.video-embed{
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border-radius: 12px;
      background: #000;
	  margin-top: 25px;
    }

    .video-embed > iframe.video-frame{
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      border: 0 !important;
      display: block !important;

      /* hard reset common takeover styles */
      top: 0 !important;
      left: 0 !important;
      right: auto !important;
      bottom: auto !important;
      transform: none !important;
      max-height: none !important;
    }