html.lenis,html.lenis body {
  max-width: 1920px;
  margin: auto;
}

#masthead .redoing{
  max-width: 1920px;
  margin: auto;
}

.image-with-tooltip .tooltip-content {
  grid-template-columns: 33% 5% 62%; /* First column 48%, divider 4%, last column 48% */
  grid-template-rows: 1fr;
  grid-column-gap: 5px; /* Remove gap since we're handling spacing with column widths */
  grid-row-gap: 0px;
  align-items: center;
  width: 420px;
  height: fit-content;
  padding-top: 40px;
}

.tooltip-divider {
  grid-area: 1 / 2 / 2 / 3;
  width: 1px;
  height: 80%;
  background-color: #A39160;
  margin: 0 auto; /* Center the 1px divider in its column */
}

.tooltip-image-wrapper {
  border: none !important;
}

.tooltip-arrow {
  display: none !important;
}

.tooltip-image-wrapper {
  width: 56px;
  height: 36px;
}

.tooltip-image-wrapper.hovered {
  height: 89px;
  width: 136px;
  border-radius: 0;
  transform: translate(-50%, 4%);
}

.tooltip-content img {
  grid-area: 1 / 1 / 2 / 2; /* First column */
  width: 100%;
  margin: 0%;
}

.tooltip-content .tooltip-info {
  grid-area: 1 / 3 / 2 / 4; /* Third column */
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  line-height: 20px;
}

/* You may want to add some padding/margin between the contact and address */
.tooltip-content .tooltip-contact {
  margin-bottom: 4px;
}

.tooltip-content .tooltip-address {
  margin: 0;
  margin-bottom: 5px;
}

.hero-button {
display: none;