@font-face {
  font-family: 'Melinda Evania';
  src: url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.eot');
  src: url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.eot?#iefix') format('embedded-opentype'),
      url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.woff2') format('woff2'),
      url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.woff') format('woff'),
      url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.ttf') format('truetype'),
      url('https://trinitypoint.com/fonts/MelindaEvaniaRegular.svg#MelindaEvaniaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ff-melinda {
  font-family: 'Melinda Evania';
}

.ff-century-gothic {
  font-family: 'Century Gothic';
}

.kp-blue, .kp-red, .kp-dark-red, .kp-olive, .kp-pink, .kp-beige, .kp-gray, :is(.kp-marsh,.kp-lines){
  transition: opacity .3s;
}
/* Set opacity to 0 for other elements when specific part is hovered */
/* Set opacity to 1 when it's hovered */
body:has(:is([data-part="Landscaping"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle),.kp-gray:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Landscaping"]):hover) .kp-marsh:not(circle){
  opacity: 1;
}

body:has(:is([data-part="Pathway"]):hover) :is(.kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-blue:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Pathway"]):hover) .kp-lines:not(circle){
  opacity: 1;
}

body:has(:is([data-part="Retail"]):hover) :is(.kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Retail"]):hover) .kp-blue:not(circle){
  opacity: 0.5;
}

body:has(:is([data-part="Lobby"]):hover) :is(.kp-blue:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Lobby"]):hover) .kp-red:not(circle){
  opacity: 0.4;
}

body:has(:is([data-part="Residential Use"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Residential Use"]):hover) .kp-dark-red:not(circle){
  opacity: 0.7;
}

body:has(:is([data-part="Outdoor Amenities"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-dark-red:not(circle), .kp-pink:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Outdoor Amenities"]):hover) .kp-olive:not(circle){
  opacity: 0.65;
}

body:has(:is([data-part="Indoor Amenities"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-beige:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Indoor Amenities"]):hover) .kp-pink:not(circle){
  opacity: 0.4;
}

body:has(:is([data-part="Residential Units"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-gray:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Residential Units"]):hover) .kp-beige:not(circle){
  opacity: 0.4;
}

body:has(:is([data-part="Lockers"]):hover) :is(.kp-blue:not(circle), .kp-red:not(circle), .kp-dark-red:not(circle), .kp-olive:not(circle), .kp-pink:not(circle), .kp-beige:not(circle),.kp-marsh:not(circle), .kp-lines:not(circle)) {
  opacity: 0.2;
}
body:has(:is([data-part="Lockers"]):hover) .kp-gray:not(circle){
  opacity: 0.4;
}