//@extend-elements
//original selectors
//.sf-menu, .sf-menu *
%element_reset {
	margin: 0;
	padding: 0;
	list-style: none;
}


.sf-menu {
	@extend %element_reset;
	* {
		@extend %element_reset;
	}
	li {
		position: relative;
		z-index: 100;
		&:hover > ul {
			display: block;
		}
		&.sfHover > ul {
			display: block;
		}
	}
	ul {
		position: absolute;
		background: #ffffff;
		display: none;
		top: 100%;
		left: 0;
		padding: 0;
		width: 212px;
		ul {
			top: 0;
			left: 210px;
		}
		a {
			font-size: 1em;
		}
		li {
			width: 210px;
		}
	}
	a {
		display: block;
		position: relative;
	}
	> li {
		float: left;
	}
}
.sf-arrows .sf-with-ul:after {
	font-family: "FontAwesome";
	content: "\f107";
	margin: 1px 0 0 3px;
}
.sf-arrows li li .sf-with-ul:after {
	font-family: "FontAwesome";
	content: "\f105";
	position: absolute;
	top: 4px;
	right: 15px;
}


/**
 * 5.1 Primary Navigation
 * -----------------------------------------------------------------------------
 */

#primary-nav,
#secondary-nav {
	z-index: 50;
	.sf-menu {
		ul {

			background-color: #fff;
			box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
		}
	}
	ul li {
		a {
			display: block;
			font-family: $heading-font-family;
			font-style: normal;
			padding: 0 15px;
		}
	}
	ul li a:hover,
	ul li.current_item a,
	ul li.sfHover a {
	}
	ul.sf-menu li li {
		border: none;
	}
	ul.sf-menu li li a {
		background-color: #fff;
		color: #333;
		display: block;
		height: auto !important;
		line-height: 1.6 !important;
		padding: 7px 15px;
	}
	ul.sf-menu li li:last-child a {
	}
	ul.sf-menu li li a:hover {
		color: $accent-1;
	}
}

#primary-nav {
	#primary-menu {
		float: left;
	}
	ul li a {
		color: #666;
		display: block;
		font-size: 14px;
		line-height: 42px;
		&:hover {
			color: $accent-1;
		}
	}
	ul li.home_item a,
	ul li.current_page_item a  {
	}
	.sf-mega {
		border-top: 2px solid $accent-1;
	}
	ul ul {
		border-top: 2px solid $accent-1;
		padding-top: 10px;
		padding-bottom: 10px;
		ul {
			margin-top: -12px;
			left: 211px;
		}
	}
	ul li a:hover,
	ul li.current_item a,
	ul li.sfHover a {
		color: #333;
	}
	ul li:first-child {
		a {
			padding-left: 0;
		}
		li {
			a {
				padding-left: 15px;
			}
		}
	}
}
#secondary-nav {
	position: relative;
	.sf-menu {
		ul {
			border: 1px solid #000;
			padding: 10px 0;
			ul {
				margin-top: -11px;
			}
		}
	}
	.sf-mega {
		border: 1px solid #000;
	}
	ul li {
		z-index: 99;
	}
	ul li a {
		color: #000;
		font-size: 15px;
		line-height: 52px;
		padding: 0 15px;
		text-transform: uppercase;
	}
	ul li a:hover,
	ul li.current_item a,
	ul li.sfHover a {
		color: $accent-1;
	}
	ul li:last-child a,
	ul li ul li a {
		background: none;
	}
	ul li.home_item a,
	ul li.current_page_item a  {
		background-color: #f0f0f0;
		color: #333;
	}
}


/**
 * 5.3 Mega Menu
 * -----------------------------------------------------------------------------
 */

#primary-nav,
#secondary-nav {
	.sf-mega-parent {
		position: static;
	}

	.sf-mega {
		width: 1060px;
		background-color: #fff;
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
		position: absolute;
		display: none;
		left: 50%;
		margin-left: -530px;
		z-index: 999;

		ol {
			display: block;
			position: static;
		}
		li a {
			font-size: 10px !important;
			height: auto !important;
			line-height: auto !important;
			text-transform: none !important;
		}
	}

	.sf-menu li:hover > .sf-mega,
	.sf-menu li.sfHover > .sf-mega {
		display: block;
	}

	/* Links */
	.links {
		padding: 20px 0;
		li {
			border-right: 1px dotted #e6e6e6 !important;
			display: block;
			float: left;
			width: 264px;
			margin-right: 0;
			padding: 0 20px;

			&:last-child,
			&:last-child > li {
				border-right: none !important;
				padding-right: 0;
			}
			span.column-heading {
				color: #333;
				display: block;
				font-family: $heading-font-family;
				font-size: 15px;
				font-weight: 700;
				margin-bottom: 15px;
			}
			ol {
				display: block;
				margin: 0 20px 0 0 !important;

				li {
					background: none;
					border-right: none !important;
					margin: 0;
					padding-left: 0;
					padding-top: 0;
					padding-bottom: 0;
					a {
						background: none !important;
						border: none !important;
						font-size: 14px !important;
						font-weight: 400 !important;
						line-height: 1.6 !important;
						margin: 0 0 12px 0 !important;
						padding: 0 !important;
						&:hover {
							color: $accent-1;
						}
					}
					&:last-child a {
						margin-bottom: 0 !important;
					}
				}
			}
		}
	}

	/* Posts */
	.posts {
		padding: 20px 0;

		.post-list {
			float: left;
			display: block;
			width: 240px;
			margin-left: 20px;
			position: relative;

			&:last-child {
				margin-right: 0;
			}
			a {
				border: none !important;
				background: none !important;
				display: block;
				margin: 0 !important;
				padding: 0 !important;
				line-height: 1 !important;

				&:hover {
					background: none !important;
				}
			}
			.entry-thumbnail {
				margin: 0 0 6px 0;
				width: 100%;
				height: auto;
			}
			.entry-title {
				color: #333;
				font-size: 16px;
				font-weight: bold;
				letter-spacing: 0;
				line-height: 1.4;
				text-transform: none;
			}
			&:hover {
				.entry-title {
					color: $accent-1;
				}
			}
		}
	}
}