/* logo-fix.css
   Small override to reduce logo size and keep it responsive.
   Loaded after main styles so it overrides defaults.
*/

.logo .logo_img img,
.logo .main_sticky img,
.nav-logo img,
.logo_thumb img,
.elaction-logo img {
  max-width: 180px; /* desktop default - reduce as needed */
  height: auto;
  display: block;
}

/* Slightly smaller in medium screens */
@media (max-width: 991px) {
  .logo .logo_img img,
  .logo .main_sticky img,
  .nav-logo img {
    max-width: 140px;
  }
}

/* Small mobile screens */
@media (max-width: 575px) {
  .logo .logo_img img,
  .logo .main_sticky img,
  .nav-logo img {
    max-width: 110px;
  }
}

/* When header becomes sticky we may want an even smaller logo */
.sticky .logo .main_sticky img {
  max-width: 140px;
}

/* Contact page background overrides: make hero, contact and map sections black */
.breadcumb-area {
  background: #000 !important;
  background-image: none !important;
}

.contact-area-inner {
  background: #000 !important;
  background-image: none !important;
}

.map-section {
  background: #000 !important;
}

/* Remove Bootstrap mt-5 spacing above the map on contact page */
.map-section.mt-5 {
  margin-top: 0 !important;
}

/* ensure breadcrumb title remains visible */
.breadcumb-area .breadcumb-content h1,
.breadcumb-area .breadcumb-content ul,
.contact-area-inner .section-title.upper .sub-title h2 {
  color: #fff !important;
}

/* if the right-side contact image needs a dark overlay, add optional rule */
.contact-area-inner .single-contact-thumb img {
  display: block;
  max-width: 100%;
}