/* 
Generated link styles from
https://github.com/ourfuturehealth/design-system-toolkit/blob/b5f4ab8ec54aa8cf20f1a99e375a91aa69192a05/packages/core/tools/_links.scss 
*/
a {
  color: #0053b3;
}

a:visited {
  color: #330072;
}

a:hover {
  color: #002d61;
  text-decoration: none;
}

a:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #011d4b;
  color: #011d4b;
  outline: 4px solid transparent;
  text-decoration: none;
}

a:focus:hover {
  text-decoration: none;
}

a:focus:visited {
  color: #011d4b;
}

a:active {
  color: #001f42;
}

@media print {
  a:after {
    color: #1b1b1b;
    content: " (Link: " attr(href) ")";
    font-size: 14pt;
  }
}

.ofh-header-logo-container {
  display: flex;
}

@media (min-width: 61.875em) {
  .nhsuk-header__container {
    height: 100px;
  }
}

#nhs_partnership_logo {
  height: 100%;
}
@media (min-width: 990px) {
  #nhs_partnership_logo {
    width: auto;
  }
}
@media (max-width: 989px) {
  #nhs_partnership_logo {
    width: auto;
  }
}
#eddrp_logo_mobile {
  display: none !important;
  width: 188px;
  height: 60px;
}

#eddrp_logo_desktop {
  width: 243px;
  height: 57px;
}

@media (max-width: 796px) {
  #eddrp_logo_desktop {
    display: none !important;
  }
  #eddrp_logo_mobile {
    display: block !important;
  }
}

#kc-content-wrapper .nhsuk-error-summary {
  margin-right: 65px;
}

@media (max-width: 796px) {
  #kc-content-wrapper .nhsuk-error-summary {
    margin-right: 0 !important;
  }
}

.eddrp-margin-bottom-s {
  margin-bottom: 8px;
}

.eddrp-force-fill:after {
  content: "\200b";
}

#kc-content-wrapper .nhsuk-inset-text {
  background-color: white;
  margin-top: 0px;
}

#tiles-image img {
  display: block;
  max-width: 256px;
  max-height: 128px;
  width: auto;
  height: auto;
  float: right;
}

@media (max-width: 796px) {
  #tiles-image.nhsuk-grid-row > .nhsuk-grid-column-full {
    padding: 0 0 0 0;
  }

  #tiles-image img {
    display: block;
    max-width: 128px;
    max-height: 64px;
    width: auto;
    height: auto;
    float: right;
  }
}

/*
Note the nhsuk toolkit uses min-width: 61.875 and max-width: 61.865 so widths here are consistent with this
*/

.ofh-content-top-line {
  display: block;
  height: 4px;
  background-color: #ffc62c;
}

.nhsuk-header-ofh-blue {
  background-color: #011d4b;
}

.nhsuk-header__logo {
  padding-bottom: 0px;
}

/* Set password screen */
.ofh-set-password,
.ofh-set-password-confirmation {
  width: calc(100vw - 80px);
  max-width: 960px;
}

.ofh-set-password hr,
.ofh-set-password-confirmation hr {
  margin-top: 3.2em;
  margin-bottom: 2.5em;
}

.ofh-set-password h1,
.ofh-set-password-confirmation h1 {
  margin-top: -1em;
  margin-bottom: 1em;
}

@media (max-width: 61.865em) {
  .ofh-set-password,
  .ofh-set-password-confirmation {
    width: calc(100vw - 70px);
  }

  .ofh-set-password hr,
  .ofh-set-password-confirmation hr {
    margin-top: 3.8em;
    margin-bottom: 1.5em;
  }

  .ofh-set-password h1,
  .ofh-set-password-confirmation h1 {
    margin-top: -0.5em;
  }
}

/* End set password screen */

/* password input */

.eddrp-password-input__wrapper {
  display: flex;
  background-color: white;
  align-items: center;
}

