/*
 * Homepage-only Divi 5 header states.
 *
 * The header uses shared global layouts, so the homepage presentation belongs
 * in the child theme instead of changing the global modules used by subpages.
 */
body.home .et-l--header {
  position: absolute;
  z-index: 10;
  width: 100%;
}

body.home .et-l--header .et_pb_section_0_tb_header:not(.et_pb_sticky) {
  background-color: transparent !important;
}

body.home .et-l--header .et_pb_section_0_tb_header:not(.et_pb_sticky) .et_pb_social_icon a.icon::before {
  color: var(--wasaga-white) !important;
}

body.home .et-l--header .et_pb_section_0_tb_header.et_pb_sticky {
  background-color: #013a5f !important;
}

body.home .et-l--header .et_pb_section_1_tb_header:not(.et_pb_sticky) {
  position: absolute;
  width: 100%;
}

body.home .et-l--header .et_pb_section_1_tb_header:not(.et_pb_sticky) .et-menu > li > a {
  color: var(--wasaga-white) !important;
}

body.home .et-l--header .et_pb_section_1_tb_header:not(.et_pb_sticky) .et_pb_menu__logo img {
  filter: invert(100%);
}

body.home .et-l--header .et_pb_section_1_tb_header:not(.et_pb_sticky) .mobile_menu_bar::before {
  color: var(--wasaga-white) !important;
}

body.home .et-l--header .et_pb_section_1_tb_header.et_pb_sticky .et-menu > li > a {
  color: #013a5f !important;
}

body.home .et-l--header .et_pb_section_1_tb_header.et_pb_sticky .et_pb_menu__logo img {
  filter: invert(0%);
}

@media (max-width: 980px) {
  body.home #main-content .et_pb_section_0 {
    padding-top: 250px !important;
  }
}

/* WordPress' mobile admin bar scrolls away, but Divi retains its 46px offset. */
@media (max-width: 782px) {
  body.home .et-l--header .et_pb_section_0_tb_header.et_pb_sticky {
    top: 0 !important;
  }

  body.home .et-l--header .et_pb_section_1_tb_header.et_pb_sticky {
    top: 42px !important;
  }
}
