/* No desktop layout overrides. The existing Divi Pixel popup remains responsible for opening and closing. */
.et-l--header .bk-mobile-portal { display:none!important; }
@media (max-width:980px) {
  .et-l--header .et_pb_menu__wrap { gap:12px!important; align-items:center!important; flex-wrap:nowrap!important; }
  .et-l--header a.bk-mobile-portal {
    display:inline-flex!important; align-items:center; justify-content:center; flex:0 0 auto;
    min-height:44px; padding:0 13px!important; margin:0!important;
    background:#fec700!important; color:#061c30!important; border:0!important; border-radius:7px;
    font-family:Barlow,Arial,sans-serif!important; font-size:14px!important; font-weight:700!important;
    line-height:1.2!important; letter-spacing:0!important; text-transform:none!important;
    text-decoration:none!important; white-space:nowrap; box-sizing:border-box;
  }
  .et-l--header a.bk-mobile-portal:focus-visible { outline:2px solid #061c30; outline-offset:3px; }
  .et-l--header .et_mobile_nav_menu { margin:0!important; flex:0 0 auto; }
  /* Current mobile header has two empty columns and a nested logo row. */
  .et-l--header .et_pb_row_2_tb_header { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:12px; width:calc(100% - 32px)!important; max-width:760px!important; }
  .et-l--header .et_pb_column_4_tb_header:empty,
  .et-l--header .et_pb_column_7_tb_header:empty { display:none!important; }
  .et-l--header .et_pb_row_2_tb_header > .et_pb_column_5_tb_header { flex:1 1 0!important; width:auto!important; min-width:0; margin:0!important; }
  .et-l--header .et_pb_row_2_tb_header > .et_pb_column_8_tb_header { flex:0 0 auto!important; width:auto!important; margin:0!important; }
  .et-l--header .et_pb_row_3_tb_header { width:100%!important; max-width:none!important; margin:0!important; padding:10px 0!important; }
  .et-l--header .et_pb_column_6_tb_header { width:100%!important; margin:0!important; }
  .et-l--header .et_pb_image_1_tb_header { width:100%!important; max-width:165px!important; margin:0!important; }
  .et-l--header .et_pb_image_1_tb_header img { width:100%!important; height:auto!important; }
  /* Scoped to the observed navigation popup, never other popups. */
  #dipi_popup-700, #dipi_popup-700 .dipi-popup-wrapper,
  #dipi_popup-700 .et_pb_section { background:#061c30!important; background-image:none!important; }
  #dipi_popup-700 .et_pb_section { padding:24px 0!important; }
  #dipi_popup-700 .et_pb_row { width:calc(100% - 40px)!important; max-width:640px!important; padding:8px 0!important; }
  #dipi_popup-700 .et_pb_blurb {
    background:transparent!important; background-image:none!important; border:0!important;
    border-bottom:1px solid #294052!important; border-radius:0!important; box-shadow:none!important;
    margin:0!important; padding:17px 0!important; text-align:left!important;
  }
  #dipi_popup-700 .et_pb_blurb_content { max-width:none!important; }
  #dipi_popup-700 .et_pb_module_header,
  #dipi_popup-700 .et_pb_module_header a {
    color:#fff!important; font-family:Barlow,Arial,sans-serif!important;
    font-size:23px!important; font-weight:700!important; line-height:1.25!important;
    letter-spacing:0!important; text-transform:none!important;
  }
  #dipi_popup-700 .et_pb_blurb_description,
  #dipi_popup-700 .et_pb_blurb_description p { color:#cbd7e1!important; font-family:Barlow,Arial,sans-serif!important; font-size:14px!important; line-height:1.5!important; }
  #dipi_popup-700 .et_pb_module_header a:hover { color:#fec700!important; }
  #dipi_popup-700 .et_pb_button { background:#fec700!important; color:#061c30!important; border:0!important; border-radius:7px!important; font-size:16px!important; }
  #dipi_popup-700 .dp-close-mobile-menu .et-pb-icon { color:#fec700!important; }
  #dipi_popup-700 a:focus-visible { outline:2px solid #fec700; outline-offset:4px; }
}
@media (max-width:360px) {
  .et-l--header .et_pb_menu__wrap { gap:8px!important; }
  .et-l--header a.bk-mobile-portal { padding:0 9px!important; font-size:13px!important; }
}

