@font-face {
	font-family: 'MetaforaBold';
	src: url('/Fonts/MetaforaBold/font.eot');
	src: url('/Fonts/MetaforaBold/font.eot?#iefix') format('embedded-opentype'),
		url('/Fonts/MetaforaBold/font.woff') format('woff'),
		url('/Fonts/MetaforaBold/font.ttf') format('truetype');
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:root {
  /* || fonts */
  --f-metafora: "MetaforaBold", sans-serif;
  --f-raleway: "Raleway", sans-serif;
  --f-source-serif: "source-serif-pro", serif;
  --f-inter: "Inter", sans-serif;
  /* || colors */
  --black-400: #222423;
  --blue-400: #355d84;
  --blue-500: #6286a7;
  --yellow-400: #e0a526;
  --yellow-500: #fdd963;
  --teal-400: #1b4a53;
  --teal-500: #455e61;
  --beige-400: #e8ded5;
  --beige-500: #f3eee9;
  --orange-400: #db582e;
  --gray-dark: #383531;
  --white: #fff;
  --divider-lines-color: #d9d9d9;

  /* || font sizes */
  --font-size-base: 1rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem; /* 12px */
  --fs-13: 0.8125rem; /* 13px */
  --fs-14: 0.875rem; /* 14px */
  --fs-15: 0.9375rem; /* 15px */
  --fs-16: 1rem; /* 16px */
  --fs-17: 1.0625rem; /* 17px */
  --fs-18: 1.125rem; /* 18px */
  --fs-19: 1.1875rem; /* 19px */
  --fs-20: 1.25rem; /* 20px */
  --fs-22: 1.375rem; /* 22px */
  --fs-23: 1.4375rem; /* 23px */
  --fs-24: 1.5rem; /* 24px */
  --fs-25: 1.5625rem; /* 25px */
  --fs-26: 1.625rem; /* 26px */
  --fs-27: 1.6875rem; /* 27px */
  --fs-28: 1.75rem; /* 28px */
  --fs-30: 1.875rem; /* 30px */
  --fs-32: 2rem; /* 32px */
  --fs-34: 2.125rem; /* 34px */
  --fs-36: 2.25rem; /* 36px */
  --fs-38: 2.375rem;
  --fs-40: 2.5rem; /* 40px */
  --fs-44: 2.75rem; /* 44px */
  --fs-46: 2.875rem; /* 46px */
  --fs-50: 3.125rem; /* 50px */
  --fs-54: 3.375rem; /* 54px */
  --fs-60: 3.75rem; /* 60px */
  --fs-64: 4rem;	/* 64px */
  --fs-70: 4.375rem; /* 70px */
  --fs-74: 4.625rem; /* 74px */
  --fs-80: 5rem; /* 80px */
  --fs-96: 6rem; /* 96px */
  --fs-100: 6.25rem; /* 100px */
  --fs-104: 6.5rem; /* 104px */
  --fs-110: 6.875rem; /* 110px */
  --fs-124: 7.75rem; /* 124px */
  --fs-128: 8rem; /* 128px */
  --fs-154: 9.625rem; /* 154px */
  --fs-210: 13.125rem; /* 210px */

  /* || utils */
  --g-border-radius: 20px;
  --nav-box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);
  --navbar-height: 68px;
  --site-body-pt: 68px;
  --site-row-margin: .5rem;
  --screen-small-size: 490px;
  --screen-medium-size: 768px;
  --screen-large-size: 1024px;
  --hue: 0;
  --sat: 0%;
  --light: 0%;
  --alpha: 0;
  @media (width >= 992px) {
    --navbar-height: 90px;
    --site-body-pt: 90px;
  }
}
:where(input, select, textarea) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;

  &:focus { outline: 0; }
}
:where(a, button) { cursor: revert; }
:where(*) { font-size: inherit; }
img {
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
}
:where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; }
:where(html, body) {
  scroll-behavior: smooth;
  color-scheme: light;
  font-size: 16px;
}
body {
  font-family: var(--f-raleway);
  color: var(--black-400);
  line-height: 1em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: var(--heading-font, var(--f-metafora, inherit));
  font-size: var(--heading-fs, var(--fs-30));
  color: var(--heading-color, var(--blue-400));
  font-weight: var(--heading-fw, 700);
  line-height: var(--heading-lineheight, 1.2);
  letter-spacing: var(--heading-letterspace, -0.01em);
  text-transform: var(--heading-text-transform, uppercase);
  margin: var(--heading-margin, 0.5rem 0);
}
h1, .h1 {
  --heading-fs: var(--fs-100);
  --heading-color: var(--white);
  --heading-letterspace: 4px;
  --heading-lineheight: 1.36;
}
h2, .h2 {
  --heading-fs: var(--fs-70);
  --heading-color: var(--yellow-400);
  --heading-lineheight: 0.914;
  --heading-letterspace: 2.8px;
}
h3, .h3 {
  --heading-color: var(--yellow-400);
  --heading-lineheight: 1.16;
  --heading-letterspace: 1.2px;
}
h4, .h4 {
  --heading-font: var(--f-raleway);
  --heading-fs: var(--fs-14);
  --heading-lineheight: 1.1;
  --heading-letterspace: 1.4px;
  --heading-fw: 800;
}
h5, .h5 {
  --heading-font: var(--f-raleway);
  --heading-fs: var(--fs-14);
  --heading-color: var(--orange-400);
  --heading-lineheight: 1.1;
  --heading-letterspace: 1.4px;
  --heading-fw: 800;
}
:where(p, a:not(.button), label, input, dropddown, textarea, select, .small-h1, .small-h2, .small-header, .large-header, .custom1, span, li, strong) {
  font-family: var(--body-font, var(--f-raleway));
  font-size: var(--body-fs, var(--fs-16));
  color: var(--body-color, var(--black-400));
  font-weight: var(--body-fw, 500);
  line-height: var(--body-lineheight, 1.8);
  letter-spacing: var(--body-letterspace, 0);
  text-transform: var(--body-text-transform, unset);
  margin: var(--body-margin, unset);
  padding: var(--body-padding, unset);
  text-decoration: var(--body-text-decoration, none);
  text-shadow: var(--body-text-shadow, unset);
}
strong { font-weight: 700 !important; }
.custom1 {
  --body-font: var(--f-raleway);
  --body-fs: var(--fs-14);
  --body-color: var(--white);
  --heading-letterspace: 1.4px;
  --body-lineheight: 2.1;
  --body-text-transform: uppercase;
  --body-fw: 800;
}
.small-header {
  --body-fs: var(--fs-32);
  --body-color: var(--blue);
  --body-text-transform: uppercase;
  --body-fw: 600;
  --body-lineheight: 0.9375;
}
.large-header {
  --body-fs: var(--fs-34);
  --body-color: var(--blue);
  --body-fw: 600;
  --body-text-transform: uppercase;
  --body-lineheight: 0.8823;
}
:where(a, a:hover) {
  --link-decoration: none;
  text-decoration: var(--link-decoration) !important;
}
:is(img, picture, svg, video) {
  display: var(--media-display, block);
  max-width: 100%;
  width: var(--media-width, 100%);
  height: var(--media-height, auto) !important;
  background-color: var(--media-bg-color, unset);
  margin: var(--media-margin, 0);
  padding: var(--media-padding, 0);
}
@media (width < 768px) {
  :is(img, picture, svg, video) {
    width: auto;
  }
}
@media (width >= 768px) {
  :is(img, picture, svg, video) {
    --media-width: auto;
    --media-height: auto;
  }
}
:where(picture, svg) { --media-display: inline-block; }
/*------------------------------
Small-Spaced Font
------------------------------*/
p.smallp { --body-fs: .8em; }
.is-ie p.smallp { max-width: 100%; }
.small-headline, .blog-right-inner h4 {
  --heading-font: var(--f-metafora);
  --heading-fs: var(--fs-24);
  --heading-color: var(--teal-500);
  --heading-text-transform: uppercase;
  --heading-letterspace: 0.96px;
  --heading-fw: 700;
  text-align: left;
}
.small-subheadline {
  --heading-fs: 16px;
  --heading-fw: 400;
  text-align: center;
}
@media (width >= 1024px) {
  .modal-open .addthis-smartlayers-mobile { display: none!important; }
}
@media (max-width: 767px) {
  h1 { line-height: 1; }
  h2 { line-height: 1; }
}
/* fonts */
.metafora-font { font-family: var(--f-metafora); }
.raleway-font {
  --f-weight: 400;
  font-family: var(--f-raleway);
  font-optical-sizing: auto;
  font-weight: var(--f-weight);
  &.f-medium { --f-weight: 500; }
  &.f-extra-bold { --f-weight: 800; }
  &.f-regular { --f-weight: 400; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
			COLORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* || colors */
.text-blue-400 { color: var(--blue-400); }
.text-blue-500 { color: var(--blue-500); }
.text-teal-400 { color: var(--teal-400); }
.text-teal-500 { color: var(--teal-500); }
.text-beige-400 { color: var(--beige-400); }
.text-beige-500 { color: var(--beige-500); }
.text-orange-400 { color: var(--orange-400); }
.text-gray-dark { color: var(--gray-dark); }
.text-yellow-400 { color: var(--yellow-400); }
.text-yellow-500 { color: var(--yellow-500); }
.text-white { color: var(--white); }
/* || colors override */
.\!text-blue-400 { color: var(--blue-400) !important; }
.\!text-blue-500 { color: var(--blue-500) !important; }
.\!text-teal-400 { color: var(--teal-400) !important; }
.\!text-teal-500 { color: var(--teal-500) !important; }
.\!text-beige-400 { color: var(--beige-400) !important; }
.\!text-beige-500 { color: var(--beige-500) !important; }
.\!text-orange-400 { color: var(--orange-400) !important; }
.\!text-gray-dark { color: var(--gray-dark) !important; }
.\!text-yellow-400 { color: var(--yellow-400) !important; }
.\!text-yellow-500 { color: var(--yellow-500) !important; }
.\!text-white { color: var(--white) !important; }

/* || colors for modules */
:is(.deep\:text-blue-400) *:not(.button, button, input, textarea) { color: var(--blue-400); }
:is(.deep\:text-blue-500) *:not(.button, button, input, textarea) { color: var(--blue-500); }
:is(.deep\:text-teal-400) *:not(.button, button, input, textarea) { color: var(--teal-400); }
:is(.deep\:text-teal-500) *:not(.button, button, input, textarea) { color: var(--teal-500); }
:is(.deep\:text-beige-400) *:not(.button, button, input, textarea) { color: var(--beige-400); }
:is(.deep\:text-beige-500) *:not(.button, button, input, textarea) { color: var(--beige-500); }
:is(.deep\:text-orange-400) *:not(.button, button, input, textarea) { color: var(--orange-400); }
:is(.deep\:text-gray-dark) *:not(.button, button, input, textarea) { color: var(--gray-dark); }
:is(.deep\:text-yellow-400) *:not(.button, button, input, textarea) { color: var(--yellow-400); }
:is(.deep\:text-yellow-500) *:not(.button, button, input, textarea) { color: var(--yellow-500); }
:is(.deep\:text-white) *:not(.button, button, input, textarea) { color: var(--white); }

/* || bg colors */
.bg-blue-400 { background-color: var(--blue-400); }
.bg-blue-500 { background-color: var(--blue-500); }
.bg-teal-400 { background-color: var(--teal-400); }
.bg-teal-500 { background-color: var(--teal-500); }
.bg-beige-400 { background-color: var(--beige-400); }
.bg-beige-500 { background-color: var(--beige-500); }
.bg-orange-400 { background-color: var(--orange-400); }
.bg-gray-dark { background-color: var(--gray-dark); }
.bg-yellow-400 { background-color: var(--yellow-400); }
.bg-yellow-500 { background-color: var(--yellow-500); }
.bg-white { background-color: var(--white); }
/* || bg colors override */
.\!bg-blue-400 { background-color: var(--blue-400) !important; }
.\!bg-blue-500 { background-color: var(--blue-500) !important; }
.\!bg-teal-400 { background-color: var(--teal-400) !important; }
.\!bg-teal-500 { background-color: var(--teal-500) !important; }
.\!bg-beige-400 { background-color: var(--beige-400) !important; }
.\!bg-beige-500 { background-color: var(--beige-500) !important; }
.\!bg-orange-400 { background-color: var(--orange-400) !important; }
.\!bg-gray-dark { background-color: var(--gray-dark) !important; }
.\!bg-yellow-400 { background-color: var(--yellow-400) !important; }
.\!bg-white { background-color: var(--white) !important; }
/*-----------------------------------------------
Modular fonts
-------------------------------------------------*/
.fs-12 { font-size: var(--fs-12); }
.fs-13 { font-size: var(--fs-13); }
.fs-14 { font-size: var(--fs-14); }
.fs-15 { font-size: var(--fs-15); }
.fs-16 { font-size: var(--fs-16); }
.fs-17 { font-size: var(--fs-17); }
.fs-18 { font-size: var(--fs-18); }
.fs-19 { font-size: var(--fs-19); }
.fs-20 { font-size: var(--fs-20); }
.fs-22 { font-size: var(--fs-22); }
.fs-23 { font-size: var(--fs-23); }
.fs-24 { font-size: var(--fs-24); }
.fs-25 { font-size: var(--fs-25); }
.fs-27 { font-size: var(--fs-27); }
.fs-28 { font-size: var(--fs-28); }
.fs-30 { font-size: var(--fs-30); }
.fs-32 { font-size: var(--fs-32); }
.fs-34 { font-size: var(--fs-34); }
.fs-40 { font-size: var(--fs-40); }
.fs-44 { font-size: var(--fs-44); }
.fs-46 { font-size: var(--fs-46); }
.fs-50 { font-size: var(--fs-50); }
.fs-54 { font-size: var(--fs-54); }
.fs-60 { font-size: var(--fs-60); }
.fs-64 { font-size: var(--fs-64); }
.fs-70 { font-size: var(--fs-70); }
.fs-74 { font-size: var(--fs-74); }
.fs-80 { font-size: var(--fs-80); }
.fs-96 { font-size: var(--fs-96); }
.fs-100 { font-size: var(--fs-100); }
.fs-104 { font-size: var(--fs-104); }
.fs-128 { font-size: var(--fs-128); }
.fs-154 { font-size: var(--fs-154); }
.fs-210 { font-size: var(--fs-210); }
/*------------------------------------
Positioning Helpers
--------------------------------------*/
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.top-50 { top: 50%; }
.bottom-50 { bottom: 50%; }
.left-50 { left: 50%; }
.right-50 { right: 50%; }
.top-100 { top: 100%; }
.bottom-100 { bottom: 100%; }
.left-100 { left: 100%; }
.right-100 { right: 100%; }
.translate-xy-50 { transform: translate(-50%, -50%); }
.translate-y-50 { transform: translateY(50%); }
.translate-y-negative-50 { transform: translateY(-50%); }
.z-1 { z-index: -1; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z999 { z-index: 999; }
/* Adds Margin to <li> */
*[class*="ul-space"] {
  --top-m: 0.25rem;
  --bottom-m: 0.25rem;
}
div[class*="ul-space"] ul > * + *:not(:last-of-type),
ul[class*="ul-space"] > * + *:not(:last-of-type) {
  margin-top: var(--top-m);
  margin-bottom: var(--bottom-m);
}
.ul-space-y-1 { --top-m: 0.25rem; --bottom-m: 0.25rem; }
.ul-space-y-2 { --top-m: 0.5rem; --bottom-m: 0.5rem; }
.ul-space-y-3 { --top-m: 0.75rem; --bottom-m: 0.75rem; }
.ul-space-y-4 { --top-m: 1rem; --bottom-m: 1rem; }
:is(*[class*="carousel-overlay"]) :is(.carouselPage),
:is(*[class*="dark-overlay"]) {
  --color-overlay: .15;
  position: relative;
}
:is(*[class*="carousel-overlay"]) :is(.carouselPage)::before,
:is(*[class*="dark-overlay"])::before {
  content: '';
  background-color: rgba(0, 0, 0, var(--color-overlay));
  width: 100%;
  height: 100%;
  position: absolute;
}
:is(*[class*="!carousel-overlay"]) :is(.carouselPage)::before,
:is(*[class*="!dark-overlay"])::before { background-color: rgba(0, 0, 0, var(--color-overlay)) !important; }
:is(.dark-overlay-1), :is(.carousel-overlay-1) :is(.carouselPage) { --color-overlay: .15; }
:is(.dark-overlay-2), :is(.carousel-overlay-2) :is(.carouselPage) { --color-overlay: .2; }
:is(.dark-overlay-3), :is(.carousel-overlay-3) :is(.carouselPage) { --color-overlay: .25; }
:is(.dark-overlay-4), :is(.carousel-overlay-4) :is(.carouselPage) { --color-overlay: .3; }
:is(.dark-overlay-5), :is(.carousel-overlay-5) :is(.carouselPage) { --color-overlay: .35; }
:is(.dark-overlay-6), :is(.carousel-overlay-6) :is(.carouselPage) { --color-overlay: .4; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.row-margin { margin: var(--site-row-margin); }
blockquote { font-style: italic; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.text-underline { text-decoration: underline; }
.text-to-center { text-align: center; }
.text-to-left { text-align: left; }
.text-to-right { text-align: right; }
.bold-100 { font-weight: 100; }
.bold-200 { font-weight: 200; }
.bold-300 { font-weight: 300; }
.bold-400 { font-weight: 400; }
.bold-600 { font-weight: 600; }
.bold-700 { font-weight: 700; }
.bold-800 { font-weight: 800; }
.leading-0 { line-height: 0; }
.leading-1 { line-height: 1; }
.leading-2 { line-height: 1.25; }
.leading-3 { line-height: 1.5; }
.leading-4 { line-height: 1.75; }
.leading-5 { line-height: 2; }
/* rounded images */
.rounded-images-corners :is(img, .feature-bg, .zoom) { border-radius: var(--g-border-radius); }
:where(.rounded-corners) { border-radius: var(--g-border-radius); }
.show-bullets li a {
  color: #b89614;
  text-decoration: underline;
}
:is(#builders, #location) { scroll-margin-top: 180px; }
#scroll-top-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  background-color: #003146;
  color: #d7c300;
  border-radius: 19px;
  padding: 11px 19px;
  font-size: 14px;
  min-height: 38px;
  display: inline-block;
  min-width: 200px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
}
/*---------------------------------
Default Button
-----------------------------------*/
:is(.button, .button2, .hs-button), :is(.more-content),
:where(.btn-default) :where(.button, .button2, .hs-button),
button:not(:where(div:is(#map-canvas) button)):not(:where(#map) button):not(#cboxClose):not(:where(.slick-dots) button) {
  align-items: center;
  background-color: var(--btn-bg-color, trasnparent);
  border: var(--btn-border-width, 2px) solid var(--btn-border-color, var(--orange-400));
  border-radius: var(--btn-border-radius, 0px);
  color: var(--btn-text-color, var(--orange-400));
  cursor: pointer;
  display: var(--btn-display, inline-flex);
  font-family: var(--btn-font, var(--f-raleway));
  font-size: var(--btn-fs, var(--fs-12));
  font-weight: var(--btn-fontweight, 800);
  justify-content: var(--btn-justify-content, center);
  letter-spacing: var(--btn-letterspacing, 0);
  line-height: var(--btn-lineheight, 1);
  min-height: var(--btn-minheight, 52px);
  max-height: var(--btn-maxheight, 56px);
  min-width: var(--btn-width, 210px);
  opacity: var(--btn-opacity, 1);
  overflow: hidden;
  padding: var(--btn-padding, 22px 28px 24px);
  position: relative;
  text-align: center;
  text-transform: var(--btn-text-transform, uppercase);
}
.button, .button2, button, button:hover { transition: all .2s ease-in-out; }
:is(.button, .button2):hover,
:is(.btn-default) :is(.button, .button2):hover {
  --btn-bg-color: var(--orange-400);
  --btn-border-color: var(--orange-400);
  --btn-text-color: var(--white);
}
/*----------------------
Button Themes
------------------------*/
/* default reversed */
:is(.btn-default-reversed) :is(.button, .button2),
:is(.button.btn-default-reversed, .button2.btn-default-reversed) {
  --btn-text-color: var(--white);
  --btn-bg-color: var(--blue-700);
  --btn-border-color: var(--white);
  color: var(--white);
}
:is(.btn-default-white) {
  --btn-text-color: var(--white);
  --btn-border-color: var(--white);
  background-color: transparent;
  color: var(--white);
}
:is(.btn-default-white):hover {
  --btn-text-color: var(--white);
  --btn-bg-color: var(--blue-700);
  --btn-border-color: var(--white);
  background-color: var(--white);
  color: var(--blue-700);
}
:is(.btn-default-reversed) :is(.button, .button2):hover,
:is(.button.btn-default-reversed, .button2.btn-default-reversed):hover {
  --btn-bg-color: var(--blue);
  --btn-border-color: var(--white);
}
/* teal btn */
:is(.btn-teal-theme) :is(.button, .button2),
:is(.button.btn-teal-theme, .button2.btn-teal-theme) {
  --btn-bg-color: var(--teal-200);
  --btn-border-color: none;
}
:is(.btn-teal-theme) :is(.button, .button2):hover,
:is(.button.btn-teal-theme, .button2.btn-teal-theme):hover {
  --btn-text-color: var(--blue-700);
  --btn-bg-color: var(--teal-100);
  --btn-border-color: none;
}
/* button helpers */
.btn\:fit-content .button,
.button.btn\:fit-content { min-width: fit-content; width: fit-content; }
.hover\:bg\:blue-100:hover { background-color: var(--blue-100); }
.hover\:yellow-100:hover { color: var(--yellow-100); }
/* button-container */
:where(.button-container) {
  --btn-container-max-w: var(--screen-medium-size);
  --btn-container-display: flex;
  --btn-container-justify-content: center;
  --btn-container-align-items: center;
  --btn-container-flex-direction: column;
  --btn-container-margin: 0.5rem;
  --btn-container-button-margin: 0.5rem 0;

  max-width:  var(--btn-container-max-w);
  display: var(--btn-container-display);
  justify-content: var(--btn-container-justify-content);
  align-items: var(--btn-container-align-items);
  flex-direction: var(--btn-container-flex-direction);
  margin: var(--btn-container-margin);
}
:where(.button-container) .button { margin: var(--btn-container-button-margin); }
@media (width >= 768px) {
  :where(.button-container) {
    --btn-container-flex-direction: row;
    --btn-container-justify-content: space-evenly;
    --btn-container-margin: 4rem auto;
    --btn-container-button-margin: 0 1.5rem;
  }
}
/*------------------------------
Light Grey Button
------------------------------*/
.cancel-button.button {
  --btn-bg-color: transparent;
  --btn-border-color: var(--blue);
  --btn-text-color: var(--blue);
  --btn-text-transform: capitalize;
}
.cancel-button.button span { --body-color: var(--blue); }
.cancel-button.button:hover {
  --btn-bg-color: var(--gray-low);
  --btn-text-color: var(--blue);
}
.cancel-button.button:hover span { --body-color: var(--blue); }
/*------------------------------
Back Button / Other Grey Links
------------------------------*/
.back-button a, .print-button, #ModelName .builderName{
  --body-color:var(--gray-400);
  --link-decoration: none;
}
.clear-square-footage-button { font-size: var(--fs-14); }
/*------------------------------
Intro Block Links
------------------------------*/
.intro-block a:not(.button, .home-link) {
  --body-color: var(--blue);
  --body-fw: 700;
  --body-text-decoration: none;
}
@media (width < 768px) {
  .intro-block h1 { flex-direction: column; }
}
/*------------------------------
Hero Slider
------------------------------*/
.cycle-pager { display: none; }
.carouselPage {
  --card-padding: 60px 20px;
  --card-bg-color: transparent;
  --card-w: 100%;
}
.carouselItemCopy {
  max-width: 900px; /* Control the container width */
  margin: 0 auto;
  text-align: center;
  word-spacing: 0.1em; /* Adjust spacing between words */
  line-height: 1.1; /* Tighter line height for better stacking */
}
@media (width < 768px) {
  .carouselItemCopy {
    max-width: 90%;
    font-size: var(--fs-32); /* Smaller on mobile */
    line-height: 1.2;
  }
}
@media (width < 768px) {
  .carouselPage { --card-w: 100%; }
}
@media (width >= 768px) {
  .carouselPage { --card-w: 320px; }
}
@media (width >= 992px) {
  .desktop-carousel { display: block; }
  .mobile-carousel { display: none; }
}
@media (width < 992px) {
  .desktop-carousel { display: none !important; }
  .mobile-carousel, .mobile-carousel .cycle-slideshow { display: block !important; }
}
/*----------------------------------
Hero Background Video
------------------------------------*/
:is(.tall-carousel) .carouselPage:before { background: unset; }
:where(.hero-video-section, .hero-section) {
  --hero-container-height: 0;
  --hero-height: calc(var(--hero-container-height) - var(--nav-height, var(--navbar-height)));
  --hero-display: flex;
  --hero-justify-content: center;
  --hero-align-items: center;
  --hero-flex-direction: column;
  --video-position: unset;
  --video-top: unset;
  --video-left: unset;
  --video-right: unset;
  --video-bottom: unset;
  --video-zindex: 2;
  height: var(--hero-height);
}
:is(.hero-section) :is(.carouselPage, .cycle-slideshow) { margin-bottom: 0; }
:is(.hero-section) {
  &.show-hero-desktop :is(.carouselPage, .cycle-slideshow) {
    @media (width >= 992px) { display: block !important; }
    @media (width < 992px) { display: none !important; }
  }
  &.show-hero-mobile :is(.carouselPage, .cycle-slideshow) {
    @media (width < 768px) { display: block !important; }
    @media (width >= 768px) { display: none !important; }
  }
  &.show-hero-desktop-tablet :is(.carouselPage, .cycle-slideshow) {
    @media (width >= 768px) { display: block !important; }
    @media (width < 768px) { display: none !important; }
  }
  &.show-hero-mobile-tablet :is(.carouselPage, .cycle-slideshow) {
    @media (width < 992px) { display: block !important; }
    @media (width >= 992px) { display: none !important; }
  }
}
:is(.hero-section) :where(.carouselPage, .cycle-slideshow),
:is(.hero-video-section) > .container > .row > .col-md-12 { height: var(--hero-height); }
:is(.hero-section, .hero-video-section).hero-100 { --hero-container-height: 100vh; }
:is(.hero-section, .hero-video-section).hero-95 { --hero-container-height: 95vh; }
:is(.hero-section, .hero-video-section).hero-90 { --hero-container-height: 90vh; }
:is(.hero-section, .hero-video-section).hero-85 { --hero-container-height: 85vh; }
:is(.hero-section, .hero-video-section).hero-80 { --hero-container-height: 80vh; }
:is(.hero-section, .hero-video-section).hero-75 { --hero-container-height: 75vh; }
:is(.hero-section, .hero-video-section).hero-70 { --hero-container-height: 70vh; }
:is(.hero-section, .hero-video-section).hero-65 { --hero-container-height: 65vh; }
:is(.hero-section, .hero-video-section).hero-60 { --hero-container-height: 60vh; }
:is(.hero-section, .hero-video-section).hero-55 { --hero-container-height: 55vh; }
:is(.hero-section, .hero-video-section).hero-50 { --hero-container-height: 50vh; }
:is(.hero-video-section) {
  --hero-min-height: 540px;
  background-size: cover;
  background-position: center;
  display: var(--hero-display);
  justify-content: center;
  align-items: center;
  min-height: var(--hero-min-height);
}
:is(.hero-video-section) :where(.container .row, .container) {
  margin: 0 !important;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
:is(.hero-video-section) > .container > .row > .col-md-12,
:is(.hero-video-section) .video_overlay {
  display: var(--hero-display);
  align-items: var(--hero-align-items);
  justify-content: var(--hero-justify-content);
  height: var(--hero-height);
  min-height: var(--hero-min-height);
}
:is(.hero-video-section) :where(.video_container, .video_overlay) {
  position: var(--video-position);
  top: var(--video-top);
  left: var(--video-left);
  right: var(--video-right);
  bottom: var(--video-bottom);
  z-index: var(--video-zindex);
}
:is(.hero-video-section) .video_container {
  --video-position: absolute;
  --video-top: 0;
  --video-left: 0;
  --video-right: 0;
  --video-bottom: 0;
  --video-zindex: 1;
  overflow: hidden;
  display: var(--hero-display);
}
:where(.hero-video-section) .video_container video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
:is(.hero-video-section) .video_overlay {
  width: 100%;
  flex-direction: var(--hero-flex-direction);
}
:where(.hero-video-section) .video_overlay p {
  --body-color: #fff;
  text-align: center;
}
:where(.hero-title) {
  --body-color: #fff;
  --body-fw: 700;
  --body-fs: var(--fs-40);
  --body-text-transform: initial;
  --body-font: var(--f-raleway);
  --body-lineheight: 2.75rem;
  --body-text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.27);
  @media (width < 992px) { --body-fs: var(--fs-28); --body-lineheight: 1.8rem; }
}
:where(.hero-subtitle) {
  --body-font: var(--f-raleway);
  --body-fw: 600;
  --body-color: #fff;
  --body-fs: var(--fs-18);
  --body-text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.27);
  --body-lineheight: 1.75rem;
  @media (width < 992px) { --body-fs: var(--fs-18); }
}
/* Responsive embed Youtube video */
.embed-responsive-16by9,
.iframe-map-module .map-module div[class*="col-md"] > div { padding-bottom: 56.25% !important; }
.embed-responsive,
.iframe-map-module .map-module div[class*="col-md"] > div {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.iframe-map-module .map-module .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (width < 768px) {
  .iframe700 iframe, .iframe700 iframe.tall-iframe,
  iframe[src*="https://my.matterport"], .maplocation iframe, .iframe800 iframe { height: 450px; }
}
.interactive-map .gm-style .gm-style-iw-d img {
  @media (width < 767px) {
    width: 200px !important;
  }
}
:where(#map-canvas) {
  --map-height: 1000px;
  width: 100%;
  height: var(--map-height);

  & * {
    font-size: 16px !important;

    @media (width < 767px) {
      line-height: 1.2;
    }
  }
  & button:not(.gm-fullscreen-control) img { width: 13px !important; }
  & .gm-svpc { display: none !important; }
}
:where(.interactive-map) {
  & .accordion-toggle {
    --body-fs: var(--fs-16);
    --body-fw: 700;
  }
  & .accordion-content :where(label, span) {
    --body-fs: var(--fs-16);
    font-weight: 400;
  }
  & .googleSubNavListItem { margin-bottom: 0; }
  & .close-x {
    --btn-bg-color: transparent;
    --btn-border-color: var(--blue);
    --btn-text-color: var(--blue);
    margin-top: 1rem;
  }
}
:where(.mapDesclaimer) :where(p, span) {
  --body-fs: var(--fs-12);
  --body-color: var(--gray);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GRID CUSTOMIZATIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.full-bleed h3 {
  --heading-font: var(--f-inter);
  --heading-fw: normal;
  max-width: 320px;
}
.social-links h4 {
  --heading-fs: 34px;
  --heading-lineheight: 1.2em;
  --heading-text-transform: uppercase;
}
.social-links a { --body-color: #fff; }
.cta-block { margin: 40px auto 0; }
.cta-block-content { --body-font: var(--f-inter); }
.cta-block-content p, .cta-block-content h5 {
  --heading-lineheight: 1.5em;
  --heading-color: white;
}
.cta-block-content .subHeadline { display: none; }
:where(.medium-container, .intro-block) :is(h1 + p, h1 + p a) {
  --body-fs: var(--fs-20);
  --body-lineheight: 1.5;
  text-align: center;
}
:where(.grid-container) {
  display: var(--grid-container-display, grid);
  grid-template-columns: var(--grid-container-template-cols, 1fr);
  gap: var(--grid-container-gap, 1rem);
  justify-content: var(--grid-container-justify, inherit);
  grid-column: var(--grid-container-cols, unset);
}
/*----------------------------------
Feature Block Section
------------------------------------*/
:is(.feature-block-wrap) .feature-block { text-align: left; }
:is(.feature-block-wrap) .feature-block .subHeadline {
  --body-font: var(--f-raleway);
  --body-fs: var(--fs-12);
  --body-color: var(--yellow-400);
  --body-fw: 800;
  --body-letterspace: 1.2px;
  --body-lineheight: 1.2;
  --body-margin: 0.7rem 0 1rem;
  --body-text-transform: uppercase;
}
:is(.feature-block-wrap) .feature-block .headline {
  --heading-font: var(--f-raleway);
  --heading-fs: var(--fs-26);
  --heading-color: var(--blue-400);
  --heading-lineheight: 1.1;
  --heading-fw: 400;
  --heading-margin: 1rem 0 0;
  --heading-letterspace: 0px;
  text-transform: initial;
}
:is(.feature-block-wrap) .image-label { display: none; }
:is(.feature-block) .button { display: inline-flex; }
:is(.custom-feature-module) .feature-block-wrap {
  --custom-feature-cols: 1;
  --div-temp-cols: 1;
  --div-gap: 2rem;
  --div-display: flex;
  display: var(--div-display);
}
:is(.custom-feature-module) .feature-block-wrap .feature-block {
  --div-bg-color: var(--white);
  width: 100%;
  padding-inline: 0;
  text-align: center;
}
:is(.custom-feature-module) .feature-block-wrap p:not(.subHeadline) { --body-font: var(--f-basic-sans); }
:is(.custom-feature-module) .feature-block-wrap a { --body-padding: 0; }
:is(.model-homes-section) .feature-block p + .button { margin-top: .5rem; }
@media (width < 768px) {
  .intro-block .type-headline_centered text h1 { --heading-margin: 25px 0 0; }
  .feature-block-wrap .image-label { --body-padding: 8px 5px; }
  .video-module .gallery-module .gallery-social { text-align: center; }
  :is(.custom-feature-module) .feature-block-wrap .feature-block { width: calc(100% - 2rem); }
}
@media (width >= 768px) {
  :is(.custom-feature-module) .feature-block-wrap {
    --div-display: grid;
    --div-temp-cols: 2;
  }
}
@media (width >= 992px) {
  :is(.custom-feature-module) .feature-block-wrap { --div-temp-cols: 3; }
}
/*----------------------------------
BG Graphics
------------------------------------*/
:where(.bg-graphic) {
  --bg-content: unset;
  --bg-graphic-img: unset;
  --bg-position: center;
  --bg-size: cover;
  --bg-height: 100%;
  --bg-width: 100%;
  --bg-top: unset;
  --bg-right: unset;
  --bg-bottom: unset;
  --bg-left: unset;
  --bg-transform: unset;
  --bg-z-index: unset;
  position: relative;
}
:where(.bg-graphic)::before {
  content: var(--bg-content);
  background-image: var(--bg-graphic-img);
  background-position: var(--bg-position);
  background-size: var(--bg-size);
  background-repeat: no-repeat;
  position: absolute;
  top: var(--bg-top);
  right: var(--bg-right);
  left: var(--bg-left);
  bottom: var(--bg-bottom);
  height: var(--bg-height);
  width: var(--bg-width);
  transform: var(--bg-transform);
  z-index: var(--bg-z-index);
}
@media (width >= 1280px) {
  :where(.bg-graphic) { --bg-content: ""; }
}
/* inline form graphic */
:where(.bg-graphic.form-container)::before { content: ""; }
/*------------------------------------
Inline Form Global Styles
--------------------------------------*/
:where(.inline-form-section) {
  --img-display: none;
  & :where(.form-container) {
    --bg-graphic-img: url(/media/9702783/form-background-mobile.jpg);
    --bg-position: center;
    --bg-size: cover;
    --bg-height: 100%;
    --bg-width: 100%;
    --bg-top: 0;
    --bg-color: var(--cream);
    --div-bg-color: var(--bg-color);
    --div-display: flex;
    --div-justify-content: center;
    --div-align-items: center;
    --div-flex-dir: column;
    --div-padding: 2rem;
    & h3 {
      --heading-fs: var(--fs-32);
      position: relative;
      z-index: 5;
      @media (992px <= width <= 1024px) {
        --heading-fs: var(--fs-30);
      }
    }
  }
  & .form-field-section {
    --div-max-h: 175px;
    --div-padding: 0;
    --div-bg-color: transparent;
    position: relative;
    z-index: 5;
    & div { background: transparent; }
    & input { --body-fs: var(--fs-16); }
    & .disclaimer {
      --body-fs: var(--fs-16);
      --body-margin: 30px 0 10px;
      --body-lineheight: 28px;
      --body-letterspace: 0.028em;
    }
    @media (width < 768px) {
      max-width: 100% !important;
      width: 100%;
    }
  }
  & :where(.privacy-btn-container, .privacy-btn-container *) { --body-fs: var(--fs-12); }
  & .privacy-btn-container {
    position: relative;
    z-index: 9;
  }
  @media (width >= 768px) { --bg-graphic-img: url(/media/9702784/ipad-topography-background.png); }
  @media (width > 992px) {
    --bg-graphic-img: url(/media/9698474/topography-background-form.png);
    --heading-fs: var(--fs-30);
    --div-padding: 1.5rem;
  }
  & .img-container { display: var(--img-display); }
  @media (width >= 992px) {
    --img-display: flex;
    & .grid { grid-template-columns: 1.5fr 1fr !important; }
  }
}
.form-row {
  & h2 {
    font-size: 9vw;
    color: var(--blue-400);
    @media (width >= 768px) { font-size: 6vw; }
    @media (width >= 1090px) { font-size: var(--fs-70); }
  }
  & h2 + p {
    @media (width > 1024px) { width: 85%; }
  }
  & .image-with-text {
    & .text {
      margin-right: var(--text-margin-right, 0) !important;
      @media (width > 1344px) { --text-margin-right: 30px; }
    }
    & .image img {
      max-width: 580px;
      max-height: 580px;
    }
  }
  & .formpanel .type-rte {
    @media (width >= 768px) { padding-left: 0 !important; }
  }
  & .button-right {
    --text-alignment: center;
    text-align: var(--text-alignment) !important;
    & button { --btn-width: 150px; }
    @media (width > 768px) { --text-alignment: left; }
  }
}
/* comma section */
:where(.comma-block-section) .col-md-12 { --div-min-h: 300px; }
:where(.comma-block-section) .col-md-12 > div:first-of-type { --div-bg-color: var(--cream); }
:where(.comma-block-section) .col-md-12 .comma-container { --div-padding: 2rem; }
:where(.comma-block-section) .content-section {
  --div-width: min(100%, 650px);
  --div-display: flex;
  --div-justify-content: center;
  --div-align-items: center;
  --div-margin: 0 auto;
  --div-padding: 0;
  --div-flex-dir: column;
}
:where(.comma-block-section) .asterisk {
  --body-font: var(--f-veneer);
  --body-color: var(--blue);
  --body-fs: var(--fs-100);
  --body-lineheight: 0;
  --body-margin: 45px 0 0;
  --body-fw: 300;
}
@media (width < 767px) {
  :where(.comma-block-section) .content-section .custom3 { --body-fs: var(--fs-18); }
  :where(.accordion.question) p.accordion-toggle { padding-right: 2rem; }
  :where(.accordion.question) p.accordion-toggle::after { right: 10px; }
}
/*----------------------------------
Grid Gallery
------------------------------------*/
:where(.grid-gallery-section) {
  --gallery-templates-cols: 8;
  --gallery-col: 1/8;
  --gallery-display: block;
}
:where(.grid-gallery-section) .grid-gallery {
  grid-template-columns: repeat(var(--gallery-templates-cols), 1fr);
  overflow: hidden;
}
:where(.grid-gallery-section) .grid-gallery :where(img, video) {
  overflow: hidden;
  width: 100%;
}
:where(.grid-gallery) :where([class*="gallery-item-"], video) {
  grid-column: var(--gallery-col);
  display: var(--gallery-display);
}
:where(.gallery-item-1) { --gallery-col: 1/5; }
:where(.gallery-item-2) { --gallery-col: 5/9; }
:where(.gallery-item-2) + :where(video) { --gallery-col: 1/9; }
:where(.gallery-item-3) { --gallery-display: none; }
:where(.gallery-item-4) { --gallery-display: none; }
:where(.gallery-item-5) { --gallery-display: none; }
:where(.gallery-item-6) { --gallery-display: none; }
@media (width >= 992px) {
  :where(.grid-gallery-section) { --gallery-templates-cols: 30; }
  :where(.gallery-item-1) { --gallery-col: 1/8; }
  :where(.gallery-item-2) { --gallery-col: 8/15; }
  :where(.gallery-item-2) + :where(video) { --gallery-col: 15/31; }
  :where(.gallery-item-3) {
    --gallery-col: 5/9;
    --gallery-display: block;
  }
  :where(.gallery-item-4) {
    --gallery-col: 1/8;
    --gallery-display: block;
  }
  :where(.gallery-item-5) {
    --gallery-col: 8/24;
    --gallery-display: block;
  }
  :where(.gallery-item-6) {
    --gallery-col: 24/31;
    --gallery-display: block;
  }
}
/* gallery section with 5 items */
:where(.grid-gallery-section).gallery-5-items {
  --gallery-templates-cols: 24;

  & :where(.gallery-item-1) { --gallery-col: 1/7; }
  & :where(.gallery-item-2) { --gallery-col: 7/19; }
  & :where(.gallery-item-3) { --gallery-col: 19/25; }
  & :where(.gallery-item-4) { --gallery-col: 1/13; }
  & :where(.gallery-item-5) { --gallery-col: 13/25; }
  @media (width < 768px) {
    & :where(.gallery-item-3) { --gallery-display: none; }
    & :where(.gallery-item-4, .gallery-item-5) { --gallery-display: grid; }
    & :where(.gallery-item-1) { --gallery-col: 1/9; }
    & :where(.gallery-item-2) { --gallery-col: 9/25; }
  }
  @media (width >= 768px) {
    & :where(.gallery-item-3, .gallery-item-4, .gallery-item-5) { --gallery-display: grid; }
  }
}
/* inline gallery */
:where(.grid-gallery-section).inline-gallery {
  --gallery-templates-cols: 16;

  & :where(.gallery-item-1) { --gallery-col: 1/9; }
  & :where(.gallery-item-2) { --gallery-col: 9/13; }
  & :where(.gallery-item-3) { --gallery-col: 13/17; }
  @media (width < 768px) {
    & :where(.gallery-item-1) { --gallery-col: 1/17; }
    & :where(.gallery-item-2) { --gallery-col: 1/9; }
    & :where(.gallery-item-3) {
      --gallery-display: block;
      --gallery-col: 9/17;
    }
  }
  @media (width >= 768px) {
    & :where(.gallery-item-3) { --gallery-display: grid; }
  }
}
:where(.banner-section) {
  > .container {
    --container-padding-inline: 0;
    --container-padding-block: 4rem;
    --content-flex-direction: column;
    --title-mb: 1.5rem;
    padding-inline: var(--container-padding-inline);

    & .column.col-md-12 {
      padding-inline: var(--container-padding-inline);

      & .content-holder {
        padding-block: var(--container-padding-block);
        flex-direction: var(--content-flex-direction);

        > p {
          margin-bottom: var(--title-mb);
          text-align: center;
        }
      }
    }
    @media (width >= 992px) {
      --container-padding-inline: 15px;
      --container-padding-block: 1rem;
      --content-flex-direction: row;
      --title-mb: 0;
    }
  }
}
/*-------------------------------------------
Dropdown Gallery
---------------------------------------------*/
:where(.grid-with-controls) {
  --ddg-template-cols: 1;
  --ddg-gap: 1rem;

  & .lightgallery {
    display: grid;
    grid-template-columns: repeat(var(--ddg-template-cols), 1fr);
    gap: var(--ddg-gap);

    & .gallery-module {
      width: 100%;
      padding: 0;
      margin: 0;
    }
    & .sub-html { display: none; }
  }
  @media (width >= 768px) {
    --ddg-template-cols: 2;
    --ddg-gap: 1.5rem;
  }
  @media (width >= 992px) {
    --ddg-template-cols: 3;
    --ddg-gap: 2rem;
  }
}
/*----------------------------------
split-module
Splits module in half 50% 50%
Doesnt matters if its video or image
------------------------------------*/
.split-module {
  --content-module-width: 50%;
  --card-margin: 30px;
  --split-half-module-direction: row;
}
.split-module .standard-module { flex-direction: var(--split-half-module-direction); }
.split-module .standard-module.text-left { --split-half-module-direction: row-reverse; }
.split-module .standard-module.text-left div:first-child { margin-right: calc(var(--card-margin) - var(--card-margin)); }
.split-module .standard-module.text-right div:last-child { margin-left: var(--card-margin); }
.split-module .standard-module .content-module { width: var(--content-module-width); }
.split-module .text-left .text { margin-right: var(--card-margin); }
@media (width >= 992px) {
  .wide.split-module { --card-margin: 100px; }
}
@media (width < 768px) {
  .split-module {
    --content-module-width: 100%;
    --card-margin: 0;
    --split-half-module-direction: row !important;
  }
}
/*------------------------------
Homefinder Preview 2
------------------------------*/
.homefinder-preview-v2:not(.homesearch-preview) .slick-list { padding: 0 !important; }
.homefinder-preview-v2 .view-details { display: none; }
.homefinder-preview-v2 .home-details { width: 90%; }
.homefinder-preview-v2 .home-details span { font-size: var(--fs-15); }
.homefinder-preview-v2 .home-container { transition: all ease-in .3s; }
.homesearch-preview .homedetails > div:nth-of-type(2) > div:first-of-type {
  display: inline-block;
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homesearch-preview .modelItem { display: inline-block; }
.homesearch-preview .slick-list { padding: 0 !important; }
.homefinder-preview-v2.homesearch-preview .result { background-color: var(--white); }
.homefinder-preview-v2 .modelPrice { line-height: 1; }
.homefinder-preview-v2.homesearch-preview .result .homedetails { padding: .5rem; }
.homefinder-preview-v2.homesearch-preview > h2 {
  --heading-font: var(--f-merriweather);
  --heading-fs: var(--fs-24);
  --heading-fw: 700;
  margin: 0 0 2rem;
}
.homefinder-preview-v2.homesearch-preview :where(.homeName, .modelPrice, .modelPrice *) {
  --div-color: var(--blue);
  font-size: var(--fs-20);
  text-transform: capitalize;
  font-weight: 600;
}
.homefinder-preview-v2.homesearch-preview :where(.builderName) {
  --body-color: var(--gray-dark);
  font-size: var(--fs-17);
  text-transform: capitalize;
}
.homefinder-preview-v2.homesearch-preview :where(.homeAddress, .homeAddress *) {
  --body-fs: var(--fs-15);
  --body-fw: 400;
  --body-text-transform: capitalize;
  --div-fw: 400;
  --div-text-transform: capitalize;
  --div-fs: var(--fs-15);
  color: var(--gray-dark);
}
.homefinder-preview-v2.homesearch-preview .homeImage .featured {
  font-size: var(--fs-14);
  color: var(--white);
  display: flex;
  align-items: center;
  margin-top: .1rem;
}
.homefinder-preview-v2.homesearch-preview .homeImage.available::before {
  font-size: var(--fs-14);
  max-height: 36px;
}
.homefinder-preview h3 {
  --heading-color: #003146;
  --heading-text-transform: initial;
}
.homefinder-preview-v2 .preview-container .slick-arrow {
  color: var(--blue);
  top: 38%;
}
@media (width < 992px) {
  .homefinder-preview, .homefinder-preview-v2 { margin: 40px 0; }
  .homefinder-preview-v2 .preview-container .slick-slide { margin: 0; }
  .homefinder-preview-v2 .home-container:not(.slick-center) {
    transform:scale(.95);
    transition: all ease-in .3s;
  }
  .option-buttons .special-close { display: flex !important; justify-content: center; align-items: center; }
}
@media (width >= 992px) {
  .homefinder-preview-v2.homesearch-preview > h2 { --heading-fs: var(--fs-32); }
}
/*----------------------------------------
Parallax Video Module
------------------------------------------*/
:where(.parallax-video-row) {
  /* container */
  --parallax-video-height: 70vh;
  --parallax-video-border: 2px solid #fff;
  /* card container */
  --parallax-card-direction: center;
  --parallax-card-vertical-direction: center;
  --parallax-card-side-margin: 0;

  height: var(--parallax-video-height);
  position: relative;
  width: 100%;
  overflow: hidden;
}
:where(.parallax-video-row) :where(.container, .row):first-of-type {
  margin: 0 !important;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
:where(.parallax-video-row) :where(.column):first-of-type {
  height: var(--parallax-video-height);
  display: flex;
  align-items: center;
}
:where(.parallax-video-row) :where(.video_container) {
  clip: rect(0, 100vw, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -100;
}
:where(.parallax-video-row) :where(.video-content) {
  position: relative;
  display: flex;
  justify-content: var(--parallax-card-direction);
  align-items: var(--parallax-card-vertical-direction);
  z-index: 999;
  width: 100%;
  height: 100%;
}
:where(.parallax-video-row) :is(.video-content__description) { margin-right: var(--parallax-card-side-margin); }
:is(.parallax-video-row) :is(video) {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  min-width: 100vw;
  min-height: 100vh;
  max-width: none;
  max-height: none;
  visibility: visible;
  z-index: -1;
  transform: unset;
}

@media (width >= 992px) {
  :where(.parallax-video-row) {
    --parallax-card-direction: right;
    --parallax-card-side-margin: clamp(0px, 10vw, 160px);
  }
}
/*----------------------------------
Custom Card mobile first
------------------------------------*/
:where(.custom-card) {
  --custom-card-width: calc(100% - 3rem);
  --custom-card-container: 100%;
  --custom-card-padding: 2rem;
  --custom-card-fade: 0.90;
  --custom-card-shadow: 0 -1px 20px -1px rgb(0 0 0 / 20%);
  --custom-card-bg-color: #fff;
  --border-radius: 12px;
}
:where(.custom-card) .parallax-window > .container { width: var(--custom-card-container); }
.parallax-window .card { background-color: rgba(255, 255, 255, 0.8); }
:where(.custom-card) :is(.card, .text, .video-content__description) {
  border-radius: var(--border-radius);
  width: var(--custom-card-width) !important;
  max-width: var(--custom-card-width) !important;
  padding: var(--custom-card-padding);
  box-shadow: var(--custom-card-shadow);
  opacity: var(--custom-card-fade);
  background-color: var(--custom-card-bg-color);
}
:where(.custom-card) :where(.video-content__description) p { margin-bottom: 0; }
@media (768px <= width < 992px) {
.custom-card {
  --custom-card-width: 500px;
  --custom-card-padding: 4rem;
}
}
@media (width >= 992px) {
  .custom-card {
    --custom-card-width: 450px;
    --custom-card-container: 90%;
    --custom-card-padding: 3rem 4rem;
  }
}
@media (width >= 1600px) {
  .custom-card {
    --custom-card-width: 550px;
    --custom-card-padding: 4rem 5rem;
  }
}
@media (width >= 2300px) {
  .custom-card { --custom-card-width: 750px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:is(header) {
  --logo-margin-left: auto;
  --search-margin-right: auto;
  max-height: var(--navbar-height);
}
:is(header, nav) { background: var(--header-bg-color, var(--blue-400)); }
:is(nav) { display: none !important;}
:where(header) * { transition: all .2s ease-in-out; }
:where(header) :is(a, i, p):not(.vip :where(a, p, i)) {
  font-size: var(--fs-18) !important;
  font-weight: 400;
  color: var(--header-text-color, var(--yellow-500)) !important;
  line-height: 1;
}
:is(header) nav .mainmenu a { text-transform: initial; }
:where(header) { box-shadow: var(--nav-box-shadow); }
:is(header) nav .mainmenu > i + li > a {
  display: flex;
  justify-content: left;
  align-items: center;
}
.search-input[type="text"] {
  --body-color: var(--white);
  --body-fw: 500;
  font-size: var(--fs-16);
  background: var(--navy-blue-200);
}
.search-input[type="text"]::placeholder { color: #fff; }
.search-wrap i { color:#383531; }
:where(.anchortop.vip) {
  background-color: var(--div-bg-color, var(--yellow-400));
  box-shadow:  0px 3px 10px 0px rgba(0, 0, 0, 0.20);
  margin-right: 2rem;
  height: calc(100% + 20px) !important;
  & :where(a, p, i){ color: var(--beige-500) !important; }
  & a:hover :where(p, i, i::before) { color: var(--beige-500) !important; }
  & p {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4 !important;
    text-transform: uppercase;
    font-weight: 800;
    &:first-child {
      font-size: 10px;
      letter-spacing: 1.4px;
    }
    &:last-child {
      letter-spacing: 0.96px;
      &::after {
        content: "";
        height: 2px;
        width: 50px;
        position: absolute;
        background-color: var(--blue-400);
        transform: translateY(12px);
      }
    }
    & i::efore { margin-right: 0.8rem; }
  }
}
body :where(.site-body) { padding-top: var(--site-body-pt) !important; }
:where(header) .mainmenu > li > ul.submenu a { font-size: 17px !important; }
/* nav container */
:is(header) {
  & .logo {
    background-color: var(--blue-400);
    margin-left: var(--logo-margin-left);

    & img { padding: 5px !important; }
    @media (width >= 992px) { padding: 5px; }
  }
  & .search-toggle {
    margin-right: var(--search-margin-right);
    @media (width >= 992px) {
      order: 1;
      display: none;
    }
  }
  & nav .mainmenu {
    & a {
      --body-font: var(--f-metafora);
      --body-letterspace: 0.96px;
      font-size: var(--fs-24) !important;
      text-transform: uppercase;
      font-weight: 800;
    }
    & > li > ul.submenu {
      @media (width >= 992px) {
        transform: translateY(-1px);
        gap: 3rem;
        padding-left: 1rem;

        & li {
          padding: 0;
          background-color: var(--blue-700);
          & a {
            border-bottom: 1px solid var(--blue-light);
          }
          &:last-child a { border: unset; }
        }
      }
    }
    @media (width >= 992px) {
      justify-content: flex-end;
      padding-right: 1rem;
    }
  }
  /* custom navigation */
  & .custom-navigation {
    min-width: var(--custom-nav-min-width, 280px);
    display: flex;
    justify-content: space-around;
    margin-right: 1rem;
    & a {
      --body-font: var(--f-metafora);
      --body-letterspace: 0.96px;
      font-size: var(--fs-24) !important;
      text-transform: uppercase;
      font-weight: 800;
    }
  }
  & .nav-contact-us { display: none !important; }
  &.search-open {
    & :where(.search-submit, .search-toggle) { --header-text-color: var(--teal-200); }
    & .search-input::placeholder {
      font-family: var(--f-raleway);
      font-weight: 500;
      font-size: var(--fs-16);
      line-height: var(--fs-32);
      color: var(--white);
    }
  }
  & .phone.show-sm { display: none; }
  @media (width < 768px) {
    & .logo { flex: 0 1 167px !important; }
    & .custom-navigation {
      --custom-nav-min-width: 200px;
      margin: 0;
      & a { font-size: var(--fs-20) !important; }
    }
  }
  @media(width < 992px) {
    & .burger.toggle-menu { display: none; }
    & .logo { margin: 0 !important; }
  }
  @media (width >= 992px) {
    --logo-margin-left: 1svw;
    --search-margin-right: 1svw;
  }
}
/*------------------------------
Main/Sub Nav
------------------------------*/
@media (width <= 992px) {
  /* nav icons */
  header .phone i { color: #fff; }
  header nav .nav-dropdown { color: var(--navy-blue-200); }
  header nav .submenu li:first-of-type a { text-transform: none; }
  /*vip*/
  .menu .border-top { border-top:1px solid #796860; }
  header .social-menu a { color:#8a7f78; }
  .fas.fa-angle-down { display: none; }
  header .logo { padding: 4px; }
  header .vip-xs a {
    font-size: var(--fs-15) !important;
    color: var(--white) !important;
    background-color: var(--orange-400);
    padding: 7px 15px 5px 15px;
    border-radius: 0;
  }
  header :is(.nav-contact-us, .social-menu) { display: none; }
}
@media (width >= 768px) {
  header .phone.hide-sm { display: none; }
}
@media (width >= 992px) {
  nav .menu li a:hover, header .search-toggle:hover,
  header .phone:hover i, nav .menu li > a:hover ~ i[class*="fas fa-"] { --header-text-color: var(--gray-500); }
  header :where(.search-toggle, .phone) { z-index: 99; }
  :where(header) .submenu a { --header-text-color: var(--white); }
  /* DROPDOWN NAV */
  .submenu li:first-of-type { padding-right: 0px !important; }
  header nav .mainmenu > li:first-of-type:hover > ul.submenu { left: -15px; }
  .homepage :where(header).affix-top nav .mainmenu > li > ul.submenu { transform: translateY(-15px); }
  header nav .mainmenu > li.nav-builders-models > ul.submenu {
    @media (width >= 768px) { width: 200px; }
  }
  header nav .submenu .active > a { color:#d7c300; }
  header nav .active > i[class*="fas fa-"] { font-weight: 600; }
  header nav .mainmenu > li:hover:first-of-type > ul.submenu > li { padding: 0 15px 0 30px; }
  :is(header) nav .mainmenu > i + li > a { justify-content: left; }
  /* :is(header) nav .mainmenu > i + li.active > a { --header-text-color: var(--gray-200); } */
}
@media (992px <= width <= 1024px) {
  header nav .mainmenu.menu { justify-content: space-between; }
  header nav .mainmenu a { font-size: var(--fs-15) !important; }
}
@media (768px <= width <= 992px) {
  header .phone.show-sm { pointer-events: none; }
  header .phone.show-sm .fa-envelope { display: none; }
}
@media (width < 768px) {
  header .logo { margin-left: 10px; }
  header .phone.hide-sm { display: none; }
  header .phone.show-sm { display: none; }
  header .mainmenu li.active > a::after { background-color: transparent; }
  header .mainmenu li.active > a { color: #d7c300; }
}
/* footer */
footer {
  background-color: var(--footer-bg-color, var(--blue-400));
  & .footerCopy {
    padding-block: 2rem;

    & h6 > a { --body-fw: 600; }
    & ul li {
      --body-fs: var(--fs-16);
      --body-color: var(--gray-300);
      --body-fw: 400;
    }
    & :is(a, p, strong, li, span) { color: var(--white) !important; }

    & .foot-main .inner {
      justify-content: center;
      & a {
        --body-fs: var(--fs-16);
        --body-text-transform: inherit;
      }
      & .newsletters {
        padding: 0 !important;
        flex: 1 .5 200px !important;
        @media (width < 768px) {
          & img { margin-inline: auto; }
        }
      }
    } 
    & .foot-legal p { text-align: center; }
  }
}
:is(.social-menu) {
  --social-icons-width: 20px;
  --social-icons-height: 24px;
  & .fa-linkedin-in::before,
  & .icon-instagram::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--social-icons-width);
    height: var(--social-icons-height);
  }
  & .icon-instagram::before {
    --social-icons-height: 24px;
    --social-icons-width: 24px;
  }
}
footer .social-menu a { color: #fff; }
/* .bottomCopy { margin-top: 50px; } */
/*------------------------------
Footer Main
------------------------------*/
.foot-main .footer-subheadline { --div-margin: 0 0 0.5rem; }
.foot-main .footer-subheadline ~ :where(a, p) { --body-fs: var(--fs-17); }
footer #newsletter .input-wrap { margin-top: 20px; }
:is(.foot-main) input { border-radius: 0; }
#newsletter button[type="submit"] {
  --btn-bg-color: var(--blue);
  --btn-width: 40px;
  --btn-minheight: 40px;
  --btn-maxheight: 40px;
  border-radius: 0 !important;
}
.foot-sub {
  --actions-pr: 50px;
  background-color: var(--footer-bg-color);
  text-align: center;
}
.foot-sub .foot-sub-links {
  --div-display: grid;
  --div-gap: 1.7rem;
  @media (width < 992px) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
  }
  @media (width < 768px) { grid-template-columns: repeat(1, 1fr); }
}
.foot-sub .foot-sub-links a:not(:last-child) { margin-right: var(--actions-pr); }
.foot-sub a {
  --body-color: var(--gray-dark);
  --body-fs: var(--fs-16);
  --body-fw: 400;
}
.foot-legal { background-color: var(--footer-bg-color); }
.foot-legal * { --body-fs: var(--fs-12); }
.instagrid[data-item-count] {
  --grid-cols: 2;
  grid-template-columns: repeat(var(--grid-cols), 1fr) !important;
  gap: 1rem;
}
.foot-sub .foot-sub-links .privacy-choices img { margin-left: 1rem; }
.social-feed-header {
  --social-justify-content: center;
  --social-align-items: center;
  --social-icons-display: none;
}
.social-feed-header .table-intro-content {
  justify-content: var(--social-justify-content);
  align-items: var(--social-align-items);
}
.social-feed-header .table-intro-content h4 + p { display: var(--social-icons-display); }
footer .bottomCopy h2 {text-transform: none;}
footer .images.hidden-xsflex img { min-width: 130px; }
:is(.foot-main) .newsletters .field-icons { margin-top: 8px; }
:is(.social-feed-header) a,
:is(.foot-main) .newsletters .field-icons a {
  --body-fs: var(--fs-32);
  --body-color: var(--blue);
}
:is(.social-feed-header) a:not(:last-of-type),
:is(.foot-main) .newsletters .field-icons a:not(:last-of-type) { margin-right: 1rem; }
:is(.foot-main) .newsletters .images a:first-of-type { margin-right: 25px; }
:is(.footerCopy, .homesearch-footer) {
  --footer-container-width: 100%;

  & .foot-main > .container { width: var(--footer-container-width) !important; }
  @media (width >= 992px) { --footer-container-width: 80%; }
  @media (width >= 1300px) { --footer-container-width: 1290px; }
}

@media (768px <= width < 992px) {
footer .images.hidden-xsflex img { min-width: 100px; }
.foot-sub { --actions-pr: 30px; }
}
@media (width < 992px) {
  .foot-main .inner { flex-wrap: wrap; }
  .foot-main .inner .foot-col {
    flex: unset;
    width: 100%;
    padding: 0 !important;
  }
  footer :where(.logo) p > img { display: none; }
  footer #footer_logo {
    width: 22svh;
    margin-inline: auto;
  }
  footer :where(.menu) ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  footer :is(.foot-main) .info {
    order: 0;
    text-align: center;
    padding-top: 0;
  }
  footer :is(.foot-main) .info .mb-6 + div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .foot-main .newsletters { text-align: center; }
  .foot-main #newsletter .input-wrap { margin-inline: auto; }
  .foot-main .newsletters a:first-of-type, .foot-legal .images a:first-of-type { margin-right: 0; }
  .foot-main .newsletters .images { justify-content: center; }
  .foot-main .newsletters .images img { max-width: 20svh; }
  footer .privacy-footer img { margin-inline: auto; }
  footer .images.flex-xs { justify-content: space-between; margin-top: 25px; }
  footer .images.flex-xs img { max-width: 160px; width: 100%; }
  .foot-sub { --actions-pr: 0; }
}
@media (width >= 768px) {
  .social-feed-header {
    --social-justify-content: space-between;
    --social-align-items: flex-end;
    --social-icons-display: block;
  }
  .homesearch-footer { border-top: none !important; }
  .homefinder .homesearch-footer .foot-main :is(.logo, .menu, .info) { border-right: 1px solid var(--divider-lines-color) !important; }
  .foot-main :where(.logo) img {
    width: 80%;
    margin: auto;
  }
}
.foot-sub .foot-sub-links a { display: flex; } 
@media (width >= 992px) {
  .instagrid[data-item-count] { --grid-cols: 4; }
  .foot-sub .foot-sub-links {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .homefinder .homesearch-footer .inner { padding-block: 2rem !important; }
  .foot-main :is(.foot-col.menu) { justify-content: space-between !important; }
  .foot-main :is(.foot-col.menu) ul li:first-of-type { margin-top: 15px; }
  .foot-main :is(.foot-col.info) { flex: 1 1.1 320px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
PAGINATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page_navigation :where(.previous_link, .next_link, .first_link, .last_link):not(.no_more) > span { --body-color: var(--blue-700); }
:where(.blog-root) .page_navigation .active_page { --body-color: var(--blue-700); }
.page_navigation .active_page {
  --body-color: var(--blue);
  --link-decoration: none;
  vertical-align: baseline;
}
:where(.blog-root) .page_navigation .page_link:not(.active_page) {
  --body-color: #969696;
  --link-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BLOG
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:where(.news, .Post) :where(.container.blog-post-content) {
  @media (width >= 992px) { width: 992px !important; }
}
:where(.news, .Post) #page_container {
  margin-top: 4rem;
  @media (width > 992px) {
    padding-right: 0;
    /*& .blog-post.first { width: 50% !important; }*/
  }
}
:where(.news, .Post) .blog-post-main-content :where(.col-md-8) {
  width: 83% !important;
  margin: auto;
  padding-inline: 15px !important;
}
.news .blog-post-main-content > .container > .row { display: flex; }
.Post .blog-post-main-content { display: flex; }
.Post .blog-post-main-content .col-md-4 { display: none !important; }
.blog-title h1 { margin-top: 2rem; font-size: var(--fs-46) !important; font-weight: 700;}
.blog-title h3, .blog-title h1 {
  font-family: var(--f-raleway);
  font-weight: 500;
  line-height: 1;
}
.blog-title h1 { margin-top: 2rem; font-size: var(--fs-40) !important; font-weight: 700; color: var(--blue-400);}
.blog-title h3 {
  --heading-font: var(--f-raleway);
  font-size: var(--fs-26) !important;
  --heading-color: var(--blue-400);
  --heading-lineheight: 1.1;
  --heading-fw: 400;
  --heading-margin: 1rem 0 0;
  --heading-letterspace: 0px;
  text-transform: initial;
}
.blog-text h2 {font-size: var(--fs-36) !important; font-weight: 700; }
:is(.blog-title) { margin-top: .5rem; }
:is(.blog-teaser, .blog-date, .blog-title, .blog-read-more) { text-align: left; }
:is(.blog-teaser, .blog-date, .blog-read-more) {
  & .button.button2 {
    border: unset !important;
    color: #222423 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-transform: initial !important;
    background-color: transparent !important;
    padding-inline: 0 !important;
    min-width: fit-content !important;
  }
  @media (width < 768px) { padding: 0 15px; }
}

:where(.blog, .events) .intro-block a:not(.button, .home-link) {
  --body-fs: var(--fs-23);
  --body-margin: .4rem 0 0;
  --body-color: var(--gray-soft);
}
.blog-post-content .tags-holder .comma-orange { color: var(--blue-700); }
.blog-post-content .tags-holder a {
  color: var(--blue-700);
  font-size: 16px;
  font-weight: 400;
}
.blog-post-content .tags-holder .tag-title {
  text-transform: capitalize;
  font-size: var(--fs-16);
  font-weight: 400;
}
/* .blog-prev-next { display: none; } */
/*------------------------------
Blog - Side Bar
------------------------------*/
.blog-right-base, .blog-right-base a:not(.button) {
  --body-color: var(--gray-dark);
  --body-fw: 300;
}
/*.blog-right-base .type-docTypeRightColumn { border-top: 1px solid #dedede; }*/
.blog-right-base .type-docTypeRightColumn:last-of-type {
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
}
/* .blog-right-base .type-docTypeRightColumn:nth-child(2) { display: none; } */
/*----> Social Media <----*/
/* .blog-right-base .type-docTypeRightColumn:first-of-type { display:none; } */
.blog-prev-next { justify-content: normal; }
.blog-prev-next a {
  width: 100%;
  --link-decoration: none;
}
/*----> Callout Module <----*/
.callout-module { background-color: var(--blue-700); }
.callout-module {
  padding: 45px 5%;
  text-align: center;
  margin-bottom: 40px;
}
/* .blog-right-base .type-docTypeRightColumn:nth-of-type(2) h4 { color:var(--blue-200); } */
/* .blog-right-base .type-docTypeRightColumn:nth-of-type(3) h4 { color: var(--blue-200); } */
.callout-module h4 {
  font-family: var(--f-raleway);
  font-size: var(--fs-22) !important;
  color: var(--white);
  letter-spacing: 0 !important;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  margin-bottom: 15px;
}
.callout-module div {
  font-family: var(--f-raleway);
  font-size: var(--fs-18) !important;
  color: var(--white);
  letter-spacing: 0 !important;
  text-align: center;
  font-weight: 400;
  padding: 0 40px;
}
.callout-module .button {
  border: var(--btn-border-width, 1px) solid var(--btn-border-color, var(--white));
  color: var(--btn-text-color, var(--white));
  margin-left: auto;
  margin-right: auto;
}
.callout-module .button:hover {
  background-color: var(--white);
  color: var(--blue-300);
}
/*----> Tags <----*/
.blog-right-base :where(.blog-tag-cloud, .blog-archive-base) { margin-top: 30px; }
.blog-right-base .blog-tag-cloud li a:hover, .blog-tag-cloud li a.selected { background-color: var(--gray-low); }
.blog-right-base .blog-tag-cloud li a {
  --body-fs: var(--fs-16);
  --body-fw: 500;
  --body-lineheight: 2;
  --link-decoration: unset;
  border: 1px solid #000;
  color: var(--black-400);
  border-radius:0;
  min-height: 38px;
}
:where(.blog, .events, .Post) .callout-module {
  --div-bg-color: var(--blue-700);
  text-align: left;

  & h4 { margin-bottom: 20px; }
  & *:not(.button) {
    --heading-color: var(--white);
    --div-color: var(--white);
    --div-fw: 300;
  }
  & .button {
    --btn-text-color: var(--white);
    --btn-bg-color: var(--blue-700);
    --btn-border-color: var(--white);
  }
}
:is(.blog-archive-base) li :is(a, span) {
  font-family: var(--f-raleway);
  font-size: var(--fs-16);
  color: var(--black-400);
}
:is(.blog-archive-base) li a { font-weight: 800 !important; }
:is(.blog-archive-base) li span { font-weight: 500 !important;} 
/*------------------------------
Blog - Overview
------------------------------*/
.blog-date p {
  --body-fw: 800;
  --body-letterspace: 1.2px;
  --body-lineheight: 1.2;
  --body-margin: 0.7rem 0 1rem;
  --body-text-transform: uppercase;
  color: var(--yellow-400);
  font-size: 12px;
  letter-spacing: 1.2px;
  font-weight: 800;
  text-transform: uppercase;
}
.blog-text .type-rte a:not(.button){
  text-decoration: underline !important;
  font-weight: 700;
}
.Post .box-wrapper { height: 300px; overflow-y: scroll; }
.Post ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
.Post ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.Post ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}
.Post li ol > li { margin: 0; }
.Post li ol > li:before { content: counters(item, ".") " "; }
/*----> Other Overview Articles <----*/
:where(.blog, .events) .blog-date p {
  font-family: var(--f-merriweather);
  color: var(--blue);
  font-size: var(--fs-16);
  letter-spacing: 0;
}
.blog .small-headline, .blog .blog-right-inner h4 { --heading-fs: var(--fs-24); }
/*------------------------------
Blog - Post
------------------------------*/
.Post .blog-post-main-content > .col-md-6 { display: none !important; }
.Post .blog-right-base .type-docTypeRightColumn:first-of-type {
  display: block;
  padding-top: 0;
  & .callout-module {
    display: grid;
    place-content: center;
    height: var(--callout-box-height, auto);
    @media (width >= 992px) { --callout-box-height: 349px; }
    @media (width >= 1200px) { --callout-box-height: 317px; }
    @media (width >= 1300px) { --callout-box-height: 290px; }
  }
}
.Post .share-and-comment, .blog-prev-next {
  border-top: 1px solid #e3cfc5;
  border-bottom: 1px solid #e3cfc5;
}
/*----> Prev/Next Buttons <----*/
.blog-prev-next i { color: var(--blue); font-weight: 600; }
.blog-prev-next .prev + .next { border-left: 1px solid #e3cfc5; }
.blog-prev-next h6 {
  --heading-font: var(--f-inter);
  --heading-color: var(--blue-700);
  --heading-fs: var(--fs-22);
  --heading-text-transform: uppercase;
  --heading-fw: normal;
}
.blog-prev-next span {
  --heading-font-fw: 600;
  --heading-letterspace: 1px;
}
.Post .related-posts { display: none; }
/*----> "You May Also Like" Section <----*/
.Post .blog-post-content .you-may-also h4 {
  font-size: var(--fs-32);
  margin-bottom: 25px;
  text-align: center;
}
.Post .related-post .related-date {
  --body-font: var(--f-inter);
  --body-color: var(--blue-700);
  --body-fs: var(--fs-14);
}
.Post .related-post .related-title {
  --body-font: var(--f-inter);
  --body-color: var(--blue-700);
  --body-fs: var(--fs-24);
  --body-text-transform: uppercase;
  line-height: 1.2;
  font-weight: 400;
}
.related-post .related-text { text-align: left; }
.Event .show-bullets li { list-style-type: circle; }
.Event .show-bullets { margin-bottom: 25px; }
.event-container .grid-section > div > .container { max-width: 750px; }
:is(.news, .Post) .cycle-slideshow {
  display: block !important;
  margin: 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
EVENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.no-posts { margin-top: 100px; }
.event-headline h2 {
  --heading-fs: var(--fs-54);
  --heading-font: var(--f-inter);
  --heading-fw: 400;
  text-transform: none;
  line-height: 1.2em;
}
.atcb-item-link:hover { color: #003146; }
/*------------------------------
Social Ghost Buttons
------------------------------*/
.social-ghost-buttons { color: #003146; }
.social-ghost-buttons a { border: 1px solid #003146; }
.social-ghost-buttons a:hover { background-color: #003146; }
.social-ghost-buttons a i { color: #003146; }
.social-ghost-buttons a:hover i { color: #fff; }
/*------------------------------
Events - Filters
------------------------------*/
.events .clear-date-filters-button { --body-fs: var(--fs-14); }
.events :is(#date-range-filters, #age-range-filters) .innerContent > p { --body-fs: var(--fs-14); }
.events-filter-row input { --body-fs: var(--fs-14); }
.events .button a { --link-decoration: none; }
.ui-datepicker-calendar *, .ui-datepicker-header * { text-decoration: none !important; }
.innerContentOptions .eventsOption { margin: 0 !important; }
.events .innerContentOptions label {
  font-size: var(--fs-16);
  font-weight: 400;
}
.events #category-filters label {
  --body-color: var(--gray-dark);
  --body-fs: var(--fs-16);
  --body-fw: 400;
}
.events-options-wrap #clearFilters { color: #a19088; }
.events-options-wrap .filter-by { --div-color: var(--blue); }
.events-filter-row .active .innerContent { color: #003146; }
.events input[type="checkbox"] + label {
  --body-fs: var(--fs-20);
  --body-text-transform: capitalize;
  --body-fw: 600;
}
.events input[type="checkbox"]:checked + label span:before {
  --body-color: #fff;
  background-color: var(--blue);
  border-color: var(--blue);
}
.events input[type="checkbox"]:checked + label span:after { color: #fff; }
.events [type="checkbox"]:checked + label:before {
  background-color: var(--blue);
  border-color: var(--blue);
}
.events-filter-row :where(#age-range-filters, #date-range-filters) {
  --body-text-transform: capitalize;
  --body-fw: 500;
}
:where(.blog, .events) .blog-date p {
  --body-text-transform: capitalize;
  --body-color: #d7c300;
}
:is(.event-buttons) {
  & * { text-decoration: none !important; }
  & .button {
    background-color: var(--blue) !important;
    border: 1px solid var(--blue);

    &:hover {
      background-color: var(--blue-deep) !important;
      border: 1px solid var(--blue-deep);
    }
  }
}
.Event .event-container .blog-text [class^="type-"]:last-of-type:not(.type-docType) { margin-top: 40px; }
@media (width >= 768px) {
  .events-options-wrap { border-top: 1px solid #e3cfc5; }
}
@media (width < 768px) {
  .events-options.checkbox-filters label {
    padding: 0 0 0 1.95em;
    margin: 0;
    border-radius: 0;
  }
  .events-options.checkbox-filters > span {
    background-color: #e9e8e8;
    display: block;
    border-radius: 8px;
    padding: 16px;
    margin: 20px 0 0 0;
  }
  .events-options.open-xs .innerContent {
    --body-color: #003146;
    --body-text-transform: initial;
  }
  .events .first .blog-date p { --body-fs: var(--fs-20); }
  .event-headline h2 { --body-fs: var(--fs-24) !important; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HOMEFINDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.homefinder :is(.homefinder-filter-header, .homesearch-filter-header) .viewToggleIcons { --light: 45%; }
.viewToggle { --body-color:  hsla(34, 7%, var(--light), 1); }
.viewToggle.activeView { --light: 21%; }
.select-all-button { color: var(--blue); }
.clear-sort-filters-button { --body-fs: var(--fs-14); }
.sort-direction-button.active { color: var(--blue); }
.homefinder :is(.homesearch-filter-header) > .container:first-of-type {
  margin-left: 0 !important;
  width: 100% !important;
}
:is(.homesearch-filter-row) :where(p, span, a:not(.button), input),
:is(.homesearch-homes-container) .sortBy p * {
  --body-fs: var(--fs-18);
  --link-decoration: none;
}
:is(.innerContentOptions) a { --link-decoration: none; }
:is(.innerContentOptions) :where(.button:not(.cancel-button), .button:not(.cancel-button) *) { --body-color: var(--white); }
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions .clear-links + .values {
  display: flex;
  width: 100%;
}
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions :is(.price-filter, .select-wrapper) {
  width: 100%;
  margin-bottom: 0;
  float: unset;
}
:is(#selectDiv-square-footage, #selectDiv-price-range) .innerContentOptions :is(select, input) {
  font-size: var(--fs-16);
  color: var(--gray-dark);
  border: 1px solid var(--blue);
  background-color: transparent;
  border-radius: 0;
  width: 100%;
  padding: 0.65rem;
}
.homesearch-options input[type="checkbox"] + label::before {
  background: transparent;
  border-color: var(--black-400);
}
[type="checkbox"]:checked + label:before {
  background: var(--yellow-400) !important;
  border-radius: 0 !important;
  border-color: var(--yellow-400) !important;
}
:where(.homefinder-options, .homesearch-options) input[type="checkbox"] + label span,
:where(.homefinder-options, .homesearch-options) input[type="checkbox"]:checked + label span:before {
  background: var(--yellow-400);
  border-radius: 0;
}
:where(.homefinder-options, .homesearch-options) input[type="checkbox"]:checked + label span:after { color: #fff; }
:where(.homefinder-options, .homesearch-options) [type="checkbox"]:checked + label::before { background: var(--blue-deep) !important; }
.homesearch-options input[type="checkbox"] + label {
  --body-fs: var(--fs-18);
  --body-color: var(--blue);
}
:is(.homesearch-options, .homesearchOption) { margin-bottom: 0 !important; }
:is(.homesearch-options) .innerContentOptions input[type="checkbox"] + label {
  --body-fs: var(--fs-16);
  font-weight: 400;
  --body-color: var(--gray-dark);
}
.sort-direction i.active { color: var(--blue) !important; }
.option-count.show-count {
  background-color: var(--blue-deep);
  color: #fff;
}
:where(.homefinder-footer, .homesearch-footer) :where(.images, .foot-sub-homefinder) { margin-top: 15px !important; }
.homefinder .home-details, .homefinder .homedetails > div:nth-child(2) div { font-size: .8rem; }
.homeImage.available:before,
.homefinder #homeResults .result .homeImage.available::before {
  padding: 7px 15px 6px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homeImage.available:before, .details-image-slider.available:before,
.homefinder #homeResults .result .homeImage.available::before {
  font-size: var(--fs-14);
  max-height: 27px;
}
#homeResults .result .homeImage.banner:after { background-color: rgba(0, 0, 0, 0.3) !important; }
.homesearch-homes-map #marker-tooltip :where(*)  {
  font-family: 'ProximaNova-Regular', sans-serif;
  font-size: .9rem !important;
}
.marker {
  background-color: var(--blue-deep) !important;
  border: 1px solid var(--blue-deep) !important;
}
.marker.active {
  background-color: var(--blue-deep) !important;
  border: 10px solid hsla(197, 97%, 24%, .5) !important;
}
#clearFilters p {
  --body-color: var(--blue);
  --body-fs: var(--fs-14);
}
#homeResults .result .homedetails *, .similar-homes .home-preview  * {
  line-height: 1.5;
  font-size: var(--fs-16);
}
#homeResults .result .homedetails > div:first-of-type *, .similar-homes .home-preview :where(.homeName, .homePrice, .modelPrice) {
  --body-color: var(--blue);
  --div-color: var(--blue);
  font-size: var(--fs-18);
  text-transform: capitalize;
  font-weight: 600;
}
.Home :is(.similar-homes) {
  background-color: unset !important;
  @media (width < 768px) { & #similarHomes .col-sm-6:not(:last-of-type) { margin-bottom: 6rem; } }
  @media(width >= 768px) { padding: 60px; }
}
.Home .bottomCopy { margin-top: 0; }
@media (width >= 1024px) {
  .Home :is(.similar-homes) {
    --sh-direction: column;
    --sh-header-margin: auto;
    --sh-container-width: 100%;
    --sh-header-max-width: 100%;
    --sh-header-title-width: 100%;
    --sh-header-align: center;
    & :is(#similarHomes) {
      margin-top: 2rem;
      order: 1;

      & .home-preview { width: 100%; }
      > .row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
      }
      > .row::before { content: unset; }
    }
  }
}
.Home .similar-homes .homeImage .featured { font-size: var(--fs-12); margin-top: 2px;}
.similar-homes .homeImage.available::before {
  max-height: 36px;
  min-height: 36px;
}
#similarHomes > .row .home-preview:last-child { display: none; }
#homeResults .result .homedetails > div + div { margin-top: 0 !important; }
#homesearch #homeResults .result :where(.builderName) { --body-fw: 400; }
#homesearch #homeResults .result :where(.homeAddress, .homeAddress span) { color: var(--gray-dark); }
.homesearch-filter-row .innerContent :is(p, i) { color: #222; }
.homesearch-filter-row .innerContent :is(p) { margin-right: .35rem; }
.clear-filters-button,
.select-all-button,
.clear-price-filters-button,
.sort-direction-button { --body-fs: var(--fs-14); }
:where(.homesearch-filter-row) .innerContent {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 1rem !important;
}
@media (width >= 768px) {
  .homefinder :is(.homesearch-homes-container) {
    margin-top: -230px;
    padding-top: 230px;
  }
  .homesearch-homes-container.overlay::after {
    height: calc(100vh - 185px);
    top: 107px !important;
  }
  .homefinder :is(.homefinder-filter-header, .homesearch-filter-header) {
    background-color: var(--blue-light-2);
    padding: 17px 0px;
  }
  :is(.homesearch-header .homesearch-filter-row) { background-color: var(--cream); }
  :is(.homefinder-filter-row, .homesearch-filter-row) .active .innerContent {
    border-bottom: 2px solid #003146;
    color: #003146;
  }
  :where(.homesearch-filter-row) .innerContent { justify-content: center; }
}
@media (width < 768px) {
  #showVirtualTours label, #showInventory label, #showModels label, #showFeatured label { background-color: #e9e8e8; }
  :where(.homefinder-options, .homesearch-options).open-xs .innerContent { color: #003146; }
  .homesearch-filter-header .checkbox-filters [type="checkbox"]:not(:checked) + label:after,
  .homesearch-filter-header .checkbox-filters [type="checkbox"]:checked + label:after {
    left: 19px;
    top: 15px;
  }
  .homefinder .homesearch-homes-list.full #homeResults .result { width: 100%; }
  #ModelName .builderName__title { font-size: 250% !important; }
  h2.priceInfo { font-size: 190% !important; }
}
.homeImage.available:before, .details-image-slider.available:before {
  color: #fff;
  background-color: var(--blue-deep);
}
/*-----------------------------------------
Homefinder - Footer
-------------------------------------------*/
#page_container { background-color: var(--white) !important; }
.page_navigation { border-top: 1px solid var(--gray-harmony); padding-top: 2rem; }
.page_navigation * { text-decoration: none !important; }
.page_navigation :is(.last_link, .next_link) { color: var(--blue); }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MODEL DETAILS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1.modelName {
  font-size: 2.625em;
  line-height: 1em;
  text-transform: uppercase;
  font-family: 'proxima-nova', sans-serif;
  font-weight: lighter;
}
.details-image-slider .slick-dots li { background: #efefef; }
.details-image-slider .slick-dots .slick-active:before {
  content: '';
  width: 14.00px; /* keep exact decimals (resizing screen makes pixels 13.9px sometimes) */
  height: 14.00px;
  background: var(--blue);
  border-radius: 50%;
  z-index: -1;
  top: -3.00px;
  left: -3.00px;
  position: absolute;
}
.details-image-slider .slick-dots .slick-active {
  background: var(--blue);
  border: 2px solid #fff;
  position: relative;
  width: 12.00px;
  height: 12.00px;
  vertical-align: middle;
}
.calculator-container h1, .calc-result #monthlyPayment { color: #003146; }
:is(.Home) .calcInfo {
  --link-decoration: none;
  display: flex;
}
.Home .details-image-slider.available::before { max-height: 36px; }
.Home #ModelDetailTable .num-details div:not(#ModelAvailability) .valueItem { font-size: var(--fs-18); }
.Home #ModelDetailTable .mainItem, #ModelAvailability { font-size: var(--fs-18); }
.Home #ModelDetailTable .num-details > div > p > i { font-size: var(--fs-18); }
.Home #DescriptionTitle {
  --div-fs: var(--fs-24);
  --div-color: var(--blue);
  text-transform: capitalize;
}
#ContactDetails {
  --div-bg-color: var(--blue);

  & h2 { --heading-fs: var(--fs-34); }
  & .salesRepName p {
    --body-font: var(--f-merriweather);
    font-size: var(--fs-17);
  }
  & p {
    --body-fs: var(--fs-18);
    font-weight: 400 !important;
  }
  & *:not(.button, .button span) {
    --heading-color: var(--white);
    --body-color: var(--white);
    font-weight: 400;
  }
  & .button{
    --btn-text-color: var(--blue);
    --btn-bg-color: var(--white);
    --btn-border-color: var(--white);

    &:hover {
      --btn-text-color: var(--blue);
      --btn-bg-color: var(--gray-low);
      --btn-border-color: var(--gray-low);
    }
  }
}
.buttonBar a { color: var(--gray-dark); }
.buttonBar a:hover { background: var(--blue); }
.Home .generic-tabs a {
  --link-decoration: none;
  --body-font: var(--f-veneer);
  --body-fs: var(--fs-28);
  --body-text-transform: uppercase;
  --body-color: var(--blue);
  --body-fw: 400;
  padding: 7px 0;
}
.Home .generic-tabs .fake-tabs .print-button {
  --link-decoration: none;
  --body-font: var(--f-basic-sans);
  --body-fs: var(--fs-28);
  --body-text-transform: none;
  --body-color: var(--gray-dark);
  font-weight: 400;
  padding: 7px 0;
}
.Home .generic-tabs li.ui-state-active a, .fake-tabs p {
  border-bottom: 3px solid #a5dce3;
  padding: 7px 0;
  font-weight: 400 !important;
}
.Home .floorplan-title { text-align: center; }
/*Request form*/
.form-left #formContactDetails p { font-size: var(--fs-16); }
.request-info-form .form-left .modelName {
  --heading-fw: 400;
  --heading-fs: var(--fs-34);
  line-height: 36px;
}
.modelName a { --link-decoration: none; }
.Home #ModelAddress::after { color: #d1edf0; }
.contact .callout-module { display: none; }
.Home .slider-arrow { background-color: rgba(255,255,255, .5); }
.Home .slider-arrow.prev::before, .Home .slider-arrow.next::before { color: #003146; font-weight: 600; }
.Home .main-details .more-content { color: #003146; }
.Home .main-details .more-content {
  --btn-bg-color: var(--blue);
  --btn-lineheight: 2;
  color: var(--white);

  & i { margin-right: .5rem; }
  &:hover {
    --btn-bg-color: var(--blue-deep);
    --btn-border-color: var(--blue-deep);
  }
}
.Home :is(.mortgage-calculator-section) {
  --div-bg-color: #f5f4ef;
  box-shadow: unset;

  & h2 { --heading-fs: var(--fs-54); }
  & .form-section * { line-height: 1; }
  & .mortgage-inputs__group select {
    background-color: #fff;
    min-height: 38px;
  }
  & .mortgage-inputs__results  {
    & h3 {
      --heading-font: var(--f-basic-sans);
      font-size: var(--fs-20);
      font-weight: 400;
      color: #222;
    }
    & h2 { --heading-fs: var(--fs-70); }
  }
  & #results {
    color: #003146 !important;
    font-family: var(--f-basic-sans);
  }
}
.mortgage-calculator-section input:focus,
.mortgage-calculator-section input:active,
.mortgage-calculator-section .form-section select:focus,
.mortgage-calculator-section .form-section select:active { font-weight: 400 !important; }
.Home .mortgage-calculator-section :is(input, .form-section select):is(:focus, :active) + i { color: var(--blue); }
.Home .mortgage-calculator-section :is(input, .form-section select):is(:focus, :active) { border: 1px solid var(--blue); }
.Home .priceInfo {
  --heading-font: var(--f-basic-sans);
  font-size: var(--fs-38);
}
.Home .mortgage-calculator-section__disclaimer, .Home .mortgage-calculator-section__disclaimer a {
  font-size: .9rem;
  line-height: 1.5rem;
}
/* custom home - item specs */
@media (width >= 1600px) {
  .hc-homes-hemlock-lot-157 #ModelFloors p { grid-template-columns: 35px 1fr; }
}
@media (992px <= width < 1600px) {
.hc-homes-hemlock-lot-157 #ModelFloors p { grid-template-columns: 25px 1fr; }
}
@media (992px <= width < 1300px) {
.hc-homes-hemlock-lot-157 #ModelFloors p .valueItem { margin-bottom: 0; }
}
@media (width >= 992px) {
  .hc-homes-hemlock-lot-157 #ModelFloors p { display: grid !important; }
  .hc-homes-hemlock-lot-157 #ModelFloors p .mainItem { grid-column: 2/3; }
}
@media (width < 768px) {
  #ModelDetailTable { margin-top: 1.5rem; }
  .hc-homes-hemlock-lot-157 #ModelFloors p {
    display: grid !important;
    grid-template-columns: 35px 1fr;
  }
  .hc-homes-hemlock-lot-157 #ModelFloors p .mainItem { grid-column: 2/3; }
  .PhotosFloorplans .hide-tab { display: block !important; }
}
@media (width < 992px) {
  #ModelDetailTable .num-details { display: flex !important; }
  #ModelDetailTable .num-details div { width: 100% !important; }
  #ModelDetailTable .num-details div:not(#ModelAvailability) .valueItem { font-size: 19px !important; }
}
@media (width < 768px) {
  .request-info-form .form-left h1 {font-size: 22px;}
  .request-info-form .form-left .modelName {font-size: 28px;}
  .form-left #formContactDetails .salesRepName p {font-size: 16px;}
  #ModelDetailTable .num-details { display: block !important; }
  #ModelDetailTable .num-details div { width: 100% !important; }
  .Home .main-details #ModelName { margin: 0 0 40px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GALLERY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gallery-module .gallery-social a { color: #003146; }
:where(.location, .contact-us, .community, .brokers, .business, .new-homes) .full-bleed.standard-module.animated .text {background: rgba(255, 255, 255, 0.7);}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TESTIMONIALS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:is(.testimonials) {
  position: relative;
  padding: 70px 0 0;
  & .testimonials-carousel {
    & .slick-arrow {
      color: var(--teal-200);
      font-weight: 200;
    }
  }
  & .testimonials-text {
    transform: translateY(-12px);
    & h2	{
      --heading-fs: var(--fs-30);
      --heading-fw: 900;
    }
    & h4 {
      --heading-fs: var(--fs-22);
      text-align: center;
    }
    & p{
      --body-fs: var(--fs-16);

      &::before { content: unset; }
      &::after { content: unset; }
    }
  }
  & .slick-slide img { padding: 12.5% 18% 5%; }

  &::before { content: unset; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LOCATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.location.directions .intro-block h3 {
  --heading-color: var(--gray-dark);
  --heading-margin: 30px 0 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORM PANELS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.form-left h1 {
  --heading-fs: var(--fs-34);
  --heading-lineheight: 1.2;
  max-width: 100%;
}
.form-left p {
  line-height: 1.6em;
  text-transform: initial;
}
.form-left .stars { font-size: var(--fs-12); }
.form-left :where(a, strong) {
  font-size: var(--fs-16);
  letter-spacing: 1.5px;
}
.form-left .icon { font-size: 25px; }
.formpanel h3 {
  font-family: var(--f-metafora);
  font-size: var(--fs-70);
  max-width: 100%;
  line-height: 1.5em;
  margin-bottom: 25px;
  font-weight: normal;
}
.formpanel .form-element :where(input, textarea, option) {
  font-family: var(--f-raleway);
  font-size: var(--fs-14);
  border-radius: 3px;
  color: var(--gray-dark);
  background-color: transparent;
  border-radius: 0;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"] { border: 1px solid var(--black-400); }
.form-control {
  & label::before {
    background-color: transparent !important;
    border: 1px solid var(--yellow-400) !important;
    border-radius: 0 !important;
  }
}
.form-element.IsREAgent {
  margin-top: 1rem !important;
  & label { font-weight: 400 !important; }
}
.formpanel .form-element > label,
.formpanel .form-element .form-control label {
  --body-lineheight: 2;
  font-size: var(--fs-14);
  font-weight: 500;
  line-height: 1.6;
  display: block;
  margin-bottom: 3px;
  margin-top: -10px;
}
.formpanel .form-element select { background-color: #fff !important; }
.formpanel :where(label[for="cbMyChAreNew"], label[for="cboFiveMinutes"], label[for="chkFeatures"]) {
  font-weight: 400;
  color: #806f66;
  font-size: var(--fs-18);
  line-height: 25px;
  margin: 30px 0 15px;
  display: block;
  font-weight: 400;
}
.form-element.field-disclaimer :is(p, a, strong) { font-size: var(--fs-11); }
.inline-full-form .agents-form .form-element:where(.cboState, .txtZip) { margin: 0 0 20px 0; }
:is(.inline-full-form) form > .form-panels {
  --form-panel-height: initial;
  --form-template-cols: 1fr;
  --form-width: auto;
  --form-gap: 1rem;
  display: flex;
  justify-content: center;

  & .formpanel {
    width: var(--form-width);
    min-height: var(--form-panel-height);

    & h4 {
      --heading-fs: var(--fs-30);
      --heading-fw: 400;
      margin-bottom: 25px;
    }
    & .formelements {
      grid-template-columns: var(--form-template-cols);
      gap: var(--form-gap);

      & .txtComments {
        grid-column: 5/9;
        grid-row: 1/4;
      }
    }
    & .button-right {
      text-align: center;

      & button {
        --btn-bg-color: var(--teal-200);
        --btn-border-color: none;
        color: var(--white) !important;
        border: var(--btn-border-width, 1px) solid var(--white) !important;

        &:hover {
          --btn-text-color: var(--blue-500);
          --btn-bg-color: var(--teal-100);
          --btn-border-color: none;
        }
      }
    }
  }
  @media (width >= 768px) {
    --form-panel-height: 390px;
    --form-template-cols: repeat(8, 1fr);
    --form-gap: 1rem 2rem;
  }
}
#cboxLoadedContent .slform div[class*=request-info-form] .formelements .form-element label { padding-bottom: 0 !important; }
.form-left #formContactDetails .salesRepName p { letter-spacing: 1.5px; }
@media (width >= 768px) {
  .form-left p.large { --body-fs: var(--fs-22); }
  .form-left h1 {
    --heading-fs: var(--fs-30);
    line-height: 34px;
  }
  .formpanel .form-element.cbMyChAreNew { display: none; }
  .formpanel .form-element:is(.cbHowSoon, .txtPhone, .HomeMasterDown, .cbKLAH) { clear: both; }
  .form-element:is(.chkCountry, .cboReasonMove, .HomeSize, .txtZip) { margin-left: 6%; }
  .form-element:is(.HomeBeds, .HomeBaths, .HomeGarage, .HomeFloors) {
    width: 23%;
    margin-right: 2.666666%;
    float: left;
  }
  .formpanel .form-element.HomeFloors { margin-right: 0; }
  .formpanel .form-element:is(.chkCountry, .cboState) { margin-top: 0; }
  #cboFiveMinutes tr:nth-child(even), #chkFeatures tr:nth-child(even) { margin-left: 6%; }
  #cboFiveMinutes tr, #chkFeatures tr { width: 47%; }
  #cboFiveMinutes tbody, #chkFeatures tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .phone-reagent .formelements .form-element.txtPhone { grid-column: 1/3; }
  .phone-reagent .formelements .form-element.txtPhone + .IsREAgent {
    grid-column: 3/5;
    justify-self: center;
    align-self: end;
  }
  .phone-reagent .formelements .form-element.txtPhone + .IsREAgent label { margin-bottom: 5px; }
}
@media (width < 768px) {
  .testimonials-text h4 { margin-top: 20px; }
  .formpanel h3 { line-height: 1.1em; }
  .form-left a { font-size: 10px; }
  .form-left p { font-size: 20px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
RICHTEXT 2 CUSTOMIZATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.richtext + h4.small-subheadline.richtext { margin-top: 10px; }
/**umb_name: Color 1*/
.color1, span.color1 a  { color: var(--blue-400); }
/**umb_name:Extra Small Paragraph*/
p.xsmall, p.xsmall * {
  color: var(--gray);
  margin: 15px 0;
  font-size: var(--fs-12);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Custom Homes Site Map
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.googleMapNav { font-size: var(--fs-16); }
.interactive-map .gm-style-iw { max-width: 250px !important; }
.gm-style .gm-style-iw-d p:not(:first-of-type) { font-size: var(--fs-15); }
.custom-homes-map { position: relative; }
.custom-homes-map > div { position: relative; }
.custom-homes-map .map-text > div { position: relative; }
.custom-homes-map .map-text h5 {
  color: #54433a;
  font-size: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}
.custom-homes-map .map-text p {
  font-size: 14px;
  color: #54433a;
  position: relative;
}
.custom-homes-map .map-text .available-lot { font-weight: bold; }
.custom-homes-map .map-text p span {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #ef6553;
  margin-right: 5px;
  position: relative;
  top:2px;
  border: 1px solid #ef6553;
}
.custom-homes-map .map-text .sold-lot span {
  background: #c7ae9e;
  border: 1px solid #c7ae9e;
}
.custom-homes-map .map-text .unavailable-lot span {
  background: #e1ece4;
  border: 1px solid #c7ae9e;
}
.custom-homes-map #mapster_wrap_0 {
  margin-left: auto;
  margin-right: 0;
  width: 320px!important;
  height: 1056px!important;
}
.custom-homes-map #mapster_wrap_0 img {
  width: 320px!important;
  height: 1056px!important;
}
@media (width > 768px) {
  .custom-homes-map { margin-top: -160px; }
  .custom-homes-map .map-text {
    position: absolute;
    top: 55%;
    left: 6%;
    max-width: 40%;
  }
}
@media (width <= 768px) {
  .custom-homes-map #mapster_wrap_0 {
    margin-left: auto;
    margin-right: auto;
  }
  .custom-homes-map .map-text {
    position: absolute;
    top: 80px;
    left: 15px;
    max-width: 100%;
  }
}
@media (width <= 520px) {
  .custom-homes-map.column {
    padding: 0;
    overflow: hidden;
  }
}
@media (992px <= width <= 1379px) {
header nav .menu li { padding: 0 0.8%; }
nav .menu li:first-of-type { padding-left: 70px; }
}
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
  .model .view-details .button {
    min-width: 10px;
    max-width: 112px;
    min-height: 1px;
    font-size: 10px;
    padding: 5px 16px;
    margin-top: 0px;
  }
}
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
  .modal-open { overflow: scroll !important; }
  header .logo img {padding: 5px 0px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Custom Form Panels - Width
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:where(div[class*="form-panels-w-"]) { --panel-width: 100%; }
:is(.form-panels-w-100) .formPanels { width: var(--panel-width, 100%); }
.form-panels-m-auto .formPanels { margin: auto; }
:is(.form-panels-w-100) { --panel-width: 100%; }
:is(.form-panels-w-95) { --panel-width: 95%; }
:is(.form-panels-w-90) { --panel-width: 90%; }
:is(.form-panels-w-85) { --panel-width: 85%; }
:is(.form-panels-w-80) { --panel-width: 80%; }
/*--------------------------------------
Containers Width
----------------------------------------*/
.small-container.container, .small-container .container, .small-container { max-width: 1000px; }
.small-container img {
  margin: 0 auto;
}
.medium-container.container, .medium-container .container, .medium-container { max-width: 1050px; }
:where(.is-xxl-container) 	{ --container-width: 1500px; }
:where(.is-xl-container) 	{ --container-width: 1170px; }
:where(.is-large-container) { --container-width: 1024px; }
:where(.is-medium-container){ --container-width: 920px; }
:where(.is-tablet-container){ --container-width: 768px; }
:where(.is-small-container) { --container-width: 640px; }
:is(
.is-large-container,
.is-medium-container,
.is-tablet-container,
.is-small-container,
.is-xl-container,
.is-xxl-container
) :where(.container):is(:first-of-type) {
  margin: auto;
  max-width: var(--container-width);
}
.wrapper {
  --wrapper-padding: 2rem;
  --wrapper-width: 100%;
  margin-inline: auto;
  padding-inline: var(--wrapper-padding);
  width: var(--wrapper-width);

  &.wrapper-xl { --wrapper-width: 80%; }
  &.wrapper-full { --wrapper-width: 100%; }

  @media (width >= 640px) { &.wrapper-sm { --wrapper-width: 640px; } }
  @media (width >= 768px) { &.wrapper-md { --wrapper-width: 768px; } }
  @media (width >= 1024px) { &.wrapper-lg { --wrapper-width: 1024px; } }
}

@media (width >= 1299px) {
  .is-xl-container { --container-width: 90%; }
}
@media (768px <= width < 992px) {
.is-tablet-container { --container-width: 80%; }
}
@media (width >= 1800px) {
  footer .wrapper.wrapper-xl { --wrapper-width: 70%; }
}
:where(div[class*="inner-container-"]) { --inner-container-width: 100%; }
:where(.inner-container-sm)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 640px); }
:where(.inner-container-md)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 768px); }
:where(.inner-container-lg)		{ --inner-container-width: min(var(--inner-min-calc, 90%), 920px); }
:where(.inner-container-xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1024px); }
:where(.inner-container-2xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1170px); }
:where(.inner-container-3xl) 	{ --inner-container-width: min(var(--inner-min-calc, 90%), 1500px); }
:where(.inner-container-auto)	{ --inner-container-width: 96%; }
:where(.inner-container-full)	{ --inner-container-width: 100%; }
:is(div[class*="inner-container-"]) > .container:is(:first-child) { width: var(--inner-container-width); }
/*----------------------------------
Hero Section
------------------------------------*/
:is(.hero-video-section) :where(.button-container) .button:hover { --btn-border-color: transparent; }
:where(.hero-container, .hero-video) {
  --nav-height: var(--navbar-height, 90px);
  --hero-container-height: 60vh;
  --hero-height: calc(var(--hero-container-height) - var(--nav-height));

  @media (width < 768px) { --navbar-height: 70px; }
}
.hero-container h4 {
  font-family: var(--font-accent-graphic);
  font-size: 2.375rem;
  color: #fff;
  line-height: 3.75rem;
  letter-spacing: 0.070em;
  text-transform: uppercase;
}
.cycle-slideshow .carouselPage .button { margin-top: 30px; }
:is(.hero-container) .carouselPage { margin-bottom: 0; }
:is(.hero-container) :where(.carouselPage, .cycle-slideshow) { height: var(--hero-height); }
:is(.hero-video) .hero-video_container { height: var(--hero-height); }
:is(.hero-container, .hero-video).hero-100 { --hero-container-height: 100vh; }
:is(.hero-container, .hero-video).hero-95 { --hero-container-height: 95vh; }
:is(.hero-container, .hero-video).hero-90 { --hero-container-height: 90vh; }
:is(.hero-container, .hero-video).hero-85 { --hero-container-height: 85vh; }
:is(.hero-container, .hero-video).hero-80 { --hero-container-height: 80vh; }
:is(.hero-container, .hero-video).hero-75 { --hero-container-height: 75vh; }
:is(.hero-container, .hero-video).hero-70 { --hero-container-height: 70vh; }
:is(.hero-container, .hero-video).hero-65 { --hero-container-height: 65vh; }
:is(.hero-container, .hero-video).hero-60 { --hero-container-height: 60vh; }
:is(.hero-container, .hero-video).hero-55 { --hero-container-height: 55vh; }
:is(.hero-container, .hero-video).hero-50 { --hero-container-height: 50vh; }
/* inline form */
:where(.contact-form-section) {
  & .form-content {
    --bg-graphic-img: url(/media/9701703/form-topo-map.png);
    --bg-size: cover;
    --bg-position: right;
    --bg-height: 520px;
    --bg-width: 410px;
    --bg-bottom: 0;
    --bg-right: 0;
    --bg-z-index: 1;

    & .formpanel {
      --div-bg-color: var(--cream);
      position: relative;

      & :where(.formelements, .form-element) { background: transparent; }
      & .button-right {
        position: relative;
        z-index: 9;
      }
      & .type-rte {
        background-color: transparent;
        position: relative;
        z-index: 9;
      }
      &::after {
        content: "";
        background-image: var(--bg-graphic-img);
        background-position: var(--bg-position);
        background-size: var(--bg-size);
        background-repeat: no-repeat;
        position: absolute;
        top: var(--bg-top);
        right: var(--bg-right);
        left: var(--bg-left);
        bottom: var(--bg-bottom);
        height: var(--bg-height);
        width: var(--bg-width);
        transform: var(--bg-transform);
        z-index: var(--bg-z-index);
      }
      @media (width >=768px) {
        & .type-rte {
          background-color: transparent;
          position: relative;
          z-index: 9;

          & .formelements {
            background-color: transparent;

            & .form-element { background-color: transparent; }
            & .email { grid-column: 1/3; }
            & .IsREAgent {
              grid-column: 3/4;
              display: flex;
              align-items: center;

              & label {
                margin: 30px 0 0;
                padding-bottom: 0;
              }
            }
          }
          & .button-right {
            position: relative;
            z-index: 9;
            background: transparent;
          }
        }
      }
      &.finish-panel .type-rte {
        height: 100%;

        & .button { line-height: 2; }
      }
    }
  }
}
/*--------------------------------------
FILTER CATEGORY MODULE
----------------------------------------*/
:is(.filter-category-drpdwn-wrapper) .category-item :is(h2, p) {
  --heading-color: var(--white);
  --body-color: var(--white);
  text-transform: uppercase;
}
:is(.filter-category-drpdwn-wrapper) .category-item :is(h2) {
  font-size: var(--heading-fs, var(--fs-26));
  --body-color: var(--white);
  --heading-fw: 500;
}
:is(.filter-category-drpdwn-wrapper) {  --box-height: 250px; }
:is(.filter-category-drpdwn-wrapper) {
  & :is(.dd-container) {
    & > #filterByCategoryBtn {
      & .dd-btn-txt {
        font-family: var(--body-font, var(--f-raleway, arial));
        font-weight: 500;
      }
    }
  }
}
:is(.filter-category-drpdwn-wrapper) {
  & :is(.dd-container) {
    > #filterByCategoryBtn {
      border-radius: var(--btn-border-radius, 3px);
    }
  }
}
:is(.filter-category-drpdwn-wrapper) {
  & :is(.dd-container) {
    & #filterByCategoryBtn.active + .dd-content {
      --dd-btn-border-radius: 3px;
    }
  }
}
/*--------------------------------------
INSIDERS FORM / GRID FORM
----------------------------------------*/
.page-1-email-panel .button { margin-top: 0 !important; }
#cboxClose { color: var(--blue); }
#cboxClose > div { display: none; }
:where(#cboxLoadedContent) {
    background-color: var(--beige-500);
  --form-gap: 0.5rem;
  --textarea-height: 130px;
  --fields-height: 40px;
  --label-fs: 0.77rem;
}
#cboxLoadedContent :where(label, input, select, textarea) { font-size: var(--fs-14); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .CCPA label {
  padding-bottom: 0;
  margin-bottom: 0;
}
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .field-disclaimer { padding: 0; }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements { gap: var(--form-gap); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formpanel textarea { height: var(--textarea-height); }
:is(#cboxLoadedContent) .slform div[class*=request-info-form] .formpanel input { height: var(--fields-height); }
#cboxLoadedContent .button-right + p a { font-size: var(--fs-16); }
.formelements textarea { max-height: 130px; }
@media (height < 777px) {
  #cboxWrapper {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) :where(input, select) {
    font-size: 13px !important;
    height: 33px !important;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel { min-height: 470px; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element:where(.cboBestHome, .HomeSize) { grid-column: 1/3; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboSpendHomeNew { grid-column: 3/5; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBeds { grid-column: 3/4; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBaths { grid-column: 4/5; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeMasterDown {
    grid-column: 1/3;
    justify-content: flex-start;
  }
}
@media (width >= 768px) {
  /* form reset */
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboState,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cbHowSoon,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.txtZip,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.chkCountry,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboReasonMove,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.cboSpendHomeNew,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeSize,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBeds,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeBaths,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeGarage,
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .form-element.HomeFloors {
    width: 100%;
    float: unset;
    margin: 0;
  }
  /* grid form section */
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 1rem;
    margin-bottom: 25px;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element {
    grid-column-start: 1;
    grid-column-end: 5;
    margin: 0;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element label { padding-bottom: 5px; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.HomeSize { margin-left: 0; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.cbHowSoon { grid-column: 1/3; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element.cboAgeRange { grid-column: 3/5; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formelements .form-element > label { margin: 0; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeBeds { grid-column: 1/2; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeBaths { grid-column: 2/3; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown {
    grid-column: 3/5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown .form-control { margin-top: 10px; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbFiftyFive { grid-column: 1/3; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbKLAH { grid-column: 3/5; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cbMyChAreNew tbody {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  :where(.insiders-form, .grid-form, .brookstone-builder-form, .request-info-form) .formpanel .form-element.txtFirstName { grid-column: 1/3 !important; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form, .request-info-form) .formpanel .form-element.txtLastName { grid-column: 3/5 !important; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.txtCity { grid-column: 1/2; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.cboState { grid-column: 2/4; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.txtZip { grid-column: 4/5; }
  :is(#cboxLoadedContent) .formpanel .bottom-link { bottom: 20px; }
}
@media (max-height: 600px) and (min-width: 520px) and (max-width: 1300px) {
  #cboxContent .slform div[class*=request-info-form] .formpanel .type-rte { padding: 3% !important; }
}
@media (max-height: 851px) {
  :where(#cboxLoadedContent) {
    --form-gap: 13px;
    --textarea-height: 80px;
    --fields-height: 36px;
    --label-fs: 0.77rem;
  }
  :is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements .txtFirstName { grid-column: 1/3; }
  :is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements .txtLastName { grid-column: 3/5; }
}
@media (width < 768px) {
  #cboxContent :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element { margin-bottom: 28px; }
  #cboxContent :where(.insiders-form, .grid-form, .brookstone-builder-form) .formpanel .form-element.HomeMasterDown { margin-bottom: 28px !important; }
}
@media (768px <= width < 992) and (height <= 768px) {
  #cboxContent { width: 75% !important; }
}
@media (max-height: 768px) {
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel .button { margin-top: 0; }
  :where(.insiders-form, .grid-form, .brookstone-builder-form) .page-1-email-panel .bottom-link { position: initial; margin-top: 15px; }
  #cboxContent .formpanel .form-element { margin-bottom: 0; }
  #cboxContent .request-info-form .formpanel .form-element { margin-bottom: 1.2rem; }
  .formelements { gap: .5rem !important; }
}
@media (width < 768px) and (height < 768px) {
  #cboxContent .formpanel .form-element { margin-bottom: 15px; }
}
@media (max-height: 620px) {
  :where(#cboxLoadedContent) {
    --form-gap: 8px;
    --label-fs: 0.722rem;
    --fields-height: 34px;
  }
  :is(#cboxLoadedContent) .slform div[class*=request-info-form] .formelements { margin-bottom: 10px; }
  :is(#cboxLoadedContent) .slform div[class*=request-info-form] .button {
    --btn-padding: 0.5rem;
    font-size: var(--fs-14);
  }
  :is(#cboxLoadedContent) .slform div[class*=request-info-form] h3 { margin: 0; }
}