/* 🌟 Global Styling: Bold Titles, Tagline, and Menu Items */
.site-title a {
  font-weight: bold !important;
}

.site-description {
  color: red !important;
  font-weight: bold !important;
}

.menu-item a {
  font-weight: bold !important;
}

/* Keep active/current menu items bold */
.menu-item.current-menu-item a,
.menu-item a[aria-current="page"] {
  font-weight: bold !important;
}

/* Preserve boldness on hover and focus */
.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
  font-weight: bold !important;
}

/* ✅ Mobile menu bold consistency */
@media only screen and (max-width: 767px) {
  .menu-item a {
    font-weight: bold !important;
  }
}

/* 📲 Premium, Modern Call Button — Desktop & Mobile */
#menu-item-661 a {
  font-weight: 800 !important;
  color: #fff !important;
  background: linear-gradient(145deg, #2C3E50, #4CA1AF) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 12px 24px !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 18px !important;
  letter-spacing: 0.8px !important;
  text-transform: capitalize !important;
  text-decoration: none !important;
  font-family: 'Nunito', sans-serif !important;
}

/* 📞 Call Icon */
#menu-item-661 a::before {
  content: "📞" !important;
  font-size: 20px !important;
  opacity: 0.8;
}

/* 🎉 Smooth Hover Effect */
#menu-item-661 a:hover {
  background: linear-gradient(145deg, #4CA1AF, #2C3E50) !important;
  color: #FFD700 !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;
  transform: translateY(-3px) scale(1.05) !important;
}

/* 📱 Mobile-friendly adjustments */
@media only screen and (max-width: 767px) {
  #menu-item-661 a {
    font-size: 16px !important;
    padding: 10px 18px !important;
    width: auto !important;
  }

  #menu-item-661 a:hover {
    transform: scale(1.06) !important;
  }
}

/* 🛠️ Extra mobile fix for tiny screens */
@media only screen and (max-width: 480px) {
  #menu-item-661 a {
    font-size: 14px !important;
    padding: 8px 14px !important;
  }
}

/* Hide entire header, menu, and site branding */
.page-id-1470 header,
.page-id-1470 .site-header,
.page-id-1470 .main-header,
.page-id-1470 #masthead,
.page-id-1470 .menu,
.page-id-1470 nav,
.page-id-1470 .top-bar,
.page-id-1470 .site-branding,
.page-id-1470 .site-navigation {
  display: none !important;
  visibility: hidden !important;
}

/* Hide footer */
.page-id-1470 footer,
.page-id-1470 .site-footer,
.page-id-1470 #colophon {
  display: none !important;
  visibility: hidden !important;
}

/* Hide background header image div */
.page-id-1470 #page-site-header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  background: none !important;
}

/* Optional: remove padding/margin from body to make it full width */
.page-id-1470 body,
.page-id-1470 .site,
.page-id-1470 .content-area,
.page-id-1470 .site-content {
  margin: 0 !important;
  padding: 0 !important;
}
/* Remove unwanted blue highlight on active/current menu item */
.menu-item.current-menu-item a,
.menu-item a[aria-current="page"] {
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* Keep hover consistent on all pages */
.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
  background: none !important;
  color: #000 !important; /* Optional: set to your desired hover color */
  text-decoration: underline; /* Optional */
}
/* Remove highlight/hover effects on menu items */
.menu-item.current-menu-item a,
.menu-item a[aria-current="page"],
.menu-item a:hover,
.menu-item a:focus,
.menu-item a:active {
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
}