@media (min-width: 992px) {
  .site-logo img {
    max-width: 360px;
  }
}

.theme-dark .middle-header-area {
    background-color: #1c1d1d;
}

.theme-dark .main-navbar {
    background-color: #1c1d1d;
}

/* ===============================
   Map Hero Section
================================ */

.map-hero-area {
    position: relative;
    height: 420px;
    overflow: hidden;
}

/* Google map */
.map-hero-area .map-iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;

    /* grayscale map */
    filter: grayscale(100%) contrast(1.1);
}

/* dark overlay for readability */
.map-hero-area .map-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.45) 45%,
        rgba(0, 0, 0, 0.15) 70%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 1;
}

/* content */
.map-hero-content {
    position: relative;
    z-index: 2;
    max-width: 520px;
    padding-top: 110px;
    color: #fff;
}

.map-hero-content h2 {
    font-size: 42px;
    margin-bottom: 10px;
}

.map-hero-content p {
    font-size: 18px;
    margin-bottom: 30px;
    opacity: 0.9;
}

/* reuse theme gold */
.map-hero-content .default-btn {
    background-color: #b48435;
    border-color: #b48435;
}

.map-hero-content .default-btn:hover {
    background-color: #9f722e;
    border-color: #9f722e;
}

/* ===============================
   Navigation scroll adjustment
================================ */

#services-section {
  scroll-margin-top: 190px;
}

#about-us-section {
  scroll-margin-top: 120px;
}

#our-dentists-section {
  scroll-margin-top: 130px;
}

#html {
  scroll-behavior: smooth;
}