/* =author box */
.block-author-box {
	padding: var(--wp--custom--layout--padding);
	background: var(--wp--preset--color--senary);
}

/* Image */
.block-author-box__image-container {
}

.block-author-box__image-container img {
	width: 200px;
	border-radius: 50%;
	overflow: hidden;
}


/* Content */
.block-author-box__title {
	font-family: var(--wp--preset--font-family--primary);
	font-weight: bold;
	line-height: var(--wp--custom--line-height--small);
	margin: 0;
	font-size: var(--wp--preset--font-size--big);
}

.block-author-box__author-title {
	display: block;
	font-family: var(--wp--preset--font-family--secondary);
	color: var(--wp--custom--color--gray-700);
	text-transform: lowercase;
	font-size: var(--wp--preset--font-size--large);
	margin: 0;
}

.block-author-box__description {
	margin-bottom: var(--wp--custom--layout--padding);
	font-size: var(--wp--preset--font-size--small);
}

.block-author-box__socials {
	display: flex;
	gap: 9px;
	align-items: center;
}
.block-author-box__socials span {
	font-family: var(--wp--preset--font-family--primary);
}

@media only screen and (min-width: 767px) {
	.block-author-box__inner {
		display: grid;
		grid-template-columns: 200px 1fr;
		align-items: flex-start;
		gap: 16px;
	}
}


@media only screen and (max-width: 767px) {

	/* Image */
	.block-author-box__image-container {
		margin: 0 auto 16px;
		width: 120px;
		padding: 0;
	}

	/* Content */
	.block-author-box__content-container {
		margin: 0 auto 20px;
		padding: 0 16px 28px;
		text-align: center;
	}

}

@media only screen and (min-width: 768px) {
	.block-author-box__content-header {
		display: grid;
		grid-template-columns: 80px 1fr;
		gap: 32px;
		align-items: start;
	}

	/* Image */

	/* Content */

}