$lui-menu-default-color: $grey-300;
$lui-menu-default-font-color: $grey-700;

$lui-menu-success-color: $success;
$lui-menu-success-font-color: $success-inverse;

$lui-menu-primary-color: $accent-1-color;
$lui-menu-primary-font-color: $white;

$lui-menu-secondary-color: $primary-1-color;
$lui-menu-secondary-font-color: $white;

$lui-menu-alert-color: $alert;
$lui-menu-alert-font-color: $alert-inverse;

$lui-menu-error-color: $error;
$lui-menu-error-font-color: $error-inverse;

$lui-menu-disabled-color: $grey-500;

.lui-menu {

	@include transition(all 0.25s ease-out, opacity 0.25s ease-in);

	background-color: $menu-background-color;

	&.lui-menu-hideable {
		opacity: 0;
		position: absolute;
		top: 0;
		z-index: 1;

		.lui-paper-container {
			overflow: hidden;
			padding: 0;
		}

		&.lui-visible {
			opacity: 1;
			& > .lui-paper-container {
				padding-top: $desktop-gutter-mini;
				padding-bottom: $desktop-gutter-mini;
			}
		}
	}
	
	&.lui-is-default {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-default-color !important;
			}
		}
		.lui-menu-header {
			background: $lui-menu-default-color !important;
			*{ color: $lui-menu-default-font-color !important; }

		}
	}	

	&.lui-is-success {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-success-color !important;
			}
		}
		.lui-menu-header {
			background: $lui-menu-success-color !important;
			*{ color: $lui-menu-success-font-color !important; }
		}
	}	

	&.lui-is-primary {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-primary-color !important;
			}
		}

		.lui-menu-header{
			background: $lui-menu-primary-color !important;
			*{ color: $lui-menu-primary-font-color !important; }

		}
	}		

	&.lui-is-secondary {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-secondary-color !important;
			}
		}

		.lui-menu-header {
			background: $lui-menu-secondary-color !important;
			*{ color: $lui-menu-secondary-font-color !important; }

		}
	}		

	&.lui-is-alert {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-alert-color !important;
			}
		}

		.lui-menu-header{
			background: $lui-menu-alert-color !important;
			*{ color: $lui-menu-alert-font-color !important; }
		}
	}	

	&.lui-is-error {
		.lui-menu-item{
			&.lui-is-selected {
				color: $lui-menu-error-color !important;
			}
		}

		.lui-menu-header{
			background: $lui-menu-error-color !important;
			*{ color: $lui-menu-error-font-color !important; }

		}
	}

	.lui-paper-container {
		padding-top: $desktop-gutter-mini;
		padding-bottom: $desktop-gutter-mini;
	}

	.lui-subheader {
		padding-left: $menu-subheader-padding;
		padding-right: $menu-subheader-padding;
	}

	.lui-nested-menu-item {
		position: relative;

		&.lui-is-disabled {
			color: $lui-menu-disabled-color;
			cursor: default;
		}
		&.lui-open {
			& > .lui-menu {
				opacity: 1 !important;
			}
		}
	}
	.lui-menu-header {
		padding: 1em;
		margin-bottom: $desktop-gutter-mini;
		text-align: center;
	}
}