/* =tip */
.block-tip {
	position: relative;
}

.block-tip > *:last-child {
	margin-bottom: 0;
}

.block-tip h1,
.block-tip h2,
.block-tip h3,
.block-tip h4,
.block-tip h5,
.block-tip h6 {
	font-size: var(--wp--preset--font-size--huge);
	line-height: var(--wp--custom--line-height--tiny);
}

.block-tip p {
	margin-top: 0;
}

.block-tip .avatar {
	border-radius: 50%;
	position: absolute;
	transform: rotate(-10deg);
}

@media only screen and (max-width: 767px) {
	.block-tip {
		padding: 45px 10px 15px 12px;
	}

	.block-tip .avatar {
		top: -30px;
		left: 10px;
	}

	.block-tip p.is-style-subtitle {
		margin-bottom: 5px;
	}

	.block-tip h1,
	.block-tip h2,
	.block-tip h3,
	.block-tip h4,
	.block-tip h5,
	.block-tip h6 {
		margin-bottom: 8px;
	}

}

@media only screen and (min-width: 768px) {
	.block-tip {
		padding: 16px 33px 20px 47px;
	}

	.block-tip .avatar {
		top: 20px;
		left: -25px;
	}

	.block-tip p.is-style-subtitle {
		margin-bottom: 10px;
	}

}