/*April added these styles*/
/*Scheutzenfest page styles*/
.event-menu .menuInner {
  border: 0px !important;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li>.item {
    padding: 0 10px;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li>.item>a>span {
    padding: 10px 0;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li.sel>.item>a>span:before {
    background: #ffffff!important;
}

.WaGadgetMenuVertical .menuInner ul.firstLevel>li.sel>.item {
    background: #f7f7f7;
}

/* Adjust to match your site's content width */
:root { --content-width: 1200px; }

/* Full-width background band that works inside boxed themes */
.fullbleed-band {
  position: relative;      
  overflow: visible;       
  z-index: 0;
}

/* The actual edge-to-edge background */
.fullbleed-band::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #75556c; 
  background: url(/resources/Pictures/January%20Morning%20Bluff%202.jpg) center / cover no-repeat; 
  z-index: -1;            
}

/* Keep inner content aligned to your normal page width */
.fullbleed-band > .WaLayoutTable,
.fullbleed-band > div,
.fullbleed-band .gadget-container {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 48px 24px;     /* spacing inside the band */
  box-sizing: border-box;
}

/* Column spacing inside the band (tweak to taste) */
.fullbleed-band .WaLayoutTable td {
  padding-left: 16px;
  padding-right: 16px;
}

/* Mobile tidy-up */
@media (max-width: 768px) {
  .fullbleed-band .WaLayoutTable td { padding-left: 0; padding-right: 0; }
}

/* Safety: some themes clip overflow on wrappers—open them up if needed */
.waLayoutMainTable, .WaContent, .WaPlaceHolder, .WaContentArea { overflow: visible !important; }

/*SECONDARY TOP BAR BAND*/
.top-bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #75556c; 
  /* background: url(/resources/your-image.jpg) center / cover no-repeat; */
  z-index: -1;            
}

/*MAIN MENU BAND*/
.main-menu-bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #ffffff; 
  /* background: url(/resources/your-image.jpg) center / cover no-repeat; */
  z-index: -1;            
}

/* Vertically center only layouts with class 'valign-center' */
.valign-center td {
  vertical-align: middle;
}

/* Flexbox vertical alignment */
.valign-flex {
  display: flex;
  align-items: center;      /* center | flex-start | flex-end */
  justify-content: space-between; /* optional horizontal spacing */
}

/* Desktop: keep your existing middle alignment */
@media (min-width: 769px) {
  .valign-center .WaLayoutTable td { vertical-align: middle; }
}

/* Mobile: center the contents INSIDE each stacked column */
@media (max-width: 768px) {
  /* Turn the immediate content wrapper in each cell into a flex column */
  .valign-center .WaLayoutTable td > div,
  .valign-center .WaLayoutTable td > .gadget-container {
    display: flex;
    flex-direction: column;
    justify-content: center;   /* vertical centering within the block */
  }

  /* Optional: give each block some height so centering is visible */
  .valign-center .WaLayoutTable td {
    min-height: 0px;         /* adjust or remove as needed */
  }

  /* Tidy spacing on mobile */
  .valign-center .WaLayoutTable td > div > *:first-child { margin-top: 0; }
  .valign-center .WaLayoutTable td > div > *:last-child  { margin-bottom: 0; }
}


/* Reset default WA table-style layout if needed */
.valign-flex > div,
.valign-flex > .WaLayoutTable {
  flex: 1;
}

/*NAVIGATION STYLES*/
.WaGadgetMenuHorizontal.menuStyle001 .stickness, .WaGadgetMenuHorizontal.menuStyle002 .stickness {
    border-top: 0px solid #033333;
    border-bottom: 0px solid #033333;
}

/* Right-align the main (horizontal) menu on desktop for the gadget with class "nav-right" */
@media (min-width: 992px) {
  /* Make the menu container a flex row */
  .nav-right .menuInner {
    display: flex;
  }

  /* Push the first-level UL to the right edge */
  .nav-right .menuInner ul.firstLevel {
    margin-left: auto;     /* takes all free space on the left */
    display: flex;         /* cancel theme's floats */
    flex-wrap: nowrap;
    gap: 20px;             /* adjust item spacing */
  }

  /* Cancel left floats the theme applies */
  .nav-right .menuInner ul.firstLevel > li {
    float: none !important;
  }
}

/*SOCIAL ICONS*/
/* Font Awesome social icons */
.social-icons a {
  color: #fff!important;             
  font-size: 24px;           
  margin: 0 5px;            
  text-decoration: none;
  display: inline-block;
}

.social-icons a:hover {
  color: #eee;           
}

@media (max-width: 992px) {
  .social-icons { display: none;}
}

/*MEMBER LOGIN*/
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
    color: #ffffff;
    }

a.loginBoxLinkButton {
    color: white !important;
}

.loginButtonWrapper.alignRight a {
    color: white !important;
}

/*MOBILE MENU STYLES*/
.WaGadgetMobilePanel .mobilePanel {
  background: #70566b;
  }

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel {
    background: #6c576a;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul .item a {
    color: #b9b9b9;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    color: white;
    background: #695869;
}