body {
    background-color: #E7C691; 
}
a {
  color: #272727 !important;
}
a:hover {
  color: #f68e13 !important;
}
.logo-image {
    margin: auto !important;
}
#sp-header {
    box-shadow: none !important;
}
#sp-menu > .sp-column, #sp-menu  .sp-megamenu-wrapper { 
    justify-content: center !important;
}
ul.sp-dropdown-items > li.sp-menu-item {
    text-align: left !important;
}
#offcanvas-toggler::after {
  content: "MENU"; padding-left: 5px; color: #111; margin-top: -3px;
}
h1, h2, h3, h4, h5 {
  display: block !important;
  text-align: center !important;
  font-weight: bold !important;
  margin-bottom: 2.5rem;
}

/* List styling */
.menu,
.menu ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.menu li {
  margin: 4px 0;
  line-height: 1.4;
}
.menu ul {
  padding-left: 20px;
  border-left: 1px solid #aaa;
  margin-left: 6px;
}
.menu li:has(ul) > a,
.menu li:has(ul) > span {
  font-weight: 600;
}
.menu a {
  text-decoration: none;
  color: #333;
}

.menu a:hover {
  text-decoration: underline;
  color: #000;
}
.menu li:has(ul) > a,
.menu li:has(ul) > span {
  font-weight: 600;
  color: #000;
}
.mod-menu__sub {
    font-size: 18px !important;
}

.menu-item-bold {
    display: block !important;
    font-weight: bold !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.menu-item-uppercase {
    display: block !important;
    font-size:22px !important;
    text-transform: uppercase !important;
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}




/*
.mod-menu__sub {
    padding-left: 20px;
    padding-top: 10px !important;
    font-size: 18px !important;
}
.static-vertical-menu .menu-child {
    display: block !important;
}
.static-vertical-menu li {
    padding-bottom: 10px;
}
.mod-menu__heading {
    padding-bottom: 10px;
    font-weight: bold !important;
}
*/