/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.flo-block-search-title {
	$b: '.flo-block-search-title';

	margin-top: var(--mobile-margin-top);
	margin-bottom: var(--mobile-margin-bottom);
	color: var(--title-color);
	text-align: center;
	padding: 1.875em 1.9375em;

	&[data-font=''] {
		font-family: var(--title-font-family);
		font-size: var(--title-font-size);
		line-height: var(--title-line-height);
		letter-spacing: var(--title-letter-spacing);
		font-style: var(--title-font-style);
		font-weight: var(--title-font-weight);
	}

	@media (min-width: 768px) {
		margin-top: var(--margin-top);
		margin-bottom: var(--margin-bottom);
		padding: 3.125em 5.625em;
	}
}
