/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
}
/* ================================================================
   MAGGIE ANN MAE - "Sweet Watercolor" brand theme
   Site   : www.maggieannmae.com
   Site-id: d2c6764282a0434faa66f213d9e32d3f
   Apply  : Websites 360 editor -> Developer -> CSS -> paste ->
            Preview -> Publish. Verify on the live domain after.

   LITERAL HEX, NO CSS VARIABLES
   The Websites 360 (Duda) CSS validator does not recognize custom
   properties, so both var(--x) usages AND --x: declarations are
   rejected ("expected <color>" / "Expected RBRACE"). Every color
   below is therefore a literal hex value. To recolor, find-and-
   replace the hex codes listed here.

   PALETTE
     cream       #F7F3EC  page + light sections
     espresso    #7A5C4A  headings, links, footer ground
     slate       #4F6473  body text (matches verified baseline)
     rust        #C66A53  primary buttons / CTAs
     peach       #EDAD92  accents, banner strips
     peach-wash  #FBEBE2  tinted section backgrounds
     sage        #7B9A8B  secondary accents (quotes, borders)
     footer-text #FAF6EF  footer text/links on the espresso ground

   WHY EVERY RULE IS SCOPED
   The three author sites were cloned from one template, so their
   page_ ids COLLIDE - but their site-ids do NOT. Scoping every rule
   to body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] means this
   file can never bleed onto Anna May Grace or Grace Ann Hansen. Do
   not remove the scope.

   ACCESSIBILITY
     rust #C66A53 with white text is borderline AA at small sizes, so
     button text is set semi-bold (font-weight 600) - keep button text
     at 16px or larger, or use the espresso hover style as the base
     for very small buttons.

   NOTES
     !important is deliberate - these rules must beat the theme's
     built-in /css/custom stylesheet, and the editor's "Use of
     !important" advisory is safe to ignore. Inline backgrounds set on
     a block in the editor still win over this file; change those in
     the block's own background setting (old -> new: #faebdc ->
     #F7F3EC cream or #FBEBE2 peach-wash; full-strength peach #EDAD92
     works as a banner strip with espresso text).
     Fonts are not set here; switch via Developer -> Fonts if wanted
     (sites currently use abriltext).
   ================================================================ */

/* ---- page base ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] {
  background-color: #F7F3EC !important;
  color: #4F6473 !important;
}

/* ---- headings ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h1,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h2,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h3,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h4,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h5,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] h6 {
  color: #7A5C4A !important;
}

/* ---- body copy inside content blocks ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .primaryContent,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .primaryContent p,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .primaryContent li {
  color: #4F6473 !important;
}

/* ---- links: espresso (baseline-consistent), rust on hover ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] a {
  color: #7A5C4A !important;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] a:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] a:focus {
  color: #C66A53 !important;
}

/* ---- buttons: rust base (keep text >=16px semi-bold) -> espresso hover ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .button,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] a.button,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] button,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] input[type="submit"],
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] input[type="button"] {
  background-color: #C66A53 !important;
  border-color: #C66A53 !important;
  color: #FFFFFF !important;
  font-weight: 600;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .button:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] a.button:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] button:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] input[type="submit"]:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] input[type="button"]:hover {
  background-color: #7A5C4A !important;
  border-color: #7A5C4A !important;
  color: #F7F3EC !important;
}

/* ---- small accents ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] blockquote {
  border-left: 4px solid #7B9A8B !important;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] hr {
  border-color: #EDAD92 !important;
}

/* ---- footer: espresso ground, warm text, peach hover ---- */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] footer,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .footer {
  background-color: #7A5C4A !important;
  color: #FAF6EF !important;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] footer a,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .footer a {
  color: #FAF6EF !important;
  text-decoration: underline;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] footer a:hover,
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .footer a:hover {
  color: #EDAD92 !important;
}

/* ---- section background helpers ----
   Assign as a block's custom class in the editor. Inline block
   backgrounds beat this file - change those in the block's own
   background setting instead. */
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .mam-section-cream {
  background-color: #F7F3EC !important;
  color: #4F6473 !important;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .mam-section-peach {
  background-color: #FBEBE2 !important;
  color: #4F6473 !important;
}
body[data-site-id="d2c6764282a0434faa66f213d9e32d3f"] .mam-banner-peach {
  background-color: #EDAD92 !important;
  color: #7A5C4A !important;
}