/* reset html/body margins */
html, 
body {
  margin: 0;
  padding: 0;
}

/* allow the site wrapper to go full-width */
.site,
.site-inner,
.wrap,
.container,
#page {
  max-width: none !important;
  width: 100%     !important;
  padding-left:  0 !important;
  padding-right: 0 !important;
  margin: 0 auto; /* or simply margin: 0; */
}


/* === BGecko Vault: Classified Terminal Style === */
.page-id-3874 {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  font-family: 'Courier New', Courier, monospace !important;
  line-height: 1.6;
}

.page-id-3874 a {
  color: #00ffff !important;
  text-decoration: underline dotted;
}

.page-id-3874 h1, 
.page-id-3874 h2, 
.page-id-3874 h3 {
  color: #ffffff !important;
  border-bottom: 1px solid  #A1DBF6;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.page-id-3874 .site-header,
.page-id-3874 .site-footer {
  background-color: #111 !important;
  border-top: 2px solid  #A1DBF6;
  border-bottom: 2px solid  #A1DBF6;
}

.page-id-3874 .entry-content {
  padding: 20px;
  background: #111;
  border: 1px dashed  #A1DBF6;
  box-shadow: 0 0 12px #00ff88;
}

.page-id-3874 input[type="text"],
.page-id-3874 input[type="password"],
.page-id-3874 input[type="submit"] {
  background-color: #000;
  color:  #A1DBF6;
  border: 1px solid  #A1DBF6;
}

.page-id-3874 input[type="submit"]:hover {
  background-color:  #A1DBF6;
  color: #000;
  cursor: crosshair;
}

/* === Animation for Vault Entry === */
@keyframes vaultEntry {
  0%   { opacity: 0; filter: blur(4px); }
  50%  { opacity: 0.5; filter: blur(2px); }
  100% { opacity: 1; filter: blur(0); }
}

.page-id-3874 .entry-content {
  animation: vaultEntry 1.5s ease-in-out;
}


/* === Full Vault Theming Patch: Kill All White === */

/* Page background wrapper */
.page-id-3874 .site-content,
.page-id-3874 .content-area,
.page-id-3874 .site-main,
.page-id-3874 .hentry,
.page-id-3874 .entry-header,
.page-id-3874 .entry-footer,
.page-id-3874 .site,
.page-id-3874 .wrap {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
}

/* Title background bar ("THE VAULT") */
.page-id-3874 .page-header,
.page-id-3874 .page-title,
.page-id-3874 .entry-title,
.page-id-3874 .entry-header {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  border-bottom: 1px solid  #A1DBF6 !important;
}

/* Remove default gray banding or white padding */
.page-id-3874 .site-content-contain,
.page-id-3874 .site-inner {
  background-color: #000 !important;
  border: none !important;
}

/* Footer Widgets (often light-gray) */
.page-id-3874 .widget-area,
.page-id-3874 .footer-widgets {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
}

/* Fix anchor tags in dark footer areas */
.page-id-3874 .widget a {
  color: #00ffff !important;
}

/* Fix buttons with default theme colors */
.page-id-3874 .button,
.page-id-3874 button,
.page-id-3874 input[type="button"],
.page-id-3874 input[type="submit"] {
  background-color: #111 !important;
  color:  #A1DBF6 !important;
  border: 1px solid  #A1DBF6 !important;
}

.page-id-3874 .button:hover,
.page-id-3874 button:hover,
.page-id-3874 input[type="submit"]:hover {
  background-color:  #A1DBF6 !important;
  color: #000 !important;
}

/* Optional: hide share buttons if they clash with aesthetic */
.page-id-3874 .sharedaddy,
.page-id-3874 .sharedaddy.sd-sharing-enabled {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* === FULL BLACKOUT: Gecko Vault Style Cleanup === */

/* Kill light blue page title background */
.page-id-3874 .page-header,
.page-id-3874 .entry-header,
.page-id-3874 .header-inner,
.page-id-3874 .custom-header,
.page-id-3874 .page-title-wrapper {
  background: #000 !important;
  color:  #A1DBF6 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix text color on the title itself */
.page-id-3874 h1.entry-title,
.page-id-3874 .page-title {
  color: #A1DBF6 !important;
}

/* Fix breadcrumb/directory panel background */
.page-id-3874 .breadcrumbs,
.page-id-3874 .breadcrumbs-wrapper,
.page-id-3874 .breadcrumb-trail,
.page-id-3874 .entry-breadcrumb,
.page-id-3874 .woocommerce-breadcrumb {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  padding: 10px 20px !important;
  border: none !important;
}

/* Style breadcrumb links */
.page-id-3874 .breadcrumbs a,
.page-id-3874 .breadcrumb-trail a {
  color: #00ffee !important;
  text-decoration: underline dotted;
}

.page-id-3874 .breadcrumbs a:hover,
.page-id-3874 .breadcrumb-trail a:hover {
  color:  #A1DBF6 !important;
}

/* Remove final background leaks (bottom gray zones) */
.page-id-3874 .site-content-contain,
.page-id-3874 .site-main,
.page-id-3874 .content-area,
.page-id-3874 .site-inner,
.page-id-3874 .wrap {
  background-color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Restore blue banner highlight behind THE VAULT text === */

.page-id-3874 .entry-header,
.page-id-3874 .page-header,
.page-id-3874 .page-title-wrapper,
.page-id-3874 h1.entry-title,
.page-id-3874 .page-title {
  background-color: #A1DBF6 !important; /* Light blue background */
  color: #000 !important;               /* Black text for contrast (if needed) */
  padding: 20px;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
}

/* === Force Footer Panels to Black for Vault Page === */

.page-id-3874 .site-footer,
.page-id-3874 .footer-widget-area,
.page-id-3874 .widget-area,
.page-id-3874 .footer-widgets,
.page-id-3874 .site-footer .widget-column,
.page-id-3874 .site-footer .widget {
  background-color: #000 !important;
  border: none !important;
}


/* allow the site wrapper to go full-width */
.site,
.site-inner,
.wrap,
.container,
#page {
  max-width: none !important;
  width: 100%     !important;
  padding-left:  0 !important;
  padding-right: 0 !important;
  margin: 0 auto; /* or simply margin: 0; */
}

/* === BGecko Vault: Classified Terminal Style === */
.page-id-3919 {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  font-family: 'Courier New', Courier, monospace !important;
  line-height: 1.6;
}

.page-id-3919 a {
  color: #00ffff !important;
  text-decoration: underline dotted;
}

.page-id-3919 h1, 
.page-id-3919 h2, 
.page-id-3919 h3 {
  color: #ffffff !important;
  border-bottom: 1px solid  #A1DBF6;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.page-id-3919 .site-header,
.page-id-3919 .site-footer {
  background-color: #111 !important;
  border-top: 2px solid  #A1DBF6;
  border-bottom: 2px solid  #A1DBF6;
}

.page-id-3919 .entry-content {
  padding: 20px;
  background: #111;
  border: 1px dashed  #A1DBF6;
  box-shadow: 0 0 12px #00ff88;
}

.page-id-3919 input[type="text"],
.page-id-3919 input[type="password"],
.page-id-3919 input[type="submit"] {
  background-color: #000;
  color:  #A1DBF6;
  border: 1px solid  #A1DBF6;
}

.page-id-3919 input[type="submit"]:hover {
  background-color:  #A1DBF6;
  color: #000;
  cursor: crosshair;
}

/* === Animation for Vault Entry === */
@keyframes vaultEntry {
  0%   { opacity: 0; filter: blur(4px); }
  50%  { opacity: 0.5; filter: blur(2px); }
  100% { opacity: 1; filter: blur(0); }
}

.page-id-3919 .entry-content {
  animation: vaultEntry 1.5s ease-in-out;
}


/* === Full Vault Theming Patch: Kill All White === */

/* Page background wrapper */
.page-id-3919 .site-content,
.page-id-3919 .content-area,
.page-id-3919 .site-main,
.page-id-3919 .hentry,
.page-id-3919 .entry-header,
.page-id-3919 .entry-footer,
.page-id-3919 .site,
.page-id-3919 .wrap {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
}

/* Title background bar ("THE VAULT") */
.page-id-3919 .page-header,
.page-id-3919 .page-title,
.page-id-3919 .entry-title,
.page-id-3919 .entry-header {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  border-bottom: 1px solid  #A1DBF6 !important;
}

/* Remove default gray banding or white padding */
.page-id-3919 .site-content-contain,
.page-id-3919 .site-inner {
  background-color: #000 !important;
  border: none !important;
}

/* Footer Widgets (often light-gray) */
.page-id-3919 .widget-area,
.page-id-3919 .footer-widgets {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
}

/* Fix anchor tags in dark footer areas */
.page-id-3919 .widget a {
  color: #00ffff !important;
}

/* Fix buttons with default theme colors */
.page-id-3919 .button,
.page-id-3919 button,
.page-id-3919 input[type="button"],
.page-id-3919 input[type="submit"] {
  background-color: #111 !important;
  color:  #A1DBF6 !important;
  border: 1px solid  #A1DBF6 !important;
}

.page-id-3919 .button:hover,
.page-id-3919 button:hover,
.page-id-3919 input[type="submit"]:hover {
  background-color:  #A1DBF6 !important;
  color: #000 !important;
}

/* Optional: hide share buttons if they clash with aesthetic */
.page-id-3919 .sharedaddy,
.page-id-3919 .sharedaddy.sd-sharing-enabled {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* === FULL BLACKOUT: Gecko Vault Style Cleanup === */

/* Kill light blue page title background */
.page-id-3919 .page-header,
.page-id-3919 .entry-header,
.page-id-3919 .header-inner,
.page-id-3919 .custom-header,
.page-id-3919 .page-title-wrapper {
  background: #000 !important;
  color:  #A1DBF6 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Fix text color on the title itself */
.page-id-3919 h1.entry-title,
.page-id-3919 .page-title {
  color: #A1DBF6 !important;
}

/* Fix breadcrumb/directory panel background */
.page-id-3919 .breadcrumbs,
.page-id-3919 .breadcrumbs-wrapper,
.page-id-3919 .breadcrumb-trail,
.page-id-3919 .entry-breadcrumb,
.page-id-3919 .woocommerce-breadcrumb {
  background-color: #000 !important;
  color:  #A1DBF6 !important;
  padding: 10px 20px !important;
  border: none !important;
}

/* Style breadcrumb links */
.page-id-3919 .breadcrumbs a,
.page-id-3919 .breadcrumb-trail a {
  color: #00ffee !important;
  text-decoration: underline dotted;
}

.page-id-3919 .breadcrumbs a:hover,
.page-id-3919 .breadcrumb-trail a:hover {
  color:  #A1DBF6 !important;
}

/* Remove final background leaks (bottom gray zones) */
.page-id-3919 .site-content-contain,
.page-id-3919 .site-main,
.page-id-3919 .content-area,
.page-id-3919 .site-inner,
.page-id-3919 .wrap {
  background-color: #000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* === Restore blue banner highlight behind THE VAULT text === */

.page-id-3919 .entry-header,
.page-id-3919 .page-header,
.page-id-3919 .page-title-wrapper,
.page-id-3919 h1.entry-title,
.page-id-3919 .page-title {
  background-color: #A1DBF6 !important; /* Light blue background */
  color: #000 !important;               /* Black text for contrast (if needed) */
  padding: 20px;
  text-align: center;
  border: none !important;
  box-shadow: none !important;
}

/* === Force Footer Panels to Black for Vault Page === */

.page-id-3919 .site-footer,
.page-id-3919 .footer-widget-area,
.page-id-3919 .widget-area,
.page-id-3919 .footer-widgets,
.page-id-3919 .site-footer .widget-column,
.page-id-3919 .site-footer .widget {
  background-color: #000 !important;
  border: none !important;
}

.main-navigation ul li a {
    font-family: 'Merriweather', serif;
    font-weight: 500;
    letter-spacing: 0.3px;
}



  /* 1) Outer slider wrapper */
  .uniform-slider {
    display: flex;            /* or let your slider JS handle positioning */
    gap: 1rem;                /* space between slides, optional */
    overflow-x: auto;         /* horizontal scroll if needed */
  }

  /* 2) Each slide viewport at fixed dimensions */
  .uniform-slider .slide {
    flex: 0 0 auto;           /* prevent shrinking/growing */
    width: 600px;             /* your desired slide width */
    height: 400px;            /* your desired slide height */
    overflow: hidden;         /* hide any overflow from img */
    position: relative;
    border: 1px solid #ddd;   /* optional styling */
  }

  /* 3) Images fill & crop to exactly cover the slide box */
  .uniform-slider .slide img {
    position: absolute;
    top: 50%; left: 50%;
    width: 100%; height: 100%;
    object-fit: cover;        /* scale & crop to fill */
    object-position: center;  /* center the crop */
    transform: translate(-50%, -50%);
  }

/* 1. Stack logo above site title and center */
.site-branding {
    display: block !important;        /* kill any flex row layout */
    text-align: center !important;
    padding-top: 25px !important;     /* space down from gray bar */
}

.site-branding .custom-logo-link,
.site-branding img,
.site-branding .site-title {
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. Extra spacing between logo and "BGecko" text */
.site-branding img {
    margin-bottom: 12px !important;   /* adjust this if you want more/less gap */
}

.site-branding .site-title a {
    display: inline-block;
}


/* Center BGecko logo + title on all screens */
.site-header .site-branding {
  float: none !important;
  text-align: center !important;
  margin: 20px auto 10px auto !important;  /* centers the whole block */
  padding-top: 25px !important;            /* space from the top gray bar */
}

/* Make sure the logo and title stack nicely */
.site-header .site-branding .custom-logo-link,
.site-header .site-branding img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.site-header .site-title,
.site-header .site-title a {
  display: block !important;
  text-align: center !important;
  margin-top: 8px !important;   /* gap between circle and "BGecko" */
}

/* DESKTOP: center the main menu using flexbox */
@media (min-width: 782px) {

  /* Kill any floats on the nav container itself */
  .main-navigation {
    float: none !important;
    width: 100% !important;
  }

  /* Turn the menu list into a flex row and center it */
  .main-navigation ul {
    display: flex !important;
    justify-content: center !important;   /* centers the items horizontally */
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Make sure list items don't float */
  .main-navigation ul li {
    float: none !important;
  }
}

/* Force LaTeX renders to be black-on-white, independent of theme background */

/* MathJax v3 */
mjx-container, mjx-container * {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* MathJax v2 */
.MathJax, .MathJax * , .MathJax_Display, .MathJax_Display * {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* KaTeX */
.katex, .katex * , .katex-display, .katex-display * {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* If your math is rendered as SVG paths (rare, but happens) */
mjx-container svg *, .katex svg * {
  fill: #000000 !important;
  stroke: #000000 !important;
}