/* 1.0.1: only the opened navigation popup is refined below. */
@font-face { font-family:BKMenuBarlow; src:url("barlow-400.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:BKMenuBarlow; src:url("barlow-700.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }
@media (max-width:980px) {
  #dipi_popup-700 .dipi-popup-wrapper { overflow-y:auto!important; overscroll-behavior:contain; max-height:100dvh; }
  #dipi_popup-700 .et_pb_section { padding:20px 0 max(20px,env(safe-area-inset-bottom))!important; }
  #dipi_popup-700 .et_pb_row { width:calc(100% - 40px)!important; max-width:600px!important; }
  #dipi_popup-700 .et_pb_column { min-width:0; }
  #dipi_popup-700 .et_pb_row:has(.et_pb_blurb) { display:block!important; }
  #dipi_popup-700 .et_pb_row:has(.et_pb_blurb) > .et_pb_column { width:100%!important; margin:0!important; }
  #dipi_popup-700 .et_pb_blurb {
    position:relative; padding:15px 44px 15px 18px!important; margin:0 0 9px!important;
    background:#102b40!important; border:1px solid #294052!important; border-radius:12px!important;
    transition:background-color .15s ease,border-color .15s ease;
  }
  #dipi_popup-700 .et_pb_blurb::after {
    content:'→'; position:absolute; right:17px; top:17px; color:#fec700;
    font:400 23px/1 BKMenuBarlow,Arial,sans-serif; pointer-events:none;
  }
  #dipi_popup-700 .et_pb_blurb:hover,
  #dipi_popup-700 .et_pb_blurb:focus-within { background:#17364e!important; border-color:#fec700!important; }
  #dipi_popup-700 .et_pb_module_header,
  #dipi_popup-700 .et_pb_module_header a {
    font-family:BKMenuBarlow,Arial,sans-serif!important; font-size:22px!important;
    line-height:1.2!important; font-weight:700!important; letter-spacing:-.02em!important;
  }
  #dipi_popup-700 .et_pb_module_header { padding:0 0 5px!important; margin:0!important; }
  #dipi_popup-700 .et_pb_blurb_description,
  #dipi_popup-700 .et_pb_blurb_description p {
    font-family:BKMenuBarlow,Arial,sans-serif!important; font-size:14px!important;
    line-height:1.4!important; font-weight:400!important; padding:0!important; margin:0!important;
  }
  #dipi_popup-700 .et_pb_blurb_description strong { font-weight:400!important; }
  #dipi_popup-700 .et_pb_row:has(.dp-close-mobile-menu) { display:flex!important; align-items:center!important; gap:16px; padding-bottom:22px!important; }
  #dipi_popup-700 .et_pb_row:has(.dp-close-mobile-menu) > .et_pb_column_empty { display:none!important; }
  #dipi_popup-700 .et_pb_row:has(.dp-close-mobile-menu) > .et_pb_column:has(.et_pb_image) { flex:1!important; width:auto!important; margin:0!important; }
  #dipi_popup-700 .et_pb_row:has(.dp-close-mobile-menu) > .et_pb_column:has(.dp-close-mobile-menu) { flex:0 0 44px!important; width:44px!important; margin:0!important; }
  #dipi_popup-700 .et_pb_image { max-width:165px!important; margin:0!important; }
  #dipi_popup-700 .dp-close-mobile-menu { display:grid!important; place-items:center; width:44px; height:44px; margin:0!important; background:#17364e!important; border-radius:50%; cursor:pointer; }
  #dipi_popup-700 .dp-close-mobile-menu .et-pb-icon { font-size:26px!important; }
  #dipi_popup-700 .et_pb_button { font-family:BKMenuBarlow,Arial,sans-serif!important; font-weight:700!important; min-height:44px; padding:10px 22px!important; line-height:1.4!important; }
  #dipi_popup-700 .et_pb_social_media_follow a.icon { background:#17364e!important; border-radius:7px!important; min-width:40px; min-height:40px; }
  #dipi_popup-700 .et_pb_social_media_follow a.icon::before { color:#fff!important; }
}
@media (prefers-reduced-motion:reduce) {
  #dipi_popup-700 .et_pb_blurb { transition:none!important; }
}

/* 1.0.2: centre the existing Divi close icon, including its nested wrapper. */
@media (max-width:980px) {
  #dipi_popup-700 .dp-close-mobile-menu {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:44px!important; height:44px!important; padding:0!important; box-sizing:border-box!important;
  }
  #dipi_popup-700 .dp-close-mobile-menu .et_pb_icon_wrap {
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:100%!important; height:100%!important; margin:0!important; padding:0!important;
    line-height:1!important; border:0!important; box-sizing:border-box!important;
  }
  #dipi_popup-700 .dp-close-mobile-menu .et-pb-icon {
    display:block!important; margin:0!important; padding:0!important;
    font-size:26px!important; line-height:1!important; letter-spacing:0!important;
  }
}