html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

.content-container {
  flex: 1;
}

/* Darker background for the header section */
.hero.is-info {
    background-color: #292d37;
	width: 100%;
}

/* Darker background for the header section */
.hero.is-info h1 {
	font-size: min(12vw, 10rem);
}

/* Custom text color for the hero content */
.hero.is-info .title,
.hero.is-info .subtitle,
.hero.is-info p {
    color: #ffffff;
	font-size: min(3vw, 3rem);
}

/* Add some padding to the hero body for better spacing */
.hero.is-info .hero-body {
    padding: 4rem 2rem;
}

.hero.is-info {
    position: relative; /* Ensure the positioning context for overlay */
	/* overflow: hidden; */
	background: url('images/headerBackground.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero.is-info .title,
.hero.is-info .subtitle,
.hero.is-info p {
    color: #ffffff;
    z-index: 1; /* Ensure the text is above the overlay */
}

/* Optional: Adjustments for better visibility against the background image */
.hero.is-info .title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

.hero.is-info .subtitle,
.hero.is-info p {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.footer {
    background-color: #2c2c2c; /* Darker color for the footer background */
    color: #ffffff; /* White text color */
    padding: 20px; /* Adjust padding as needed */
    text-align: center; /* Center align the text */
}

.section.section-top {
	padding-top: 2.5rem;
}
.section.section-bottom {
	padding-bottom: 2.5rem;
}

.section {
	padding: 1.5rem 3rem;
}

.section .title {
	font-size: min(6vw, 3rem);
}

.section .section-text {
	font-size: min(4vw, 1.5rem);
}

.shrinking-header {
  transition: all 0.5s ease;
  height: 480px; /* Set initial height to match is-shrunk height */
}

.shrinking-header.is-shrunk {
  height: 240px; /* Adjust the desired height when the header is shrunk */
}

.shrinking-header.is-shrunk .hero-body h1 {
  font-size: 3rem;
}

/* Style for generic game section */
.game-section {
    height: 200px; /* Set your desired height */
    position: relative;
    overflow: hidden;
	padding: 5px;
	margin-bottom: 0.5rem; /* Add some spacing between game sections */
	border: 3px solid #2c2c2c;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.game-section:last-of-type  {
	margin-bottom: 0rem; /* Add some spacing between game sections */
}

.game-section .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.game-section h2 {
    font-size: min(6vw, 4rem);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    color: #ffffff; /* White text color */
}

/* Additional styling for better visibility against the background image */
.game-section p {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    color: #ffffff; /* White text color */
}

.game-section a:hover {
	text-decoration: underline white solid 1px;
}
/* Style for the blog section */
#rss-feed {
  margin-top: 20px;
}

#rss-feed ul {
  list-style: none;
  padding: 0;
}

#rss-feed li {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid black;
  margin-bottom: -1px
}

#rss-feed li.latestcontent {
}

#rss-feed  .header{
  border: 0px solid black;
}

#rss-feed a {
  text-decoration: none;
  color: #292d37;
  font-weight: bold;
  transition: color 0.3s ease;
}

#rss-feed a:hover {
  color: #e44d26; /* Change the color on hover */
}

.date {
  font-size: min(3vw, 1rem);
  color: #7a7a7a;
}

.latestblogentry{
	
}