.scraper-card-link { display: block; overflow: hidden; text-overflow: ellipsis; margin: 0; max-width: 300px; }

.scraper-card-description { margin: 0; }
.scraper-card-description p { margin: 4px 0; font-size: 90%; overflow: hidden; text-overflow: ellipsis; }

.scraper-card-icon-bg { background-position: 50%; background-size: cover; min-width: 225px; min-height: 168.75px; display: block; max-width: 100%; max-height: 100%; width: 100%; height: 100%; }

.scraper-card-block { position: relative; min-height: 168.75px; overflow: hidden; padding: 0; border: 1px solid #f4f4f4; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; }
.scraper-card-block .elgg-image { position: relative; margin: 0; padding: 0; -webkit-flex: 0 0 225px; flex: 0 0 225px; }
.scraper-card-block .elgg-body { -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; }
.elgg-module.elgg-module-scraper-card .scraper-card-block { padding: 0; }
.elgg-module-widget .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.elgg-module-widget .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; }
@media (max-width: 820px) { .scraper-card-block { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .scraper-card-block .elgg-image { position: relative; height: 225px; min-height: 150px; flex: 1 1 100%; } }

.scraper-card-flex { position: relative; padding-top: 25px !important; padding-bottom: 67.5% !important; height: 0; margin-bottom: 0; overflow: hidden; max-height: 75vh; }
.scraper-card-flex.widescreen, .scraper-card-flex.scraper-card-youtube { padding-bottom: 56.34% !important; }
.scraper-card-flex.scraper-card-vimeo { padding-top: 0 !important; padding-bottom: 67.5% !important; }
.scraper-card-flex iframe, .scraper-card-flex object, .scraper-card-flex embed, .scraper-card-flex video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.scraper-card-photo { max-width: 500px; height: auto; }

.scraper-play-button { position: absolute; bottom: 0; right: 0; margin: 5px; font-size: 35px; color: red; text-shadow: 0 0 2px #fff; cursor: pointer; }
.scraper-play-button .elgg-icon { font-size: inherit; color: inherit; }

.scraper-link { line-height: 110%; vertical-align: middle; }
.scraper-link .favicon { background-size: 16px; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; margin: 0 5px; }
.scraper-link .link { margin: 0 5px; }

.elgg-menu-scraper-card { position: absolute; right: 0; top: 0; margin: 5px; }