/* Screening Type field (free-health-screenings form) shows a broken/tiled dropdown-arrow
   icon on hover — the framework's hover-specific icon variable isn't resolving correctly
   for this field. Force hover to reuse the same icon reference as the default state, which
   already renders correctly. */
#input_2_11:hover {
	background-image: var(--gf-ctrl-select-icon) !important;
	background-repeat: no-repeat !important;
}

/* Book a Screening form (free-health-screenings, forms 1 & 2): the default dropdown-arrow
   icon is only 10x6px at 65% opacity, easy to miss against the "large" input styling —
   selects don't clearly read as dropdowns until hovered. Use a bigger, higher-contrast
   chevron in both default and hover states. */
#gform_wrapper_1 select.gfield_select,
#gform_wrapper_2 select.gfield_select,
#gform_wrapper_1 select.gfield_select:hover,
#gform_wrapper_2 select.gfield_select:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%230D2850' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: var(--gf-ctrl-select-icon-position) !important;
	background-size: 12px 8px !important;
}

/* The sticky header's nav dropdown (HFE Nav Menu widget) opens on pure CSS :hover.
   Since the header stays fixed on screen, scrolling with the cursor still over a menu
   item keeps :hover matching, so the dropdown stays open and overlaps page content that
   scrolls up underneath it. rt-nav-close-on-scroll.js toggles this class on scroll to
   force it closed until the cursor actually leaves the menu item. */
/* body.rt-nav-scrolling .hfe-nav-menu .sub-menu,
body.rt-nav-scrolling nav.hfe-dropdown,
body.rt-nav-scrolling nav.hfe-dropdown-expandible {
	display: none !important;
} */