/* Make the background image behave like a hero banner */
#mod-custom110 {
  background-image: url("/images/banners/hexteal_banner_2025.png");
  background-color: transparent !important;
  background-size: 50% auto;
  background-position: left;
  background-repeat: no-repeat;
  background-color: white;
}
.mod-custom {
  min-height: 240px;
  padding: 4rem 1rem;
}

/* Override header background color */
.container-header {
  background-color: #FFFFFF !important;   /* replace with your desired color */
  --cass2hex-color-primary: #FFFFFF; /* make sure variable is updated too */
  background-image: none !important;
  min-height: 48px;           /* shrink from ~96px down to ~48px */
  padding-top: 0;             /* remove top/bottom padding */
  padding-bottom: 0;
}

/* Reduce height of the header bar */
.container-header .navbar-brand,
.container-header .navbar-nav {
  padding-top: 0.25rem;        /* reduce vertical padding */
  padding-bottom: 0.25rem;
}


/* Shrink the logo image in the header */
.container-header .navbar-brand img {
  max-height: 120px;   /* half of Cassiopeia’s ~80px default */
  height: auto;       /* preserve aspect ratio */
  width: auto;
}