.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu{
background: #26476a; 
}

.WaGadgetMenuHorizontal.HorizontalMenuStyle001 .stickyMenu :hover{
background: #EFE6D3;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul{
background: #26476a !important;
color : white !important;
}

.WaPlaceHolder .mobilePanelContainer .stickyMenu{
background: #26476a
}

/* Mobile header bar behind the hamburger icon */
.WaGadgetMobilePanel,
.WaGadgetMobilePanel .mobilePanel,
.WaGadgetMobilePanel .mobilePanel .mobilePanelInner {
  background-color: #26476a !important;
}

/* Mobile navigation: hover and touch-active menu items */
.WaGadgetMobilePanel .mobilePanel .menuInner a:hover,
.WaGadgetMobilePanel .mobilePanel .menuInner a:focus,
.WaGadgetMobilePanel .mobilePanel .menuInner a:active {
  background-color: rgba(5, 98, 165, 0.87) !important; /* darker blue */
  color: #FFFFFF !important;
}

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton {
background: #26476a
}


.WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active{
    background: #26476a;
    color: white;
}

/* Hide the extra Login Button gadget on mobile */
@media screen and (max-width: 700px) {
  .WaGadgetLoginButton {
    display: none !important;
  }
}

/* Hero Content gadget: center its inner text block */
.hero-text,
.hero-text .gadgetContentEditableArea,
.hero-text .WaGadgetContent,
.hero-text .WaGadgetContent .gadgetContentEditableArea {
  min-height: 462px !important;
  box-sizing: border-box !important;
}

.hero-text .gadgetContentEditableArea,
.hero-text .WaGadgetContent,
.hero-text .WaGadgetContent .gadgetContentEditableArea {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  text-align: center !important;
}

.hero-text,
.hero-text * {
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 60px !important;
  line-height: 1.1 !important;
  color: #FFFFFF !important;
}

@media screen and (max-width: 767px) {
  .hero-text,
  .hero-text .gadgetContentEditableArea,
  .hero-text .WaGadgetContent,
  .hero-text .WaGadgetContent .gadgetContentEditableArea {
    min-height: 300px !important;
  }

  .hero-text,
  .hero-text * {
    font-size: 36px !important;
  }
}