/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

h1 {
  font-weight: 800;
}
.page-header h1 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  /* Adjust 768px to your breakpoint for mobile devices */
  .g-menu-item-title {
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  .g-toplevel {
    display: flex;
    justify-content: center;
  }
  .g-menu-item-container {
    display: flex;
    justify-content: center;
  }
}
.mix-title {
  font-weight: 700;
  text-decoration: none;
}
.eventsrsg li:nth-child(1) {
  border-color: #bd1e93 !important;
}
.eventsrsg li:nth-child(2) {
  border-color: #1e93be !important;
}
.eventsrsg li:nth-child(3) {
  border-color: #1EBE48 !important;
}
/* Can delete these after */
.homepagebuttons .g-infolist-item {
  border: 2px solid #BD1E93 !important;
  /* Sets the border color and width with high priority */
  border-radius: 10px !important;
  /* Adds slightly curved borders */
  text-align: center !important;
  /* Centers the text horizontally with high priority */
  padding: 10px !important;
  /* Adds some spacing inside the elements with high priority */
  margin: 15px 0 !important;
  /* Increases space between items with high priority */
}
.homepagebuttons .g-infolist-item-container {
  display: flex !important;
  /* Enables flexbox layout with high priority */
  justify-content: center !important;
  /* Centers content horizontally in a flex container with high priority */
  align-items: center !important;
  /* Centers content vertically in a flex container with high priority */
  height: 100% !important;
  /* Ensures the container takes full height of its parent with high priority */
}
.homepagebuttons .g-infolist-item-title {
  margin: 0 !important;
  /* Removes default margin with high priority */
}
.homepagebuttons .g-infolist-link {
  text-decoration: none;
  /* Removes underline from links */
  color: inherit;
  /* Inherits text color from parent elements */
}
/* Can delete these after */
/* General styles for all homeblocks */
.homeblocks {
  border-radius: 15px;
  /* Curved borders */
  padding: 20px;
  margin: 10px;
  text-align: center;
  border-style: solid;
  /* Solid border */
  border-width: 3px;
  /* Border thickness */
  transition: background-color 0.3s, color 0.3s;
  /* Smooth transition for hover effect */
}
/* Styling links within homeblocks to be white */
.homeblocks a {
  color: white !important;
  /* Ensures text in links is white */
  text-decoration: none;
  /* Optional: removes underline from links */
  transition: color 0.3s;
  /* Smooth transition for link color */
}
/* Specific styles for each homeblock */
.homeblock1 {
  background-color: #BD1E93;
  /* Pink background */
  border-color: #BD1E93;
  /* Pink border */
}
.homeblock1:hover, .homeblock1:hover a {
  background-color: transparent;
  /* Transparent background on hover */
  color: #BD1E93 !important;
  /* Pink text on hover */
}
.homeblock1:hover a, .homeblock1:hover a a {
  color: black !important;
  /* Black link text on hover */
}
.homeblock2 {
  background-color: #1EBE48;
  /* Green background */
  border-color: #1EBE48;
  /* Green border */
}
.homeblock2:hover, .homeblock2:hover a {
  background-color: transparent;
  color: #1EBE48 !important;
  /* Green text on hover */
}
.homeblock2:hover a, .homeblock2:hover a a {
  color: black !important;
  /* Black link text on hover */
}
.homeblock3 {
  background-color: #1E93BE;
  /* Blue background */
  border-color: #1E93BE;
  /* Blue border */
}
.homeblock3:hover, .homeblock3:hover a {
  background-color: transparent;
  color: #93BE1E !important;
  /* Lime Green text on hover */
}
.homeblock3:hover a, .homeblock3:hover a a {
  color: black !important;
  /* Black link text on hover */
}
.homeblock4 {
  background-color: #93BE1E;
  /* Lime Green background */
  border-color: #93BE1E;
  /* Lime Green border */
}
.homeblock4:hover, .homeblock4:hover a {
  background-color: transparent;
  color: #1E93BE !important;
  /* Blue text on hover */
}
.homeblock4:hover a, .homeblock4:hover a a {
  color: black !important;
  /* Black link text on hover */
}
/*# sourceMappingURL=custom_331.css.map */