/********************************************************************************
Aanpassingen aan het mobile menu qua kleur, lettergrootte en inhoud
Gemaakt door Jos Gielen, jgielen@emcasa.eu
Deel van het SkyCaptain Child Theme voor de KLM Aeroclub
Versie 1.0.0
21-01-2023
*********************************************************************************/

/* Kleur van de hamburger                                                       */

div#klac_mobile_menu_sc.sc_layouts_menu_mobile_button_burger:not(.without_menu) > a:hover >span {
  background: #e37222 !important;
}

div .menu_mobile_inner {
  background-color: #005b82 !important;
}

/* Maakt de mobile menus van de active pagina's en hun parents oranje */

ul#menu_mobile.menu_mobile_nav.prepared li a[aria-current] {
  color: #e37222;
}

li.current-menu-ancestor.current-menu-parent > a {
  color: #e37222 !important;
}

/* Aanpassingen aan de font sizes en images size          */

div.menu_mobile .menu_mobile_nav_area > ul > li > a {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

/* Aanpassingen aan het Search field op .menu_mobile_inner */

div.menu_mobile input[type="text"].fill_inited {
  color: black;
  background-color: #ffffff;
  font-size: 1rem;
  padding: 1rem !important;
}

div.menu_mobile input[type="text"]:focus {
  color: black;
  background-color: #ffffff;
  font-size: 1rem;
}

div.menu_mobile div.search_mobile button[type="submit"].search_submit  {
  background-image: none !important;
  background-color: #e37222;
  padding: 0.9rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

div.menu_mobile div.search_mobile button[type="submit"].search_submit::before {
  color:#ffffff;
}

/* Verberg de social icons van het mobile menu                  */

div.menu_mobile div.socials_mobile {
  display: none;
}

/* Laat een scrollbar zien wanneer de content van het mobile menu 
 niet meer in de lengte op het scherm past */

div.menu_mobile_inner {
  overflow-y: auto !important;
}