/**
 * Audition Form.
 *
 * Only what the markup needs in order to behave. Every color, font and space is a control in the
 * panel, bound to the kit, and Elementor writes those rules one level up with more weight than
 * anything here, so the numbers below are the floor a page without its CSS file still gets.
 *
 * Nothing is declared on the document root. The rules sit on the elements this widget prints.
 */

.wa-audition-form {
	display: block;
	scroll-margin-top: 20px;
}

.wa-audition-form__heading {
	margin: 0 0 20px;
}

/*
 * The frame fills the column, and its height is only a starting point. Jotform's script writes
 * the form's own height onto the frame as an inline style, which outranks this rule and the
 * panel's, so the frame grows or shrinks to fit the form. If the script never arrives, this
 * height holds and the form scrolls inside it, which is why nothing here or in the markup turns
 * scrolling off.
 */
.wa-audition-form__frame {
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 700px;
	border: 0;
}

.wa-audition-form__open {
	margin: 12px 0 0;
}

/* The editor's note on an empty widget, the same as Event Date's. The front end never prints it. */
.wa-audition-form__hint {
	margin: 0;
	font-size: 13px;
	font-style: italic;
	opacity: 0.6;
}