/* SCSS Framework boilerplate from Ristretto: https://github.com/kylelarkin/ristretto */
* {
  box-sizing: border-box;
}

body, select, input, textarea {
  color: #333;
}

::-moz-selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

::selection {
  background: #ccc;
  color: #000;
  text-shadow: none;
}

a:link {
  -webkit-tap-highlight-color: transparent;
}

ins {
  background-color: #ccc;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ccc;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

.block-pma-card {
  background: #fff;
  max-width: 500px;
}
.block-pma-card .wp-block-gallery {
  position: relative;
}
.block-pma-card .wp-block-gallery figure {
  aspect-ratio: 8/5;
}
.block-pma-card .wp-block-gallery figure a {
  aspect-ratio: 8/5;
  display: block;
}
.block-pma-card .wp-block-gallery figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.block-pma-card .wp-block-gallery .view-gallery {
  background: #E43200;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  left: 2rem;
  letter-spacing: 2px;
  padding: 0.125rem 0.5rem;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 2rem;
}
.block-pma-card .pma-card-inner {
  color: #555;
  padding: 2rem;
}
.block-pma-card .pma-card-inner h3 {
  color: #E43200;
  font-size: 1.1875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.block-pma-card .pma-card-inner .content * {
  color: #555;
}
.editor-styles-wrapper .block-pma-card {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}
.editor-styles-wrapper .block-pma-card a {
  pointer-events: none;
}