/**
 * ECPNG Admin Portal - Website Theme CSS
 * Auto-generated on 2026-07-20 05:14:43
 * DO NOT EDIT DIRECTLY - changes will be overwritten
 */

:root {
  --ws-primary: #1e40af;
  --ws-secondary: #1e3a8a;
  --ws-accent: #c1121f;
  --ws-text: #1e293b;
  --ws-bg: #ffffff;
  --ws-link: #1e40af;
  --ws-link-hover: #c1121f;
  --ws-header-bg: #1e40af;
  --ws-header-text: #ffffff;
  --ws-footer-bg: #a40f1a;
  --ws-footer-text: #ffffff;
  --ws-topbar-bg: #1e3a8a;
  --ws-topbar-text: #ffffff;
  --ws-nav-link: #ffffff;
  --ws-nav-link-hover: #fecaca;
  --ws-submenu-bg: #ffffff;
  --ws-submenu-text: #1e293b;
  --ws-submenu-hover-bg: #f1f5f9;
  --ws-badge-bg: #1e40af;
  --ws-badge-text: #ffffff;
  --ws-footer-heading: #ffffff;
  --ws-footer-link: #ffffff;
  --ws-btn-hover-bg: #1e3a8a;
  --ws-btn-hover-text: #ffffff;
  --ws-backtotop-bg: #1e40af;
  --ws-button-text: #ffffff;
  --ws-hero-overlay: 0.35;
  --ws-social-icon: #ffffff;
  --ws-social-icon-hover: #fecaca;
  --ws-img-radius: 12px;
  --ws-font: 'Roboto', sans-serif;
  --ws-font-size: 16px;
  --ws-line-height: 1.6;
  --ws-btn-radius: 4px;
  --ws-card-radius: 8px;
  --ws-card-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --ws-layout-width: 1140px;
  --ws-h1-size: 36px;
  --ws-h2-size: 28px;
  --ws-h3-size: 20px;
}

