/**
 * Croatissimo typography.
 *
 * Free, commercially usable alternatives to the former premium typefaces.
 * Playfair Display Medium Italic provides the editorial display character, while
 * Manrope keeps navigation, body copy and interface controls clean and legible.
 * Both are self-hosted and licensed under the SIL Open Font License 1.1.
 */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Regular.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Medium.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Bold.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "Playfair Display";
	src: url("../fonts/PlayfairDisplay-MediumItalic.woff2") format("woff2");
	font-display: swap;
	/* The source outlines are italic; exposing them as the display face keeps
	 * older component shorthands from requesting a non-existent upright cut. */
	font-style: normal;
	font-weight: 500;
}

:root {
	--jlvb-font-display: "Playfair Display", "Times New Roman", serif;
	--jlvb-font-text: "Manrope", "Helvetica Neue", Arial, sans-serif;
}

body:not(.wp-admin),
.jlvb-showcase,
.jlvb-location-page,
.jlvb-location-collection,
.jlvb-villa,
.jlvb-search,
.jlvb-premium-header,
.jlvb-contact-drawer {
	font-family: var(--jlvb-font-text);
}

body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) .elementor-heading-title,
.jlvb-showcase__title,
.jlvb-card__title,
.jlvb-location-page h1,
.jlvb-location-page h2,
.jlvb-location-page h3,
.jlvb-location-collection h1,
.jlvb-location-collection h2,
.jlvb-location-collection h3,
.jlvb-villa h1,
.jlvb-villa h2,
.jlvb-villa h3,
.jlvb-related-villas__head h2,
.jlvb-search-page h1,
.jlvb-search-page h2 {
	font-family: var(--jlvb-font-display) !important;
	font-style: normal !important;
	font-weight: 500 !important;
	letter-spacing: -.018em !important;
}

body:not(.wp-admin) input,
body:not(.wp-admin) select,
body:not(.wp-admin) textarea,
body:not(.wp-admin) button,
.jlvb-search input,
.jlvb-search button,
.jlvb-search select,
.jlvb-premium-header input,
.jlvb-premium-header button,
.jlvb-contact-drawer input,
.jlvb-contact-drawer textarea,
.jlvb-contact-drawer button {
	font-family: var(--jlvb-font-text) !important;
	letter-spacing: 0;
}

@media (max-width: 767px) {
	.jlvb-showcase__title,
	.jlvb-location-page h1,
	.jlvb-location-collection h1,
	.jlvb-villa h1 {
		line-height: 1.04 !important;
	}
}