/**
 * ECPNG Admin Portal - Website Theme CSS
 * Auto-generated on 2026-03-17 00:09:59
 * DO NOT EDIT DIRECTLY - changes will be overwritten
 */

:root {
  --ws-primary: #1a5f7a;
  --ws-secondary: #086e7d;
  --ws-accent: #22d3ee;
  --ws-text: #1e293b;
  --ws-bg: #ffffff;
  --ws-link: #2c5aa0;
  --ws-link-hover: #1e3a6e;
  --ws-header-bg: #1e293b;
  --ws-header-text: #ffffff;
  --ws-footer-bg: #1e293b;
  --ws-footer-text: #e2e8f0;
  --ws-font: 'Open Sans';
  --ws-heading-font: 'Lato';
  --ws-font-size: 16px;
  --ws-line-height: 1.6;
  --ws-btn-radius: 8px;
  --ws-card-radius: 12px;
  --ws-card-shadow: 0 4px 12px rgba(0,0,0,0.1);
  --ws-layout-width: 1200px;
  --ws-h1-size: 2.5rem;
  --ws-h2-size: 2rem;
  --ws-h3-size: 1.5rem;
}

/* ── Typography & Body ── */
body {
  font-family: 'Open Sans' !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .widget-title, .site-title {
  font-family: 'Lato' !important;
}
h1, .entry-title { font-size: 2.5rem !important; }
h2 { font-size: 2rem !important; }
h3 { font-size: 1.5rem !important; }

/* ── Links ── */
a, a:visited { color: #2c5aa0 !important; }
a:hover, a:focus, a:active { color: #1e3a6e !important; }

/* ── Header ── */
header, .site-header, .main-header, .header-top, #masthead,
.menubar, .main-navigation, .header-widget-area {
  background-color: #1e293b !important;
  color: #ffffff !important;
}
.main-navigation a, .main-navigation .menu-item > a,
header a, .site-header a, .site-title a, .site-description {
  color: #ffffff !important;
}

/* ── Footer ── */
footer, .site-footer, .footer-widget-area, #colophon,
.footer-sidebar, .footer-content {
  background-color: #1e293b !important;
  color: #e2e8f0 !important;
}
footer a, .site-footer a, #colophon a { color: #e2e8f0 !important; opacity: 0.85; }
footer a:hover, .site-footer a:hover { opacity: 1; }

/* ── Buttons ── */
.button, button[type='submit'], input[type='submit'],
.wp-block-button__link, .btn, .wpcf7-submit,
.ecpng-slide-btn, .nav-links a {
  background-color: #1a5f7a !important;
  color: #ffffff !important;
  border-color: #1a5f7a !important;
  border-radius: 8px !important;
  transition: all 0.3s ease;
}
.button:hover, button[type='submit']:hover, input[type='submit']:hover,
.wp-block-button__link:hover, .btn:hover {
  background-color: #086e7d !important;
  border-color: #086e7d !important;
}

/* ── Cards & Widgets ── */
.card, .widget, .wp-block-group, .entry-content .wp-block-column,
.post-card, article.post, .sidebar .widget {
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
  overflow: hidden;
}

/* ── Layout ── */
.container, .site-content, .content-area, .wrapper,
.entry-content, .page-content, .alignwide {
  max-width: 1200px !important;
  margin-left: auto;
  margin-right: auto;
}

/* ── Visibility Toggles ── */

/* ── Accent Color ── */
.highlight, .badge, .tag, .label,
mark, .wp-block-pullquote, blockquote {
  border-color: #22d3ee !important;
}
.accent-bg, .cta-section, .call-to-action {
  background-color: #22d3ee !important;
}

/* ── Primary Color Accents ── */
::selection { background: #1a5f7a; color: #fff; }
.entry-meta a:hover, .cat-links a, .posted-on a:hover { color: #1a5f7a !important; }
.widget-title::after, .section-title::after {
  background-color: #1a5f7a !important;
}