.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;

	ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;

		ul {
			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
			float: left;
			position: absolute;
			top: 1.5em;
			left: -999em;
			z-index: 99999;

			ul {
				left: -999em;
				top: 0;
			}

			li {
				&:hover > ul,
				&.focus > ul {
					left: 100%;
				}
			}

			a {
				width: 200px;
			}

			:hover > a,
			.focus > a {
			}

			a:hover,
			a.focus {
			}
		}

		li:hover > ul,
		li.focus > ul {
			left: auto;
		}
	}

	li {
		float: left;
		position: relative;

		&:hover > a,
		&.focus > a {
		}
	}

	a {
		display: block;
		text-decoration: none;
	}

	.current_page_item > a,
	.current-menu-item > a,
	.current_page_ancestor > a,
	.current-menu-ancestor > a {
	}
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.comment-navigation,
.posts-navigation,
.post-navigation {

	.site-main & {
		margin: 0 0 1.5em;
		overflow: hidden;
	}

	.nav-previous {
		float: left;
		width: 50%;
	}

	.nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
}

.title-bar {

	margin: .5rem
}

// Active state
.menu .active > a {
    background: $color__background-menu;
    color: $culinary-blue;
}

.site-header {
	//padding: 20px 0 0 0;
}
  
.site-branding  {
	padding: 2em 2em 0;
	@media only screen and (max-width: 40em) { // Small
		margin-bottom: 20px;
	} 
	@media only screen and (min-width: 40.063em) { // Large
		margin-bottom: 50px;
		
	} 

	img {
		margin-top: 15px;
		}
	p {
		font-size: 1rem;
		margin-bottom: 0.5rem;
		line-height: 1.4;
	}
	p.site-title {
		font-size: 2.1rem;
		margin-top: 1rem;
	}
	
	.logo {
    	float: left;
    	@media only screen and (max-width: 40em) {
    		padding-bottom: 25px;
    		float: none;
    		display: table;
		    margin: 0 auto;
		    text-align: center;
    	}
    }
    .top_mini_nav {
   	 	float: right;
   	 	margin-top: 30px;
   	 	@media only screen and (max-width: 40em) { // Small
			float: none;
			display: table;
			margin: 0 auto 10px auto;
		} 
	}

}
@media only screen and (max-width: 40em) {
	.top-bar ul {
		background-color: $white;
	}
}


.no-js {
  @include breakpoint(small only) {
    .top-bar {
      display: none;
    }
  }

  @include breakpoint(medium) {
    .title-bar {
      display: none;
    }
  }
}

.bottom_header_wrap {
	
	border: 1px #DDDDDD;
	border-style: solid none;

	background-color: $white;
	
	// @media only screen and (max-width: 40em) { // Small
// 		margin-top: 20px;
// 	} 
// 	@media only screen and (min-width: 40.063em) { // Large
// 		margin-top: 50px;
// 		
// 	} 
	
}
.top-bar  {
	background-color: $white;
	text-align: center;
	@media only screen and (max-width: 40em) { // Small
		padding-bottom: 2em;
		text-align: left;
	} 
	@media only screen and (min-width: 64.063em) { // Large
		height: 100%;
		padding-top: 1.0em;
		
	} 

	ul {
		background-color: $white;
	}
	a {
		color: $color__text-main;
		font-size: 1.2em;
		
	}
	.dropdown {
		background: $white;
		.is-dropdown-submenu {
			border: 1px solid $gainsboro;
		}
		@media only screen and (max-width: 40em) {
			border-left: none;
		}
		@media only screen and (max-width: 40em) {
			border-right: none;
		}
		@media only screen and (max-width: 40em) {
			border-bottom: none;
		}		li:hover {
			
			background-color: darken( $white, 3);
		}
	}
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	margin-top: -5px;
}

div.title-bar {
	background-color: inherit;
	text-align: center;
}

.menu-icon:hover::after {
    background: #4FA2A9;
    box-shadow: 0 7px 0 #4FA2A9, 0 14px 0 #4FA2A9;
}