/* ── Typography & Body ── */
body {
  font-family: 'Roboto', sans-serif !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 {
}
h1, .entry-title { font-size: 36px !important; }
h2 { font-size: 28px !important; }
h3 { font-size: 20px !important; }
h1, h2, h3, h4, h5, h6, .entry-title, .page-title, .widget-title, .site-title { color: #1e293b !important; }
/* Hero slide titles keep the per-slide Text Color set in Components > Homepage Slider */
.hero-slide .hero-content .hero-slide-title { color: var(--hero-slide-color, #ffffff) !important; }

/* ── Links ── */
a, a:visited { color: #1e40af !important; }
header a:visited, .site-header a:visited, #masthead a:visited { color: #ffffff !important; }
footer a:visited, .site-footer a:visited, #colophon a:visited { color: #ffffff !important; }
a:hover, a:focus, a:active { color: #c1121f !important; }

/* ── Badges & Category Chips ── */
div.breadcrumbs a, ul.post-categories li a, .single-post-category .post-categories a,
.entry-meta .cat-links a, span.cat-links a, .tags-links a, .post-tags a {
  background-color: #1e40af !important;
  border-color: #1e40af !important;
  color: #ffffff !important;
}
div.breadcrumbs a:hover, ul.post-categories li a:hover,
.single-post-category .post-categories a:hover, .entry-meta .cat-links a:hover { opacity: .8; }

/* ── Header ── */
header, .site-header, .main-header, .header-top, #masthead,
.menubar, .main-navigation, .header-widget-area {
  background-color: #1e40af !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;
}
.e26-single-head h1, .e26-single-head .e26-meta,
.e26-single-head a, .e26-single-head a:visited {
  color: #ffffff !important;
}
#masthead, .site-header, body > header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
}
header, .site-header, #masthead { border-bottom: 4px solid #c1121f !important; }

/* ── Footer ── */
footer, .site-footer, .footer-widget-area, #colophon,
.footer-sidebar, .footer-content, .ecpng-footer, .footer-widgets,
#footer, .footer-copyright, .copyright-content, .ecpng-footer-legal {
  background-color: #a40f1a !important;
  background-image: none !important;
  color: #ffffff !important;
}
footer a, .site-footer a, #colophon a { color: #ffffff !important; opacity: 1; }
footer a:hover, .site-footer a:hover { text-decoration: underline; }
footer .widget-title, .site-footer .widget-title, #colophon .widget-title, .footer-content .widget-title,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 { color: #ffffff !important; }
.footer-sidebar .widget, .footer-widget-area .widget {
  width: 33.33% !important;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
footer { background-image: linear-gradient(180deg, #a40f1a, #800c14) !important; }
footer { border-top: 4px solid #1e40af !important; }

/* \u2500\u2500 Navigation Dropdown Submenu \u2500\u2500 */
.main-navigation ul ul, .sub-menu, ul.sub-menu,
.main-navigation .menu-item .sub-menu {
  background-color: #ffffff !important;
  border-top: 3px solid #1e40af !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
.sub-menu a, ul.sub-menu a, .main-navigation ul ul a,
.main-navigation .sub-menu li > a {
  color: #1e293b !important;
}
#masthead .sub-menu a:visited, header .sub-menu a:visited,
.site-header .sub-menu a:visited, #masthead ul ul a:visited {
  color: #1e293b !important;
}
.sub-menu a:hover, ul.sub-menu a:hover, .main-navigation ul ul a:hover,
.main-navigation .sub-menu li:hover > a {
  background-color: #f1f5f9 !important;
}

/* \u2500\u2500 Logo Size \u2500\u2500 */
.custom-logo, .site-logo img, .site-branding img, .navbar-brand img {
  max-height: 70px !important;
  width: auto !important;
}

/* ── Buttons ── */
.button, button[type='submit'], input[type='submit'],
.wp-block-button__link, .btn, .wpcf7-submit,
.ecpng-slide-btn, .nav-links a, .more-btn a {
  background-color: #1e40af !important;
  color: #ffffff !important;
  border-color: #1e40af !important;
  border-radius: 4px !important;
  transition: all 0.3s ease;
}
a.card-btn, a.story-btn, a.hero-btn,
.ecpng-home-card a.card-btn, .agency-card a.card-btn,
.story-card a.story-btn, .hero-content a.hero-btn {
  color: #ffffff !important;
}
.button:hover, button[type='submit']:hover, input[type='submit']:hover,
.wp-block-button__link:hover, .btn:hover, .more-btn a:hover {
  background-color: #1e3a8a !important;
  border-color: #1e3a8a !important;
  color: #ffffff !important;
}

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

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

/* ── Top Bar ── */
.top-bar, .header-top, .topbar {
  background-color: #1e3a8a !important;
  color: #ffffff !important;
}
.top-bar a, .header-top a, .topbar a { color: #ffffff !important; }

/* ── Social Icons ── */
.custom-social-icons li a, .custom-social-icons li a i,
.top-bar .custom-social-icons i, footer .custom-social-icons i,
.social-icons a, .social-links a, .social-icons a i, .social-links a i {
  color: #ffffff !important;
}
.custom-social-icons li a:hover, .custom-social-icons li a:hover i,
.social-icons a:hover, .social-icons a:hover i, .social-links a:hover i {
  color: #fecaca !important;
}

/* ── Navigation Links ── */
.main-navigation a, .main-navigation .menu-item > a, .primary-menu a, .nav-menu a { color: #ffffff !important; }
.main-navigation a:hover, .main-navigation .menu-item > a:hover, .primary-menu a:hover, .nav-menu a:hover, .main-navigation .current-menu-item > a { color: #fecaca !important; }

/* ── Borders & Dividers ── */
hr, .wp-block-separator, table td, table th, .border, .card, .widget { border-color: #e5e7eb !important; }

/* ── Visibility Toggles ── */

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

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

/* ── Modern Effects ── */
.hero-overlay { background: rgba(0,0,0,0.35) !important; }
header, .home-page-header, #masthead, .menubar, .main-navigation, .header-widget-area {
  background-color: rgba(30, 64, 175, 0.86) !important;
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
}
.card, .widget, .post-card, article.post, .ecpng-agency-card, .story-card, .ecpng-home-card, .ecpng-fac-card, .agency-card { transition: transform .25s ease, box-shadow .25s ease; }
.card:hover, .widget:hover, .post-card:hover, article.post:hover, .ecpng-agency-card:hover, .story-card:hover, .ecpng-home-card:hover, .ecpng-fac-card:hover, .agency-card:hover { transform: translateY(-6px); box-shadow: 0 16px 32px rgba(0,0,0,0.14) !important; }
@media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: view()) {
  .story-card, .ecpng-agency-card, .ecpng-home-card, .ecpng-fac-card, article.post, .ecpng-agency-btns, .swiper-slide .agency-card {
    animation: ecpngReveal linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 35%;
  }
  @keyframes ecpngReveal { from { opacity: 0.15; translate: 0 22px; } to { opacity: 1; translate: 0 0; } }
}
}
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
html { scrollbar-width: thin; scrollbar-color: #1e40af #f1f5f9; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #1e40af; border-radius: 8px; border: 2px solid #f1f5f9; }
h1, h2, h3, h4, .entry-title, .page-title, .widget-title, .site-title { font-weight: 700 !important; }
.entry-content img, article img, .wp-block-image img, .story-image, .ecpng-fac-photo img { border-radius: 12px; }
.back-to-top, .scrollup, #scrollup, .scroll-to-top { background-color: #1e40af !important; color: #ffffff !important; }
.button, button[type='submit'], input[type='submit'], .wp-block-button__link, .btn, .wpcf7-submit, .ecpng-slide-btn, .more-btn a { box-shadow: 0 4px 14px rgba(30, 64, 175, 0.3); }
.button:hover, .wp-block-button__link:hover, .btn:hover, .more-btn a:hover { transform: translateY(-2px); transition: transform .2s ease; }