/* ==========================================================================
   Author Info styles
   ========================================================================== */

#qodef-author-info {
	@include qodefRelativeLayout();
	margin-top: 77px;
	background-color: $additional-background-color;

	.qodef-m-inner {
		position: relative;
		display: flex;
		align-items: center;
		padding: 43px 40px 47px 51px;
	}

	.qodef-m-image {
		flex-shrink: 0;
		margin-right: 45px;

		a, img {
			display: block;
		}
	}

	.qodef-m-author {
		margin: 0;
	}

	.qodef-m-email {
		margin: 5px 0 0;
	}

	.qodef-m-description {
		margin: 19px 0 0;
		@include qodefMetaStyle();
	}

	.qodef-m-social-icons {
		margin-top: 18px;

		a {
			position: relative;
			overflow: hidden;
			display: inline-block;
			@include qodefMetaStyle();
			margin-right: 35px;

			&:last-child {
				margin-right: 0;
			}

			&:before,
			&:after {
				content: '';
				display: block;
				width: 100%;
				height: 1px;
				background-color: currentColor;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
			}

			&:before {
				transform: translateX(0);
				transition: transform .6s cubic-bezier(.33, 1, .68, 1) .3s;
			}

			&:after {
				transform: translateX(-100%);
				transition: transform .6s cubic-bezier(.33, 1, .68, 1);
			}

			&:hover {

				&:before {
					transform: translateX(100%);
					transition: transform .6s cubic-bezier(.33, 1, .68, 1);
				}

				&:after {
					transform: translateX(0);
					transition: transform .6s cubic-bezier(.33, 1, .68, 1) .3s;
				}
			}
		}
	}
}