/* Media Browser */
body.page-media-browser {
  height: auto;
}

/* Map Widget */
div.pane-bundle-map {
  overflow: hidden;
}

div.field-name-field-map-address img {
  max-width: auto;
}

/* File Widget */
img.file-icon,
div.file-widget img {
  vertical-align: middle;
}

/* Video Widget */
div.pane-bundle-video .media-youtube-video
div.pane-bundle-video .media-vimeo-video {
  max-width: 100%;
}

div.pane-bundle-video .media-vimeo-video,
div.pane-bundle-video .media-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

div.pane-bundle-video .media-vimeo-video iframe,
div.pane-bundle-video .media-vimeo-video object,
div.pane-bundle-video .media-vimeo-video embed,
div.pane-bundle-video .media-youtube-video iframe,
div.pane-bundle-video .media-youtube-video object,
div.pane-bundle-video .media-youtube-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table Widget */
table.mobile-table { 
  display: none;
}

/* Table Widget - Responsive */
@media only screen and (max-width: 480px) {

  table.tablefield {
    display: none;
  }

  table.mobile-table {
    display: block;
  }

  table {
    margin: 50px; 
    td, th {
      padding: 10px;
      text-align: left;
    }
  }

  .mobile-table {
    tbody tr:nth-child(odd) {
      background: #eee;
    }
  }

  .mobile-table tr {
    width 50%;
  }

  .mobile-table tr.even th,
  .mobile-table tr.even {
    color: #000;
    background: #fff;
  }

  .mobile-table tr.odd th,
  .mobile-table tr.odd {
    color: #000;
    background: #eee;
  }
}