﻿/* © 2017 Line Food | Powered by Anathoth IT Solutions. */
@charset "utf-8";
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	/*background: #59595b;*/
    background:#01ad9d;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*background: #282828;*/
    background:#00685e;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 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;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-1em);
 transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-1em);
 transform: translateY(-1em);
}
}
/* Icon Float Away */
.sidebar ul li a {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em;
}
.sidebar ul li a:before, .sidebar ul li a:after {
	content: "\f14a";
	position: absolute;
	color: #59595b;
	left: 0;
	padding: 0;
	font-family: FontAwesome;
}
.sidebar ul li a:after {
	opacity: 0;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.sidebar ul li a:hover:after, .sidebar ul li a:focus:after, .sidebar ul li a:active:after {
	-webkit-animation-name: hvr-icon-float-away;
	animation-name: hvr-icon-float-away;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
