@font-face {
  font-family: 'h5p-hub';
  src: url('../fonts/h5p-hub.ttf') format('truetype');
}

@font-face {
  font-family: 'h5p';
  src: url('../fonts/h5p-core-30.woff') format('woff');
}

.h5p-oer-hub-explorer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: "Open Sans", sans-serif;
  margin: 0 auto;
  max-width: 1080px;

  h1 {
    background-color: #1d594d;
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0;
    padding: 0.5rem 0.75rem;
  }

  #h5p-hub-panel:has(.h5p-hub-icon-hub-icon[aria-expanded="false"]) {
    display: none;
  }

  .h5p-hub-client-drop-down {
    display: none;
  }

  .h5peditor-copypaste-wrap {
    display: none;
  }

  nav > ul .h5p-hub-tab-button:has(#h5p-hub-content-types),
  nav > ul .h5p-hub-tab-button:has(#h5p-hub-upload) {
    display: none;
  }

  .footer {
    background-color: #1d594d;
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    padding: 0.5rem;

    a {
      color: #ffffff;
      text-decoration: underline;
    }
  }
}