/* Edited 6/6/25 12pm */

/* Edited 4/4/25 12pm */

/* Edited 3/14/25 9pm */

/* Edited 3/14/25 7pm */

/* Edited 3/12/25 9pm */

li {
  padding: 1rem;
}

.main-content {
  padding: 0;
  overflow: none;
}

li img {
padding: .5rem 0 .5rem 0;

}

h2 {
  padding-bottom: var(--h2-bottom-padding);
  hyphens: auto;
  word-break:break-word;
}

 li a p{
  padding-bottom: var(--padding);
}

@media screen and (max-width: 59rem) {

  .home-columns li{
    padding-top: var(--padding);
    padding-left: var(--padding);
    padding-right: var(--padding);
  }

  
}
/* DESKTOP */
@media screen and (min-width: 45rem) {
  .header {
    height: 12.25vh;
    align-items: center;
    /* padding: .5rem 1rem; */

  }
  header {
    position: relative;
    /* z-index: 1000; */
    width: 100vw;
    background-color: #f5f5f5;
  }
  .main-content{
    height: 82.75vh;
  }
  footer {
    height: 5vh;
  }
  html, body {
    overflow: hidden; 
  
   }

   /* Make body a flex container */
    /* html, body {
      height: 100vh;
      margin: 0;
      display: flex;
      flex-direction: column;
      overflow: hidden; 
    } */
      /* Prevents vertical scrolling */
    
      li img {
        padding-top: .5rem;
        background-color: inherit;
      }
li {
  padding: 1.5%;
}



/* Title styling inside each event preview */
.event-column h2 {
  color: var(--h1-color, inherit);
}

/* Ensure event links also inherit the theme */
.event-column a {
  color: var(--font-color, inherit);
  text-decoration: none;
}

/* Add hover effect */
.event-column a:hover {
  opacity: 0.8;
}  
      /* Title styling inside each event preview */
      .event-column h2 {
        color: var(--h1-color);
      }
      
      /* Ensure event links also inherit the theme */
      .event-column a {
        color: var(--font-color);
        text-decoration: none;
      }
      
      .event-column a:hover {
        opacity: 0.8;
      }
}

/* @media screen and (min-width: 70rem) {
 
  header {
    height: 5vh
  }
  .main-content{
    height: 90vh;
  }
 footer {
  height: 5vh;
 }
} */