/* R360 QA fixes (2026-09-25)
 * 1) Images output by r360_acf_image()/r360_logo()/r360_featured_image() now carry
 *    width/height attributes (from WordPress). Theme CSS sets width only, so keep
 *    the aspect ratio: */
img.r360-img{height:auto;}

/* 2) Generated H1 styles.
 * Promoted page headings are <h1 class="h2-style">. This file copies every
 * h2 rule from main.css, child style.css and responsive.css (same load order)
 * with h2 -> h1.h2-style so the H1 looks identical to the old H2.
 * If you add new h2 styles later, add the h1.h2-style selector too. */

/* Reset parent 'h1' rules (main.css: 36px, line-height 1.6px, letter-spacing) back to bootstrap h2 defaults */
h1.h2-style{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;font-size:2rem;letter-spacing:normal;}

/* ---- from css/main.css ---- */
h1.h2-style {
  font-family: 'Fashion Fetish', sans-serif;
}
.two_column_box_content h1.h2-style {
  font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      font-size: 36px;
  	line-height: 1.6;
      letter-spacing: 2px;
      margin-bottom: 20px;
      color: #fff;
}
.cta_box_inner h1.h2-style {
  font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0;
      font-size: 36px;
  	line-height: 1.6;
}
.parallax_content_box_content h1.h2-style {
  font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      font-size: 36px;
      letter-spacing: 2px;
      margin-bottom: 20px;
  	line-height: 1.6;
}
.footer_content_btns h1.h2-style {
  font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      font-size: 30px;
      letter-spacing: 2px;
      margin-bottom: 40px;
  	line-height:1.6;
}
.map_section_title h1.h2-style {
  margin: 0;
      font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      font-size: 40px;
      letter-spacing: 2px;
}
.neighborhood_features_title h1.h2-style {
  margin: 0;
      font-family: "Fashion Fetish", sans-serif;
      text-transform: uppercase;
      font-size: 40px;
      letter-spacing: 2px;
}
.floorplan_plan_item_inner h1.h2-style {
  text-transform: uppercase;
      font-size: 20px;
      font-weight: normal;
      letter-spacing: 3px;
      margin-bottom: 25px;
}
.floorplan_modal_content_details h1.h2-style {
  text-transform: uppercase;
      font-weight: 300;
      font-size: 22px;
      margin-bottom: 10px;
      letter-spacing: 3px;
}
.contact_section_header h1.h2-style {
  font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      font-size: 36px;
      letter-spacing: 2px;
  	line-height:1.6;
      margin: 0;
}
body.page-id-160 .cta_box_inner h1.h2-style,
body.page-id-260 .cta_box_inner h1.h2-style {
  margin-bottom: 20px;
}
.share_a_friend_modal_content h1.h2-style {
  font-weight: normal;
      text-align: center;
      text-transform: uppercase;
      font-size: 36px;
      letter-spacing: 2px;
  	line-height: 1.6;
      margin-bottom: 30px;
}
.page-id-3 .container h1.h2-style,
.page-id-343 .container h1.h2-style {
  margin-bottom:50px
}
h1.h2-style {
  font-family: "Fashion Fetish", sans-serif;
}

/* ---- from style.css ---- */
h1.h2-style {
  font-family: var(--display-font);
}
.two_column_box_content h1.h2-style {
  font-family: var(--display-font);
  	font-size: 32px;
}
body.home .section_4 .cta_box_inner h1.h2-style,
.parallax_content_box_content h1.h2-style,
.footer_content_btns h1.h2-style,
.map_section_title h1.h2-style,
.neighborhood_features_title h1.h2-style,
.cta_box_inner h1.h2-style {
  font-family: var(--display-font);
}
.page-id-1438 h1.h2-style {
  text-transform: uppercase;
}
.page-id-14 .parallax_content_box_content h1.h2-style {
  font-size: 33px;
}

/* ---- from css/responsive.css ---- */
@media all and (max-width: 767px) {
.two_column_box_content h1.h2-style {
  font-size: 22px;
}
}
@media all and (max-width: 767px) {
.cta_box_inner h1.h2-style {
  font-size: 22px;
}
}
@media all and (max-width: 767px) {
.parallax_content_box_content h1.h2-style {
  font-size: 22px;
}
}
@media all and (max-width: 767px) {
.footer_content_btns h1.h2-style {
  font-size: 22px;
  		margin-bottom: 20px;
}
}
@media all and (max-width: 767px) {
.floorplan_plan_item_inner h1.h2-style {
  font-size: 18px;
}
}
@media all and (max-width: 767px) {
.neighborhood_features_title h1.h2-style {
  font-size: 26px;
}
}
@media all and (max-width: 767px) {
.contact_section_header h1.h2-style {
  font-size: 26px;
}
}
@media all and (max-width: 767px) {
body.home .section_4 .cta_box_inner h1.h2-style {
  max-width: 330px;
  		margin: 0 auto;
}
}
@media all and (max-width: 767px) {
body.home .section_4 .cta_box_inner h1.h2-style br {
  display: none;
}
}
@media all and (max-width: 767px) {
.footer_content_btns h1.h2-style br {
  display: none;
}
}

/* 3) 404 page: logo above the text + "Explore Community" as a button */
.r360-404 .r360-404-logo {
	margin-bottom: 30px;
}
.r360-404 .r360-404-logo img {
	width: 180px;
	max-width: 60%;
	height: auto;
	margin: 0 auto;
}
.r360-404 .cta_box_inner a.main-button {
	margin: 20px 0 0;          /* .main-button has margin-right:15px; keep it centered */
	background: transparent;
	color: #fff;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.r360-404 .cta_box_inner a.main-button:hover,
.r360-404 .cta_box_inner a.main-button:focus-visible {
	background: var(--color_1); /* Linen Wheat - matches other site buttons */
	color: var(--color_3);      /* Heritage Navy */
}
@media all and (max-width: 767px) {
	.r360-404 .cta_box_inner a.main-button {
		width: auto;
		padding: 10px 40px;
	}
}

/* 4) Contact section: "Get Directions" button under the address */
.contact_section_contact_info .r360-directions-link {
	margin: 12px 0 18px;
}
.contact_section_contact_info .r360-directions-link a.main-button {
	padding: 8px 24px;
	margin: 0;
	width: auto;
	color: #fff;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.contact_section_contact_info .r360-directions-link a.main-button:hover,
.contact_section_contact_info .r360-directions-link a.main-button:focus-visible {
	background: var(--color_1); /* Linen Wheat */
	color: var(--color_3);      /* Heritage Navy */
}

/* 5) Directions page: address comes from the ACF field, whose link uses the white
      .phonelink style meant for dark backgrounds. Make it readable on white. */
.r360-directions-address .phonelink {
	color: #000;
}
.r360-directions-address .phonelink:hover,
.r360-directions-address .phonelink:focus-visible {
	color: var(--color_2); /* South Mill Brick */
	text-decoration: underline;
}