/**
 * Block Styles.
 */

/* Layout */

.wp-site-blocks {
	margin-top: 20px;
	font-size: 18px;
}

.wp-site-blocks > *,
.is-layout-constrained > * {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
	margin-block-start: var(--wp--style--block-gap);
	margin-block-end: 0;
}

.wp-site-blocks .alignwide {
	width: auto !important;
	max-width: var(--wp--style--global--wide-size);
}

.wp-site-blocks .alignfull {
	width: auto !important;
	max-width: none !important;
}
/* Just enough specificity to remove the parent theme styling, but not override the block css*/
.editor-styles-wrapper .wp-block {
	max-width: none;
}

/* Typography */

body,
.wp-site-blocks {
	font-family: var(--wp--preset--font-family--body);
}

.wp-block-heading {
	margin-bottom: 0;
}

h1,
.wp-block-heading.has-font-size-headline,
.wp-block-post-title.has-font-size-headline {
	font-size: var(--wp--preset--font-size--headline);
	font-weight: 500;
}

h2,
.wp-block-heading.has-font-size-xxxl,
.wp-block-post-title.has-font-size-xxxl {
	font-size: var(--wp--preset--font-size--xxxl);
}

h3,
.wp-block-heading.has-font-size-xxl,
.wp-block-post-title.has-font-size-xxl {
	font-size: var(--wp--preset--font-size--xxl);
}

h4,
.wp-block-heading.has-font-size-xl,
.wp-block-post-title.has-font-size-xl {
	font-size: var(--wp--preset--font-size--xl);
}

h5,
.wp-block-heading.has-font-size-lg,
.wp-block-post-title.has-font-size-lg {
	font-size: var(--wp--preset--font-size--lg);
}

h6,
.wp-block-heading.has-font-size-md,
.wp-block-post-title.has-font-size-md {
	font-size: var(--wp--preset--font-size--md);
}

/* Media */

.wp-block-gallery.wp-block-gallery.has-nested-images {
	--wp--style--unstable-gallery-gap: 50px;
	--wp--style--gallery-gap: var(--wp--style--unstable-gallery-gap);
	--wp--style--block-gap: var(--wp--style--unstable-gallery-gap);
}

.wp-block-gallery.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
	margin-top: auto;
}

/* Forms */

input:not([type="checkbox"]):not([type="radio"]),
input::placeholder,
textarea,
textarea::placeholder,
select,
select::placeholder {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--md);
	text-transform: none !important;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
	border-radius: 2px !important;
	min-height: 60px;
	width: 100%;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
	border-color: var(--wp--preset--color--grey-dark);
}

label,
.wp-site-blocks label {
	font-family: var(--wp--preset--font-family--body);
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	color: var(--wp--preset--color--grey-dark);
}

input[type="submit"],
input[type="button"],
button[type="submit"],
.wpforms-form.wpforms-form.wpforms-form button[type="submit"] {
	color: white;
	background-color: black;
	font-family: var(--wp--preset--font-family--heading) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 20px 60px !important;
	margin-top: 40px;
	text-transform: uppercase !important;
	width: auto !important;
}

div.wpforms-block.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-block.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-block.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}

@media (min-width: 769px) {
	input[type="submit"],
	input[type="button"],
	button[type="submit"],
	.wpforms-form.wpforms-form.wpforms-form button[type="submit"] {
		font-size: 18px !important;
		padding: 30px 60px !important;
	}

	.wpforms-submit-container.wpforms-submit-container {
		text-align: left;
	}
}

/* Block Styles */

ul.is-style-arrows {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
	gap: var(--wp--style--block-gap);
}
ul.is-style-arrows > li {
	display: flex;
	align-items: center;
	gap: var(--wp--style--block-gap);
}
ul.is-style-arrows > li::before {
	content: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0833 2.41669L19.6667 10L12.0833 17.5834M2.33334 10H19.6667H2.33334Z' stroke='currentColor' stroke-width='3.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	display: block;
}