.shortcode-mest-video-wrapper {
   max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}


.shortcode-mest-video-wrapper > iframe,
.shortcode-mest-video-wrapper > video,
.shortcode-mest-video-wrapper > embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.acf-field-mest-video .video , .field_type-mest-video .video{
  display: none; }

.acf-field-mest-video .video-selected .video , .field_type-mest-video .video-selected .video {
  display: block; }

.acf-field-mest-video .video-selected .no-video , .field_type-mest-video .video-selected .no-video {
  display: none; }

.acf-field-mest-video div.video.loading table , .field_type-mest-video div.video.loading table{
  opacity: 0.25;}

.acf-field-mest-video div.video.loading:after , .field_type-mest-video div.video.loading:after{
  content: '';
  opacity: 1;
  transition: opacity .1s;
  position: absolute;
  top: 90px;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  background: url(gfx/spinner-2x.gif);
  background-size: contain; }

.acf-field-mest-video div.video td , .field_type-mest-video div.video td{
  vertical-align: top;}

.acf-field-mest-video div.video td .video_info , .field_type-mest-video div.video td .video_info{
  padding-left: 15px;}

.acf-field-mest-video div.video td .video_info .meta_title, .field_type-mest-video div.video td .video_info .meta_title{
  font-weight: bold;}

.acf-field-mest-video div.video td .video_info p , .field_type-mest-video div.video td .video_info p{
  margin: 0px;}

.acf-field-mest-video div.video td .video_info p+p , .field_type-mest-video div.video td .video_info p+p{
  margin-top: 5px;}

.button-mest + .button-mest{
  margin-left: 10px;}

.acf-field-mest-video div.video .video_update_buttons , .field_type-mest-video div.video .video_update_buttons {
  padding-left: 15px;}

.acf-field-mest-video .wpmest-select-video , .field_type-mest-video .wpmest-select-video {
  margin-top: -5px !important; }

.acf-field-mest-video iframe , .field_type-mest-video iframe {
  display: block; }

.mestModalOpen body {
  overflow: hidden; }

