/* Effects */

/* Links */
.underline-grow {
    position: relative;
}

.underline-grow:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.underline-grow:hover:after {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.highlight-grow-left{
	padding: 0 0.35em;
	transition: color 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
    position: relative;
    display: inline-block!important;
}
.highlight-grow-left::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
    opacity: 0.3;
	transform: scale3d(0,1,1);
	transform-origin: 0% 50%;
	transition: transform 0.5s;
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}


.highlight-grow-left:hover::before,
.highlight-grow-left:focus::before {
	transform: scale3d(1,1,1);
}