/* Dom K Films: small additions to theme.json styles. */

.domk-logo {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.domk-logo img {
	width: 220px;
	height: auto;
	max-width: 60vw;
}

.domk-header {
	position: sticky;
	top: 0;
	z-index: 20;
}

.admin-bar .domk-header {
	top: var(--wp-admin--admin-bar--height, 32px);
}

/* Page sections sit flush against each other. */
.wp-block-post-content > .alignfull + .alignfull {
	margin-block-start: 0;
}

main.wp-block-group {
	margin-block-start: 0;
}

/* Buttons on the dark navy band flip to light. */
.has-navy-background-color .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: var(--wp--preset--color--mist);
	color: var(--wp--preset--color--navy);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: currentColor;
	border: 1px solid currentColor;
}

/* Inquiry form */
.domk-inquiry form {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.25rem;
}

.domk-inquiry__field {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
}

.domk-inquiry__field--wide {
	grid-column: 1 / -1;
}

.domk-inquiry label {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.domk-inquiry input,
.domk-inquiry select,
.domk-inquiry textarea {
	font: inherit;
	font-size: 1rem;
	padding: 0.85rem;
	border: 1px solid #9FB1BA;
	border-radius: 0;
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy);
	width: 100%;
	box-sizing: border-box;
}

.domk-inquiry input:focus,
.domk-inquiry select:focus,
.domk-inquiry textarea:focus {
	outline: 2px solid var(--wp--preset--color--sea-glass);
	outline-offset: 1px;
}

.domk-inquiry button {
	align-self: flex-start;
	border: 0;
	cursor: pointer;
}

.domk-inquiry__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.domk-inquiry__notice {
	padding: 1.25rem 1.5rem;
	background: var(--wp--preset--color--white);
	border-left: 3px solid var(--wp--preset--color--sea-glass);
}

.domk-inquiry__notice--error {
	border-left-color: #A33A2E;
}

/* YouTube embeds fill their column. */
.wp-block-embed.is-provider-youtube {
	margin: 0;
}