/*
Theme Name: The Foundry Craft Grillery
Author: The Infantree
Author URI: http://theinfantree.com/
Version: Animations
*/


/* . . . . Slide to the left on all . . . . */

	/* Navigation, F Icon - home */

		.f-icon{
			display: inline-block;
		  	width: auto;
			background-color: #cb8c34;
			padding:15px 20px 10px 20px;
			margin: 0px!important;
			position: relative;
			left:-31px;
		 	-webkit-transform: translateZ(0);
		  	transform: translateZ(0);
		  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		  	-webkit-backface-visibility: hidden;
		  	backface-visibility: hidden;
		  	-moz-osx-font-smoothing: grayscale;
		  	position: relative;
		  	-webkit-transition-property: color;
		  	transition-property: color;
		  	-webkit-transition-duration: 0.3s;
		  	transition-duration: 0.3s;
			transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
		}
		
		.f-icon:hover:before, .f-icon:focus:before, .f-icon:active:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

		.f-icon:before {
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #21201f;
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
		  	transition-timing-function: ease-out;
		}

		/* Filled Button on bottom Sections. */

		.filled-btn {
			display: inline-block;
		  	vertical-align: middle;
		  	background:#d9d4ca;
			text-transform: uppercase;
			font-size: 28px;
			font-weight: 700;
			letter-spacing: 5px;
			color:#494743;
			padding:25px 50px 22px 50px;
		 	-webkit-transform: translateZ(0);
		  	transform: translateZ(0);
		  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		  	-webkit-backface-visibility: hidden;
		  	backface-visibility: hidden;
		  	-moz-osx-font-smoothing: grayscale;
		  	position: relative;
		  	-webkit-transition-property: color;
		  	transition-property: color;
		  	-webkit-transition-duration: 0.3s;
		  	transition-duration: 0.3s;
			transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
		}

		.filled-btn:hover, .filled-btn:focus, .filled-btn:active {
			color: #d9d4ca;
		}

		.filled-btn:hover:before, .filled-btn:focus:before, .filled-btn:active:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

		.filled-btn:before {
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #21201f;
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
		  	transition-timing-function: ease-out;
		}