/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/three-column-table/three-column-table.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.three-column-table {
  margin: var(--section-spacing) 0;
}
.three-column-table h1 {
  font: var(--font-headline-1);
  letter-spacing: var(--font-headline-1--spacing);
}
.three-column-table h2 {
  font: var(--font-headline-2);
  letter-spacing: var(--font-headline-2--spacing);
}
.three-column-table h3 {
  font: var(--font-headline-3);
  letter-spacing: var(--font-headline-3--spacing);
}
.three-column-table h4 {
  font: var(--font-headline-4);
  letter-spacing: var(--font-headline-4--spacing);
}
.three-column-table h5 {
  font: var(--font-headline-5);
  letter-spacing: var(--font-headline-5--spacing);
}
.three-column-table h1,
.three-column-table h2,
.three-column-table h3,
.three-column-table h4,
.three-column-table h5 {
  font-weight: 600;
  color: var(--color-blue);
  margin: 0 0 2.4rem;
}
.three-column-table h1.animated,
.three-column-table h2.animated,
.three-column-table h3.animated,
.three-column-table h4.animated,
.three-column-table h5.animated {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.three-column-table p {
  margin-bottom: 4rem;
}
.three-column-table p.animated {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}
.three-column-table table {
  font: var(--font-body-small);
  letter-spacing: var(--font-body-small--spacing);
}
.three-column-table table td:last-child a {
  font-weight: 700;
}
@media (max-width: 767px) {
  .three-column-table table {
    display: block;
  }
  .three-column-table table.animated {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
  }
  .three-column-table table tbody {
    display: block;
  }
  .three-column-table table tbody tr {
    display: block;
    padding: 1rem;
  }
  .three-column-table table tbody tr:nth-child(even) {
    background-color: var(--color-soap);
  }
  .three-column-table table tbody tr td {
    display: block;
  }
  .three-column-table table tbody tr td:first-child {
    font-weight: 500;
    color: var(--color-blue);
  }
  .three-column-table table tbody tr td:not(:last-child) {
    padding-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .three-column-table table.animated {
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
  }
  .three-column-table table tbody tr:nth-child(even) {
    background-color: var(--color-soap);
  }
  .three-column-table table tbody tr td {
    padding: 1rem;
  }
  .three-column-table table tbody tr td + td {
    padding-left: 4rem;
  }
  .three-column-table table tbody tr td:last-child {
    white-space: nowrap;
  }
}

/*# sourceMappingURL=three-column-table.css.map*/