/* 1. Make the logo slightly larger for better clarity */
#logo img, 
.site-logo img, 
[class*="logo"] img {
  height: 110px !important; /* Increased from 80px to 110px for clarity */
  width: auto !important;
  max-height: 110px !important;
  display: block !important;
}

/* 2. Force the Site Title to be White and clear */
.site-name a, 
.site-branding__name a, 
#site-name a,
.site-branding__text a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: bold !important;
  font-size: 2.2rem !important; /* Adjust this if the text feels too small next to the bigger logo */
}

/* 3. Ensure the title doesn't turn purple/blue after clicking */
.site-name a:visited, 
.site-branding__name a:visited {
  color: #ffffff !important;
}

/* 4. Perfect Alignment for the OISE Makerspace Hub branding */
.site-branding, 
.logo-and-site-name-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important; /* More space between the larger logo and text */
}
/* Change the black navigation bar to #334c71 */
.header-bottom, 
#header-bottom, 
.region-primary-menu,
.main-menu-wrapper {
  background-color: #334c71 !important;
  border: none !important;
}

/* Ensure the text inside the bar stays white */
.region-primary-menu a, 
.main-menu-wrapper a {
  color: #ffffff !important;
}

/* Optional: Add a subtle hover effect for the menu items */
.region-primary-menu a:hover, 
.main-menu-wrapper a:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
/* ── Project node styled as card ── */
.node--type-projects {
  max-width: 360px;
  background-color: #f0f9fc;
  border: 1px solid #d0eaf2;
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  margin: 20px auto;
}
.node--type-projects:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(37,53,90,0.15);
}

/* Hide the author/meta byline */
.node--type-projects .node__header {
  display: none !important;
}

/* Image at top, full width, fixed height */
.node--type-projects .field--name-field-project-image {
  margin: 0 !important;
}
.node--type-projects .field--name-field-project-image .field__label {
  display: none !important;
}
.node--type-projects .field--name-field-project-image img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

/* Content padding wrapper */
.node--type-projects .node__content {
  padding: 20px !important;
}

/* Category as a gold badge */
.node--type-projects .field--name-field-category {
  margin: 0 0 10px 0 !important;
}
.node--type-projects .field--name-field-category .field__label {
  display: none !important;
}
.node--type-projects .field--name-field-category .field__item {
  display: inline-block;
  background-color: #FFF3CC;
  border-radius: 20px;
  padding: 3px 12px;
}
.node--type-projects .field--name-field-category .field__item a {
  color: #25355a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Description text */
.node--type-projects .field--name-field-description {
  color: #555 !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
}