#mest-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.65);
  display: none; }
  html.mestModalOpen #mest-modal {
    display: block; }
  #mest-modal .media-frame-title {
    left: 0; }
  #mest-modal .media-frame-content {
    left: 0;
    top: 52px; }
    @media screen and (max-width: 768px) {
      #mest-modal .media-frame-content {
        bottom: 52px; } }
    @media screen and (max-width: 480px) {
      #mest-modal .media-frame-content {
        top: 40px; } }
  #mest-modal .hidden {
    opacity: 0 !important; }
  #mest-modal .media-sidebar .hide-details {
    width: 100%;
    margin-top: 16px;
    text-align: center;
    display: none; }
    @media screen and (max-width: 640px) {
      #mest-modal .media-sidebar .hide-details {
        display: block; } }
    @media screen and (max-height: 400px) {
      #mest-modal .media-sidebar .hide-details {
        display: block; } }
  #mest-modal .media-sidebar .video__title {
    padding-top: 16px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: -.5px;
    display: block; }
  #mest-modal .media-sidebar .iframe__wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 10px; }
    #mest-modal .media-sidebar .iframe__wrapper > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #mest-modal .media-sidebar .video__duration {
    margin-bottom: 5px; }
  #mest-modal .media-sidebar .video__description {
    line-height: 1.2;
    overflow-y: auto;
    max-height: 100px;
    -webkit-overflow-scrolling: touch; }
  #mest-modal .media-sidebar select {
    width: 100%; }
  #mest-modal .media-sidebar.empty > :not(.hide-details) {
    display: none; }
  #mest-modal .attachments-browser .media-toolbar {
    display: table;
    margin-right: 300px;
    width: calc(100% - 332px);
    border-bottom: 1px solid #ddd;
    background: #f3f3f3;
    opacity: 1;
    transition: opacity .1s; }
    #mest-modal .attachments-browser .media-toolbar input[type="search"],
    #mest-modal .attachments-browser .media-toolbar select {
      width: 100%;
      max-width: none;
      font-size: 15px;
      height: 28px; }
    #mest-modal .attachments-browser .media-toolbar > * {
      display: table-cell;
      vertical-align: top;
      padding: 0 5px; }
      #mest-modal .attachments-browser .media-toolbar > *:first-child {
        padding-left: 0; }
      #mest-modal .attachments-browser .media-toolbar > *:last-child {
        padding-right: 0;
        width: 1px;
        padding-top: 11px; }
        #mest-modal .attachments-browser .media-toolbar > *:last-child .page-data-top {
          display: none; }
    @media screen and (max-width: 900px) {
      #mest-modal .attachments-browser .media-toolbar {
        width: calc(100% - 295px);
        height: 135px;
        display: block; }
        #mest-modal .attachments-browser .media-toolbar > * {
          display: block;
          padding: 0; }
          #mest-modal .attachments-browser .media-toolbar > *:last-child {
            width: 100%;
            font-size: 0; }
            #mest-modal .attachments-browser .media-toolbar > *:last-child .page-data-top {
              display: inline-block;
              width: 50%;
              font-size: 12px;
              font-style: italic;
              opacity: .7; }
            #mest-modal .attachments-browser .media-toolbar > *:last-child .search-button__wrapper {
              display: inline-block;
              width: 50%;
              text-align: right; }
              #mest-modal .attachments-browser .media-toolbar > *:last-child .search-button__wrapper input {
                width: auto; } }
    @media screen and (max-width: 640px) {
      #mest-modal .attachments-browser .media-toolbar {
        width: calc(100% - 32px); } }
    @media screen and (max-height: 400px) {
      #mest-modal .attachments-browser .media-toolbar {
        width: calc(100% - 32px); } }
  #mest-modal .attachments-browser ul.attachments {
    font-size: 0;
    line-height: 0;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 300px);
    overflow: auto;
    height: calc(100% - 50px); }
    @media screen and (max-width: 768px) {
      #mest-modal .attachments-browser ul.attachments {
        height: calc(100% - 135px); } }
    @media screen and (max-width: 900px) {
      #mest-modal .attachments-browser ul.attachments {
        width: calc(100% - 263px); } }
    @media screen and (max-width: 640px) {
      #mest-modal .attachments-browser ul.attachments {
        width: 100%; } }
    @media screen and (max-height: 400px) {
      #mest-modal .attachments-browser ul.attachments {
        width: 100%; } }
    #mest-modal .attachments-browser ul.attachments:after {
      content: '';
      opacity: 0;
      transition: opacity .1s;
      position: absolute;
      top: 90px;
      left: 50%;
      width: 40px;
      height: 40px;
      margin: -20px 0 0 -20px;
      background: url(gfx/spinner-2x.gif);
      background-size: contain; }
    #mest-modal .attachments-browser ul.attachments > li {
      box-sizing: border-box;
      line-height: 0;
      display: inline-block;
      width: 20%;
      vertical-align: top;
      position: relative;
      cursor: pointer;
      opacity: 1;
      transition: opacity .2s;
      padding: 5px;
      margin-bottom: 0; }
      #mest-modal .attachments-browser ul.attachments > li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: calc(56.25% + 4px);
        box-sizing: border-box; }
      #mest-modal .attachments-browser ul.attachments > li:hover {
        opacity: .75; }
      #mest-modal .attachments-browser ul.attachments > li.selected {
        opacity: 1 !important; }
        #mest-modal .attachments-browser ul.attachments > li.selected:after {
          box-shadow: inset 0 0 0 4px #0073aa; }
      @media screen and (max-width: 1280px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 25%; } }
      @media screen and (max-width: 1100px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 33.33%; } }
      @media screen and (max-width: 900px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 100%; } }
      @media screen and (max-width: 640px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 50%; } }
      @media screen and (max-width: 400px) {
        #mest-modal .attachments-browser ul.attachments > li {
          width: 100%; } }
    @media screen and (max-width: 900px) {
      #mest-modal .attachments-browser ul.attachments {
        top: 135px; } }
  #mest-modal.loading .media-toolbar {
    opacity: .5;
    pointer-events: none; }
  #mest-modal.loading .attachments > li {
    display: none !important; }
  #mest-modal.loading .attachments:after {
    opacity: 1 !important; }
  #mest-modal .media-toolbar-secondary > div {
    padding-top: 15px; }
    #mest-modal .media-toolbar-secondary > div .page-data-bottom {
      padding-top: 5px;
      display: inline-block;
      opacity: .7;
      font-style: italic; }
      @media screen and (max-width: 900px) {
        #mest-modal .media-toolbar-secondary > div .page-data-bottom {
          display: none; } }
  #mest-modal .media-toolbar-secondary .pagination {
    font-size: 0;
    user-select: none;
    position: absolute;
    left: 50%;
    top: 15px;
    transform: translateX(-50%); }
    #mest-modal .media-toolbar-secondary .pagination > li {
      list-style: none;
      display: inline-block;
      font-size: 14px;
      line-height: 14px;
      padding: 7px;
      border: 1px solid #ddd;
      margin: 0 -1px 0 0;
      width: 30px;
      background: #f3f3f3;
      text-align: center;
      box-sizing: border-box;
      cursor: pointer; }
      #mest-modal .media-toolbar-secondary .pagination > li span {
        cursor: pointer; }
      #mest-modal .media-toolbar-secondary .pagination > li:hover {
        background: #e7e7e7; }
      #mest-modal .media-toolbar-secondary .pagination > li.current {
        background: #0073aa;
        color: #fff;
        border-color: #0073aa; }
      #mest-modal .media-toolbar-secondary .pagination > li.disabled {
        opacity: .5;
        pointer-events: none; }
      #mest-modal .media-toolbar-secondary .pagination > li.prev-page {
        margin-right: 10px;
        border-radius: 3px; }
      #mest-modal .media-toolbar-secondary .pagination > li.next-page {
        border-radius: 3px;
        line-height: 14px;
        transform: rotate(180deg);
        margin-left: 10px; }
        #mest-modal .media-toolbar-secondary .pagination > li.next-page span {
          position: relative;
          top: -1px; }
      @media screen and (max-width: 400px) {
        #mest-modal .media-toolbar-secondary .pagination > li {
          display: none; }
          #mest-modal .media-toolbar-secondary .pagination > li.current, #mest-modal .media-toolbar-secondary .pagination > li.prev-page, #mest-modal .media-toolbar-secondary .pagination > li.next-page {
            display: inline-block; } }
    @media screen and (max-width: 900px) {
      #mest-modal .media-toolbar-secondary .pagination {
        transform: none;
        left: 16px; } }
    @media screen and (max-width: 768px) {
      #mest-modal .media-toolbar-secondary .pagination {
        top: 10px;
        left: 10px; } }

.thumbnail__wrapper .image__wrapper {
  position: relative; }
  .thumbnail__wrapper .image__wrapper img {
    width: 100%;
    height: auto; }
  .thumbnail__wrapper .image__wrapper .duration {
    font-size: 10px;
    line-height: 1;
    padding: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff; }

.thumbnail__wrapper .video__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.1;
  color: #333;
  letter-spacing: -.5px;
  display: block;
  padding: 5px 20px 10px 0; }
  @media screen and (max-width: 1100px) {
    .thumbnail__wrapper .video__title {
      font-size: 14px; } }

@media screen and (max-width: 768px) {
  .media-frame-toolbar .media-toolbar {
    bottom: -54px; } }