/* CSS Document */
.ev1-button--icon, .clipboard--button-only .clipboardjs-button {
  margin-right: -100px;
}

.node-form .field-type-file,
.node-form .field-type-image {
  border: 1px solid grey;
  padding: 4px;
}
.able-poster {
  width: 100%;
}

.able .able-vidcap-container {
  overflow: hidden;
}

/* structure in media */
.scrollspy-toc .table-of-contents {
  max-height: 65vh;
  min-width: 100px;
  overflow-y: scroll;
  width: calc(50vw - 52%);
  max-width: 300px;
  margin: 0;
}

#scrollspy-nav {
  display: none;
}

@media screen and (min-width: 80rem) {
  #scrollspy-nav {
    position: absolute !important;
    left: 100%;
    width: calc(52vw - 52%);
    max-width: 14em;
    min-width: 8rem;
    display: block;
    max-height: 65vh;
    overflow-y: scroll;
  }
}

#scrollspy-nav,
#scrollspy-nav .scrollspy-toc {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#scrollspy-nav .item-list ul li {
  margin: 0;
  padding: 0;
}

#scrollspy-nav ul li a {
  font-size: 12px;
  font-weight: bold;
}

#scrollspy-nav ul li a:hover {
  font-size: 13px;
}

#scrollspy-nav ul li a:active {
  background-color: #FFAA44;
}

.elmsln-card img.h5p-overlay-icon {
  z-index: 100;
  position: absolute;
  width: 30px;
}

.card-col paper-card {
  margin: 8px 0;
  min-height: 150px;
  min-width: 150px;
}
paper-card .header.paper-card {
  min-height: 100px;
}
paper-card .card-content lrnsys-button {
  display: inline-flex;
}
paper-card .paper-card .title-text {
  font-size: 12px !important;
  background-color: white;
  opacity: .6;
  padding: 2px !important;
}
paper-card .paper-card:hover .title-text {
  opacity: 1;
}
