/* =tip */
.block-tip.has-background {
	/* change block gap */
	--wp--style--block-gap: 10px;
}

.block-tip .block-tip__inner strong {
	font-family: var(--wp--preset--font-family--primary); /* designs show a different font for this text */
}

.block-tip :is(p.block-tip__title, h2:first-child, h3:first-child) {
	font-family: var(--wp--preset--font-family--system-font);
	line-height: var(--wp--custom--line-height--normal);
	font-weight: 700;
	margin-bottom: 0;
	background: var(--wp--preset--color--quinary);
	color: white;
	text-transform: uppercase;
	display: table;
	margin-left: 0;
}

.block-tip :is(p.block-tip__title, h2:first-child, h3:first-child) + p {  /* spacing between title and content */
	/* margin-top: 10px; */
}


@media only screen and (max-width: 767px) {
	.block-tip.has-background,
	.editor-styles-wrapper .block-tip.has-background {
		padding: 0px 16px 13px;
	}

	.block-tip :is(p.block-tip__title, h2:first-child, h3:first-child) {
		font-size: 0.875rem;
		padding: 5px 12px 3px;
		transform: translateY(-5px);
		margin-bottom: -5px;
	}
}

@media only screen and (min-width: 768px) {
	.block-tip.has-background,
	.editor-styles-wrapper .block-tip.has-background {
		padding: 0px 28px 22px;
	}

	.block-tip :is(p.block-tip__title, h2:first-child, h3:first-child) {
		font-size: 1rem;
		padding: 7px 14px 5px;
		transform: translateY(-19px);
		margin-bottom: -19px;
	}
}