/**
 * Hand-written tweaks — NOT compiled.
 * ---------------------------------------------------------------------------
 * Edit this file and refresh. There is no build step, no Sass, no npm.
 *
 * It is enqueued after main.css (`functions.php` → `be_scripts()`), so a rule
 * here beats the compiled stylesheet at equal specificity — you rarely need
 * `!important`, and reaching for it usually means the selector is too weak.
 *
 * Front end only. Deliberately not added to the editor stylesheet, so the
 * block editor will not show these changes.
 *
 * It sits outside `assets/css/` on purpose: Sass compiles `assets/scss` into
 * that folder, so anything in there reads as generated, and a future
 * `tweaks.scss` would overwrite a file of this name.
 *
 * Breakpoints — these match `assets/scss/partials/_base.scss`, which you do
 * not have `media()` for here, so they are written out:
 *
 *   mobile          @media (max-width: 768px)
 *   tablet band     @media (min-width: 769px) and (max-width: 1199px)
 *   desktop         @media (min-width: 1200px)
 *   testimonials    @media (max-width: 1024px) / (min-width: 1025px)
 *
 * Design tokens are live CSS custom properties — prefer them over raw values:
 *
 *   var(--wp--custom--color--teal-100)
 *   var(--wp--custom--color--gold-40)
 *   var(--wp--preset--font-size--heading-2)
 *   var(--wp--custom--layout--header-padding)
 *   var(--wp--custom--layout--artboard)        1440px
 *
 * When a tweak here settles, move it into the SCSS partial it belongs to.
 * This file is a workbench, not a second stylesheet — anything left in it is a
 * rule the editor cannot see and the next person will not think to look for.
 */


/* Homepage
--------------------------------------------------------------------------- */

.homepage_2col_text {
	max-width: 440px;
	padding-left: 50px;
}

@media (max-width: 782px) {
  .wide-on-mobile .wp-block-button {
    width: 100%
  }
}

	@media (min-width: 769px) and (max-width: 1199px) {
	   .homepage_2col_text {
			padding: 50px 40px 0 0;
		}

		.homepage_2col_text .wp-block-spacer {
			display: none;
		}
	  }

	  @media (max-width: 781px) {
	   .home-140px-spacer, .mobile-spacer { height: 40px !important;}
	   .homepage_2col_text {
	   		display: block;
			padding: 0;
			max-width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.homepage_2col_text * {
		max-width: 90%;
		}
		.homepage_2col_text p {
		text-align: left;
		}
	  }

/* Floorplans
--------------------------------------------------------------------------- */

.floorplan-group { padding: 160px 0 !important;}

.floorplan-group .wp-block-separator { padding: 100px 0 !important;}

	@media (max-width: 768px) {
	.floorplan-group .wp-block-separator { display: none;}

	.floor-plan { margin: 150px 0; }

	.floorplan-pricing-text {padding-inline: var(--wp--custom--floor-plan--gutter); }

	}

/* Careers
--------------------------------------------------------------------------- */

.job-openings { margin-top: 0 !important; }
.careers-why-choose { margin-bottom: 0 !important; }

@media (max-width: 1024px) {

	.team-grid { background-size: auto; }

}

/* Visit
--------------------------------------------------------------------------- */
.outlined-intro__photo {
	object-position: 50% 0% !important;
}