/* New York State MWBE Certified Decal
 * ------------------------------------
 * Displayed under the NYS Division of Minority and Women's Business
 * Development decal guidelines (letter of 2026, Jason M. Clark, EVP &
 * Executive Director, NYS DMWBD). The rules the CSS has to honour:
 *
 *   - original artwork only, never recreated or reproduced from print
 *   - no adjusting, modifying, adding to or cropping any element
 *   - colours as depicted cannot change  -> no filter, no opacity shifts
 *   - no enclosing shape, frame or other visual confinement, and it must
 *     not read as part of another logo -> no border, border-radius,
 *     background or shadow, and it is kept clear of the other footer marks
 *   - legibility must never be compromised -> minimum sizes below
 *   - elements must not be separated, and the artwork always appears
 *     upright -> no transform, no background-position tricks
 *
 * Please keep the "none"/"0" declarations below even though they look
 * redundant: they exist so a future theme-wide rule (the homepage
 * association strip, for example, greyscales every logo in it) cannot
 * silently recolour or reshape the decal.
 */

.mwbe-certified {
  box-sizing: border-box;
  max-width: 420px;
  margin: 0 auto 22px;
  padding: 22px 20px 0;
  text-align: center;
}

.mwbe-certified a {
  display: inline-block;
  border: 0;
  text-decoration: none;
}

.mwbe-certified .mwbe-certified-decal {
  display: block;
  width: 118px;          /* legible at 100%: ring text stays readable */
  height: auto;          /* aspect ratio preserved - never distort */
  margin: 0 auto 10px;
  border: 0;
  border-radius: 0;      /* never reshape or crop the mark */
  padding: 0;
  background: none;
  box-shadow: none;
  filter: none;          /* colours as depicted cannot change */
  opacity: 1;
  transform: none;       /* artwork always appears upright */
}

/* Hover/focus must not dim or recolour the mark either. */
.mwbe-certified a:hover .mwbe-certified-decal,
.mwbe-certified a:focus .mwbe-certified-decal {
  filter: none;
  opacity: 1;
  transform: none;
}

.mwbe-certified .mwbe-certified-caption {
  margin: 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #5c5c5c;        /* matches the footer's other text */
}

/* Content placement (bio / about pages) sits on white below the copy.
   `clear` is needed because the body copy on those pages floats an image
   right, and the theme's own .clear helper has no rule behind it. */
.mwbe-certified.mwbe-certified-content {
  clear: both;
  max-width: 100%;
  margin: 8px 0 24px;
  padding: 24px 0 0;
}

.mwbe-certified.mwbe-certified-content .mwbe-certified-decal {
  width: 150px;
}

.mwbe-certified.mwbe-certified-content .mwbe-certified-caption {
  font-size: 14px;
}

@media (max-width: 768px) {
  .mwbe-certified .mwbe-certified-decal,
  .mwbe-certified.mwbe-certified-content .mwbe-certified-decal {
    width: 104px;
  }
}