body,
html {
  font-family: 'Noto Sans', sans-serif;
  width: 100vw;
}

body {
  overflow-x: hidden;
}

.container-fluid {
  padding-left: 16px;
  padding-right: 16px;
}

html[dir=ltr] li a {
  margin-left: 0 !important;
}

* + form {
  margin-top: unset !important;
}

.footer-bottom {
  padding: 0 !important;
}

.qld__accordion__title:after,
.qld__select:after {
  content: none !important;
}

.qld__btn:disabled {
  color: var(--qrss-grey-pending) !important;
}

.qrss__text-input::placeholder {
  color: var(--qrss-grey-pending) !important;
}

.qrss__hint-text {
  color: var(--qrss-hint-text) !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

/* Figma Default Styles / Heading 2 — page section title (e.g. Select athletes) */
.qld__body .qrss__page-section-heading {
  color: var(--qrss-heading-navy);
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}

/* Parent accept-invite form section titles (Terms, Health, Mouthguard, Sport specific) */
.qrss__parent-terms-section-title {
  color: var(--qrss-heading-navy) !important;
  font-size: 20px !important;
  font-weight: 600;
  padding-bottom: 16px;
}

/* Remove after new consolidated table styles are implemented and not instances of qld__table--scroll are left anywhere in the codebase */
.qld__table--scroll {
  max-height: unset !important;
}

.qld__table thead {
  z-index: 1000;
}

th:has(.qrss__sort-icon) {
  box-sizing: border-box;
  cursor: default;
  min-inline-size: 7rem;
  padding-inline-end: 2.125rem;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

th[data-sort-key] {
  cursor: pointer;
}

.qrss__sort-icon {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  height: 16px;
  inset-inline-end: 10px;
  justify-content: center;
  left: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.qrss__sort-icon svg {
  display: block;
  flex-shrink: 0;
  height: 16px;
  width: 8px;
}

.qrss__sort-icon svg polygon {
  fill: var(--qrss-light-grey);
}

.qrss__sort-icon--asc svg polygon:first-child {
  fill: var(--qrss-dark-grey);
}

.qrss__sort-icon--asc svg polygon:last-child {
  fill: var(--qrss-light-grey);
}

.qrss__sort-icon--desc svg polygon:last-child {
  fill: var(--qrss-dark-grey);
}

.qrss__sort-icon--desc svg polygon:first-child {
  fill: var(--qrss-light-grey);
}

.qld__body *+pre {
  margin: 0 !important;
}

textarea {
  border: 2px solid var(--QLD-color-light__border--alt) !important;
}

@media (min-width: 768px) {
  .qrss__hint-text {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    padding-left: 32px;
    padding-right: 32px;
  }

  .qld__header .qld__header__search {
    width: 310px !important;
  }

  .qld__header .qld__header__main .qld__header__brand-image {
    margin-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .qld__grid .col-xl-8 {
    width: 66.6666666667%;
  }

  .qld__header .qld__header__search {
    width: 360px !important;
  }
}

@media (min-width: 1400px) {
  .qld__grid .col-xxl-8 {
    width: 66.6666666667%;
  }
}