/* CSS Document */
.generic-bg-color-01{ background: #f9f9ff; }
.generic-bg-color-02{ background: #e1e1e1; }
.generic-bg-color-03{ background: #d1d1d1; }
.generic-bg-color-04{ background: #f1f1f1; }
.generic-blockquote { background: #7aa127; color: #ffffff; }
.section-gap { padding: 0 0 40px 0; }
#error{ display: none; }
#success{ font-size: 20px; display: none; }

/*
* These styles for text decoration. The demo will be work without it
*/
.single-contact a{
	color: #000000;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

/*
* These styles creates the underlining of link
*/
.single-contact a{
	position: relative;
	z-index: 1;
	display: inline-flex;

	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
}

.single-contact a::before{
	content: "";
	width: 100%;
	height: 100%;
/*	background-image: linear-gradient(to top, #fed330 25%, rgba(0, 0, 0, 0) 40%);*/
	background-image: linear-gradient(to top, #fdd050 25%, rgba(0, 0, 0, 0) 40%);

	position: absolute;
	left: 0;
	bottom: 2px;
	z-index: -1;

	will-change: width;
	transform: rotate(-2deg);
	transform-origin: left bottom
}

.single-contact a:hover::before{ width: 0; }

/*
* animation styles
*/
.single-contact a::before{ transition: width .1s ease-out; }
.single-contact a:hover::before{ transition-duration: .15s; }