/* = Main Navigation
-----------------------------------------------*/

	nav.header__navigation,
	nav.footer__navigation{}

		nav.header__navigation ul,
		nav.footer__navigation ul{
			width:100%;
			height:auto;

			list-style:none;
			
			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			nav.header__navigation li,
			nav.footer__navigation li{
				width:auto;
				height:auto;
				
				display:inline-block;
				position:relative;
				clear:both;
				z-index:0;
				
				margin:0px auto;
				padding:0px 15px;
				border:0px none;
			}

			nav.footer__navigation li{
				padding:0px 75px;
			}

			@media screen and (min-width:1200px){
				nav.header__navigation li{
					padding:0px 30px;
				}

				nav.footer__navigation li{
					padding:0px 105px;
				}
			}

			nav.header__navigation li:first-child,
			nav.footer__navigation li:first-child{
				padding-left:0px;
			}

			nav.header__navigation li:last-child,
			nav.footer__navigation li:last-child{
				padding-right:0px;
			}

				nav.header__navigation a,
				nav.footer__navigation a{}

				nav.header__navigation a:hover,
				nav.footer__navigation a:hover{}

					nav.header__navigation a i,
					nav.footer__navigation a i{
						padding-right:8px;
					}


	/* Home Link */
	li.home__link a{
		font-family:'Open Sans', Arial, sans-serif;
		font-size:12px;
		line-height:14px;

		margin-top:30px !important;
	}

	/* Weddings Links */
	#weddings__header nav.header__navigation li{
		padding:0px 10px;
	}
	
	@media screen and (min-width:1200px){
		#weddings__header nav.header__navigation li{
			padding:0px 30px;
		}
	}


/* = Main Navigation
-----------------------------------------------*/
	
	/* Button */
	.mobile__button{
		width:100%;
		min-width:320px;
		height:60px;

		display:block;
		position:fixed;
		top:0px;
		left:0px;
		z-index:9999;

		margin:0px auto;
		padding:0px;
		border:0px none;
	}


		.mobile__button .js-menu-button,
		.mobile__button .js-menu-button:active,
		.mobile__button .js-menu-button:focus,
		.mobile__button .js-menu-button:hover{
			-webkit-appearance:none;
			appearance:none;
			cursor:pointer;

			background:#FFFFFF;

			width:60px;
			height:60px;

			display:block;
			position:absolute;
			top:0px;
			right:0px;
			z-index:9999;

			margin:0px auto;
			padding:14px;
			border:0px none;

			opacity:1.0;
		}

		.mobile__button-icon {
			display:block;
			width:32px;
			height:32px;

			position:relative;

			margin:0px auto;

			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);

			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;

			cursor: pointer;
		}

			.mobile__button-icon span{
				width:100%;
				height:2px;

				display:block;
				position:absolute;

				border-radius:1px;
				opacity:1;
			}


				/* Normal State */
				.mobile__button-icon span {
					background:#555555;

					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);

					-webkit-transition: 0.25s ease-in-out;
					-moz-transition: 0.25s ease-in-out;
					-o-transition: 0.25s ease-in-out;
					transition: 0.25s ease-in-out;

					-webkit-transform-origin: center center;
					-moz-transform-origin: center center;
					-o-transform-origin: center center;
					transform-origin: center center;
				}

					.mobile__button-icon span:nth-child(1) {
						top:6px;
						left:0;
					}

					.mobile__button-icon span:nth-child(2) {
						top:14px;
						left:0;
					}

					.mobile__button-icon span:nth-child(3) {
						top:22px;
						left:0;
					}


				/* Active State */
				.js-menu-button.active .mobile__button-icon span{
					background:#555555;
					
					-webkit-transform: rotate(0deg);
					-moz-transform: rotate(0deg);
					-o-transform: rotate(0deg);
					transform: rotate(0deg);

					-webkit-transition: 0.25s ease-in-out;
					-moz-transition: 0.25s ease-in-out;
					-o-transition: 0.25s ease-in-out;
					transition: 0.25s ease-in-out;

					-webkit-transform-origin: center center;
					-moz-transform-origin: center center;
					-o-transform-origin: center center;
					transform-origin: center center;
				}

					.js-menu-button.active .mobile__button-icon span:nth-child(1){
						top:14px;
						left:0px;

						-webkit-transform: rotate(135deg);
						-moz-transform: rotate(135deg);
						-o-transform: rotate(135deg);
						transform: rotate(135deg);

						-webkit-transition: 0.25s ease-in-out;
						-moz-transition: 0.25s ease-in-out;
						-o-transition: 0.25s ease-in-out;
						transition: 0.25s ease-in-out;
					}

					.js-menu-button.active .mobile__button-icon span:nth-child(2){
						width: 0%;
						opacity: 0;
					}

					.js-menu-button.active .mobile__button-icon span:nth-child(3){
						top:14px;
						left:0px;

						-webkit-transform: rotate(225deg);
						-moz-transform: rotate(225deg);
						-o-transform: rotate(225deg);
						transform: rotate(225deg);

						-webkit-transition: 0.25s ease-in-out;
						-moz-transition: 0.25s ease-in-out;
						-o-transition: 0.25s ease-in-out;
						transition: 0.25s ease-in-out;
					}


	/* Navigation */
	nav.mobile__navigation{
		background:rgba(255, 255, 255, 0.95);

		width:100%;
		min-width:320px;
		height:100%;

		display:none;
		position:fixed;
		top:0px;
		left:0px;
		z-index:8888;

		font-family:'TrajanProRegular', Arial, sans-serif;
		text-align:center;

		margin:0px auto;
		padding:60px 0px 0px;
		border:0px none;
	}

		nav.mobile__navigation ul{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			list-style:none;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			nav.mobile__navigation ul li{
				width:100%;
				height:auto;

				display:block;
				position:relative;

				margin:0px auto;
				padding:5px;
				border:0px none;
			}

				nav.mobile__navigation ul a{
					width:auto;
					height:auto;

					display:inline-block;
					position:relative;

					margin:0px auto;
					padding:5px;
					border:0px none;
				}

				nav.mobile__navigation ul a:hover{}

					nav.mobile__navigation ul a i{
						padding-right:8px;
					}