@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)
}

.painting-unframed {
  display: none;
}

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

  /* From kbm-website worksheet */
  .painting-6x6 { max-height: 25.00vw; max-width: 25.00vw; }  /* Small */
  .painting-8x8 { max-height: 26.52vw; max-width: 26.52vw; }  /* Small */
  .painting-10x10 { max-height: 28.03vw; max-width: 28.03vw; }  /* Small */
  .painting-12x12 { max-height: 29.55vw; max-width: 29.55vw; }  /* Small */
  .painting-16x16 { max-height: 32.58vw; max-width: 32.58vw; }  /* Small */
  .painting-20x20 { max-height: 35.61vw; max-width: 35.61vw; }  /* Mid-size */
  .painting-18x24 { max-height: 34.09vw; max-width: 38.64vw; }  /* Mid-size */
  .painting-24x18 { max-height: 38.64vw; max-width: 34.09vw; }  /* Mid-size */
  .painting-20x24 { max-height: 35.61vw; max-width: 38.64vw; }  /* Mid-size */
  .painting-24x24 { max-height: 38.64vw; max-width: 38.64vw; }  /* Mid-size */
  .painting-24x30 { max-height: 38.64vw; max-width: 43.18vw; }  /* Mid-size */
  .painting-18x36 { max-height: 34.09vw; max-width: 47.73vw; }  /* Large */
  .painting-30x30 { max-height: 43.18vw; max-width: 43.18vw; }  /* Large */
  .painting-36x24 { max-height: 47.73vw; max-width: 38.64vw; }  /* Large */
  .painting-24x36 { max-height: 38.64vw; max-width: 47.73vw; }  /* Large */
  .painting-30x40 { max-height: 43.18vw; max-width: 50.76vw; }  /* Large */
  .painting-36x36 { max-height: 47.73vw; max-width: 47.73vw; }  /* Large */
  .painting-24x48 { max-height: 38.64vw; max-width: 56.82vw; }  /* Large */
  .painting-40x40 { max-height: 50.76vw; max-width: 50.76vw; }  /* Large */
  .painting-48x48 { max-height: 56.82vw; max-width: 56.82vw; }  /* Large */
  .painting-40x60 { max-height: 50.76vw; max-width: 65.91vw; }  /* Large */
  .painting-36x72 { max-height: 47.73vw; max-width: 75.00vw; }  /* Larger */

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

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

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

  .painting-price {
    font-size: 1em;
  }

  .painting-framed {
    font-size: 0.9em;
    font-style: italic;
  }
}

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

  /* From kbm-website worksheet */
  .painting-6x6 { max-height: 10.00vw; max-width: 10.00vw; }  /* Small */
  .painting-8x8 { max-height: 10.61vw; max-width: 10.61vw; }  /* Small */
  .painting-10x10 { max-height: 11.21vw; max-width: 11.21vw; }  /* Small */
  .painting-12x12 { max-height: 11.82vw; max-width: 11.82vw; }  /* Small */
  .painting-16x16 { max-height: 13.03vw; max-width: 13.03vw; }  /* Small */
  .painting-20x20 { max-height: 14.24vw; max-width: 14.24vw; }  /* Mid-size */
  .painting-18x24 { max-height: 13.64vw; max-width: 15.45vw; }  /* Mid-size */
  .painting-24x18 { max-height: 15.45vw; max-width: 13.64vw; }  /* Mid-size */
  .painting-20x24 { max-height: 14.24vw; max-width: 15.45vw; }  /* Mid-size */
  .painting-24x24 { max-height: 15.45vw; max-width: 15.45vw; }  /* Mid-size */
  .painting-24x30 { max-height: 15.45vw; max-width: 17.27vw; }  /* Mid-size */
  .painting-18x36 { max-height: 13.64vw; max-width: 19.09vw; }  /* Large */
  .painting-30x30 { max-height: 17.27vw; max-width: 17.27vw; }  /* Large */
  .painting-36x24 { max-height: 19.09vw; max-width: 15.45vw; }  /* Large */
  .painting-24x36 { max-height: 15.45vw; max-width: 19.09vw; }  /* Large */
  .painting-30x40 { max-height: 17.27vw; max-width: 20.30vw; }  /* Large */
  .painting-36x36 { max-height: 19.09vw; max-width: 19.09vw; }  /* Large */
  .painting-24x48 { max-height: 15.45vw; max-width: 22.73vw; }  /* Large */
  .painting-40x40 { max-height: 20.30vw; max-width: 20.30vw; }  /* Large */
  .painting-48x48 { max-height: 22.73vw; max-width: 22.73vw; }  /* Large */
  .painting-40x60 { max-height: 20.30vw; max-width: 26.36vw; }  /* Large */
  .painting-36x72 { max-height: 19.09vw; max-width: 30.00vw; }  /* Larger */

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

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

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

  .painting-price {
    font-size: 1em;
  }

  .painting-framed {
    font-size: 0.8em;
    font-style: italic;
  }
}