/*
 * Glue between core block markup and the ported layout (sy-layout.css).
 * Neutralises default block styles so the blocks render exactly like the former Elementor widgets.
 */

/* Image widgets: the <figure> is the former widget container */
.sy-page figure.wp-block-image {
	margin: 0;
}
.sy-page .sy-widget-image .wp-block-image img {
	box-sizing: border-box;
	vertical-align: middle;
}
.sy-page .sy-widget-image .wp-block-image > a {
	display: inline-block;
}

/* Text widgets: content that had no paragraph wrapper */
.sy-page p.sy-bare {
	margin: 0;
	font: inherit;
	color: inherit;
	letter-spacing: inherit;
	text-align: inherit;
}

/* Button widgets: the paragraph is the former .elementor-button-wrapper div */
.sy-page p.sy-button-wrapper {
	margin: 0;
}

/* Spacer widgets keep their responsive heights */
.sy-page .wp-block-spacer.sy-spacer-inner {
	height: var(--spacer-size) !important;
	margin: 0;
}

/* Entrance animations */
.sy-animate.sy-invisible {
	visibility: hidden;
}
@media (prefers-reduced-motion: reduce) {
	.sy-animate.sy-invisible {
		visibility: visible;
	}
}

/* Rebuilt contact form: Contact Form 7 wrappers must not change the former Elementor layout */
.sy-page .wpcf7-form-control-wrap {
	display: contents;
}
.sy-page .wpcf7 form .wpcf7-response-output {
	margin: 1em 0 0;
}