.eddrp-password-input__wrapper:focus-within {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffeb3b;
  outline-offset: 0;
}

.eddrp-password-input__toggle-button {
  align-self: center;
  border: none;
  background-color: #f0f4f5;
  width: 54px;
  height: 26px;
  display: none;
  padding: 0px;
}

.eddrp-password-input__toggle-button:hover {
  cursor: pointer;
}

.eddrp-password-input__text-field {
  flex-grow: 1;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 1.1875rem;
  line-height: 1.5;
  box-sizing: border-box;
  height: 100%;
  padding: 4px;
}

@media (max-width: 40.0525em) {
  .eddrp-password-input__toggle-button {
    width: 48px;
    height: 22px;
  }
}

/* -- */

.nhsuk-details__summary-override {
  color: #0053b3;
  cursor: pointer;
  display: inline-block;
  padding-left: 24px;
  position: relative;
  text-decoration: underline;
}

.nhsuk-details__summary-override:hover {
  color: #002d61;
  text-decoration: none;
}

.nhsuk-details__summary-override::before {
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  border-width: 7px 0 7px 12.124px;
  border-left-color: inherit;
}

.nhsuk-details[open] > .nhsuk-details__summary-override:before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  border-width: 12.124px 7px 0 7px;
  border-top-color: inherit;
}

.nhsuk-details__summary-override:focus {
  background-color: #ffeb3b;
  box-shadow: 0 -2px #ffeb3b, 0 4px #011d4b;
  color: #011d4b;
  outline: 4px solid rgba(0, 0, 0, 0);
  text-decoration: none;
}

.nhsuk-details__summary-override:hover .nhsuk-details__summary-text,
.nhsuk-details__summary-override:focus .nhsuk-details__summary-text {
  text-decoration: none;
}

