/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 21 2026 | 14:18:37 */
/* Hide original theme logo */
.custom-logo {
  opacity: 0 !important;
}

/* Logo wrapper */
.header-logo-swap {
  position: relative;
  width: 220px;
  height: 30px;
}

/* Both logos */
.header-logo-swap img {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: auto;

  transition: opacity 0.35s ease;
}

/* Initial transparent header */
.logo-light {
  opacity: 1;
}

.logo-dark {
  opacity: 0;
}

/* After scrolling */
body.page-scrolled .logo-light {
  opacity: 0;
}

body.page-scrolled .logo-dark {
  opacity: 1;
}
@media (max-width: 800px) {

  header,
  .site-header,
  .navbar,
  .header-content,
  .site-branding {
    min-height: 100px !important;
    height: 100px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header-logo-swap {
    width: 140px !important;
    height: 40px !important;
    top: 10px;
  }

  .menu-toggle,
  .hamburger,
  .header-menu-button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

}

/* Force black logo on dark-header pages */
html.dark-header-page .logo-light,
body.dark-header-page .logo-light {
  opacity: 0 !important;
}

html.dark-header-page .logo-dark,
body.dark-header-page .logo-dark {
  opacity: 1 !important;
}