.page-title {
  margin-top: 0;
}

.main-page-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .main-page-title {
    margin-bottom: 4rem;
  }
}

.page-placeholder-wrapper {
  display: flex;
  justify-content: center;
}

.page-placeholder {
  width: 52.5rem;
  height: 52.5rem;
}


/* NOF Custom */
.pages-section {

  table.pages-reactive-table {
    overflow-x: auto;
    max-width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
    background-color: rgb(var(--color-background));
    border-top: 3px solid rgba(var(--color-foreground));
    border-bottom: 3px solid rgba(var(--color-foreground));

    thead {
      border-bottom: 3px solid rgba(var(--color-foreground));
    }

    th {
      font-weight: bold;
      text-align: center;
    }
    
    th, td {
      padding: 1rem 1rem;
      border: 1px solid rgba(var(--color-foreground), 0.8);
      color: rgb(var(--color-foreground));
      font-size: 1.5rem;
    }

    th:first-child, td:first-child {
      border-left: none;
    }
    th:last-child, td:last-child {
      border-right: none;
    }

    td img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }
  }

  .table-note {
    font-size: 1.4rem;
    line-height: 1.6;
    color: rgb(var(--color-foreground));
    text-align: center;
    margin-top: 2rem;
  }
  
}