/**
 * Dropdown
 *
 * Description: An dropdown component with aria-support.
 * -----------------------------------------------------------------------------
 */


.has-dropdown {
	cursor: pointer;

	.dropdown {
		display: none;
		z-index: 500;

		&[aria-hidden="false"] {
			display: block;
		}
	}

	.no-js &:hover {
		.dropdown {
			display: block;
		}
	}
}