/*
Theme Name: USDiploma Elementor
Template: hello-elementor
Version: 1.0.0
Text Domain: usdiploma-elementor
*/

:root {
  --usd-navy: #1d294d;
  --usd-blue: #5c8eca;
  --usd-gold: #d7b35b;
  --usd-light: #f5f7fb;
}

body { color: #273044; font-family: Arial, Helvetica, sans-serif; }
a { color: var(--usd-blue); }
.usd-site-header { background: #fff; border-bottom: 1px solid #e5e8ef; position: sticky; top: 0; z-index: 1000; }
.usd-header-inner { align-items: center; display: flex; gap: 32px; justify-content: space-between; margin: auto; max-width: 1180px; min-height: 84px; padding: 10px 24px; }
.usd-brand img { display: block; height: auto; max-height: 62px; max-width: 230px; }
.usd-nav ul { display: flex; flex-wrap: wrap; gap: 22px; list-style: none; margin: 0; padding: 0; }
.usd-nav a { color: var(--usd-navy); font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.usd-nav a:hover { color: var(--usd-blue); }
.usd-site-footer { background: var(--usd-navy); color: #fff; padding: 44px 24px; text-align: center; }
.usd-site-footer a { color: #fff; }
.elementor-widget-text-editor h1, .elementor-widget-text-editor h2 { color: var(--usd-navy); }
.usd-section-dark { background: var(--usd-navy); color: #fff; }
.usd-section-blue { background: var(--usd-blue); color: #fff; }

@media (max-width: 900px) {
  .usd-header-inner { align-items: flex-start; flex-direction: column; gap: 12px; }
  .usd-nav ul { gap: 10px 16px; }
}