/* ==================================================================================
   # Layout 
===================================================================================== */
.mason-grid {
  column-count: 1;
  column-gap: 30px;
  row-gap: 30px;
}
.mason-grid .cell {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 30px;
  break-inside: avoid;
}

@media (min-width: 700px) {
  .mason-grid {
    column-count: 2;
    column-gap: 30px;
    row-gap: 30px;
  }
}
.wip-mason-grid {
  column-count: 1;
  column-gap: 30px;
  row-gap: 30px;
}
.wip-mason-grid .cell {
  margin: 0;
  display: grid;
  grid-template-rows: 3fr 1fr;
  margin-bottom: 30px;
  break-inside: avoid;
}

@media (min-width: 700px) {
  .wip-mason-grid {
    column-count: 2;
    column-gap: 30px;
    row-gap: 30px;
  }
}
/* ==================================================================================
   # Containers 
===================================================================================== */
.blue-box {
  background-color: #F0F5F9;
  border: 1px solid #C1C6CD;
  padding: 1rem;
}
.blue-box h1,
.blue-box h2,
.blue-box h3,
.blue-box h4,
.blue-box h5,
.blue-box h6,
.blue-box p:first-of-type {
  margin-top: 0;
}

/* ==================================================================================
   # Content 
===================================================================================== */
/* =========================================================================
  ## Link + Description, used in Resources & Reports landing pages
============================================================================ */
.link-description a {
  font-size: 1.25rem;
}

.sm-description p {
  max-width: 900px;
}

/* =========================================================================
  ## Forms  - Used on Reports and Dashboards
============================================================================ */
.inlined-inputs .question {
  display: block;
}
.inlined-inputs fieldset,
.inlined-inputs input,
.inlined-inputs select {
  display: block;
}

@media (min-width: 375px) {
  .inlined-inputs .question {
    display: inline-block;
  }
  .inlined-inputs fieldset,
  .inlined-inputs input,
  .inlined-inputs select {
    display: inline-block;
  }
}
.filter-box h2 {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
  margin-top: 0;
}
.filter-box .question {
  padding-bottom: 0.5rem;
  margin-right: 1rem;
}
.filter-box .radcheck div {
  margin-bottom: 0rem;
}
.filter-box .parent-legend {
  font-size: 1.05rem;
}
.filter-box button {
  margin-top: 0;
}
.filter-box .nigp-codes {
  margin-bottom: 1rem;
}
.filter-box .nigp-codes .accordion .nigpClassSection:last-of-type {
  margin-bottom: 1rem;
}
.filter-box .nigp-codes #selectedNIGPCodeDisplay p {
  margin: 0;
}
.filter-box .nigp-codes #selectedNIGPCodeDisplay p.header {
  margin-top: 1px;
}