/* JKMDC — small fixes on top of the template styles */

/* Navigation: highlight the current page */
.header-style-two .header-wrapper-main .header-right nav ul li.active a,
.header-style-two .header-wrapper-main .header-right nav ul li.active::after {
  color: var(--color-primary);
}
.header-style-two .header-wrapper-main .header-right .rts-btn.active {
  background: var(--color-primary);
  border-color: transparent;
}

/* Mobile menu button (was a div; now a real button) */
.header-style-two .action-area .menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

/* Logo size on small screens */
@media only screen and (max-width: 991px) {
  .header-style-two .logo img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 575px) {
  .header-style-two .logo img {
    max-width: 120px;
  }
}

/* Mobile side menu */
#side-bar .mainmenu li a.active {
  color: var(--color-primary);
}
#side-bar .mobile-menu-contact {
  display: grid;
  gap: 10px;
}
#side-bar .mobile-menu-contact a {
  color: inherit;
  font-size: 16px;
}

/* Footer: dark logo so it shows on the light background */
.rts-footer-area .footer-two-main-wrapper .logo img {
  max-width: 150px;
  height: auto;
}
.rts-footer-area .footer-about {
  margin: 20px 0 25px;
  max-width: 320px;
}
.rts-copyright-area-two .copy-right-area-inner-two a {
  color: inherit;
  text-decoration: none;
}
.rts-copyright-area-two .copy-right-area-inner-two a:hover {
  color: var(--color-primary);
}