.notice-loader:after {content: ''; position: absolute; width: 100%; height: 100%; background-image: url('/img/ajax-loader.gif'); background-repeat: no-repeat; background-position: 50% 50%;}
.home-news {position: relative; margin: 4rem 0;}
.grid-refresh {display: none;}

/* News */
.news-item {position: relative; display: flex; flex-direction: column; justify-content: space-between; color: var(--primary); margin-bottom: 2rem; text-align: center;}
.news-item h4 {color: var(--secondary);}
.news-image {margin: 2rem 0; aspect-ratio: 1/1; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.news-image.default-image {background-color: var(--primary);}
.more-link[data-bs-toggle='modal'] {cursor: pointer;}
.news-link {display: flex; flex-direction: column; align-items: center;}
.news-link a {border-bottom: 1px solid transparent;}

/* Upcoming Events */
.home-upcoming .item-grid {display: grid; grid: repeat(3, 1fr) / repeat(2, 1fr); gap: 1rem; grid-auto-rows: 0; overflow: hidden; margin-bottom: 1rem;}
.upcoming-date {font-family: var(--detail-font); text-transform: uppercase; font-size: 0.6rem;}
.upcoming-item {background: white; color: var(--primary); padding: 1rem;}
.upcoming-bullet {display: none;}

@media (min-width: 768px) {
  .grid-refresh {display: inline-block; cursor: pointer; transition: 0.2s;}
  .grid-refresh {color: var(--primary); font-size: 3rem; position: absolute; top: 50%; margin-top: -1.5rem;}
  .home-upcoming .grid-refresh {color: white;}
  .grid-refresh[data-action='prev'] {left: 0;}
  .grid-refresh[data-action='next'] {right: 0;}

  .grid-refresh:not(.inactive):hover {transform: scale(1.3);}
  .grid-refresh.inactive {color: #888; cursor: not-allowed;}

  /* News */
  .home-news .item-grid {display: flex; gap: 30px;}
  .news-item {min-height: 350px; flex: 1;}

  /* Upcoming Events */
  .home-upcoming {height: auto; overflow: hidden; position: relative; display: flex; gap: 1rem; align-items: center; margin-bottom: 2rem;}
  .home-upcoming .grid-refresh {position: static; margin-top: 0;}
  .home-upcoming .item-grid-container {position: relative; overflow: hidden;}
  .home-upcoming .item-grid {display: block; width: 10000px; position: relative; text-align: left; transition: 1s; transition-timing-function: ease-in-out;}
  .upcoming-timeline {border-bottom: 1px solid #aaa; position: absolute; width: 100%; margin-top: 1rem;}
  .upcoming-item {width: auto; max-width: 215px; margin-top: -0.35rem; padding: 1rem 1rem 0 1rem; display: inline-block; vertical-align: top; background: transparent; color: white; text-align: center;}
  .upcoming-item:before {content: '\2022'; display: block; position: relative; color: var(--secondary); font-size: 2.5rem; line-height: 1rem;}
  .upcoming-bullet:before {color: red;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid-refresh {top: -3rem;}
}
@media (min-width: 992px) {
  .home-news .item-grid {display: flex; gap: 60px;}
  .grid-refresh[data-action='prev'] {left: -60px;}
  .grid-refresh[data-action='next'] {right: -60px;}
}
@media (min-width: 1200px) {
  .news-image {margin: 2rem;}
}