.block-layout .title {
    text-transform: var(--title-case);
    font-family:var(--custom-title-font-family, var(--title-font-family));
    font-weight:var(--title-weight);
    font-style:var(--title-style);
    letter-spacing:var(--title-spacing);
}

.block-layout.block-layout .sub-title {
    text-transform: var(--sub-title-case);
    font-family:var(--custom-sub-title-font-family, var(--sub-title-font-family));
    font-weight:var(--sub-title-weight);
    font-style:var(--sub-title-style);
    letter-spacing:var(--sub-title-spacing);
}

body {
    font-family:var(--custom-base-font-family, var(--body-font-family));
}

/* =========================================================
   INNA GOLD / MYREALPAGE GLOBAL FONT + BUTTON SYSTEM
   Fonts: Oswald / Instrument Serif / Inter
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --inna-display: 'Oswald', sans-serif;
  --inna-serif: 'Instrument Serif', serif;
  --inna-body: 'Inter', sans-serif;
}

/* =========================================================
   BODY FONT
   Main paragraph and content text
========================================================= */

body,
p,
li,
.text,
.text p,
.content,
.content p,
.content-container,
input,
textarea,
select {
  font-family: var(--inna-body) !important;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}

/* =========================================================
   TITLE FONT
   Main headings / section titles
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.titles .title,
.text-size.title,
.page-title,
.section-title,
.heading,
.vdg-title,
.vdg-section-title {
  font-family: var(--inna-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
}

/* Force myRealPage hero/title blocks into Oswald uppercase */
.titles h1.title,
.titles h2.title,
.titles h3.title,
h1.text-size.title,
h2.text-size.title,
h3.text-size.title,
h2.text-size.text-size8.title,
.text-size.text-size8.title,
[data-editable*="title"].title {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
}

/* Larger hero-style titles */
.text-size8.title,
h1.title,
h2.text-size8.title {
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}

/* Smaller section/card titles */
h3.title,
h4.title,
h5.title,
h6.title,
.card-title,
.box-title {
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
}

/* Strong emphasis inside headings */
h1 strong,
h2 strong,
h3 strong,
.title strong,
.inna-heading strong {
  font-weight: 700 !important;
}

/* =========================================================
   SUBTITLE FONT
   Global subtitle = Inter eyebrow / reverse-title style
========================================================= */