.footer-wrap .textwidget .contact-form {
	
	text-align: left;
	#{text-inputs()} {
		background-color: #252A2E;
		width: 100% !important;
		color: #fefefe;
  		
  	}
  	textarea {
	  	background-color: #252A2E;
	  	width: 100% !important; 
	  	border: 0px;
	  	color: #fefefe;
  	}  
  	label {
	  	color: #AAA;
  	}
  	.pushbutton-wide {
	  display: inline-block;
	  text-align: center;
	  line-height: 1;
	  cursor: pointer;
	  -webkit-appearance: none;
	  transition: background-color 0.25s ease-out, color 0.25s ease-out;
	  vertical-align: middle;
	  border: 1px solid transparent;
	  border-radius: 3px;
	  padding: 0.85em 1em;
	  margin: 0 0 1rem 0;
   	  font-size: 0.9rem;  
   	  @include button-style($primary-color, auto, $white);  	  
   	  &:hover, &:focus {
   	  }
  	}
}


.footer-wrap {
		
	background-color: #2c3135;
	padding: 1em 0;
	position:static;
	bottom: 0;
	width: 100%;
	p {
		color: #AAA;
	}
	h4 {
		color: #EEE; 
	}
	.site-info {
		padding-top: 2em;
		color: #AAA;
	}
	.footer_widget_wrap {
		margin-top: 5em;
	}
}

.social-icons {
	margin: 20px auto;
	padding-bottom: 40px;
}
.social-icons ul {
	list-style: none;
	margin: 0 auto;
	display: table;
	li {
		display: inline;
		list-style-type: none;
		float: left;
		padding-left: 12px
		}
}

.social-navigation a {
	display: block;
	height: 1.85em;
	position: relative;
	width: 1.85em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	&:before {
		font-family: FontAwesome;
		content: "\25AE";
		font-size: 2.5em;
		position: absolute;
		top: 0;
		left: 0;
		a:hover, a:focus {
   	  	border-color: scale-color($primary-color, $lightness: -50%);
   	  	background-color: scale-color($primary-color, $lightness: -50%);
   	  }	
	}
	&[href$="/feed/"]:before {
		content: "\f09e";
	}
	&[href*="codepen.io"]:before {
		content: "\f1cb";
	}
	&[href*="digg.com"]:before {
		content: "\f1a6";
	}
	&[href*="dribbble.com"]:before {
		content: "\f17d";
	}
	&[href*="dropbox.com"]:before {
		content: "\f16b";
	}
	&[href*="facebook.com"]:before {
		content: "\f230";
	}
	&[href*="flickr.com"]:before {
		content: "\f16e";
	}
	&[href*="foursquare.com"]:before {
		content: "\f180";
	}
	&[href*="plus.google.com"]:before {
		content: "\f0d5";
	}
	&[href*="github.com"]:before {
		content: "\f092";
	}
	&[href*="instagram.com"]:before {
		content: "\f16d";
	}
	&[href*="linkedin.com"]:before {
		content: "\f08c";
	}
	&[href*="pinterest.com"]:before {
		content: "\f0d3";
	}
	&[href*="reddit.com"]:before {
		content: "\f1a1";
	}
	&[href*="stumbleupon.com"]:before {
		content: "\f1a4";
	}
	&[href*="tumblr.com"]:before {
		content: "\f174";
	}
	&[href*="twitter.com"]:before {
		content: "\f099";
	}
	&[href*="vimeo.com"]:before {
		content: "\f194";
	}
	&[href*="wordpress.com"]:before, &[href*="wordpress.org"]:before {
		content: "\f19a";
	}
	&[href*="youtube.com"]:before {
		content: "\f16a";
	}
	&[href*="mailto:"]:before {
		content: "\f0e0";
	}
	&[href*="spotify.com"]:before {
		content: "\f1bc";
	}
	&[href*="twitch.tv"]:before {
		content: "\f1e8";
	}
	&[href*="yelp.com"]:before {
		content: "\f1e9";
	}
	&[href*="tripadvisor.com"]:before {
		content: "\f262";
	}
	
}

// Align main menu center
@media only screen and (min-width: 40.063em) { // Medium
		.centered-menu {
  		  text-align: center;

   		 > .menu {
    	  display: inline-block;
   	 }
  }
} 

