/*
 * FEJ local styles.
 */
:root {
  --website-colour: #0061AF;
}
#main-navbar {
  border-bottom: 9px solid var(--website-colour, transparent);
}
.header-title {
  margin: 0 auto;
}
.home-fej-profile {
  position: relative;
  overflow: hidden;
}
.home-fej-profile::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/resources/images/fej-kanji.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90%;
  opacity: 0.5;
  pointer-events: none;
}
.home-fej-profile > * {
  position: relative;
  z-index: 1;
}
.home-fej-logo {
  display: block;
  max-width: 180px;
  margin: 2rem auto;
}
.home-fej-flag {
  font-size: 1.4rem;
  margin-right: 0.5rem;
  flex: 0 0 auto;
}
.home-fej-translation {
  font-size: 1.4em;
  line-height: 1.4;
}
.special-event {
  margin-bottom: 1rem;
  padding: 0.5rem;
  border: 1px solid var(--bs-secondary-color);
  border-radius: 0.5rem;
  background-color: #ccc;
}
.special-event a {
  color: var(--bs-primary-text-emphasis);
  font-weight: bold;
  background-color: beige;
}
.special-event a:link,
.special-event a:visited {
  color: var(--bs-primary-text-emphasis);
}
.special-event a:hover {
  filter: brightness(200%);
}
.special-event-date {
  font-size: 0.8rem;
}