/* Shared page styles (new). The server's Content-Security-Policy blocks style="" attributes,
   so styles that used to be inline live here. Kept at the site root, next to site.js: the
   legacy import replaces css/ with the server's copy.
   site.js also points Foundation at this sheet for the rules it adds at run time. */

/* Images centered on their own line (blog posts). */
.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-spaced {
  margin-bottom: 15px;
}

.button.no-float {
  float: none;
}

/* Awards list (company page). */
.award a {
  border-bottom: none;
}
.award-badge {
  min-height: 9.375rem;
  line-height: 9.375rem;
}
.award-badge img {
  max-height: 9.375rem;
  padding-bottom: 0.5rem;
}

/* Case study subtitle, under the customer name. */
.study-subtitle {
  text-transform: none;
  font-size: 28px;
}

.font-normal {
  font-weight: 400;
}

/* Lightbox thumbnails: square crops of images of any shape. */
.clearing-thumbs img {
  object-fit: cover;
}

/* Foundation's lightbox template hides the large image with an inline style, which the
   policy drops; hide it here. Foundation's show() and hide() still work over this rule. */
.clearing-assembled .visible-img {
  display: none;
}

/* The legacy CSS draws the select arrow as a data: image, which the policy blocks. */
select {
  background-image: url("select-arrow.svg");
}

/* Support documentation page: rule between sections, and the label right above a table. */
hr.section-rule {
  margin-bottom: 20px;
}

.table-label {
  margin-bottom: 0;
}