/* =========================
   HIDE DEFAULT PAGE TITLE
========================= */
#pxl-page-title-default {
  display: none !important;
}

/* =========================
   HEADER HEIGHT + LOGO
========================= */
.pxl-header,
.pxl-header .row,
.pxl-header-branding {
  height: 50px !important;
  align-items: center;
}

.pxl-header-branding img {
  content: url("https://cyntin.com/wp-content/uploads/2025/11/logofinal.png");
  max-height: 50px !important;
  height: auto !important;
  width: auto !important;
  display: block;
}

/* =============================
   NAV BACKGROUND → PURE WHITE
============================= */
.pxl-header,
.pxl-header-wrapper,
.container > .row {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Remove any theme separator / underline lines */
.pxl-header-nav,
.pxl-header-nav::before,
.pxl-header-nav::after,
.pxl-header-nav .pxl-menu-primary,
.pxl-header-nav .pxl-menu-primary > li,
.pxl-header-nav .pxl-menu-primary > li > a {
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Kill pseudo underlines the theme may add */
.pxl-header-nav .pxl-menu-primary > li > a::before,
.pxl-header-nav .pxl-menu-primary > li > a::after,
.pxl-header-nav .pxl-menu-primary > li.current-menu-item > a::before,
.pxl-header-nav .pxl-menu-primary > li.current_page_item > a::before,
.pxl-header-nav .pxl-menu-primary > li.current-menu-item > a::after,
.pxl-header-nav .pxl-menu-primary > li.current_page_item > a::after {
  content: none !important;
  border: 0 !important;
  background: none !important;
}

/* =============================
   MENU LINKS → DARK BLUE
============================= */
.pxl-header-nav .pxl-menu-primary > li > a span {
  color: #0f1a3a !important; /* clean dark blue */
  font-weight: 600 !important;
  position: relative;
  padding-bottom: 0; /* no extra space for dots */
  display: inline-block;
}

/* Hover: darken blue */
.pxl-header-nav .pxl-menu-primary > li > a:hover span {
  color: #081028 !important;
}

/* =============================
   ACTIVE / CURRENT MENU ITEM
   (RED ONLY – NO DOT, NO LINE)
============================= */
.pxl-header-nav .pxl-menu-primary > li.current-menu-item > a,
.pxl-header-nav .pxl-menu-primary > li.current_page_item > a {
  border-bottom: none !important;
}

.pxl-header-nav .pxl-menu-primary > li.current-menu-item > a span,
.pxl-header-nav .pxl-menu-primary > li.current_page_item > a span {
  color: #d90404 !important; /* Cyntin Red */
}

/* ============================
   MOBILE / OFF-CANVAS MENU
============================ */

.pxl-header-menu.active {
  background: #ffffff !important;
}

/* Mobile nav links – dark blue */
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a span {
  color: #0f1a3a !important;
  font-weight: 600 !important;
  position: relative;
  padding-bottom: 0;
  display: inline-block;
}

/* Hover on mobile */
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a:hover span {
  color: #081028 !important;
}

/* Active item – red, no dots, no lines */
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li.current-menu-item > a,
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li.current_page_item > a {
  border-bottom: none !important;
}

.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li.current-menu-item > a span,
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li.current_page_item > a span {
  color: #d90404 !important;
}

/* Extra safety: kill any pseudo dots / underlines in mobile */
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a::before,
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a::after,
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a span::before,
.pxl-header-menu.active .pxl-header-nav .pxl-menu-primary > li > a span::after {
  content: none !important;
  border: 0 !important;
  background: none !important;
}

/* ============================
   HAMBURGER ICON → DARK BLUE
============================ */

.pxl-nav-mobile-button {
  background: transparent !important;
}

/* middle bar */
.pxl-nav-mobile-button span {
  background-color: #0f1a3a !important;
  display: block;
}

/* top + bottom bars */
.pxl-nav-mobile-button:before,
.pxl-nav-mobile-button:after,
.pxl-nav-mobile-button span:before,
.pxl-nav-mobile-button span:after,
.pxl-nav-mobile-button span::before,
.pxl-nav-mobile-button span::after {
  background-color: #0f1a3a !important;
}

/* just in case lines are borders somewhere */
.pxl-nav-mobile-button,
.pxl-nav-mobile-button::before,
.pxl-nav-mobile-button::after {
  border-color: #0f1a3a !important;
}

/* common line styling */
.pxl-nav-mobile-button span,
.pxl-nav-mobile-button span::before,
.pxl-nav-mobile-button span::after {
  height: 2px;
  border-radius: 999px;
  opacity: 1 !important;
}