/*
 * --- Primary Colors ---
 */
/*
 * --- Informational Colors ---
 *
 * Use these colors for alerts or informational text.
 */
/*
 * --- Supporting Colors ---
 *
 * These colors would primarily be used with text.
 */
/*
 * --- Feature Colors ---
 *
 * Colors used primarily in the dashboard to brand distribution channels
 */
/*
 * --- Background Colors ---
 */
/*
* --- Gradients ---
 */
/*
 * --- Text Colors ---
 *
 * When using text on a light background stick to Black or Slate.
 * Use White or Light Gray on dark backgrounds. Silver is reserved
 * for disabled states.
 */
/*
 * --- Original ---
 *
 * This is our original color variables. Some have been updated
 * to use the new color variables for StockBlocks and some of the
 * non standard variables are being left as is.
 */
body {
  margin: 0;
}

.brief-pdf {
  font-family: "proxima_nova", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.brief-pdf .contents {
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 100px;
}
.brief-pdf .contents .contents-section {
  page-break-inside: avoid;
  margin-top: 30px;
}
.brief-pdf .contents .contents-section .subheader {
  font-weight: 900;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.brief-pdf .contents .contents-section .title {
  font-size: 22px;
}
.brief-pdf .contents .contents-section .description {
  font-size: 12px;
  line-height: 24px;
}
.brief-pdf .contents .contents-section .description .asterisk {
  color: #e32d19;
}
.brief-pdf .contents .contents-section .description .images {
  margin-top: 4px;
  display: grid;
  grid-template-columns: auto auto;
}
.brief-pdf .contents .contents-section .description .images .sampleImage {
  width: 47%;
  margin-bottom: 4px;
}
.brief-pdf .contents .contents-section .description .images .sampleImage.sampleImage-first {
  margin-right: 3px;
}
.brief-pdf .contents .contents-section .description .images .sampleImage.sampleImage-second {
  margin-left: 3px;
}
.brief-pdf .contents .contents-section .description a {
  text-decoration: none;
}
.brief-pdf .contents .contents-section table {
  border-collapse: collapse;
}
.brief-pdf .contents .contents-section table tr.table-header {
  background-color: #efefef;
}
.brief-pdf .contents .contents-section table tr.table-header .table-header-highlight {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
}
.brief-pdf .contents .contents-section table tr.table-header .table-header-subtext {
  font-size: 12px;
  font-weight: normal;
}
.brief-pdf .contents .contents-section table th,
.brief-pdf .contents .contents-section table td {
  font-size: 12px;
  border: 1px solid #b9bcc1;
  text-align: left;
  padding: 7px 14px;
  vertical-align: top;
  width: 33%;
}