.ofh-button,
a.ofh-button {
  margin-bottom: 24px;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
  margin-top: 0;
  padding: 16px 24px;
  position: relative;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
  vertical-align: top;
  width: auto;
}
@media (min-width: 40.0625em) {
  .ofh-button,
  a.ofh-button {
    margin-bottom: 32px;
  }
}
@media (max-width: 40.0525em) {
  .ofh-button,
  a.ofh-button {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
  }
}
.ofh-button:active,
.ofh-button:focus,
.ofh-button:hover,
.ofh-button:visited,
a.ofh-button:active,
a.ofh-button:focus,
a.ofh-button:hover,
a.ofh-button:visited {
  text-decoration: none;
}
.ofh-button::-moz-focus-inner,
a.ofh-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ofh-button--contained,
a.ofh-button.ofh-button--contained {
  background-color: #0053b3;
  color: #fff;
}
.ofh-button--contained:hover,
a.ofh-button.ofh-button--contained:hover {
  background-color: #002d61;
}
.ofh-button--contained:focus,
a.ofh-button.ofh-button--contained:focus {
  background-color: #001f42;
  outline: 4px solid #0053b3;
  outline-offset: 4px;
}
.ofh-button--contained:active,
a.ofh-button.ofh-button--contained:active {
  background-color: #001f42;
  outline: 0;
  outline-offset: none;
}
.ofh-button--outlined,
a.ofh-button.ofh-button--outlined {
  border: 2px solid #0053b3;
  color: #0053b3;
}
.ofh-button--outlined:hover,
a.ofh-button.ofh-button--outlined:hover {
  border: 2px solid #002d61;
  color: #002d61;
}
.ofh-button--outlined:active,
.ofh-button--outlined:focus,
a.ofh-button.ofh-button--outlined:active,
a.ofh-button.ofh-button--outlined:focus {
  border: 2px solid #001f42;
  color: #001f42;
}
.ofh-button--outlined:focus,
a.ofh-button.ofh-button--outlined:focus {
  outline: 4px solid #0053b3;
  outline-offset: 4px;
}
.ofh-button--outlined:active,
a.ofh-button.ofh-button--outlined:active {
  outline: 0;
  outline-offset: none;
}
.ofh-button--ghost,
a.ofh-button.ofh-button--ghost {
  background-color: transparent;
  border: 2px solid #0053b3;
  color: #0053b3;
}
.ofh-button--ghost:hover,
a.ofh-button.ofh-button--ghost:hover {
  background-color: transparent;
  border: 2px solid #002d61;
  color: #002d61;
}
.ofh-button--ghost:active,
.ofh-button--ghost:focus,
a.ofh-button.ofh-button--ghost:active,
a.ofh-button.ofh-button--ghost:focus {
  background-color: transparent;
  border: 2px solid #001f42;
  color: #001f42;
}
.ofh-button--ghost:focus,
a.ofh-button.ofh-button--ghost:focus {
  outline: 4px solid #0053b3;
  outline-offset: 4px;
}
.ofh-button--ghost:active,
a.ofh-button.ofh-button--ghost:active {
  outline: 0;
  outline-offset: none;
}
.ofh-button--ghost-reverse,
a.ofh-button.ofh-button--ghost-reverse {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.ofh-button--ghost-reverse:hover,
a.ofh-button.ofh-button--ghost-reverse:hover {
  background-color: transparent;
  border: 2px solid #e8e8e8;
  color: #e8e8e8;
}
.ofh-button--ghost-reverse:active,
.ofh-button--ghost-reverse:focus,
a.ofh-button.ofh-button--ghost-reverse:active,
a.ofh-button.ofh-button--ghost-reverse:focus {
  background-color: transparent;
  border: 2px solid #d1d1d1;
  color: #d1d1d1;
}
.ofh-button--ghost-reverse:focus,
a.ofh-button.ofh-button--ghost-reverse:focus {
  outline: 4px solid #fff;
  outline-offset: 4px;
}
.ofh-button--ghost-reverse:active,
a.ofh-button.ofh-button--ghost-reverse:active {
  outline: 0;
  outline-offset: none;
}
.ofh-button--text,
a.ofh-button.ofh-button--text {
  background-color: transparent;
  color: #0053b3;
  padding: 12px 0;
}
@media (max-width: 40.0525em) {
  .ofh-button--text,
  a.ofh-button.ofh-button--text {
    padding: 8px 0;
  }
}
.ofh-button--text:hover,
a.ofh-button.ofh-button--text:hover {
  color: #002d61;
}
.ofh-button--text:focus,
a.ofh-button.ofh-button--text:focus {
  border-radius: 0;
  color: #001f42;
  outline: 4px solid #0053b3;
}
.ofh-button--text:active,
a.ofh-button.ofh-button--text:active {
  color: #001f42;
  outline: 0;
  outline-offset: none;
}
.ofh-button--text-reverse,
a.ofh-button.ofh-button--text-reverse {
  background-color: transparent;
  color: #fff;
  padding: 12px 0;
}
@media (max-width: 40.0525em) {
  .ofh-button--text-reverse,
  a.ofh-button.ofh-button--text-reverse {
    padding: 8px 0;
  }
}
.ofh-button--text-reverse:hover,
a.ofh-button.ofh-button--text-reverse:hover {
  color: #e8e8e8;
}
.ofh-button--text-reverse:focus,
a.ofh-button.ofh-button--text-reverse:focus {
  border-radius: 0;
  color: #d1d1d1;
  outline: 4px solid #fff;
}
.ofh-button--text-reverse:active,
a.ofh-button.ofh-button--text-reverse:active {
  color: #d1d1d1;
  outline: 0;
  outline-offset: none;
}

#kc-locale {
  float: right;
  padding: 0 16px;
}

#kc-login {
  margin-bottom: 24px;
}


@media (min-width: 768px) {
  #kc-login {
    margin-bottom: 32px;
  }
}

#kc-form-buttons.nhsuk-form-group {
  margin-bottom: 0px;
}

.hide-element {
  display: none;
}