/* gm/popup.css — the home-page popup's OWN cascade.
 *
 * gm-ADDED 2026-08-26. The SavATree popup's content (heading, paragraph,
 * button, and the popup shell's white background / 10px radius / shadow /
 * 20px padding) is styled by `#dm .dmBody ...` rules that live in the POPUP
 * PAGE's stylesheets — /ec1c0e7322f4444194478e122d16c5c8 loads 15 sheets the
 * home page does not. Without them the popup rendered grey-on-grey, square,
 * shadowless, in the wrong font, with an unstyled 357x18px button instead of
 * the green 250x46 one.
 *
 * Only rules touching the popup's own elements are copied here. Every selector
 * is anchored to a `u_<id>` or a `dmPopup*` class, and all eleven of those ids
 * are unique to the popup on the home page (verified), so nothing else can be
 * affected.
 *
 * The `#dm .dmBody` prefix is Duda's and is kept verbatim: runtime.js moves the
 * popup into #dm_content on open, exactly as Duda's own dmShowPopup does, so
 * these selectors match there and nowhere else. */

@media (max-width: 767px) {
  #dm .dmBody a.u_1145340895.hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895:hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1694205906 { background-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895.hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895:hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody div.dmPopupInner { background-color: rgb(255, 255, 255) !important; border-style: solid !important; border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px !important; border-radius: 10px !important; background-image: none !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: right top !important; }
  #dm .dmBody div.u_dm_content { background-image: none !important; }
  #dm .dmBody a.u_1145340895 { color: rgb(95, 95, 95) !important; background-color: rgb(95, 95, 95) !important; border-radius: 0px !important; box-shadow: none !important; border-style: solid !important; border-color: rgb(252, 199, 58) !important; border-width: 0px !important; }
  #dm .dmBody a.u_1145340895 span.text { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895 span.textonly { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1364864902 { line-height: normal !important; font-family: roboto !important; }
  #dm .dmBody div.u_1312640753 h1 { line-height: normal; }
  #dm .dmBody div.u_1694205906 { padding: 0px !important; float: none !important; margin: 0px auto !important; top: auto !important; max-width: 960px !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 0px !important; text-align: center !important; height: auto !important; }
  #dm .dmBody a.u_1145340895 span.text { font-size: 16px !important; }
  #dm .dmBody a.u_1145340895 span.textonly { font-size: 16px !important; }
  #dm .dmBody a.u_1145340895 { padding: 0px !important; float: none !important; margin: 16px 9px 10px !important; top: 0px !important; max-width: calc(100% - 9px) !important; left: 0px !important; width: 244px !important; position: relative !important; min-width: 25px !important; text-align: center !important; height: 44px !important; display: block !important; }
  #dm .dmBody div.u_1312640753 { padding: 2px 0px !important; float: none !important; margin: 54px 0px 8px !important; top: 0px !important; max-width: calc(100% + 0px) !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 25px !important; height: auto !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #dm .dmBody a.u_1145340895.hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895:hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1694205906 { background-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895.hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895:hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody div.dmPopupInner { background-color: rgb(255, 255, 255) !important; border-style: solid !important; border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px !important; border-radius: 10px !important; background-image: none !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: right top !important; }
  #dm .dmBody div.u_dm_content { background-image: none !important; }
  #dm .dmBody a.u_1145340895 { color: rgb(95, 95, 95) !important; background-color: rgb(95, 95, 95) !important; border-radius: 0px !important; box-shadow: none !important; border-style: solid !important; border-color: rgb(252, 199, 58) !important; border-width: 0px !important; }
  #dm .dmBody a.u_1145340895 span.text { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895 span.textonly { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1364864902 { line-height: normal !important; font-family: roboto !important; }
  #dm .dmBody div.u_1312640753 h1 { line-height: normal; }
  #dm .dmBody div.u_dm_content { padding: 20px !important; }
  #dm .dmBody div.u_1694205906 { padding: 0px !important; float: none !important; margin: 0px auto !important; top: auto !important; max-width: none !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 0px !important; text-align: center !important; height: auto !important; }
  #dm .dmBody a.u_1145340895 span.text { font-size: 18px !important; }
  #dm .dmBody a.u_1145340895 span.textonly { font-size: 18px !important; }
  #dm .dmBody a.u_1145340895 { padding: 0px !important; display: block !important; float: none !important; margin: 30px auto 0px !important; top: 0px !important; max-width: 100% !important; left: 0px !important; width: 250px !important; position: relative !important; min-width: 0px !important; text-align: center !important; height: 46px !important; }
  #dm .dmBody div.u_1312640753 { padding: 2px 0px !important; float: none !important; margin: 36px 0px 8px !important; top: 0px !important; max-width: calc(100% + 0px) !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 25px !important; height: auto !important; }
}

