/* 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; 
    }
}
/* ================================================================
   ANNA MAY GRACE - "Earthy Forest" brand theme
   Site   : annamaygrace.com
   Site-id: d03df449840b4bf1b6a0d5a12aff79e5
   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 var(--x) is flagged "expected <color>" and may not
   render. Every color below is therefore a literal hex value. To
   recolor, find-and-replace the hex codes listed here.

   PALETTE
     cream       #FAF3E8  page + light sections
     brown       #553A31  headings, body text, buttons, footer ground
     green       #6FD16A  hovers / accents ONLY (never body-text links)
     green-deep  #3F8C3A  AA-safe green for text-sized hovers
     blush       #E8BCB0  alternate sections, rules
     earth       #906B52  links, secondary accents
     footer-text #F5E9DC  footer text/links on the brown 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="d03df449840b4bf1b6a0d5a12aff79e5"] means this
   file can never bleed onto Grace Ann Hansen or Maggie Ann Mae. Do
   not remove the scope.

   ACCESSIBILITY
     #6FD16A green on cream fails WCAG AA for text, so text links use
     earth brown (#906B52) and green is reserved for hovers, borders,
     and buttons (always with dark text). #3F8C3A is used where green
     must sit behind text-sized elements.

   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 ->
     #FAF3E8 cream, #fff6ee -> #E8BCB0 blush).
     Fonts are not set here; switch to Playfair/Lora via Developer ->
     Fonts if wanted (sites currently use abriltext).
   ================================================================ */

/* ---- page base ---- */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] {
  background-color: #FAF3E8 !important;
  color: #553A31 !important;
}

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

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

/* ---- links: earth brown; deepened green on hover (AA) ---- */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] a {
  color: #906B52 !important;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] a:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] a:focus {
  color: #3F8C3A !important;
}

/* ---- buttons: brown base -> green hover with dark text ---- */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .button,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] a.button,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] button,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] input[type="submit"],
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] input[type="button"] {
  background-color: #553A31 !important;
  border-color: #553A31 !important;
  color: #FAF3E8 !important;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .button:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] a.button:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] button:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] input[type="submit"]:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] input[type="button"]:hover {
  background-color: #6FD16A !important;
  border-color: #6FD16A !important;
  color: #553A31 !important; /* dark text on green = AA */
}

/* ---- small accents ---- */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] blockquote {
  border-left: 4px solid #6FD16A !important;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] hr {
  border-color: #E8BCB0 !important;
}

/* ---- footer: brown ground, cream text, green hover ---- */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] footer,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .footer {
  background-color: #553A31 !important;
  color: #F5E9DC !important;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] footer a,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .footer a {
  color: #F5E9DC !important;
  text-decoration: underline;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] footer a:hover,
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .footer a:hover {
  color: #6FD16A !important; /* large-ish footer links; green OK on brown */
}

/* ---- section background helpers ----
   Assign as a block's custom class in the editor. If a block's
   background was set INLINE by the editor, inline wins over this
   file - change it in the block's own background setting instead. */
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .amg-section-cream {
  background-color: #FAF3E8 !important;
  color: #553A31 !important;
}
body[data-site-id="d03df449840b4bf1b6a0d5a12aff79e5"] .amg-section-blush {
  background-color: #E8BCB0 !important;
  color: #553A31 !important;
}