@charset "UTF-8";

/* Styles for the "painting gallery" pages */

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}

.painting-cell {
  align-content: center;
}

.painting {
  width: 100%;
  height: auto;
  filter: var(--image-drop-shadow)
}

@media screen {
  .painting-cell {
    padding: 2rem;
  }

  .painting-square {
    max-height: 28rem;
    max-width: 28rem;
  }

  .painting-landscape {
    max-height: 22rem;
    max-width: 33rem;
  }

  .painting-landscape-2 {
    max-height: 28rem;
    max-width: 38rem;
  }

  .painting-portrait {
    max-height: 33rem;
    max-width: 22rem;
  }

  .painting-caption {
    padding-top: 1rem;
  }

  .painting-title {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
  }

  .painting-meta {
    font-size: 0.9em;
  }
}

@media print {
  .painting-cell {
    padding-top: .5rem;
    page-break-inside: avoid;
  }

  .painting-square {
    max-height: 8rem;
    max-width: 8rem;
  }

  .painting-landscape {
    max-height: 6rem;
    max-width: 9rem;
  }

  .painting-landscape-2 {
    max-height: 6rem;
    max-width: 12rem;
  }

  .painting-portrait {
    max-height: 12rem;
    max-width: 9rem;
  }

  .painting-caption {
    padding-top: 1rem;
  }

  .painting-title {
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
  }

  .painting-meta {
    font-size: 0.8em;
  }
}