/* Target the main menu container */
#sp-menu .sp-menu-item {
    display: inline-block; /* Or flex for more control */
    float: left; /* Old school method */
    margin-right: 15px; /* Spacing between items */
}
/* If using a module class like menu-h */
.menu-h {
    display: flex;
    justify-content: flex-start; /* Or space-evenly */
}
/* Adjust for dropdowns if needed */


item-page.article-bg-1 {
    background-image: url('/blufftonchurch/images/mountainbg1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    /* or 'contain', or specific dimensions */
    background-position: center center;
    /* Add other background properties as needed */
}body {
  background-image: url("/terryprong/images/musicbg.png");
  background-repeat: no-repeat;
  background-size: cover; /* This makes the image cover the entire background */
  background-attachment: fixed; /* Optional: fixes the background as content scrolls */
  background-color: #ffffff; /* Optional: fallback background color */
}

.menu-horizontal,
.menu-horizontal ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px 25px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

.menu-horizontal li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.menu-horizontal li a {
    display: block !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}