@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

header .navbar{
  background-color:rgba(255,255,255,.75);
}
#rikudBody a.navbar-item{
    color:#0038b8;
    font-weight:600;
}
#rikudBody a.navbar-item:hover{
    border-bottom:4px solid #0038b8;
}
.navbar .button.is-link{
    background-color:#0038b8!important;
}
.navbar .button.is-link:hover{
    background-color:#ffffff;
    border-color:#0038b8;
    color:#0038b8;
}
/* Video background hero */
.hero-video-bg {
  position: relative;
  overflow: hidden;
  color:#ffffff!important;
  background-color:#0038b8!important;
}

/* concave bottom edge */
.hero-video-bg::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -80px;
  transform: translateX(-50%);
  width: 120%;
  height: 160px;
  background: #fff; /* change to match the next section/page background */
  border-radius: 50%;
  z-index: 2;
  pointer-events: none;
}

.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

/* Ensure hero content and overlay sit above the video */
.hero-video-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: none;
  z-index: 0;
}

.hero-video-bg .hero-body {
  position: relative;
  z-index: 3;
}
/*
@media (prefers-reduced-motion: reduce) {
  .hero-video {
    display: block;
  }
}
*/