/* Add css here - please clearly comment goals/intentions */
body {
  -moz-osx-font-smoothing: grayscale; /* Addressing bold font on Firefox macOS */
}

.anchor {
  scroll-margin-top: 90px; /* Anchors - increase margin */
}

#kanchor {
  scroll-margin-top: 50px; /* Kitchen anchors - increase margin */
}

@media screen and (max-width: 768px) {
  #kanchor {
    scroll-margin-top: unset; /* Kitchen anchors - ignore new margin on mobile */
  }
  #wrap.flooring .anchor {
    scroll-margin-top: 420px; /* Flooring terracotta anchor adjustment for 2 column grid */
  }
}

#hero22 * {
  cursor: unset; /* Fixing pointer cursor issue - was initially set to 'pointer' */
}

#hero22 .rc:hover,
#hero22 .lc:hover {
  cursor: pointer; /* Adding hover pointer for left and right arrows on galleries */
}

@media only screen and (max-width: 1440px) and (min-width: 1201px) {
  .hoverText p {
    font-size: unset !important; /* Removed the property affecting the staff page */
  }
}

@media only screen and (min-width: 1201px) {
  #contact-page .hoverText p {
    font-size: 1.4em !important; /* Font size for greater than 1200 pixels */
  }
}

.dropdown-container {
  cursor: unset; /* Cursor was a pointer even in areas which were unclickable */
}

.dropdown-container .flex {
  cursor: pointer; /* Adding pointer to the clickable area only */
}

.info-card p {
  max-width: 90%; /* Changed teaser text to 90% for desktop */
}

@media screen and (max-width: 430px) {
  .info-card h1 + p + p {
    max-width: 90%; /* Changed the teaser text to 90% for mobile */
  }
}

.info-card h1 {
  margin-top: 0.5em; /* Changed teaser header margin-top to 0.5em */
}

/* For approval */

#contact-page p a {
  color: #898989; /* Changed contact page links to lighter grey to match other links */
}

.lc,
.rc {
  background-size: 15px !important; /* Increased gallery arrow sizes */
}

#hero22 .dot,
#pGallery .dot {
  height: 0.5em !important; /* Increased dot height for galleries */
  width: 0.5em !important; /* Increased dot width for galleries */
}