/*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 */
}

/* 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;                /* white icons */
  font-size: 24px;            /* size of icons */
  margin: 0 5px;             /* space between */
  text-decoration: none;
  display: inline-block;
}

.social-icons a:hover {
  color: #eee;           
}

/*MEMBER LOGIN*/
.WaGadgetLoginButton .loginBoxLinkContainer .loginBoxLinkButton:before {
    color: #ffffff;
    }

a.loginBoxLinkButton {
    color: white !important;
}

.loginButtonWrapper.alignRight a {
    color: white !important;
}