/* BEGIN CODEX JOOMLA5 PROFILE */
:root {
  --site-primary: #0f2747;
  --site-accent: #12a6a6;
  --site-gold: #f5a524;
  --site-surface: #f4f7fb;
  --site-text: #172033;
  --cassiopeia-color-primary: #0f2747;
  --cassiopeia-color-link: #12a6a6;
  --cassiopeia-color-hover: #f5a524;
}

body.site {
  color: var(--site-text);
  background: linear-gradient(180deg, var(--site-surface) 0, #fff 30rem);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.72;
}

.container-header {
  color: var(--site-text);
  background: rgba(255,255,255,.96);
  box-shadow: 0 10px 35px rgba(20,32,50,.09);
  backdrop-filter: blur(12px);
}

.container-header .navbar-brand,
.container-header .navbar-brand a,
.container-header .mod-menu > li > a {
  color: var(--site-primary);
  font-weight: 700;
}

.container-header .navbar-brand img { max-height: 64px; width: auto; }
.container-header .mod-menu { gap: .35rem; align-items: center; }
.container-header .mod-menu > li > a {
  border-radius: 999px;
  padding: .65rem 1rem;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a {
  color: #fff;
  background: var(--site-primary);
  transform: translateY(-1px);
}

h1, h2, h3, h4, h5, h6 { color: var(--site-primary); line-height: 1.18; }
a { color: var(--site-accent); }
a:hover { color: var(--site-primary); }

.btn-primary, .sppb-btn-primary, button.btn-primary, input[type=submit] {
  color: #fff !important;
  background: linear-gradient(135deg, var(--site-primary), var(--site-accent)) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 25px color-mix(in srgb, var(--site-primary) 25%, transparent);
  padding: .75rem 1.25rem;
}

.card, .sidebar-left .card, .sidebar-right .card, .sppb-addon-wrapper {
  border: 1px solid color-mix(in srgb, var(--site-primary) 10%, #fff);
  border-radius: 18px;
}

.site-grid > [class^=container-] { min-width: 0; }
.container-component { padding-block: 1.5rem 3rem; }
.footer { color: rgba(255,255,255,.84); background: var(--site-primary); }
.footer a { color: #fff; }

@media (max-width: 991.98px) {
  .container-header .mod-menu { gap: 0; }
  .container-header .mod-menu > li > a { padding: .55rem .75rem; }
}

/* END CODEX JOOMLA5 PROFILE */