/* Custom Styles / Materialize Overrides */

/* Adjust Navbar height to fit logo + padding */
nav, nav .nav-wrapper {
  height: 120px; /* 100px logo + 10px top padding + 10px bottom padding */
  line-height: 120px; /* Adjust line-height for vertical centering of nav items */
}

/* Adjust logo positioning within the taller navbar */
nav .brand-logo {
  height: 120px; /* Match navbar height for padding reference */
  display: flex; /* Use flexbox again for easier centering */
  align-items: center; /* Vertically center the image within this container */
  padding: 0; /* Remove direct padding */
  /* The 10px top/bottom space comes from the 120px height vs 100px image */
}

/* Adjust sidenav trigger position */
nav .sidenav-trigger {
    height: 120px; /* Match navbar height */
    line-height: 120px !important; /* Override Materialize inline style */
}

/* Header Logo */
.header-logo {
  height: 100px; /* Logo image itself remains 100px */
  width: auto;
  display: block; /* Ensure image behaves correctly */
  /* No margin needed with flex centering */
}

/* Make parallax image slightly darker for text readability */
.parallax-container .parallax img {
  filter: brightness(70%);
}

/* Ensure card images don't overflow */
.card .card-image img {
  max-width: 100%;
  height: auto;
  display: block; /* Prevents extra space below image */
}

/* Adjust card title size if needed */
.card .card-title {
  font-size: 1.3rem;
  font-weight: 500;
}

/* Add some margin below main content */
main {
  margin-bottom: 40px;
}

/* Optional: Use Poppins font if preferred over Roboto */
body {
  font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
 font-family: 'Poppins', sans-serif;
}

/* Fix for collection items inside cards */
.card .collection.green.lighten-5 {
  border: none !important; /* Override Materialize border */
}
.card .collection .collection-item.green.lighten-5 {
   background-color: transparent !important; /* Override Materialize background */
   padding-left: 0; /* Align with card content */
}
.card .collection .collection-item i.material-icons {
  line-height: inherit; /* Fix icon vertical alignment */
}

/* Add padding above sidenav text links */
.sidenav li:nth-child(n+3) { /* Target list items starting from the 3rd one (after logo and divider) */
  padding-top: 20px;
}