/* Final rendering layer for the approved Relationship Abuse Recovery brand. */
:root {
  --rar-page: #FDFAF8;
  --rar-ivory: #FFFFFF;
  --rar-blush: #F8E4E8;
  --rar-border: #F0C4CD;
  --rar-rose: #DC93A5;
  --rar-heading: #625659;
  --rar-text: #625659;
  --rar-muted: #8C8285;
}

html,
body,
.wp-site-blocks,
.editor-styles-wrapper {
  background-color: var(--rar-page) !important;
}

body,
.editor-styles-wrapper {
  color: var(--rar-text);
  font-family: "DM Sans", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body :is(h1, h2, h3, h4, h5, h6),
.editor-styles-wrapper :is(h1, h2, h3, h4, h5, h6),
body :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title),
.editor-styles-wrapper :is(.wp-block-heading, .wp-block-post-title, .wp-block-query-title),
body :is(.wp-block-kadence-advancedheading, .kb-adv-text),
.editor-styles-wrapper :is(.wp-block-kadence-advancedheading, .kb-adv-text) {
  color: var(--rar-heading);
  font-family: "EB Garamond", Georgia, serif !important;
  font-weight: 500 !important;
}

body :is(p, li, label, input, textarea, select, button),
body :is(.wp-block-navigation, .wp-block-button__link, .wp-element-button),
.editor-styles-wrapper :is(p, li, label, input, textarea, select, button),
.editor-styles-wrapper :is(.wp-block-navigation, .wp-block-button__link, .wp-element-button) {
  font-family: "DM Sans", Arial, sans-serif !important;
}

body :is(p, li):not(.has-text-color) {
  color: var(--rar-text);
}

/* Use the approved brand mark in the shared header on every page. */

body :is(.has-main-color, .has-primary-alt-accent-color) {
  color: var(--rar-heading) !important;
}

body :is(.has-secondary-color) {
  color: var(--rar-text) !important;
}

body :is(.has-accent-color, .has-primary-alt-color, .has-main-accent-color) {
  color: var(--rar-rose) !important;
}

/* Covers both the file header and database-saved Site Editor headers. */
header.wp-block-template-part,
.dto-site-header,
.site-header {
  --dto-header-pink: var(--rar-rose);
  --dto-header-border: var(--rar-border);
  background-color: var(--rar-page) !important;
}

.rar-approved-logo,
.wp-block-site-logo .custom-logo-link {
  align-items: center;
  display: flex;
  justify-content: center;
}

.rar-approved-logo img,
.wp-block-site-logo img.custom-logo {
  height: 64px !important;
  max-width: 300px !important;
  object-fit: contain;
  width: 300px !important;
}

/* The child header uses the site title as an accessible home link. */
.dto-header-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 64px !important;
  min-height: 64px !important;
  overflow: visible !important;
  width: 230px !important;
}

/* The saved Site Editor header uses an old Kadence image instead of Site Logo. */
.dto-header-brand > .wp-block-kadence-image,
.dto-header-brand > figure,
.dto-header-brand .kb-advanced-image-link {
  display: block !important;
  height: 64px !important;
  margin: 0 !important;
  max-width: 230px !important;
  width: 230px !important;
}

.dto-header-brand .wp-block-kadence-image img,
.dto-header-brand img.kb-img,
.dto-header-brand img.wp-image-800 {
  display: none !important;
}

.dto-header-city {
  display: none !important;
}

.dto-header-title {
  height: 64px !important;
  margin: 0 !important;
  overflow: hidden !important;
  width: 230px !important;
}

.dto-header-title a { display: none !important; }

.dto-header-navigation,
.dto-header-navigation a {
  color: var(--rar-rose) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 13.5px !important;
}

.dto-header-cta .wp-block-button__link {
  border-color: var(--rar-rose) !important;
  color: var(--rar-rose) !important;
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 11px 24px !important;
}

@media (max-width: 781px) {
  .rar-approved-logo img,
  .wp-block-site-logo img.custom-logo {
    height: auto !important;
    max-width: 240px !important;
    width: min(240px, 70vw) !important;
  }

  .dto-header-brand {
    background-size: min(240px, 70vw) auto !important;
    height: 58px !important;
    min-height: 58px !important;
    min-width: 0 !important;
    width: min(240px, 70vw) !important;
  }

  .dto-header-brand > .wp-block-kadence-image,
  .dto-header-brand > figure,
  .dto-header-brand .kb-advanced-image-link {
    height: 58px !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .dto-header-title,
  .dto-header-title a {
    width: 100% !important;
  }
}

/* Reference design typography and palette for page-specific bundles. */
html body,
html body .wp-site-blocks,
html body .editor-styles-wrapper {
  background-color: var(--rar-page) !important;
  color: var(--rar-text) !important;
  font-family: "DM Sans", Arial, sans-serif !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .wp-block-heading,
html body .wp-block-post-title,
html body .wp-block-query-title,
html body .wp-block-kadence-advancedheading,
html body .kb-adv-text {
  color: var(--rar-heading) !important;
  font-family: "EB Garamond", Georgia, serif !important;
  font-weight: 500 !important;
}

body :is(.recovery-room, .recovery-room-reference-v2),
body :is(.recovery-room, .recovery-room-reference-v2) :is(p, li, label, input, textarea, select, button) {
  color: var(--rar-text);
  font-family: "DM Sans", Arial, sans-serif !important;
}

body :is(.recovery-room, .recovery-room-reference-v2) :is(h1, h2, h3, h4, h5, h6) {
  color: var(--rar-heading) !important;
  font-family: "EB Garamond", Georgia, serif !important;
  font-weight: 500 !important;
}


/* Footer treatment from the supplied reference: open footer, rose headings,
 * and a soft blush announcement strip instead of the dark legacy bar. */
.dto-site-footer,
.dto-footer-links {
  background: transparent !important;
  color: #625659 !important;
}

.dto-footer-column h2 {
  color: #DC93A5 !important;
  font-family: "EB Garamond", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: .11em !important;
}

.dto-site-footer .dto-footer-promo {
  background: #F8E4E8 !important;
  color: #625659 !important;
  min-height: 41px !important;
  padding: 7px 20px !important;
}

.dto-site-footer .dto-footer-promo p,
.dto-site-footer .dto-footer-promo-close {
  color: #625659 !important;
}

.dto-site-footer .dto-footer-promo-button,
.dto-site-footer .dto-footer-promo .wp-block-button__link {
  background: #DC93A5 !important;
  color: #514649 !important;
}