@media (min-width: 1024px) {
  #dm .dmBody a.u_1145340895.hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895:hover span.text { color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1694205906 { background-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895.hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody a.u_1145340895:hover { color: rgb(122, 122, 122) !important; background-color: rgb(122, 122, 122) !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0) !important; }
  #dm .dmBody div.dmPopupInner { background-color: rgb(255, 255, 255) !important; border-style: solid !important; border-width: 0px !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px !important; border-radius: 10px !important; background-image: none !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: right top !important; }
  #dm .dmBody div.u_dm_content { background-image: none !important; }
  #dm .dmBody a.u_1145340895 { color: rgb(95, 95, 95) !important; background-color: rgb(95, 95, 95) !important; border-radius: 0px !important; box-shadow: none !important; border-style: solid !important; border-color: rgb(252, 199, 58) !important; border-width: 0px !important; }
  #dm .dmBody a.u_1145340895 span.text { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody a.u_1145340895 span.textonly { text-align: center !important; font-weight: normal !important; font-family: Roboto !important; color: rgb(255, 255, 255) !important; }
  #dm .dmBody div.u_1364864902 { line-height: normal !important; font-family: roboto !important; }
  #dm .dmBody div.u_1312640753 h1 { line-height: normal; }
  #dm .dmBody div.u_dm_content { padding: 20px !important; }
  #dm .dmBody div.u_1694205906 { padding: 0px !important; float: none !important; margin: 0px auto !important; top: auto !important; max-width: none !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 0px !important; text-align: center !important; height: auto !important; }
  #dm .dmBody a.u_1145340895 span.text { font-size: 18px !important; }
  #dm .dmBody a.u_1145340895 span.textonly { font-size: 18px !important; }
  #dm .dmBody a.u_1145340895 { padding: 0px !important; display: block !important; float: none !important; margin: 30px auto 0px !important; top: 0px !important; max-width: 100% !important; left: 0px !important; width: 250px !important; position: relative !important; min-width: 0px !important; text-align: center !important; height: 46px !important; }
  #dm .dmBody div.u_1312640753 { padding: 2px 0px !important; float: none !important; margin: 36px 0px 8px !important; top: 0px !important; max-width: calc(100% + 0px) !important; left: 0px !important; width: 100% !important; position: relative !important; min-width: 25px !important; height: auto !important; }
}

/* The popup heading is an <h2>, not the <h1> Duda shipped: the home page must
 * carry exactly one <h1>, and the popup's copy is the H1 of a DIFFERENT page
 * (/ec1c0e7322f4444194478e122d16c5c8) that only lands here because we inline
 * what Duda AJAX-loads.
 *
 * TAG ONLY -- the rendered text must not move a pixel. Duda's cascade carries
 * h1 rules for this block that have no h2 counterpart, so each one is mirrored:
 *   #dmPopup h1        { font-size: inherit }   (Duda neutralises h1 sizing here)
 *   #dm .dmBody div.u_1312640753 h1 { line-height: normal }
 * The visible size comes from the `size-30`/`m-size-24` classes on the heading
 * and `font-size-30`/`m-font-size-24` on its <strong>, which are tag-agnostic
 * and unchanged. The reset below removes the UA's h2 margin/size so the h2 lays
 * out identically to the h1 it replaced. */
#dmPopup h2,
#dmPopup h2 * { font-size: inherit; }
#dm .dmBody div.u_1312640753 h2 { line-height: normal; }
/* Mirrors `#dm div.dm-title h1, #dm div.dmContent h1, ...` verbatim -- that rule
 * is h1-only, so without this the h2 fell through to the h2 branch and rendered
 * Poppins rgb(102,146,57) instead of Montserrat #386026. Measured on live's own
 * relocated popup: Montserrat, rgb(56,96,38), 30px, 700, line-height normal,
 * margin 0, centred. Scoped to #dmPopup so no other h2 on the page is touched. */
/* `#dmPopup h2` alone is (1,0,1) and loses to `#dm div.dmContent h2` at (1,0,2);
 * adding the popup's own class makes it (1,1,1), which wins on the class count. */
#dmPopup.dmPopupInner h2,
#dmPopup.dmPopupInner h2 strong,
#dmPopup.dmPopupInner h2 span {
  color: #386026;
  direction: ltr;
  font-family: Montserrat, "Montserrat Fallback";
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
#dmPopup h2 { margin: 0; }