/**
 * @global
 * Globally used variables
 */
/**
 * @colours
 * Colour palette main
 */
/**
 * @file
 * buttons.
 */
.cpt-button-link {
  background-color: #a8d2d4;
  color: #065154;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  border-radius: 10px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  border: 2px solid transparent;
  outline: 0;
  transition: all 0.15s ease;
}
.cpt-button-link:hover {
  background-color: #d4e9ea;
}
.cpt-button-link:focus-visible {
  border-color: #065154;
}
.cpt-button-link.btn-full {
  display: block;
}
.cpt-button-link.coh-component {
  margin-bottom: 30px;
}

.form-submit {
  width: 100%;
  background-color: #a8d2d4;
}
.form-submit:hover {
  background-color: #d4e9ea;
}
.form-submit:focus-visible {
  border-color: #065154;
}

/**
 * @file
 * On this page Bar Component.
 */
.cpt-on-this-page-bar {
  background-color: #f6f6f6;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}
.cpt-on-this-page-bar .coh-row {
  padding: 24px 0 12px 0;
}
.cpt-on-this-page-bar .coh-row-inner {
  flex: 0 1 auto;
}
.cpt-on-this-page-bar .coh-column {
  max-width: none;
}
.cpt-on-this-page-bar h2 {
  margin-top: 0;
  font-size: 1.824em;
  font-weight: 500;
  margin: 0;
}
.cpt-on-this-page-bar .toc-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.cpt-on-this-page-bar .toc-list-item {
  margin: 0 12px 12px 0;
}
.cpt-on-this-page-bar .toc-link {
  background-color: #a8d2d4;
  color: #065154;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  border-radius: 10px;
  padding: 0.9em 1.5em 0.8em 1.5em;
  border: 2px solid transparent;
  transition: all 0.15s ease;
  display: block;
}
.cpt-on-this-page-bar .toc-link.is-active-link {
  background-color: #c4d600;
  color: #065154;
}
.cpt-on-this-page-bar .toc-link.is-active-link:hover {
  background-color: #e2eb80;
}
.cpt-on-this-page-bar .item-collapsible-header {
  flex-grow: 0;
  min-width: 230px;
}

@media (max-width: 1023px) {
  .cpt-on-this-page-bar .item-collapsible-header {
    min-width: 170px;
  }
  .cpt-on-this-page-bar .item-collapsible-panel {
    display: block;
  }
}
@media (max-width: 767px) {
  .cpt-on-this-page-bar {
    padding: 20px 40px 20px 20px;
  }
  .cpt-on-this-page-bar h2 {
    margin-bottom: 0;
    font-size: 1.595em;
  }
  .cpt-on-this-page-bar .coh-row {
    padding: 0;
  }
  .cpt-on-this-page-bar .coh-row-inner {
    flex-direction: column;
  }
  .cpt-on-this-page-bar .btn-toggle {
    left: auto;
    right: -24px;
    background-image: url("../../images/chevron-down-teal.svg");
    background-position: right top 50%;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .cpt-on-this-page-bar #toc {
    margin-top: 20px;
  }
  .cpt-on-this-page-bar .toc-list {
    display: block;
    flex-wrap: nowrap;
  }
  .cpt-on-this-page-bar .toc-list-item {
    margin: 0 0 18px 0;
  }
  .cpt-on-this-page-bar .toc-link {
    background-color: transparent;
    padding: 0;
    font-weight: normal;
    text-align: left;
    border-radius: 0;
  }
  .cpt-on-this-page-bar .toc-link.is-active-link {
    background-color: transparent;
    text-decoration: underline;
  }
  .cpt-on-this-page-bar .item-collapsible-header {
    flex-basis: auto;
  }
  .cpt-on-this-page-bar .item-collapsible-panel {
    display: none;
  }
  .cpt-on-this-page-bar.item-collapsible-open .item-collapsible-panel {
    display: block;
    min-height: auto;
  }
  .cpt-on-this-page-bar.item-collapsible-open .btn-toggle {
    background-image: url("../../images/chevron-up-teal.svg");
  }
}
/*# sourceMappingURL=../maps/components/on-this-page-bar.css.map */