/**
 * Child Page Nav — structural styles only.
 * All colour, typography and spacing is emitted inline per element instance.
 *
 * @package Launchpad_Avada_Elements
 * @version 1.5.0
 */

.child-page-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.child-page-nav__item {
	margin: 0;
}

.child-page-nav__select {
	display: none;
	width: 100%;
	/* Strip the native arrow so the SVG chevron background can show through. */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 14px;
	line-height: 1.4;
	/* Safari renders a rounded inset shadow on selects without this. */
	background-clip: padding-box;
}

.child-page-nav__select::-ms-expand {
	display: none;
}

/*
 * Item spacing, dropdown styling and the mobile-inline layout live in the
 * per-instance <style> block: they are parameters, and the breakpoint comes
 * from Avada's global responsive options, so none can be static rules here.
 */