.author {
	
	.page-header {
		
		.author-section {
			max-width: 770px;
			margin: 0 auto;
		}//.author-section
	}//.page-header
}//.author

.author-section {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: flex-start;

	.author-img {
		width: 120px;
		height: 120px;
		overflow: hidden;
		border-radius: 100%;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}//img
	}//.author-img

	.author-content-wrap {
		width: calc(100% - 120px);
		text-align: left;
		padding-left: 20px;

		.author-name {
			margin-top: 0;
			margin-bottom: 0;
			font-size: 1em;
			font-weight: 700;
		}//.author-name

		.author-content {
			font-size: 0.8em;
			line-height: 1.63em;
			margin-top: 15px;
		}//.author-content

		.social-list {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			align-items: center;

			li {
				font-size: 0.8em;
				margin-right: 30px;
				margin-top: 20px;
				line-height: 1.63em;

				a {
					display: inline-block;
					position: relative;
					color: #202020;

					&:after {
						content: ""attr(title)"";
						text-transform: capitalize;
						color: #868e96;
						padding-left: 10px;
					}

					&[title="google-plus"]::after {
						content: "Google+";
					}

					svg {
						width: 32px;
						height: 32px;
						border: 2px solid $primary_color;
						border-radius: 100%;
						padding: 6px;
						vertical-align: middle;
					}//svg

					&:hover {
						
						&:after {
							color: #202020;
						}

						svg {
							background: $secondary_color;
							border-color: $secondary_color;
							color: $white_color;
						}
					}//&:hover
				}//a
			}//li
		}//.social-list
	}//.author-content-wrap
}//.author-section

@include media(xs) {
	.author-section {
		flex-direction: column;

		.author-img {
			margin: 0 auto 30px auto;
		}//.author-img

		.author-content-wrap {
			width: 100%;
			padding-left: 0;
			text-align: center;

			.social-list {
				justify-content: center;

				li {
					margin-right: 15px;
					margin-left: 15px;
				}//li
			}//.social-list
		}//.author-content-wrap
	}//.author-section
}//media(xs)