.media {
  &__transcript-container {
    margin-top: @item-margin;
  }

  &__transcript-btn {
    padding: 1rem;
    background: #002559;
    text-transform: none;
    color: #fff;
    font-weight: 100;
    font-size: 1rem;
    border-radius: 5px;
    border: 0px solid #fff;
    .no-touch &:hover {
      background-color: #002559;
      color: #fff;
      .transition(background-color @duration ease-in, color @duration ease-in;);
    }
  }

  &__transcript-body-inline {
    margin-top: @item-margin;
    padding: @item-padding;
  }

  // --------------------------------------------------
  // Overrides for media player controls - to finish
  // --------------------------------------------------
  // .mejs-container {
  //   .mejs-controls {
  //     background-image: none;
  //     background-color: red;
  //   }

  //   .mejs-time-rail {
  //     .mejs-time-total {
  //       background-image: none;
  //       background-color: white;
  //     }

  //     .mejs-time-loaded {
  //       background-image: none;
  //       background-color: green;
  //     }

  //     .mejs-time-current {
  //       background-image: none;
  //       background-color: orange;
  //     }
  //   }
  // }
  // --------------------------------------------------
}

.mr_media_wrapper{
  padding: 1rem 0rem 4rem;
  width: 100%;
  // min-height: 100vh;
  // border-bottom: 2px solid rgba(255,255,255,0.4);
  .mediaPageWrapper{
    width: 100%;
    height: auto;
    margin-top: 0px;  
    .textHeadingMedia{
      width: 100%;
      border-radius: 8px 8px 0 0;
      // padding: 10px 55px;
      font-size: 1.5rem;
      text-align: left;
      // margin-left: 74px;
      padding: 0px 100px 0px 100px;
      @media screen and (max-width: 896px) {
        padding: 0px 15px 0px 15px;
        font-size: 1.3rem;
      }
      @media only screen and (min-device-width: 320px) and (max-device-width: 896px)
      {
        padding: 0px 15px 0px 15px;
      } 

      p{
      margin: 0;
      color: #da4620;
      margin-bottom: 10px;
      }
    }
    .container-title{
    width: 100%;
    background: #fff;
    height: auto;
    display: flex;
    color: #000;
    .video-row-container{
      width: 100%;
      // background-color: #FEF0E2;
    }
    }
  }
}
.media__header{
  text-align: left;
  padding: 0px 100px 0px 100px;
  font-size: 1.2rem;
  @media screen and (max-width: 896px) {
    padding: 0px 15px 0px 15px;
    font-size: 1rem;
  }
  @media only screen and (min-device-width: 320px) and (max-device-width: 896px)
  {
    padding: 0px 15px 0px 15px;
  } 
 
}
