/* Mobile footer cleanup */
@media (max-width: 768px) {
  .site-footer {
    text-align: center;
  }

  .site-footer .footer-widget-area,
  .site-footer .footer-html,
  .site-footer .footer-navigation {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .site-footer .footer-widget-area-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .site-footer h2,
  .site-footer h3,
  .site-footer .widget-title {
    margin-bottom: 8px;
  }

  .site-footer p,
  .site-footer a {
    line-height: 1.5;
  }

  .site-footer .site-footer-row-container-inner {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .site-footer .social-button,
  .site-footer .social-link,
  .site-footer .wp-block-social-links {
    justify-content: center;
    margin-top: 8px;
    margin-bottom: 12px;
  }

  .site-footer .footer-navigation ul {
    justify-content: center;
    gap: 10px;
  }
}

/* Kadence Mobile Menu Background */
@media (max-width: 1024px) {

    .drawer-overlay {
        background: rgba(0,0,0,.4);
    }

    .popup-drawer .drawer-inner,
    .mobile-drawer-content,
    .mobile-navigation {
        background: #6B839A !important;
    }

    .mobile-navigation .menu-item a,
    .mobile-navigation .menu-item a:visited {
        color: #ffffff !important;
    }

    .mobile-navigation .menu-item a:hover {
        color: #E4A07A !important;
    }

    .menu-toggle-open,
    .mobile-toggle-open-container .menu-toggle-open {
        color: #6B839A !important;
    }
}


/* Make mobile hamburger white lines with no white box */
.mobile-toggle-open-container .menu-toggle-open {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.mobile-toggle-open-container .menu-toggle-open svg,
.mobile-toggle-open-container .menu-toggle-open svg * {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: #ffffff !important;
}








/* Center footer on mobile */
@media (max-width: 768px) {
    .site-footer,
    .site-footer * {
        text-align: center !important;
    }

    .site-footer ul,
    .site-footer .menu {
        justify-content: center !important;
    }
}