/* Accessibility corrections kept separate from the generated theme styles. */

/* IDs 12, 14, 17, 23, 32, 34, 37, 40, 57, 80: do not lower contrast on hover/focus. */
a:hover,
a:focus,
a:active,
.js-to-confirm:hover,
.js-to-confirm:focus,
.btnSubmitConfirm:hover,
.btnSubmitConfirm:focus {
  opacity: 1 !important;
}

/* ID 19: readable link colour on white and light-grey backgrounds. */
.common .mainContents a {
  color: #7a5c0e;
}

/* ID 11: red text on the calendar background. */
.mainContents .textRed,
.mainContents .red,
.mainContents .required {
  color: #b00020 !important;
}

/* IDs 14, 23, 32, 57: retain white text and use a darker hover fill. */
.akasaka .btnTransition:hover,
.akasaka .btnTransition:focus,
.akasaka .btnSubmitConfirm:hover,
.akasaka .btnSubmitConfirm:focus,
.akasaka .btnSubmitComplete:hover,
.akasaka .btnSubmitComplete:focus,
.akasaka .btnSubmitBack:hover,
.akasaka .btnSubmitBack:focus,
.akasaka .js-to-confirm:hover,
.akasaka .js-to-confirm:focus {
  background-color: #8f3928 !important;
}

.kyoto .btnTransition:hover,
.kyoto .btnTransition:focus,
.kyoto .btnSubmitConfirm:hover,
.kyoto .btnSubmitConfirm:focus,
.kyoto .btnSubmitComplete:hover,
.kyoto .btnSubmitComplete:focus,
.kyoto .btnSubmitBack:hover,
.kyoto .btnSubmitBack:focus,
.kyoto .js-to-confirm:hover,
.kyoto .js-to-confirm:focus {
  background-color: #4e3a6b !important;
}

/* IDs 9, 16, 67: form controls and placeholder text. */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"],
textarea,
select {
  border-color: #777 !important;
  border-bottom-color: #777 !important;
}

::placeholder {
  color: #606060 !important;
  opacity: 1 !important;
}

::-webkit-input-placeholder {
  color: #606060 !important;
  opacity: 1 !important;
}

/* ID 25: language links remain readable over the top-page photographs. */
.langSwitcher:not(.bk) a {
  text-shadow: 0 0 3px rgba(0, 0, 0, .95), 0 1px 3px rgba(0, 0, 0, .95) !important;
}

.langSwitcher .bogo-language-switcher {
  background: rgba(0, 0, 0, .9) !important;
}

/* ID 79: give the closed hamburger icon a light background. */
.globalNavSp:not(.active) .spNavToggler {
  background-color: rgba(255, 255, 255, .94) !important;
  border-radius: 3px;
}

/* IDs 80, 81: annual-events month navigation. */
.visitAnnualEvents.postBody > .nav-outer .event-nav__list a:hover,
.visitAnnualEvents.postBody > .nav-outer .event-nav__list a:focus {
  color: #6b2b1f !important;
  opacity: 1 !important;
}

.visitAnnualEvents.postBody > .nav-outer .event-nav__list a[aria-current="true"],
.visitAnnualEvents.postBody > .nav-outer .event-nav__list a.is-current {
  border-bottom: 2px solid #7a2f1f !important;
}

/* Keyboard users must be able to identify the active control. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #1f5ca8 !important;
  outline-offset: 3px !important;
}