/* --- HEADER BACKGROUND WHITE --- */
.header, .container-header {
  background: #fff !important;
}

/* Cassiopeia grid override: center contents */
.container-header .grid-child {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* --- CENTER THE LOGO --- */
.container-header .site-logo,
.container-header .navbar-brand,
.container-header .brand,
.container-header .site-branding {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Center the logo image */
.container-header .site-logo img,
.container-header .navbar-brand img {
  display: block !important;
  margin: 0 auto !important;
}

/* --- MENU STYLING --- */
.container-header nav,
.container-header .container-nav,
.container-header .mod-menu,
.container-header .navbar,
.container-header .navbar-nav,
.container-header nav ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* Menu text color */
/* Load Oswald font */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');

/* Apply Oswald and bold weight to menu */
.container-header nav a,
.container-header .mod-menu a,
.container-header .navbar-nav a {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important; /* bold */
  color: #3D61A2 !important;
  text-decoration: none !important;
}

/* Menu links - hover state with underline */
.container-header nav a:hover,
.container-header .mod-menu a:hover,
.container-header .navbar-nav a:hover {
  color: #AB1642 !important; /* Deep red hover */
  text-decoration: underline !important; /* Show underline on hover */
  transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out; /* Smooth effect */
}

/* Optional: space between logo & menu */
.container-header .site-logo img { margin-bottom: 10px; }