/* 
  &:before {
    content: '\e900';
    @include icons-pseudo;
  }
*/
/* 
    @include hover-supported() {
        background-color: white;
    }
*/
/* Examples: 
    @include user-select(none);
    @include user-select(all);
*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-family: "FK Screamer Legacy", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
}

h1,
.h1,
.display-1 {
  font-size: 7.4rem;
  line-height: 6.4rem;
}
@media (min-width: 768px) {
  h1,
.h1,
.display-1 {
    font-size: 10rem;
    line-height: 9rem;
  }
}
@media (min-width: 1200px) {
  h1,
.h1,
.display-1 {
    font-size: 14rem;
    line-height: 13rem;
  }
}
@media (min-width: 1400px) {
  h1,
.h1,
.display-1 {
    font-size: 18.5rem;
    line-height: 16.8rem;
  }
}

h2,
.h2 {
  font-size: 6.4rem;
  line-height: 5.9rem;
}
@media (min-width: 1200px) {
  h2,
.h2 {
    font-size: 10.2rem;
    line-height: 9.4rem;
  }
}
h2-large,
.h2-large {
  font-size: 4.8rem;
  line-height: 5.6rem;
}
@media (min-width: 768px) {
  h2-large,
.h2-large {
    font-size: 12rem;
    line-height: 11.4rem;
  }
}

h3,
.h3 {
  font-size: 4.8rem;
  line-height: 4.6rem;
}
@media (min-width: 1200px) {
  h3,
.h3 {
    font-size: 9.3rem;
    line-height: 9rem;
  }
}
h3-xl,
.h3-xl {
  font-size: 3.2rem;
  line-height: 3.9rem;
  font-family: "Graphik", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media (min-width: 768px) {
  h3-xl,
.h3-xl {
    font-size: 4.8rem;
    line-height: 6.9rem;
    text-transform: none;
  }
}

h4,
.h4 {
  font-size: 2.2rem;
  line-height: 3rem;
}
@media (min-width: 768px) {
  h4,
.h4 {
    font-size: 6.4rem;
    line-height: 6.7rem;
  }
}

h5,
.h5 {
  font-size: 2rem;
  line-height: 2.6rem;
}
@media (min-width: 1200px) {
  h5,
.h5 {
    font-size: 3rem;
    line-height: 3.8rem;
  }
}
h5-xl,
.h5-xl {
  font-size: 4rem;
  line-height: 4.4rem;
}

h6,
.h6,
.section-header {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media (min-width: 1200px) {
  h6,
.h6,
.section-header {
    font-size: 2rem;
    line-height: 3rem;
  }
}

.quote-large {
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 3.9rem;
}
@media (min-width: 1200px) {
  .quote-large {
    font-size: 4.8rem;
    line-height: 5.7rem;
  }
}

.eyebrow-large {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 1200px) {
  .eyebrow-large {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
.eyebrow-small {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.button,
.btn,
.link-text {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.6rem;
}
@media (min-width: 1200px) {
  .button,
.btn,
.link-text {
    font-size: 1.9rem;
    line-height: 2.9rem;
  }
}
.button-small,
.btn-small,
.link-text-small {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media (min-width: 1200px) {
  .button-small,
.btn-small,
.link-text-small {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.body-1-xs,
body-xs,
.p-xs {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
@media (min-width: 1200px) {
  .body-1-xs,
body-xs,
.p-xs {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}
.body-1-sm,
body-sm,
.p-sm,
.state-table .dataTables_scrollBody table tbody tr td {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
@media (min-width: 1200px) {
  .body-1-sm,
body-sm,
.p-sm,
.state-table .dataTables_scrollBody table tbody tr td {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
.body-1-md,
body-md,
.p-md {
  font-size: 1.6rem;
  line-height: 2.416rem;
  font-weight: 700;
}
.body-1-lg,
body-lg,
.p-lg {
  font-size: 1.8rem;
  line-height: 2.718rem;
  font-weight: 700;
}
.body-1-xl,
body-xl,
.p-xl {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
@media (min-width: 1200px) {
  .body-1-xl,
body-xl,
.p-xl {
    font-size: 1.8rem;
    line-height: 3rem;
  }
}

.wpcf7-not-valid-tip {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.letter-cap::first-letter {
  font-size: 5.1rem;
  line-height: 4.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-family: "FK Screamer Legacy", "AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", HelveticaNeue-CondensedBold, "Ubuntu Condensed", "Liberation Sans Narrow", "Franklin Gothic Demi Cond", "Arial Narrow", sans-serif-condensed, Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
}
@media (min-width: 1200px) {
  .letter-cap::first-letter {
    font-size: 5.9rem;
    line-height: 5.6rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
  color: inherit;
  margin-top: 0;
}

.state-table__header {
  border-top: 2px solid #282828;
}
.state-table .dataTables_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
@media (max-width: 767.98px) {
  .state-table .dataTables_wrapper {
    flex-direction: column;
  }
}
.state-table .dataTables_wrapper > * {
  flex: 1;
}
.state-table .dataTables_wrapper .column-filter-widgets {
  display: flex;
  gap: 2.4rem;
}
@media (max-width: 575.98px) {
  .state-table .dataTables_wrapper .column-filter-widgets {
    flex-direction: column;
    gap: 5.2rem;
  }
}
.state-table .dataTables_wrapper .column-filter-widget {
  position: relative;
  width: 100%;
}
.state-table .dataTables_wrapper .column-filter-widget .widget-0, .state-table .dataTables_wrapper .column-filter-widget .widget-1 {
  width: 100%;
  background-color: transparent;
  padding: 2rem 2.4rem;
  font-weight: 700;
  border-color: #bfc4b8;
  color: #949494;
  -webkit-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3828 0.999756L8.19169 8.19088L1.00056 0.999755' stroke='%23282828' stroke-width='1.1736'/%3E%3C/svg%3E%0A") 90%/1.6rem no-repeat;
}
.state-table .dataTables_wrapper .column-filter-widget .filter-term {
  position: absolute;
  left: 0rem;
  bottom: -3.4rem;
}
.state-table .dataTables_filter {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.state-table .dataTables_filter label {
  width: 82.9%;
}
@media (max-width: 767.98px) {
  .state-table .dataTables_filter label {
    width: 100%;
  }
}
.state-table .dataTables_filter input {
  width: 100%;
  float: right;
  padding: 1.2rem 0rem;
  font-weight: 700;
  border: none;
  border-bottom: 1px solid #bfc4b8;
  color: #949494;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 1.5C5.52944 1.5 1.5 5.52944 1.5 10.5C1.5 15.4706 5.52944 19.5 10.5 19.5C12.7153 19.5 14.7436 18.6996 16.3117 17.3723L21.2197 22.2803L22.2803 21.2196L17.3723 16.3116C18.6996 14.7436 19.5 12.7153 19.5 10.5C19.5 5.52944 15.4706 1.5 10.5 1.5ZM3 10.5C3 6.35786 6.35786 3 10.5 3C14.6421 3 18 6.35786 18 10.5C18 14.6421 14.6421 18 10.5 18C6.35786 18 3 14.6421 3 10.5Z' fill='black'/%3E%3C/svg%3E%0A") 100%/2.4rem no-repeat;
}
.state-table .dataTables_filter input:focus {
  border-color: #282828;
}
.state-table .dataTables_scroll {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 2.4rem;
}
.state-table .dataTables_scrollHeadInner {
  width: 100% !important;
}
.state-table .dataTables_scroll table {
  width: 100% !important;
}
.state-table .dataTables_scrollHead {
  display: none;
}
.state-table .dataTables_scrollHead table thead {
  height: 6.8rem;
  background-color: #edede9;
  display: flex;
  align-items: center;
}
.state-table .dataTables_scrollHead table thead tr {
  display: flex;
  gap: 2.4rem;
  width: 100%;
}
.state-table .dataTables_scrollHead table thead tr th {
  flex: 10%;
  color: #949494;
}
.state-table .dataTables_scrollHead table thead tr th:nth-child(4) {
  flex: 27.2%;
}
.state-table .dataTables_scrollBody table thead {
  display: block;
  height: 6.8rem;
  background-color: #edede9;
  display: flex;
  align-items: center;
}
.state-table .dataTables_scrollBody table thead tr {
  display: flex;
  gap: 2.4rem;
  width: 100%;
}
.state-table .dataTables_scrollBody table thead tr th {
  flex: 10%;
  color: #949494;
  transform: translateY(-1.3rem);
}
.state-table .dataTables_scrollBody table thead tr th:first-child {
  padding-left: 2.4rem;
}
.state-table .dataTables_scrollBody table thead tr th:nth-child(4) {
  flex: 27.2%;
}
.state-table .dataTables_scrollBody table thead tr th div {
  overflow: unset !important;
}
.state-table .dataTables_scrollBody table tbody {
  display: block;
  overflow: auto;
  overflow: overlay;
  max-height: 66.8rem;
}
.state-table .dataTables_scrollBody table tbody tr {
  display: flex;
  gap: 2.4rem;
  width: 100%;
  padding: 1.6rem 0;
  background-color: #fff;
  border-bottom: 1px solid #bfc4b8;
}
.state-table .dataTables_scrollBody table tbody tr:last-child {
  border-bottom: none;
}
.state-table .dataTables_scrollBody table tbody tr td {
  flex: 10%;
  color: #282828;
}
.state-table .dataTables_scrollBody table tbody tr td:first-child {
  padding-left: 2.4rem;
  font-weight: 700;
}
.state-table .dataTables_scrollBody table tbody tr td:nth-child(4) {
  flex: 27.2%;
}
.state-table .dataTables_scrollBody table tbody tr td:last-child {
  color: #ff3939;
}
