.elementor-kit-13{--e-global-color-primary:#3A2A24;--e-global-color-secondary:#B5503A;--e-global-color-text:#3A2A24;--e-global-color-accent:#B5503A;--e-global-color-mcink2:#786258;--e-global-color-mcline:#DCCFC3;--e-global-color-mcwhite:#FFFFFF;--e-global-color-mcalt:#EFE6DB;--e-global-color-mccream:#F7F0E9;--e-global-color-mctile:#EDE3D7;--e-global-color-mcgold:#B4924F;--e-global-typography-primary-font-family:"Instrument Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Libre Baskerville";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Instrument Sans";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Instrument Sans";--e-global-typography-accent-font-size:11.5px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:0.18em;--e-global-typography-mchero-font-family:"Instrument Sans";--e-global-typography-mchero-font-size:66px;--e-global-typography-mchero-font-weight:600;--e-global-typography-mchero-line-height:1.04em;--e-global-typography-mchero-letter-spacing:-0.02em;--e-global-typography-mch1-font-family:"Instrument Sans";--e-global-typography-mch1-font-size:56px;--e-global-typography-mch1-font-weight:600;--e-global-typography-mch1-line-height:1.08em;--e-global-typography-mch1-letter-spacing:-0.01em;--e-global-typography-mch2-font-family:"Instrument Sans";--e-global-typography-mch2-font-size:36px;--e-global-typography-mch2-font-weight:600;--e-global-typography-mch2-line-height:1.2em;--e-global-typography-mch2-letter-spacing:-0.01em;--e-global-typography-mch3-font-family:"Instrument Sans";--e-global-typography-mch3-font-size:28px;--e-global-typography-mch3-font-weight:600;--e-global-typography-mch3-line-height:1.2em;--e-global-typography-mch3-letter-spacing:-0.01em;--e-global-typography-mckick-font-family:"Instrument Sans";--e-global-typography-mckick-font-size:11.5px;--e-global-typography-mckick-font-weight:600;--e-global-typography-mckick-text-transform:uppercase;--e-global-typography-mckick-line-height:1.4em;--e-global-typography-mckick-letter-spacing:0.24em;--e-global-typography-mccard-font-family:"Instrument Sans";--e-global-typography-mccard-font-size:15px;--e-global-typography-mccard-font-weight:600;--e-global-typography-mccard-text-transform:uppercase;--e-global-typography-mccard-line-height:1.3em;--e-global-typography-mccard-letter-spacing:0.02em;--e-global-typography-mclabel-font-family:"Instrument Sans";--e-global-typography-mclabel-font-size:11px;--e-global-typography-mclabel-font-weight:600;--e-global-typography-mclabel-text-transform:uppercase;--e-global-typography-mclabel-line-height:1.4em;--e-global-typography-mclabel-letter-spacing:0.3em;--e-global-typography-mcnav-font-family:"Instrument Sans";--e-global-typography-mcnav-font-size:11.5px;--e-global-typography-mcnav-font-weight:600;--e-global-typography-mcnav-text-transform:uppercase;--e-global-typography-mcnav-line-height:1.4em;--e-global-typography-mcnav-letter-spacing:0.12em;--e-global-typography-mcnum-font-family:"Instrument Sans";--e-global-typography-mcnum-font-size:56px;--e-global-typography-mcnum-font-weight:600;--e-global-typography-mcnum-line-height:1em;--e-global-typography-mcnum-letter-spacing:-0.02em;--e-global-typography-mclede-font-family:"Instrument Sans";--e-global-typography-mclede-font-size:16px;--e-global-typography-mclede-font-weight:500;--e-global-typography-mclede-line-height:1.55em;--e-global-typography-mcsmall-font-family:"Instrument Sans";--e-global-typography-mcsmall-font-size:13px;--e-global-typography-mcsmall-font-weight:500;--e-global-typography-mcsmall-line-height:1.55em;--e-global-typography-mcrow-font-family:"Instrument Sans";--e-global-typography-mcrow-font-size:14.5px;--e-global-typography-mcrow-font-weight:600;--e-global-typography-mcrow-text-transform:uppercase;--e-global-typography-mcrow-line-height:1.3em;--e-global-typography-mcrow-letter-spacing:0.02em;--e-global-typography-mcvalue-font-family:"Instrument Sans";--e-global-typography-mcvalue-font-size:22px;--e-global-typography-mcvalue-font-weight:600;--e-global-typography-mcvalue-line-height:1em;--e-global-typography-mcvalue-letter-spacing:-0.02em;background-color:#F7F0E9;color:#3A2A24;font-family:"Instrument Sans", Helvetica Neue, Arial, sans-serif;font-size:15px;font-weight:500;line-height:1.5em;}.elementor-kit-13 button,.elementor-kit-13 input[type="button"],.elementor-kit-13 input[type="submit"],.elementor-kit-13 .elementor-button{background-color:#B5503A;font-family:"Instrument Sans", Helvetica Neue, Arial, sans-serif;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.18em;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#B5503A;border-radius:0px 0px 0px 0px;padding:13px 24px 13px 24px;}.elementor-kit-13 button:hover,.elementor-kit-13 button:focus,.elementor-kit-13 input[type="button"]:hover,.elementor-kit-13 input[type="button"]:focus,.elementor-kit-13 input[type="submit"]:hover,.elementor-kit-13 input[type="submit"]:focus,.elementor-kit-13 .elementor-button:hover,.elementor-kit-13 .elementor-button:focus{background-color:rgba(0,0,0,0);color:#B5503A;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 p{margin-block-end:0px;}.elementor-kit-13 a{color:#3A2A24;}.elementor-kit-13 a:hover{color:#B5503A;}.elementor-kit-13 h1{font-family:"Instrument Sans", Helvetica Neue, Arial, sans-serif;font-weight:600;}.elementor-kit-13 h2{font-family:"Instrument Sans", Helvetica Neue, Arial, sans-serif;font-weight:600;}.elementor-kit-13 h3{font-family:"Instrument Sans", Helvetica Neue, Arial, sans-serif;font-weight:600;}.elementor-kit-13 label{color:#786258;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;}.elementor-kit-13 input:not([type="button"]):not([type="submit"]),.elementor-kit-13 textarea,.elementor-kit-13 .elementor-field-textual{font-size:16px;color:#3A2A24;background-color:rgba(0,0,0,0);border-style:solid;border-width:0px 0px 1px 0px;border-color:#DCCFC3;border-radius:0px 0px 0px 0px;padding:12px 0px 12px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1520px;}.e-con{--container-max-width:1520px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:rgba(0,0,0,0.94);--lightbox-ui-color:#FFFFFF;--lightbox-ui-color-hover:#B5503A;--lightbox-text-color:#FFFFFF;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-13{--e-global-typography-mchero-font-size:52px;--e-global-typography-mch1-font-size:44px;--e-global-typography-mch2-font-size:32px;--e-global-typography-mch3-font-size:24px;--e-global-typography-mcnum-font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13{--e-global-typography-mchero-font-size:36px;--e-global-typography-mch1-font-size:34px;--e-global-typography-mch2-font-size:28px;--e-global-typography-mch3-font-size:22px;--e-global-typography-mcnum-font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//*
  How to use these utilities: select a widget or container in Elementor,
  open Advanced > CSS Classes and add the class name. Colours come from the
  Elementor global colours (Site Settings), so a brand change happens there.
*/

/* ---------- small uppercase label with a gold line before it ("kicker") ---------- */
/* Add class "mc-kick" to a Heading widget that uses the "Kicker" global typography. */
.mc-kick .elementor-heading-title {
	display: flex;
	align-items: center;
	gap: 12px;
}
.mc-kick .elementor-heading-title::before {
	content: "";
	width: 22px;
	height: 2px;
	flex: none;
	background: var(--e-global-color-accent, #B4924F);
}
.mc-kick-center .elementor-heading-title { justify-content: center; }
.mc-kick-light .elementor-heading-title::before,
.mc-kick-light .elementor-heading-title::after { background: #F7F0E9; }  /* label line on the terracotta band */
.mc-kick-lines .elementor-heading-title::after {
	content: "";
	width: 28px;
	height: 2px;
	flex: none;
	background: var(--e-global-color-accent, #B4924F);
}
.mc-kick-lines .elementor-heading-title::before { width: 28px; }

/* ---------- image proportions ---------- */
/* Add to an Image widget. The image keeps this shape at every screen size and is cropped to fill it. */
.mc-ratio-4x5 img, .mc-ratio-3x4 img, .mc-ratio-3x2 img, .mc-ratio-4x3 img,
.mc-ratio-1x1 img, .mc-ratio-16x10 img, .mc-ratio-21x9 img, .mc-ratio-21x8 img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.mc-ratio-4x5 img { aspect-ratio: 4 / 5; }
.mc-ratio-3x4 img { aspect-ratio: 3 / 4; }
.mc-ratio-3x2 img { aspect-ratio: 3 / 2; }
.mc-ratio-4x3 img { aspect-ratio: 4 / 3; }
.mc-ratio-1x1 img { aspect-ratio: 1 / 1; }
.mc-ratio-16x10 img { aspect-ratio: 16 / 10; }
.mc-ratio-21x9 img { aspect-ratio: 21 / 9; }
.mc-ratio-21x8 img { aspect-ratio: 21 / 8; }
@media (max-width: 767px) {
	.mc-ratio-21x9 img, .mc-ratio-21x8 img { aspect-ratio: 4 / 3; }
}

/* ---------- slow zoom on hover ---------- */
/* Add "mc-zoom" to an Image widget; it also zooms when its card container (class "mc-card") is hovered. */
.mc-zoom .elementor-image, .mc-zoom figure, .mc-zoom > .elementor-widget-container { overflow: hidden; }
.mc-zoom img { transition: transform .7s ease; }
.mc-zoom:hover img, .mc-card:hover .mc-zoom img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .mc-zoom img { transition: none; } }

/* ---------- captioned images fill their column (Elementor's caption box otherwise shrinks to the photo) ---------- */
.elementor-widget-image figure.wp-caption { display: block; width: 100%; margin: 0; }
/* a linked image sits inside an inline link; make the link a block so the image can fill the width */
.elementor-widget-image[class*="mc-"] a { display: block; }
.elementor-widget-image[class*="mc-ratio-"] img { display: block; }

/* ---------- caption shown as a label on the image ---------- */
/* Add "mc-tag" to an Image widget with a caption; style the caption in the widget's Style tab. */
.mc-tag figure.wp-caption { position: relative; margin: 0; }
.mc-tag figcaption.widget-image-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	border-left: 3px solid var(--e-global-color-accent, #B4924F);
	padding: 8px 14px;
	font-style: normal;
	line-height: 1.4;
}
.mc-tag-inset figcaption.widget-image-caption { left: clamp(16px, 3vw, 40px); bottom: 18px; }

/* ---------- arrow link (Button widget styled as an underlined link) ---------- */
.mc-arrow .elementor-button-icon { transition: transform .2s ease; }
.mc-arrow .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }

/* ---------- gold diamond bullets (Icon List widget) ---------- */
.mc-diamond .elementor-icon-list-icon i,
.mc-diamond .elementor-icon-list-icon svg,
.mc-diamond .elementor-icon i,
.mc-diamond .elementor-icon svg { transform: rotate(45deg); }

/* ---------- figures: the small unit after a number, e.g. "15 min" or "178.71 m²" ---------- */
/* Write the unit inside <small> in a Heading widget that has class "mc-figure". */
.mc-figure .elementor-heading-title small {
	font-size: max(11px, .28em);
	font-weight: 600;
	letter-spacing: .1em;
	color: var(--e-global-color-mcink2, #4A4A48);
	margin-left: 5px;
	vertical-align: 25%;
}
.mc-figure-gold .elementor-heading-title small { color: var(--e-global-color-accent, #B4924F); font-size: 11px; vertical-align: baseline; margin-left: 4px; }

/* ---------- sticky column on wide screens ---------- */
@media (min-width: 1025px) {
	.mc-sticky { position: sticky; top: 88px; align-self: flex-start; }
}

/* ---------- full-screen menu popup: large links with an arrow ---------- */
.mc-menu-list .elementor-nav-menu--main .elementor-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--e-global-color-mcline, #D9D9D9);
}
.mc-menu-list .elementor-nav-menu--main .elementor-item::after,
.mc-menu-list .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
	content: "→" !important;
	position: static !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	background: none !important;
	color: currentColor;
	font-size: 22px;
	font-weight: 400;
	transform: none !important;
}

/* ---------- sales form: underlined fields as in the brochure ---------- */
.mc-form .elementor-field-textual,
.mc-form .elementor-select-wrapper select {
	border-width: 0 0 1px 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding-left: 0 !important;
	padding-right: 24px !important;
}
.mc-form .elementor-field-textual:focus,
.mc-form .elementor-select-wrapper select:focus {
	border-bottom-color: var(--e-global-color-accent, #B4924F) !important;
	box-shadow: none !important;
}
.mc-form .elementor-field-type-acceptance .elementor-field-option { display: flex; gap: 10px; align-items: flex-start; }
.mc-form input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--e-global-color-secondary, #B5503A); flex: none; margin: 0; }

/* ---------- menu button: three thin lines, as in the design ---------- */
/* Add "mc-burger" to an Icon widget; its colour and link stay editable in the widget. */
.mc-burger .elementor-icon {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mc-burger .elementor-icon i,
.mc-burger .elementor-icon svg { display: none; }
.mc-burger .elementor-icon::before {
	content: "";
	width: 24px;
	height: 16px;
	background:
		linear-gradient(currentColor, currentColor) top / 100% 2px no-repeat,
		linear-gradient(currentColor, currentColor) center / 100% 2px no-repeat,
		linear-gradient(currentColor, currentColor) bottom / 100% 2px no-repeat;
}

/* ---------- breadcrumbs (Yoast via the Breadcrumbs widget), as in the design ---------- */
/* Grey link, small gold diamond with space around it, current page in ink. */
.elementor-widget-breadcrumbs #breadcrumbs { margin: 0; }
.elementor-widget-breadcrumbs #breadcrumbs > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	font-size: 8px;                                  /* size of the separator */
	color: var(--e-global-color-accent, #B4924F);    /* colour of the separator */
}
.elementor-widget-breadcrumbs #breadcrumbs > span > span {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	line-height: 1.4;
	color: var(--e-global-color-primary, #000);
}
.elementor-widget-breadcrumbs #breadcrumbs a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	color: var(--e-global-color-mcink2, #4A4A48);
	text-decoration: none;
}
.elementor-widget-breadcrumbs #breadcrumbs a:hover { color: var(--e-global-color-primary, #000); }

/* ---------- portrait video (the film is 720 x 960) ---------- */
/* Add "mc-portrait-video" to a Video widget; Elementor's ratio choices have no 3:4. */
.elementor-widget-video.mc-portrait-video .elementor-wrapper { aspect-ratio: 3 / 4 !important; background: #000; }
.mc-portrait-video video { width: 100%; height: 100%; object-fit: contain; }

/* ---------- footer link lists (Icon List without icons) ---------- */
.mc-footer-links .elementor-icon-list-item > a { display: inline-flex; min-height: 19px; }
.mc-footer-links .elementor-icon-list-item > a:hover .elementor-icon-list-text,
.mc-footer-links .elementor-icon-list-item > a:focus-visible .elementor-icon-list-text {
	text-decoration: underline;
	text-underline-offset: 5px;
}

/* ---------- headings break into balanced lines, as in the design ---------- */
.elementor-heading-title { text-wrap: balance; }

/* ---------- never scroll sideways on phones ---------- */
/* "clip" (unlike "hidden") keeps sticky columns working. Older Safari without clip support falls back to hidden.
   Also stops the logged-in admin bar's account menu from widening the page on iPhones. */
html { overflow-x: clip; }
@supports not (overflow: clip) { html, body { overflow-x: hidden; } }
#wpadminbar { max-width: 100vw; }

/* ---------- small accessibility defaults ---------- */
:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* ---------- menu popup on phones and tablets: no focus frame on the logo ---------- */
/* The popup moves focus to its first link (the logo) when it opens; Safari then draws the focus outline. */
@media (max-width: 1024px) {
	.elementor-location-popup .elementor-widget-theme-site-logo a,
	.elementor-location-popup .elementor-widget-theme-site-logo a:focus,
	.elementor-location-popup .elementor-widget-theme-site-logo a:focus-visible {
		outline: none;
		box-shadow: none;
		-webkit-tap-highlight-color: transparent;
	}
}/* End custom CSS */