/* FILE: jetpack/_author.scss */

.entry-author {
	@extend %shaded_background;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	padding: 2rem;
	margin-top: 3rem;
	margin-bottom: 0;

	@include media( map_get( $breakpoint, 'xxl' ) ) {
		padding: 3em;
	}

	.author {

		&-avatar {
			width: 3em;
			margin-#{$right}: 1em;

			@include media( map_get( $breakpoint, 'm' ) ) {
				width: 5em;
			}

		}

		&-heading {
			margin-top: 1em;
			margin-bottom: 1em;
		}

		&-title {
			font-size: .8em;
			font-weight: 400;
		}

		&-name {
			display: block;
			margin-top: .25rem;
			font-size: 1.2rem;
		}

		&-link {
			display: block;
			margin-top: 1em;
		}

		&-bio {
			width: 100%;
			margin-top: 1em;
		}

	}

}