.sub-title,
.titles .sub-title,
.text-size.sub-title,
h3.sub-title,
h3.text-size.sub-title,
h3.text-size.text-size1.sub-title,
h3.text-size.text-size2.sub-title,
.section-subtitle,
.hero-subtitle,
.inna-subtitle,
.title-reverse .sub-title,
.titles.title-reverse .sub-title {
  font-family: var(--inna-body, 'Inter', sans-serif) !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* Optional general eyebrow classes */
.inna-eyebrow,
.eyebrow,
.section-label,
.small-label {
  font-family: var(--inna-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* =========================================================
   MANUAL SERIF ITALIC ACCENT
   Use only inside custom headings with <em>...</em>
========================================================= */

h1 em,
h2 em,
h3 em,
h4 em,
.title em,
.inna-heading em,
.inna-title-accent {
  font-family: var(--inna-serif, 'Instrument Serif', serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Example:
   <h2 class="inna-heading">Full-Service <em>Expertise</em></h2>
*/

/* =========================================================
   BRAND / LOGO TEXT
   For myRealPage logo text blocks
========================================================= */

.brand-logo-text .brand-title,
.brand-container .brand-title,
h2.text-size.brand-title,
h2.text-size.text-size6.brand-title {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
}

/* Brand subtitle can stay more elegant because it is logo-specific */
.brand-logo-text .brand-subtitle,
.brand-container .brand-subtitle,
h3.text-size.brand-subtitle,
h3.text-size.text-size1.brand-subtitle {
  font-family: var(--inna-serif, 'Instrument Serif', serif) !important;
  font-style: italic !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

/* =========================================================
   MENU FONT
   Header / navigation links
========================================================= */

nav a,
.nav a,
.navbar a,
.menu a,
.header-menu a,
.site-menu a,
.main-menu a,
#menu a,
.fl-menu a,
.fl-module-menu a,
.header a {
  font-family: var(--inna-body) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* =========================================================
   FOOTER / SMALL META TEXT
========================================================= */

.footer,
.footer p,
.footer a,
.site-footer,
.site-footer p,
.site-footer a,
.footer-copy,
.footer-legal,
.meta,
.small-text {
  font-family: var(--inna-body) !important;
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: 0.06em;
}

/* Footer column titles */
.footer-title,
.footer-col-title,
.site-footer h3,
.site-footer h4,
.footer h3,
.footer h4 {
  font-family: var(--inna-display) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

/* =========================================================
   OPTIONAL: LISTING / CARD TEXT SUPPORT
========================================================= */

.listing-title,
.property-title,
.card-heading,
.box-heading {
  font-family: var(--inna-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.listing-address,
.property-address,
.card-subtitle,
.box-subtitle {
  font-family: var(--inna-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

.listing-description,
.property-description,
.card-text,
.box-text {
  font-family: var(--inna-body) !important;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 400;
}

/* =========================================================
   MYREALPAGE BUTTON SYSTEM
   Filled / Outlined / Default CTA
========================================================= */

/* Base button typography + structure */
.fluid-button.button,
a.fluid-button.button,
.button-list .fluid-button.button {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 34px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.22s ease !important;
}

/* Button label text */
.fluid-button.button label,
.button-list .fluid-button.button label {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
}

/* =========================================================
   FILLED BUTTON
   Default: myRealPage accent colour
   Hover: black fill with white label
========================================================= */

.fluid-button.button.filled {
  background: var(--fl-button-bg-color, var(--g-accent-color, #b49e79)) !important;
  border: 1px solid var(--fl-button-bg-color, var(--g-accent-color, #b49e79)) !important;
  color: var(--fl-button-label-color, #fff) !important;
}

.fluid-button.button.filled label {
  color: var(--fl-button-label-color, #fff) !important;
}

.fluid-button.button.filled:hover {
  background: #0d0b09 !important;
  border-color: #0d0b09 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.filled:hover label {
  color: #fff !important;
}

/* =========================================================
   OUTLINED BUTTON
   Default: transparent outline
   Hover: black fill with white label
========================================================= */

.fluid-button.button.outlined:not(.default-style) {
  background: transparent !important;
  border: 1px solid currentColor !important;
  color: inherit !important;
}

.fluid-button.button.outlined:not(.default-style) label {
  color: inherit !important;
}

.fluid-button.button.outlined:not(.default-style):hover {
  background: #0d0b09 !important;
  border-color: #0d0b09 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.outlined:not(.default-style):hover label {
  color: #fff !important;
}

/* =========================================================
   DEFAULT STYLE BUTTON
   Default: black fill with white label
   Hover: #b49e79 fill with white label
   Overrides outlined when both classes are present
========================================================= */

.fluid-button.button.default-style,
.fluid-button.button.default-style.outlined {
  background: #0d0b09 !important;
  border: 1px solid #0d0b09 !important;
  color: #fff !important;
}

.fluid-button.button.default-style label,
.fluid-button.button.default-style.outlined label {
  color: #fff !important;
}

.fluid-button.button.default-style:hover,
.fluid-button.button.default-style.outlined:hover {
  background: #b49e79 !important;
  border-color: #b49e79 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.default-style:hover label,
.fluid-button.button.default-style.outlined:hover label {
  color: #fff !important;
} 



@media (max-width: 768px) {
  /* Disable clicks on menu items that act as submenu parents */
  .mrp-menu-level-0 > li.has-submenu > a,
  .mrp-menu-level-1 > li.has-submenu > a {
    pointer-events: none;
    cursor: default;
  }
}

/* =========================================================
   INNA GOLD / MYREALPAGE GLOBAL FONT + BUTTON SYSTEM
   Fonts: Oswald / Instrument Serif / Inter
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --inna-display: 'Oswald', sans-serif;
  --inna-serif: 'Instrument Serif', serif;
  --inna-body: 'Inter', sans-serif;
}

/* =========================================================
   BODY FONT
   Main paragraph and content text
========================================================= */

body,
p,
li,
.text,
.text p,
.content,
.content p,
.content-container,
input,
textarea,
select {
  font-family: var(--inna-body) !important;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}

/* =========================================================
   TITLE FONT
   Main headings / section titles
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.titles .title,
.text-size.title,
.page-title,
.section-title,
.heading,
.vdg-title,
.vdg-section-title {
  font-family: var(--inna-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
}

/* Force myRealPage hero/title blocks into Oswald uppercase */
.titles h1.title,
.titles h2.title,
.titles h3.title,
h1.text-size.title,
h2.text-size.title,
h3.text-size.title,
h2.text-size.text-size8.title,
.text-size.text-size8.title,
[data-editable*="title"].title {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
}

/* Larger hero-style titles */
.text-size8.title,
h1.title,
h2.text-size8.title {
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}

/* Smaller section/card titles */
h3.title,
h4.title,
h5.title,
h6.title,
.card-title,
.box-title {
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
}

/* Strong emphasis inside headings */
h1 strong,
h2 strong,
h3 strong,
.title strong,
.inna-heading strong {
  font-weight: 700 !important;
}

/* =========================================================
   SUBTITLE FONT
   Global subtitle = Inter eyebrow / reverse-title style
========================================================= */

.sub-title,
.titles .sub-title,
.text-size.sub-title,
h3.sub-title,
h3.text-size.sub-title,
h3.text-size.text-size1.sub-title,
h3.text-size.text-size2.sub-title,
.section-subtitle,
.hero-subtitle,
.inna-subtitle,
.title-reverse .sub-title,
.titles.title-reverse .sub-title {
  font-family: var(--inna-body, 'Inter', sans-serif) !important;
  font-style: normal !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* Optional general eyebrow classes */
.inna-eyebrow,
.eyebrow,
.section-label,
.small-label {
  font-family: var(--inna-body) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* =========================================================
   MANUAL SERIF ITALIC ACCENT
   Use only inside custom headings with <em>...</em>
========================================================= */

h1 em,
h2 em,
h3 em,
h4 em,
.title em,
.inna-heading em,
.inna-title-accent {
  font-family: var(--inna-serif, 'Instrument Serif', serif) !important;
  font-style: italic !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Example:
   <h2 class="inna-heading">Full-Service <em>Expertise</em></h2>
*/

/* =========================================================
   BRAND / LOGO TEXT
   For myRealPage logo text blocks
========================================================= */

.brand-logo-text .brand-title,
.brand-container .brand-title,
h2.text-size.brand-title,
h2.text-size.text-size6.brand-title {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
}

/* Brand subtitle can stay more elegant because it is logo-specific */
.brand-logo-text .brand-subtitle,
.brand-container .brand-subtitle,
h3.text-size.brand-subtitle,
h3.text-size.text-size1.brand-subtitle {
  font-family: var(--inna-serif, 'Instrument Serif', serif) !important;
  font-style: italic !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

/* =========================================================
   MENU FONT
   Header / navigation links
========================================================= */

nav a,
.nav a,
.navbar a,
.menu a,
.header-menu a,
.site-menu a,
.main-menu a,
#menu a,
.fl-menu a,
.fl-module-menu a,
.header a {
  font-family: var(--inna-body) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* =========================================================
   FOOTER / SMALL META TEXT
========================================================= */

.footer,
.footer p,
.footer a,
.site-footer,
.site-footer p,
.site-footer a,
.footer-copy,
.footer-legal,
.meta,
.small-text {
  font-family: var(--inna-body) !important;
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: 0.06em;
}

/* Footer column titles */
.footer-title,
.footer-col-title,
.site-footer h3,
.site-footer h4,
.footer h3,
.footer h4 {
  font-family: var(--inna-display) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

/* =========================================================
   OPTIONAL: LISTING / CARD TEXT SUPPORT
========================================================= */

.listing-title,
.property-title,
.card-heading,
.box-heading {
  font-family: var(--inna-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.listing-address,
.property-address,
.card-subtitle,
.box-subtitle {
  font-family: var(--inna-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

.listing-description,
.property-description,
.card-text,
.box-text {
  font-family: var(--inna-body) !important;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 400;
}

/* =========================================================
   MYREALPAGE BUTTON SYSTEM
   Filled / Outlined / Default CTA
========================================================= */

/* Base button typography + structure */
.fluid-button.button,
a.fluid-button.button,
.button-list .fluid-button.button {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 14px 34px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: all 0.22s ease !important;
}

/* Button label text */
.fluid-button.button label,
.button-list .fluid-button.button label {
  font-family: var(--inna-display, 'Oswald', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
}

/* =========================================================
   FILLED BUTTON
   Default: myRealPage accent colour
   Hover: black fill with white label
========================================================= */

.fluid-button.button.filled {
  background: var(--fl-button-bg-color, var(--g-accent-color, #b49e79)) !important;
  border: 1px solid var(--fl-button-bg-color, var(--g-accent-color, #b49e79)) !important;
  color: var(--fl-button-label-color, #fff) !important;
}

.fluid-button.button.filled label {
  color: var(--fl-button-label-color, #fff) !important;
}

.fluid-button.button.filled:hover {
  background: #0d0b09 !important;
  border-color: #0d0b09 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.filled:hover label {
  color: #fff !important;
}

/* =========================================================
   OUTLINED BUTTON
   Default: transparent outline
   Hover: black fill with white label
========================================================= */

.fluid-button.button.outlined:not(.default-style) {
  background: transparent !important;
  border: 1px solid currentColor !important;
  color: inherit !important;
}

.fluid-button.button.outlined:not(.default-style) label {
  color: inherit !important;
}

.fluid-button.button.outlined:not(.default-style):hover {
  background: #0d0b09 !important;
  border-color: #0d0b09 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.outlined:not(.default-style):hover label {
  color: #fff !important;
}

/* =========================================================
   DEFAULT STYLE BUTTON
   Default: black fill with white label
   Hover: #b49e79 fill with white label
   Overrides outlined when both classes are present
========================================================= */

.fluid-button.button.default-style,
.fluid-button.button.default-style.outlined {
  background: #0d0b09 !important;
  border: 1px solid #0d0b09 !important;
  color: #fff !important;
}

.fluid-button.button.default-style label,
.fluid-button.button.default-style.outlined label {
  color: #fff !important;
}

.fluid-button.button.default-style:hover,
.fluid-button.button.default-style.outlined:hover {
  background: #b49e79 !important;
  border-color: #b49e79 !important;
  color: #fff !important;
  opacity: 1 !important;
  transform: translateY(-1px);
}

.fluid-button.button.default-style:hover label,
.fluid-button.button.default-style.outlined:hover label {
  color: #fff !important;
} 



/* Disable pointer events on parent links that have submenus */
.mrp-menu-level-0 > li.has-submenu > a {
    pointer-events: none;
    cursor: default;
} 



@media (max-width: 768px) {
  /* Disable clicks on menu items that act as submenu parents */
  .mrp-menu-level-0 > li.has-submenu > a,
  .mrp-menu-level-1 > li.has-submenu > a {
    pointer-events: none;
    cursor: default;
  }
}