body { 
      background-color: #f8f9fa; 
      font-family:"halyard-display", sans-serif;
      font-size:110%;
  }
  body a {
    color:#00357E !important;
  }
  body p {
    font-weight:300;
    font-size:1.15em;
    line-height:1.5em;
  }
  body strong, body b, body h1, body h2, body h3 {
    font-weight:400;
  }
  .container {
      max-width: 1200px;
      margin: 0 auto;
  }
  body ul li {
    font-size:1rem;
    line-height:1.5rem;
    font-weight:200;
  }

  /* Header styling */
  header {
    margin-bottom:30px;
  }
  .header-section {
      background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
      color: white;
      padding: 1rem 0;
      margin-bottom: 1rem;
  }

  .header-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
  }
  
  .header-subtitle {
      font-size: 1.1rem;
      opacity: 0.9;
  }
  .navbar-brand.ku-brand {
    border-right:1px solid #2966ff;
  }
  
  .kgs-brand {
    color: #0051ba;
    border: none;
    font: normal normal 600 22px halyard-display, sans-serif;
  }
  
  .navbar {
    background-color: #F2F5F8;
    border-bottom: 10px solid #00347d;
  }
  
  .nav-link {
    color: #0051ba;
  }
  .nav-link.critical-minerals:hover, .navbar-brand.kgs-brand:hover {
    text-decoration:underline;
  }
  
  /* Sidebar styling */
  .sidebar {
      background-color: #00357e;
      border-radius: 10px;
      padding: 0;
      margin-bottom: 2rem;
  }
  
  .sidebar-item {
      padding: 0.75rem 1rem;
      border-bottom: 1px solid rgba(255,255,255,0.2);
      font-weight: 400;
      color: white;
  }
  
  .sidebar-item:last-child {
      border-bottom: none;
  }
  
  .sidebar-header {
      background-color: #00357e;
      color: white;
      padding: 1rem 0 0 0;
      border-radius: 10px;
      font-weight: 400;
      font-size: 1.3rem;
      text-align: center;
  }
  
  .sidebar-content {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight:200;
  }
  .sidebar ul.data-links li, .sidebar ul.recipient li {
    margin-bottom: 8px;
    line-height: 1.5rem;
  }
  .sidebar ul.data-links li a {
    font-size:1.15rem;
  }
  .sidebar ul.subawardees li {
    margin-bottom:10px;
  }
  .sidebar ul.subawardees, .sidebar ul.recipient {
    margin-top:8px;
  }
  .sidebar ul {
    list-style:none;
    padding-left:0px;
  }
  a.text-white, a.text-white:hover, a.text-white:active, a.text-white:link, a.text-white:visited {
    color:#fff !important;
    text-decoration:none;
  }
  a.text-white:hover {
    text-decoration:underline;
  }
  a.sidebar-link {
    display:inline-block;
    margin-bottom:5px;
    font-weight:200;
  }
  .sidebar-item span.file-size {
    display:inline-block;
    font-weight:200 !important;
    font-size:70%;
  }
  /* Main content styling */
  .content-card {
      background: white;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      padding: 1.5rem;
      margin-bottom: 1rem;
      border:1px solid #00357e
  }
  
  .content-card h1 {
      color: #2c3e50;
      font-size: 1.7rem;
      line-height:2.1rem;
      font-weight: 500;
      
  }
  .content-card h2 {
      color: #2c3e50;
      font-size: 1.4rem;
      line-height:2.1rem;
      font-weight: 300;
      margin-bottom: 1rem;
      border-bottom: 3px solid #00357e;
      padding-bottom: 0.5rem;
  }
  
  .content-text {
      font-size: 1rem;
      line-height: 1.6em;
      color: #34495e;
      text-align: left;
  }
  
  .subawardees-section {
      margin-top: 1rem;
  }
  
  .subawardees-title {
      color: #2c3e50;
      font-size: 1.3rem;
      font-weight: 500;
      margin-bottom: 1rem;
  }
  
  .subawardee-item {
      margin-bottom: 0.5rem;
      font-size: 1.1rem;
      line-height: 1.5em;
  }
  .content-text .p-list {
    text-align:left;
  }
  .survey-list {
      background-color: #f8f9fa;
      padding: 1rem;
      border-radius: 8px;
      border-left: 4px solid #545657ff;
      margin-bottom: 1rem;
      font-weight: 300;
  }
  .survey-list a {
    color:#00357E !important;
    text-decoration:none;
  }
  .survey-list a:hover {
    text-decoration:underline;
    color:#004fbe !important;
  }
  .p-list {
      background-color: #f8f9fa;
      padding: 1rem;
      border-radius: 8px;
      border-left: 4px solid #545657ff;
      margin-bottom: 1rem;
      font-weight: 300;
      font-size:1.15rem;
      overflow-wrap: break-word
  }
  .p-list.elements {
    word-break: keep-all; 
  }
  .contact-item {
      background-color: #ffffff;
      padding: 0.75rem;
      border-radius: 10px;
      margin-bottom: 0.5rem;
      border: 1px solid #e9ecef;
      transition: box-shadow 0.2s ease;
  }
  
  .contact-item:hover {
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  
  .contact-name {
      font-weight: 500;
      color: #2c3e50;
      margin-bottom: 0.25rem;
  }
  
  .contact-email {
      font-size: 1rem;
      color: #6c757d;
      
  }
  
  .contact-email a {
      color: #3498db;
      text-decoration: none;
      font-weight:200 !important;
  }
  
  .contact-email a:hover {
      text-decoration: underline;
  }
  
  /* KU Logo styling */
  .ku-logo {
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
  }
  
  .ku-text {
      color: #0051ba;
      font-size: 2rem;
      font-weight: bold;
      margin-right: 1rem;
  }
  
  .kgs-text {
      color: #0051ba;
      font-size: 1.2rem;
      font-weight: 500;
  }
  a.nav-link.critical-minerals {
      margin-left:10px;padding-left:30px !important;border-style: solid;border-color: #004fbe;border-width:0 0 0 1px;display:inline-block;
    }
    
  /* Earth MRI badge */
  .earth-mri-badge {
      background: linear-gradient(45deg, #ff6b35, #f7931e);
      color: white;
      padding: 0.5rem 1rem;
      border-radius: 25px;
      font-size: 0.9rem;
      font-weight: 500;
      display: inline-block;
      margin-left: auto;
  }

  footer {
    background-color: #00347d;
    color: white;
    margin-top: 7px;
    text-align: center;
    padding:10px 0;
    font-weight:200;
  }
  
  footer a, footer a:hover {
    color: white !important;
    text-decoration: none;
  }
  
  @media (max-width: 768px) {
      .header-title {
          font-size: 1.8rem;
      }
      
      .ku-text {
          font-size: 1.5rem;
      }
      
      .sidebar {
          margin-bottom: 1rem;
      }
  } 
  @media (max-width: 600px) {
    .navbar-brand.ku-brand {
      border-right:none;
    }
    a.nav-link.critical-minerals {
      border-width:0 !important;
      padding-left: 5px !important;
    }
    .p-list.elements {
      /*font-size:1rem;*/
      word-break: keep-all;
    }
  }