/* Preview review only. Keep original dimensions, photography, typography and logo. */
#homepage #header {
  background-color: #fff;
  box-shadow: 0 3px 24px rgba(14, 55, 114, .10);
}
#homepage #header .main_nav .main_menu li a,
#homepage #header ul.lang li,
#homepage .mb_menu_popup ul.lang li,
#homepage .mb_menu_popup ul.mb_menu li a,
#homepage .mb_menu_popup .bottom_row a.btn,
#homepage #header .top.row a.btn {
  color: #0e3772 !important;
}
#homepage #header .main_nav .main_menu li a:hover,
#homepage #header .main_nav .main_menu li.opened a.selected {
  border-bottom-color: #8de23b !important;
}
#homepage #header ul.lang li.selected,
#homepage #header ul.lang li:hover,
#homepage .mb_menu_popup ul.lang li.selected,
#homepage .mb_menu_popup ul.lang li:hover {
  text-decoration: underline;
  text-decoration-color: #0e3772;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
#homepage #header ul.lang li:first-child:after,
#homepage #header button.hambmenu_btn span,
#homepage #header button.hambmenu_btn:before,
#homepage #header button.hambmenu_btn:after { background-color: #0e3772; }
#homepage .mb_menu_popup .bottom_row a.btn { background-color: #8de23b; }

/* An overlay on the text side leaves the original image file untouched. */
#homepage #home_hero .slide::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(14,55,114,.91) 0%, rgba(14,55,114,.82) 38%, rgba(14,55,114,.35) 60%, rgba(14,55,114,0) 85%);
}
#homepage #home_hero .slide > .container { position: relative; }
#homepage #home_hero h1 { text-shadow: 0 2px 8px rgba(0,0,0,.18); }
#homepage #home_hero a.btn,
#homepage #home_hero a.btn:hover,
#homepage #home_hero a.btn:active {
  background: #8de23b;
  border-color: #8de23b;
  color: #0e3772;
  font-weight: 700;
}
#homepage #home_hero a.btn:hover { box-shadow: 0 0 0 3px #0e3772, 0 0 0 5px #8de23b; }
#homepage #home_hero a.view_all {
  background: #0e3772;
  color: #fff;
  border-radius: 4px;
}
#homepage #home_hero a.view_all:hover { color: #8de23b; }
#homepage #home_hero button.slick-arrow { background-color: #0e3772; }
#homepage #home_hero ul.slick-dots li button { box-shadow: 0 0 0 2px #0e3772; }
#homepage #header a:focus-visible,
#homepage #header button:focus-visible { outline: 3px solid #0e3772; outline-offset: 4px; }
#homepage #home_hero a:focus-visible,
#homepage #home_hero button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }

/* Only headings on the audited white / pale-grey homepage sections. */
#homepage #home_about h1.section_title,
#homepage #home_tips h1.section_title,
#homepage #home_thankyou h1.section_title,
#homepage #collaborations_section h1.section_title,
#homepage #app_section h1.section_title { color: #0e3772; }

@media (max-width: 1023px) {
  #homepage #home_hero .slide::before {
    background: linear-gradient(180deg, rgba(14,55,114,.86) 0%, rgba(14,55,114,.82) 65%, rgba(14,55,114,.38) 85%, rgba(14,55,114,.15) 100%);
  }
}