/* Collegiate block-style font for the CFB GEEK brand (free Michigan-wordmark lookalike) */
/* Self-hosted Graduate (Google Fonts), no external request */
@font-face {
  font-family: "Freshman";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Freshman.woff2") format("woff2");
}

/* Navbar container */
.navbar {
  display: flex;
  align-items: center;
  background-color: #333;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  top: 0;
  padding: 0 6%;
  width: 100%;
  position: sticky;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

/* Links inside the navbar */
.navbar a {
  font-size: 16px;
  line-height: 1.0; /* pin it so navbar height doesn't inherit each page's body line-height */
  display: block;
  color: white;
  padding: 16px 18px;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* ">" so it targets ONLY the top-level brand link, not the first <a> inside
   the Year dropdown menu */
.navbar > a:first-child {
  font-family: "Freshman", "Trebuchet MS", Arial, sans-serif;
  font-size: 16px;
/*   letter-spacing: 1px; */
/*  background-color: #00274c; navy blue */
/*  color: #ffcb05;            maize */
  background-color: #ffcb05; 
  color: #00274c;
}

/* Keep the brand navy/maize on hover (overrides the generic grey hover) */
.navbar > a:first-child:hover {
/*   background-color: #003a70; lighter navy
  color: #ffd633;            brighter maize */
  background-color: #ffd633;
  color: #003a70;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  line-height: 1.0; 
  border: none;
  outline: none;
  color: white;
  padding: 16px 18px;  
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Highlight navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: grey;
  color: #fff;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  font-size: 12px;
  float: none;
  color: black;
  /* padding: 12px 16px; */
  padding: 6px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #999999;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}