.intense {
	/*** ESSENTIAL STYLES ***/
	&.sf-menu, &.sf-menu * {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	&.sf-menu li {
		position: relative;
	}
	&.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
	}
	&.sf-menu > li {
		float: left;
	}
	&.sf-menu li:hover > ul,
	&.sf-menu li.sfHover > ul {
		display: block;
	}

	&.sf-menu a {
		display: block;
		position: relative;
	}
	&.sf-menu ul ul {
		top: 0;
		left: 100%;
	}

	/*** PLUGIN SPECIFIC STYLES ***/

	&.menu {
		a {
			transition: background .3s ease, padding-right .3s ease;
			text-decoration: none;			

			.icon.icon-before {				
				padding-right: 8px;
				padding-top: 5px;
			}

			.icon.icon-after {
				float: right;
				margin-top: 4px;
			}
		}
	}

	/* Vertical */
	&.menu.vertical {
		list-style: none;		
		margin: 0;
		padding: 0;

		li {
			list-style: none;
			margin: 0;
			padding: 0;

			a {				
				padding: 8px !important;
				border-bottom: 1px solid #EDEDED !important;
				display: block;
				height: auto;
				color: #333;
				line-height: 1.69em!important;

				&:hover {
					background: #f8f8f8 !important;
					padding-right: 4px !important;									
				}

				.icon.icon-before {
					line-height: 1.69em;
					padding-right: 8px;
				}

				.icon.icon-after {
					float: right;
					line-height: 1.69em;
				}			
			}

			&:last-child a {
				border-bottom: none !important;
			}

			.sub-menu {
				display: none;
				padding: 0;
				margin-left: 15px;
			}

			&.current-menu-item {
				background: #f8f8f8 !important;
			}
		}
	}

	/* Horizontal */
	&.menu.sf-menu {
		margin-top: 0;
		margin-bottom: 0;

		/* top level menu's that have children */
		& > li > a.sf-with-ul {
			border: none !important;

			&:after {
				content: "";
			}			
		}

		& > li > a {
			.icon.icon-after { 
				padding-left: 10px;
			}
		}

		ul {
			border: 1px solid #ddd;
			min-width: 12em; /* allow long menu items to determine submenu width */
			*width: 12em; /* no auto sub width for IE7, see white-space comment below */
			z-index: 500;
			padding: 5px 0;
			background: #fff;
			border-radius: 3px;
			box-shadow: 2px 2px 6px rgba(0,0,0,.2);

			.sf-sub-indicator {
				background-position: 0 0;
			}

			 li:hover > a .sf-sub-indicator, li.sfHover > a .sf-sub-indicator {
			 	background-position: -10px 0;
			 }
		}

		a {
			padding: .75em 1em;
			text-decoration:none;
			zoom: 1; /* IE7 */
			color: #13a;

			&.sf-with-ul {
				padding: .75em 1em;
				min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */

				&:after {
					display: none !important;					
				}				
			}
		}

		li {
			background: transparent;
			white-space: nowrap; /* no need for Supersubs plugin */
			*white-space: normal; /* ...unless you support IE7 (let it wrap) */
			transition: background .2s;

			&:hover, &.sfHover {
				/*background: #1a8be2;*/
				/* only transition out, not in */
				transition: none;
			}

			a:hover, &.sfHover > a {
				color: #fff;
			}
		}

		ul li, ul ul li  {
			background: #fff;
			color: #333;

			a {
				
				&:hover {
					color: #fff;
				}
			}
		}
	}

	.sf-sub-indicator {
		display: none;
	}

	/* Mobile Responsive */
	&.menu.mobile {
		display: none;
	}
}
