/* ================================
   MOBILE PANEL - Blue Bar
================================ */
#id_XKxBXrG {
  background-color: #2756c5 !important;
}
#id_XKxBXrG svg {
  fill: white !important;
}
#id_XKxBXrG .wa-bar__button {
  color: white !important;
}
.wa-bar--top {
  background-color: #2756c5 !important;
}
.wa-bar--top * {
  color: white !important;
  fill: white !important;
}
.mobilePanelContainer {
  background-color: #2756c5 !important;
}
.mobilePanelContainer * {
  background-color: #2756c5 !important;
}
.mobilePanelContainer a,
.mobilePanelContainer svg,
.mobilePanelContainer span,
.mobilePanelContainer i {
  color: white !important;
  fill: white !important;
}

/* ================================
   MOBILE FIXES
================================ */
@media only screen and (max-width: 768px) {

  /* Logo smaller */
  #id_n2AieYt img,
  .WaGadgetAccountLogo img,
  img[src="/Sys/Branding/Logo"] {
    max-width: 130px !important;
    width: 130px !important;
    height: auto !important;
  }
  #id_n2AieYt,
  .WaGadgetAccountLogo {
    max-width: 130px !important;
    width: 130px !important;
  }

  /* Header row - logo and login on same line */
  #id_8gjmUMX table {
    width: 100% !important;
    display: table !important;
  }
  #id_8gjmUMX tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  #id_8gjmUMX td {
    display: flex !important;
    align-items: center !important;
    vertical-align: middle !important;
  }

  /* Logo cell takes minimum space */
  #id_UoZ3rwo {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  /* Login cell takes remaining space
     and aligns right */
  #id_B8aKMUk {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
  }

  /* Hide title text above hero image */
  .zonePlace.zoneHeader2 {
    display: none !important;
  }
}