/**
 * The Ivy brand styles.
 */

:root {
	--wp--preset--font-family--serif: WulkanDisplay, DomaineText, serif;
	--wp--preset--font-family--sans-serif: Apercu, ProximaNova, sans-serif;
	--wp--preset--color--gray-lighter: var(--wp--preset--color--gray-lightest); /* #fcf5eb */
}

body {
	color: black;
	font-family: var(--wp--preset--font-family--sans-serif);

	--content-height: clamp(400px, 66vw, 760px); /* override clamp(360px, 60vw, 600px)*/
}

/* Legacy hacks for all apartments */
:root :where(.is-layout-constrained) > * {
    margin-block-start: 0;
}
:where(.wp-block-group.has-background) {
    padding: var(--wp--style--block-gap) var(--wp--preset--spacing--50);
}
.site-content.is-layout-constrained>.alignfull+.alignfull, .site-content.is-layout-constrained>.alignfull.has-background+.alignfull.has-background {
    margin-top: 0;
}

/* Overrides */
h1,
.has-huge-font-size {
	line-height: 1;
}
h2,
.has-x-large-font-size {
	line-height: 1;
}

/* buttons */
.buttonOutline,
.wp-block-button .wp-block-button__link {
	border-radius: 0px;
	font-size: 14px;
	line-height: 1;
	padding: 8px 20px;
}
@media (max-width: 600px) {
	.buttonOutline,
	.wp-block-button .wp-block-button__link {
		font-size: 12px;
		padding: 10px 8px !important;
	}
}

/* font-face is not reliable from theme.json */
@font-face {
	font-family: "WulkanDisplay";
	src: url("../assets/fonts/the-ivy/Wulkan_Display_SemiBold.woff2") format("woff2"),
		url("../assets/fonts/the-ivy/Wulkan_Display_SemiBold.woff") format("woff");
	font-display: block;
	font-style: normal;
	font-weight: bold;
}
@font-face {
	font-family: "WulkanDisplay";
	src: url("../assets/fonts/the-ivy/Wulkan_Display_SemiBold_Italic.woff2") format("woff2"),
		url("../assets/fonts/the-ivy/Wulkan_Display_SemiBold_Italic.woff") format("woff");
	font-display: block;
	font-style: italic;
	font-weight: bold;
}
@font-face {
	font-family: "Apercu";
	src: url("../assets/fonts/the-ivy/apercu-regular-pro.woff2") format("woff2"),
		url("../assets/fonts/the-ivy/apercu-regular-pro.woff") format("woff"),
		url("../assets/fonts/the-ivy/apercu-regular-pro.ttf") format("ttf");
	font-display: swap;
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Apercu";
	src: url("../assets/fonts/the-ivy/apercu-bold-pro.woff2") format("woff2"),
		url("../assets/fonts/the-ivy/apercu-bold-pro.woff") format("woff"),
		url("../assets/fonts/the-ivy/apercu-bold-pro.ttf") format("ttf");
	font-display: swap;
	font-style: normal;
	font-weight: bold;
}