body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.banner {
    position: relative;
    background-color: white; /* White background */
    color: black; /* Black font color */
    padding: 60px 20px;
    text-align: center;
    width: 100%; /* Full width */
    box-sizing: border-box; /* Ensure padding is included in the width */
    margin-bottom: 40px; /* Space below the banner */
}
.banner-text {
    max-width: 1200px;
    margin: 0 auto;
}
.banner h1 {
    font-size: 2.5em; /* Larger font size */
    margin-bottom: 20px;
}
.banner p {
    font-size: 1.2em; /* Larger font size */
}
.content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px; /* Adjusted padding to reduce left and right spacing */
}
.project {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px; /* Add space between projects */
}
.project img {
    width: 150px; /* Adjust size as needed */
    height: 150px; /* Adjust size as needed */
    object-fit: cover;
    border-radius: 5px;
    margin-right: 20px; /* Space between image and text */
}
.project h2 {
    color: #E34545; /* Black color */
    margin: 0 0 10px 0; /* Add bottom margin */
}
.project h2 a {
    text-decoration: none;
    color: #E34545; /* Black color */
}
.project h2 a:hover {
    text-decoration: underline;
}
.project div {
    margin-left: 20px; /* Add space between the image and the title/text */
}
.project p {
    margin: 0;
}
.footer {
    text-align: left;
    margin-top: 50px;
    color: #777;
}

/* Target titles with the site-title class */
.site-title {
  color: #000000 !important;
}

/* Change color of navigation menu items to black */
.navigation.nav-menu.js-nav-menu a {
  color: #000000 !important;
}

/* Remove underline from elements with site-title class */
.site-title {
  text-decoration: none !important;
}

/* Remove underline from menu elements */
.navigation.nav-menu.js-nav-menu a {
  text-decoration: none !important;
}

.navigation.nav-menu.js-nav-menu {
  display: block !important;
}



/* Override flex layout for navigation menu */
.navigation.nav-menu.js-nav-menu {
  display: block !important;
}

/* Additional styling for navigation menu items */
.navigation.nav-menu.js-nav-menu .nav-item {
  display: inline-block; /* Change to inline-block for horizontal layout */
  margin-right: 30px; /* Add space between items horizontally */
}

.navigation.nav-menu.js-nav-menu .nav-item a {
  text-decoration: none; /* Remove underline from links */
  color: inherit; /* Inherit color from parent */
}


/* Additional spacing for banner text */
.banner-text {
  margin-top: 40px; /* Add more space above */
  margin-bottom: 40px; /* Add more space below */
  color: #000; /* Ensure text color is appropriate */
}

.banner-text h1 {
  margin-top: 70;
}

.banner-text p {
  margin-bottom: 70px;
}

h1 {
    text-align: left;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px; /* Sets the underline thickness to 2px */
}

.resource-container {
    display: flex;
    flex-direction: column; /* This will stack the items vertically */
    align-items: center; /* This will center the items horizontally */
}

.resource-container img {
    max-width: 100%; /* This ensures the image scales properly */
}

.resource-name {
    margin-top: 10px; /* Adds some space between the image and the text */
    text-align: center; /* Centers the text below the image */
}


.showcase .entry:not(:only-child) img {
  height: 150px;
  width: 150px;
  float: none;
  margin-right: 0;
  vertical-align: top;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  object-fit: cover;
  object-position: center;
}

.showcase .entry:not(:only-child) img {
  max-height: 10rem;}

.showcase .entry:only-child img {
  height: 300px;
}

.showcase .entries {
  border-top: none;
}

a {
  text-decoration: none;
  color: #E34545; /* Change color to red */
}