/* Motherload LLC design system for the Divi Motherload child theme. Source: motherload-brand/tokens. */

@font-face { font-family: 'Bevan'; src: url('../../fonts/Bevan-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../../fonts/Lato-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../../fonts/Lato-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --ml-deep-water: #0F2A3A;
  --ml-flathead-blue: #1F4E6B;
  --ml-lake-teal: #2B6A80;
  --ml-glacier-mist: #BFD3DE;
  --ml-snowcap-cream: #F4EFE6;
  --ml-lode-gold: #E3AE4C;
  --ml-bronze-gold: #8F6410;
  --ml-pine: #2F5D50;
  --ml-slate: #7F98A8;
  --ml-bark: #6B6558;
  --ml-font-display: 'Bevan', Georgia, serif;
  --ml-font-sans: 'Lato', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ml-radius-sm: 4px;
  --ml-radius-md: 8px;
  --ml-radius-lg: 12px;
}

/* Section color schemes: add one as the CSS Class on a Divi section or row. */
.ml-scheme-dark  { --ml-bg: #0F2A3A; --ml-surface: #1F4E6B; --ml-text: #F4EFE6; --ml-muted: #BFD3DE; --ml-heading: #E3AE4C; --ml-link: #E3AE4C; --ml-accent: #E3AE4C; --ml-on-accent: #0F2A3A; --ml-border: #2B6A80; }
.ml-scheme-light { --ml-bg: #F4EFE6; --ml-surface: #FFFFFF; --ml-text: #0F2A3A; --ml-muted: #6B6558; --ml-heading: #0F2A3A; --ml-link: #1F4E6B; --ml-accent: #8F6410; --ml-on-accent: #FFFFFF; --ml-border: #BFD3DE; }
.ml-scheme-lake  { --ml-bg: #1F4E6B; --ml-surface: #0F2A3A; --ml-text: #F4EFE6; --ml-muted: #BFD3DE; --ml-heading: #F4EFE6; --ml-link: #E3AE4C; --ml-accent: #E3AE4C; --ml-on-accent: #0F2A3A; --ml-border: #2B6A80; }

.ml-scheme-dark, .ml-scheme-light, .ml-scheme-lake { background-color: var(--ml-bg); color: var(--ml-text); }
.ml-scheme-dark .et_pb_text, .ml-scheme-light .et_pb_text, .ml-scheme-lake .et_pb_text,
.ml-scheme-dark p, .ml-scheme-light p, .ml-scheme-lake p,
.ml-scheme-dark li, .ml-scheme-light li, .ml-scheme-lake li { color: var(--ml-text); }
.ml-scheme-dark h1, .ml-scheme-dark h2, .ml-scheme-dark h3, .ml-scheme-dark h4, .ml-scheme-dark h5, .ml-scheme-dark h6,
.ml-scheme-light h1, .ml-scheme-light h2, .ml-scheme-light h3, .ml-scheme-light h4, .ml-scheme-light h5, .ml-scheme-light h6,
.ml-scheme-lake h1, .ml-scheme-lake h2, .ml-scheme-lake h3, .ml-scheme-lake h4, .ml-scheme-lake h5, .ml-scheme-lake h6 { color: var(--ml-heading); }
.ml-scheme-dark a, .ml-scheme-light a, .ml-scheme-lake a { color: var(--ml-link); }
.ml-scheme-dark .et_pb_button, .ml-scheme-light .et_pb_button, .ml-scheme-lake .et_pb_button { background-color: var(--ml-accent); color: var(--ml-on-accent); }
.ml-card { background: var(--ml-surface, #fff); border: 1px solid var(--ml-border, #BFD3DE); border-radius: var(--ml-radius-lg); padding: 24px; }

/* Typography */
body, input, textarea, select, button, .et_pb_text, #top-menu a, .et_pb_button {
  font-family: var(--ml-font-sans);
}
body { color: var(--ml-deep-water); font-size: 17px; line-height: 1.6; }
h1, h2, h3, h4, h5, h6, .et_pb_module_header, .et_pb_slide_title, .et_pb_promo_description h2 {
  font-family: var(--ml-font-display);
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.2;
}
h1 { font-size: 44px; }
h2 { font-size: 34px; }
h3 { font-size: 24px; }
.ml-eyebrow { font-family: var(--ml-font-sans); font-weight: 700; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; }

/* Header, navigation, footer (colors are also forced in functions.php) */
#main-header, #main-header.et-fixed-header, #et-top-navigation, #top-header { background-color: var(--ml-deep-water); box-shadow: none; }
#top-menu li a, #top-header, #top-header a { color: var(--ml-snowcap-cream); font-weight: 700; }
#top-menu li.current-menu-item > a, #top-menu li a:hover { color: var(--ml-lode-gold); opacity: 1; }
#top-menu li li a { color: var(--ml-deep-water); }
.nav li ul { border-top-color: var(--ml-lode-gold); }
.et_mobile_menu { background-color: var(--ml-deep-water); border-top-color: var(--ml-lode-gold); }
.et_mobile_menu li a { color: var(--ml-snowcap-cream); border-bottom-color: var(--ml-lake-teal); }
.mobile_menu_bar:before, .et_toggle_slide_menu:after { color: var(--ml-lode-gold); }
#main-footer, #footer-bottom { background-color: var(--ml-deep-water); color: var(--ml-snowcap-cream); }
#footer-bottom a, #footer-info, #footer-info a { color: var(--ml-glacier-mist); }
#main-footer .footer-widget h4 { font-family: var(--ml-font-display); color: var(--ml-lode-gold); }
#main-footer a:hover { color: var(--ml-lode-gold); }

/* Buttons: gold with Deep Water text (7.4:1) */
.et_pb_button, .et_pb_promo_button, .et_pb_more_button, input[type="submit"], button[type="submit"] {
  background-color: var(--ml-lode-gold);
  border: 2px solid var(--ml-lode-gold);
  border-radius: var(--ml-radius-md);
  color: var(--ml-deep-water) !important;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: background-color .2s ease, border-color .2s ease;
}
.et_pb_button:hover, .et_pb_promo_button:hover, .et_pb_more_button:hover, input[type="submit"]:hover, button[type="submit"]:hover {
  background-color: #EBC176;
  border-color: #EBC176;
  color: var(--ml-deep-water) !important;
  padding: .3em 1em;
}
.et_pb_button:after { color: var(--ml-deep-water); }
.ml-button-outline { background: transparent !important; color: var(--ml-lode-gold) !important; border: 2px solid var(--ml-lode-gold) !important; }

/* Links and forms */
a { color: var(--ml-flathead-blue); }
a:hover { color: var(--ml-lake-teal); }
input, textarea, select { border-radius: var(--ml-radius-sm); border: 1px solid var(--ml-glacier-mist); color: var(--ml-deep-water); }
input:focus, textarea:focus, select:focus, a:focus-visible, button:focus-visible { outline: 3px solid var(--ml-lode-gold); outline-offset: 2px; }
::selection { background: var(--ml-lode-gold); color: var(--ml-deep-water); }

/* Circuit-trace divider: <hr class="ml-divider"> or a Divi Divider with this class */
.ml-divider { border: 0; height: 2px; background: linear-gradient(90deg, var(--ml-lode-gold) 0 60px, transparent 60px); margin: 24px 0; }