/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FONTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:root {
  /* || fonts */
  --f-lato: "lato", sans-serif;
  --f-krete: "krete", serif;
  /* || colors */
  --blue-400: #273747;
  --blue-500: #81AEC5;
  --blue-600: #7fa9b8;
  --green-400: #507063;
  --green-500: #B5CBB7;
  --green-900: #446a5f;
  --red-400: #8a3721;
  --red-700: #FA9379;
  --orange-400: #E0885B;
  --beige-300: #FFF8EF;
  --beige-400: #efe1d3;
  --beige-500: #F6EEE6;
  --beige-600: #FFFBF4;
  --gray-100: #f9f9f9;
  --gray-200: #507063;
  --gray-300: #465766;
  --gray-400: #C2C2C2;
  --gray-500: #dedede;
  --gray-dark: #383531;
  --dark: #000;
  --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-35: 2.1875rem; /* 35px */
  --fs-36: 2.25rem; 	/* 36px */
  --fs-38: 2.375rem;	/* 38px */
  --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: 0px;
  }
}
: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-krete);
  color: var(--blue-400);
  background-color: var(--beige-500);
  line-height: 1em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
  font-family: var(--heading-font, var(--f-lato));
  font-size: var(--heading-fs, var(--fs-22));
  color: var(--heading-color, var(--blue-400));
  font-weight: var(--heading-fw, 600);
  line-height: var(--heading-lineheight, 1.5);
  letter-spacing: var(--heading-letterspace, 3.3px);
  text-transform: var(--heading-text-transform, uppercase);
  margin: var(--heading-margin, 0);
  padding: var(--heading-padding, inherit);
  text-align: var(--heading-text-align, inherit);
}
h1, .h1, .header-h1 :where(h1, h2, h3, h4, h5) {
  --heading-fs: var(--fs-34);
  --heading-color: var(--green-900);
  --heading-fw: 900;
  --heading-lineheight: 1;
  --heading-letterspace: 6.8px;
}
h2, .h2, .header-h2 :where(h1, h2, h3, h4, h5) {
  --heading-fs: var(--fs-34);
  --heading-color: var(--green-900);
  --heading-fw: 900;
  --heading-lineheight: 1;
  --heading-letterspace: 6.8px;
}
h3, .h3, .header-h3 :where(h1, h2, h3, h4, h5) {
  --heading-fs: var(--fs-28);
  --heading-color: var(--blue-600);
  --heading-fw: 700;
  --heading-lineheight: 1.42;
  --heading-letterspace: 0;
  --heading-text-transform: none;
}
h4, .h4, .header-h4 :where(h1, h2, h3, h4, h5) {
  --heading-fs: var(--fs-16);
  --heading-color: var(--green-900);
  --heading-fw: 900;
  --heading-lineheight: 1.72;
  --heading-letterspace: 1.6px;
}
h5, .h5, .header-h5 :where(h1, h2, h3, h4, h5) {
  --heading-fs: var(--fs-16);
  --heading-color: var(--gray-200);
  --heading-fw: 900;
  --heading-lineheight: 1.3;
  --heading-letterspace: 3.2px;
}
:is(.header-h1-blue-400, .header-h2-blue-400) :is(h1, h2) { color: var(--blue-400) !important; }
:is(.header-h1-beige-600, .header-h2-beige-600) :is(h1, h2) { color: var(--beige-600) !important; }
:is(.header-h1-orange-400, .header-h2-orange-400) :is(h1, h2) { color: var(--orange-400) !important; }
:is(.header-h1-blue-600, .header-h2-blue-600) :is(h1, h2) { color: var(--blue-600) !important; }
: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-krete));
  font-size: var(--body-fs, var(--fs-18));
  color: var(--body-color, var(--blue-400));
  font-weight: var(--body-fw, 400);
  line-height: var(--body-lineheight, 1.7);
  letter-spacing: var(--body-letterspace, 0);
  text-transform: var(--body-text-transform, unset);
  margin: var(--body-margin, unset);
  padding: var(--body-padding, unset);
  text-shadow: var(--body-text-shadow, unset);
}
:where(a:not(.button, header a)) {
  text-decoration: var(--body-text-decoration, underline);
  &:hover { text-decoration: var(--body-text-decoration) !important; }
}
strong { font-weight: 700 !important; }
.intro {
  --body-fs: var(--fs-24);
  --body-lineheight: 1.95;
}
:is(.text-v2) p, :is(p.text-v2) {
    --body-font: var(--f-lato);
    --body-color: #000;
    --body-fw: 700;
    --body-lineheight: 1.44;
} 
: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);
}
:where(picture, svg) { --media-display: inline-block; }
:where(.cycle-slideshow .carouselItemCopy p) {
  --body-lineheight: 1.37;
  --body-color: var(--beige-500);
  --body-fw: 900;
}
/*------------------------------
Small-Spaced Font
------------------------------*/
p.smallp { --body-fs: .8em; }
.is-ie p.smallp { max-width: 100%; }
.small-headline, .blog-right-inner h4 {
  --heading-fs: var(--fs-24);
  --heading-text-transform: uppercase;
  --heading-fw: 400;
  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; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
COLORS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* || colors */
.text-blue-400 { color: var(--blue-400); }
.text-blue-500 { color: var(--blue-500); }
.text-green-400 { color: var(--green-400); }
.text-green-500 { color: var(--green-500); }
.text-red-400 { color: var(--red-400); }
.text-orange-400 { color: var(--orange-400); }
.text-beige-400 { color: var(--beige-400); }
.text-beige-500 { color: var(--beige-500); }
.text-gray-100 { color: var(--gray-100); }
.text-gray-200 { color: var(--gray-200); }
.text-gray-300 { color: var(--gray-300); }
.text-gray-500 { color: var(--gray-500); }
.text-gray-dark { color: var(--gray-dark); }
.text-dark { color: var(--dark); }
.text-white { color: var(--white); }
/* || colors override */
.\!text-blue-400 { color: var(--blue-400) !important; }
.\!text-blue-500 { color: var(--blue-500) !important; }
.\!text-green-400 { color: var(--green-400) !important; }
.\!text-green-500 { color: var(--green-500) !important; }
.\!text-red-400 { color: var(--red-400) !important; }
.\!text-orange-400 { color: var(--orange-400) !important; }
.\!text-beige-400 { color: var(--beige-400) !important; }
.\!text-beige-500 { color: var(--beige-500) !important; }
.\!text-gray-100 { color: var(--gray-100) !important; }
.\!text-gray-200 { color: var(--gray-200) !important; }
.\!text-gray-300 { color: var(--gray-300) !important; }
.\!text-gray-500 { color: var(--gray-500) !important; }
.\!text-gray-dark { color: var(--gray-dark) !important; }
.\!text-dark { color: var(--dark) !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-green-400) *:not(.button, button, input, textarea) { color: var(--green-400); }
:is(.deep\:text-green-500) *:not(.button, button, input, textarea) { color: var(--green-500); }
:is(.deep\:text-red-400) *:not(.button, button, input, textarea) { color: var(--red-400); }
:is(.deep\:text-orange-400) *:not(.button, button, input, textarea) { color: var(--orange-400); }
: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-gray-100) *:not(.button, button, input, textarea) { color: var(--gray-100); }
:is(.deep\:text-gray-200) *:not(.button, button, input, textarea) { color: var(--gray-200); }
:is(.deep\:text-gray-300) *:not(.button, button, input, textarea) { color: var(--gray-300); }
:is(.deep\:text-gray-500) *:not(.button, button, input, textarea) { color: var(--gray-500); }
:is(.deep\:text-gray-dark) *:not(.button, button, input, textarea) { color: var(--gray-dark); }
:is(.deep\:text-dark) *:not(.button, button, input, textarea) { color: var(--dark); }
: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-green-400 { background-color: var(--green-400); }
.bg-green-500 { background-color: var(--green-500); }
.bg-red-400 { background-color: var(--red-400); }
.bg-orange-400 { background-color: var(--orange-400); }
.bg-beige-400 { background-color: var(--beige-400); }
.bg-beige-500 { background-color: var(--beige-500); }
.bg-gray-100 { background-color: var(--gray-100); }
.bg-gray-200 { background-color: var(--gray-200); }
.bg-gray-300 { background-color: var(--gray-300); }
.bg-gray-500 { background-color: var(--gray-500); }
.bg-gray-dark { background-color: var(--gray-dark); }
.bg-dark { background-color: var(--dark); }
.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-green-400 { background-color: var(--green-400) !important; }
.\!bg-green-500 { background-color: var(--green-500) !important; }
.\!bg-red-400 { background-color: var(--red-400) !important; }
.\!bg-orange-400 { background-color: var(--orange-400) !important; }
.\!bg-beige-400 { background-color: var(--beige-400) !important; }
.\!bg-beige-500 { background-color: var(--beige-500) !important; }
.\!bg-gray-100 { background-color: var(--gray-100) !important; }
.\!bg-gray-200 { background-color: var(--gray-200) !important; }
.\!bg-gray-300 { background-color: var(--gray-300) !important; }
.\!bg-gray-500 { background-color: var(--gray-500) !important; }
.\!bg-gray-dark { background-color: var(--gray-dark) !important; }
.\!bg-dark { background-color: var(--dark) !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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*.site-body { padding-top: 0 !important; }*/
.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-300 { font-weight: 300; }
.bold-400 { font-weight: 400; }
.bold-600 { font-weight: 600; }
.bold-800 { font-weight: 800; }
.divider {
  height: var(--divider-height, 2px);
  background-color: var(--divider-color, var(--blue-400));
  align-self: center;
  width: var(--divider-width, 100%);
}
/* 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;
}
.flex {
  justify-content: var(--flex-justify, center);
  align-items: var(--flex-align, center);
  gap: var(--flex-gap, 1rem);
  flex-direction: var(--flex-direction, row);
}
#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) {
  --border-radius: 10px;
  --btn-border-color: var(--blue-400);
  align-items: center;
  background-color: var(--btn-bg-color, transparent) !important;
  border-radius: var(--btn-border-radius, 10px);
  color: var(--btn-text-color, var(--blue-400));
  cursor: pointer;
  display: var(--btn-display, inline-flex);
  font-family: var(--btn-font, var(--f-lato));
  font-size: var(--btn-fs, var(--fs-14));
  font-weight: var(--btn-fontweight, 900);
  justify-content: var(--btn-justify-content, center);
  letter-spacing: var(--btn-letterspacing, 2.8px);
  line-height: var(--btn-lineheight, 1);
  min-height: var(--btn-minheight, 46px);
  max-height: var(--btn-maxheight, 46px);
  min-width: var(--btn-width, 230px);
  opacity: var(--btn-opacity, 1);
  overflow: hidden;
  padding: var(--btn-padding, 15px 28px);
  position: relative;
  text-align: center;
  text-transform: var(--btn-text-transform, uppercase);
}
:is(.button, .button2)::before,
:is(.button, .button2)::after {
  content: "";
  position: absolute;
  border-radius: 5px;
  border: 1px solid var(--btn-border-color);
}
:is(.button, .button2)::before {
  padding: 12px 27px;
  width: 100%;
  min-height: 40px;
}
:is(.button, .button2)::after {
  padding: 15px 25px;
  width: 97%;
  min-height: 46px;
}
.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); }
/*----------------------
Button Themes
------------------------*/
/* default reversed */
:is(.btn-default-reversed) :is(.button, .button2),
:is(.button.btn-default-reversed, .button2.btn-default-reversed) {
  --btn-text-color: var(--blue-400);
  --btn-bg-color: var(--orange-400);
  &:hover {
    --btn-text-color: var(--beige-500);
    --btn-bg-color: var(--blue-400);
    --btn-border-color: var(--blue-400);
  }

}
:is(.btn-light-theme) :is(.button, .button2) {
  --btn-text-color: var(--beige-500);
  --btn-border-color: var(--beige-500);
  &:hover {
    --btn-text-color: var(--blue-400);
    --btn-bg-color: var(--orange-400);
    --btn-border-color: var(--blue-400);
  }
}
/* 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;
  }
}
/*------------------------------
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 {
  background: var(--card-bg-color);
  padding: var(--card-padding);
  width: var(--card-w);
}
@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;
  display: block !important;
}
: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 {
  --hero-justify-content: flex-end;
  width: 100%;
  flex-direction: var(--hero-flex-direction);
  & .overlay-content {
    max-width: var(--overlay-mw, 90vw);
    padding: .5rem 1rem;
    border: 1px solid var(--blue-400);
    text-align: center;
    border-radius: 15px;
    background: var(--orange-400);
    margin-bottom: 4rem;
    @media (width >= 768px) { --overlay-mw: 475px; }
  }
}
: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-krete);
  --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-krete);
  --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); }
}
/* md 768px */
@media (width >= 768px)  {
  :is(.carousel-section, .hero-video-section).md\:hero-100 { --hero-container-height: 100vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-95 { --hero-container-height: 95vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-90 { --hero-container-height: 90vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-85 { --hero-container-height: 85vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-80 { --hero-container-height: 80vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-75 { --hero-container-height: 75vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-70 { --hero-container-height: 70vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-65 { --hero-container-height: 65vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-60 { --hero-container-height: 60vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-55 { --hero-container-height: 55vh; }
  :is(.carousel-section, .hero-video-section).md\:hero-50 { --hero-container-height: 50vh; }
}
/* lg 1024px */
@media (width >= 1024px) {
  :is(.homepage) { --nav-height: 0px; }
  :is(.carousel-section, .hero-video-section).lg\:hero-100 { --hero-container-height: 100vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-95 { --hero-container-height: 95vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-90 { --hero-container-height: 90vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-85 { --hero-container-height: 85vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-80 { --hero-container-height: 80vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-75 { --hero-container-height: 75vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-70 { --hero-container-height: 70vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-65 { --hero-container-height: 65vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-60 { --hero-container-height: 60vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-55 { --hero-container-height: 55vh; }
  :is(.carousel-section, .hero-video-section).lg\:hero-50 { --hero-container-height: 50vh; }
}
/* xl 1280px */
@media (width >= 1280px) {
  :is(.carousel-section, .hero-video-section).xl\:hero-100 { --hero-container-height: 100vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-95 { --hero-container-height: 95vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-90 { --hero-container-height: 90vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-85 { --hero-container-height: 85vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-80 { --hero-container-height: 80vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-75 { --hero-container-height: 75vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-70 { --hero-container-height: 70vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-65 { --hero-container-height: 65vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-60 { --hero-container-height: 60vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-55 { --hero-container-height: 55vh; }
  :is(.carousel-section, .hero-video-section).xl\:hero-50 { --hero-container-height: 50vh; }
}
/* 2xl 1536px */
@media (width >= 1536px) {
  :is(.carousel-section, .hero-video-section).\32xl\:hero-100 { --hero-container-height: 100vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-95 { --hero-container-height: 95vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-90 { --hero-container-height: 90vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-85 { --hero-container-height: 85vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-80 { --hero-container-height: 80vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-75 { --hero-container-height: 75vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-70 { --hero-container-height: 70vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-65 { --hero-container-height: 65vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-60 { --hero-container-height: 60vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-55 { --hero-container-height: 55vh; }
  :is(.carousel-section, .hero-video-section).\32xl\:hero-50 { --hero-container-height: 50vh; }
}
/* Responsive embed Youtube video */
.embed-responsive-16by9 { padding-bottom: 56.25% !important; }
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .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; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GRID CUSTOMIZATIONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.full-bleed h3 {
  --heading-font: var(--f-krete);
  --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; margin: 0; width: 60px;}
.social-links a img { max-width: 35px;}
.cta-block { margin: 40px auto 0; }
.cta-block-content { --body-font: var(--f-krete); }
.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(.middle-small-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);
}
/*----------------------------------
carousel-section
------------------------------------*/
.carousel-section {
  background-color: var(--carousel-section-bg-color, var(--green-400));
  & > .container > .row > .column > div {
    --carousel-height: 630px;
    --carousel-border-offset: 1.5rem;
    --carousel-border-offset-px: -12px;
    width: 100%;
    & .cycle-slideshow {
      height: var(--carousel-height);
      & .carouselPage {
        --card-padding: 0;
        & .carouselItem {
          position: absolute !important;
          left: 2rem !important;
          bottom: 2rem;
          text-align: left;
          & h4 {
            --heading-margin: 0 0 1rem;
            --heading-fs: var(--fs-16);
            --heading-color: var(--beige-500);
            --heading-fw: 900;
            --heading-lineheight: 1;
            --heading-letterspace: 3.2px;
          }
          & p {
            --body-lineheight: 1;
            --body-fw: 400;
            color: var(--beige-500) !important;
          }
        }
      }
      &::before {
        height: var(--carousel-height);
        width: calc(100% + var(--carousel-border-offset));
        left: var(--carousel-border-offset-px);
      }
      &::after {
        width: 100%;
        height: calc(var(--carousel-height) + var(--carousel-border-offset));
        top: var(--carousel-border-offset-px);
      }
      &::before,
      &::after {
        content: "";
        position: absolute;
        border: 1px solid var(--beige-500);
        border-radius: 15px;
        @media (width < 768px) { content: unset; }
      }
      @media (width < 768px) {
        --carousel-height: 100%;
        display: block !important;
        width: var(--carousel-height);
        margin-inline: auto;
      }
    }
    & .button.formbutton {
      @media (width < 768px) {
        --btn-text-color: var(--blue-400);
        --btn-border-color: var(--blue-400);
      }
    }
  }
  @media (width < 768px) {
    --carousel-section-bg-color: var(--beige-500);
    padding-top: 0 !important;
    &.hero-display-row.hero-90 { --hero-display-height: 525px; }
    & :is(.cycle-slideshow, .carouselPage) { min-height: 430px; }
    & > .container > .row > .col-md-12 { padding: 0; }
  }
  @media (768px <= width < 992px) and (height < 768px) {
    &.hero-display-row > .container > .row > .col-md-12 {
      min-height: 520px !important;
      height: 100% !important;
      & > div {
        width: 100%;
        --carousel-height: 420px;
      }
    }
  }
  @media (768px <= width < 1366px) and (768px < height <= 1200px) {
  &.hero-display-row > .container > .row > .col-md-12 {
    height: 660px !important;
    & > div {
      --carousel-height: 420px;
    }
  }
}
@media (992px <= width < 1500px) and (height < 768px) {
  &.hero-display-row > .container > .row > .col-md-12 {
    min-height: 620px !important;
    & > div {
      width: 70vw;
      --carousel-height: 520px;
    }
  }
}
}
/*----------------------------------
Feature Block Section
------------------------------------*/
:is(.feature-block-wrap) .feature-block { text-align: left; }
:is(.feature-block-wrap) .feature-block .subHeadline {
  --body-fs: var(--fs-20);
  --body-color: var(--blue-400);
  --body-fw: 700;
  --body-lineheight: 1.2;
  --body-margin: 1.5rem 0 0.5rem 0;
  --body-text-transform: uppercase;
}
:is(.feature-block-wrap) .feature-block .headline {
  --heading-font: var(--f-veneer);
  --heading-fs: var(--fs-32);
  --heading-color: var(--blue-400);
  --heading-text-transform: uppercase;
  --heading-margin: 1rem 0 0;
}
: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: ""; }
/*----------------------------------
Animated Section
------------------------------------*/
.animated-section > .container {
  width: var(--animated-container-width, 100%) !important;
  & .animation-container {
    width: 100%;
    min-height: 590px;
    height: var(--animation-container-height, auto);
    display: var(--animation-container-display, flex);
    justify-content: space-between;
    flex-direction: column;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    & .scroll-row { top: -64px !important; }
    & .flex-animated-container {
      min-height: 280px;
      & div[class*="img-"] {
        width: var(--animated-img-width, 200px);
        position: absolute;
        z-index: var(--img-z-index, 1);
        animation-duration: 2.5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
        @media (width < 1200px) {  --animated-img-width: 200px }
      }
      & .img-trail {
        --img-z-index: 7;
        transform: translate(0, -122px);
      }
      & .img-frame-blue {
        --img-z-index: 6;
        transform: translate(109px, 0);
      }
      & .img-dining {
        --img-z-index: 5;
        transform: translate(223px, 85px);
      }
      & .img-frame-orange {
        --img-z-index: 4;
        transform: translate(333px, -97px);
      }
      & .img-waterfont {
        --img-z-index: 2;
        transform: translate(445px, -170px);
      }
      & .img-frame-white {
        --img-z-index: 3;
        transform: translate(555px, 67px);
      }
      & .img-laptop {
        --img-z-index: 1;
        transform: translate(665px, 170px);
      }
    }
    & .gif-container {
      width: min(380px, 90vw);
      margin-inline: auto;
    }
    & .amenities-content {
      transform: translateY(var(--amenities-ty, 0));
      max-width: 630px;
      margin-inline: auto;
      padding-bottom: var(--amenities-content, 3rem);
      & h2 {
        --heading-fs: var(--fs-24);
        --heading-color: var(--beige-500);
        --heading-letterspace: 2.4px;
        --heading-margin: 0 0 1.5rem;
        --heading-padding: 0;
        @media (width >= 1024px) { --heading-margin: 0 0 3rem; }
      }
      @media (width >= 1024px) {
        --amenities-ty: -2rem;
        --amenities-content: 0;
      }
    }
    &.animation-activator {
      animation-name: animatedSectionHeight;
      & .img-trail { animation-name: animateIimgTrail; }
      & .img-frame-blue { animation-name: animateIimgFrameBlue; }
      & .img-dining { animation-name: animateImgDining; }
      & .img-frame-orange { animation-name: animateImgFrameOrange; }
      & .img-waterfont { animation-name: animateImgWaterfront; }
      & .img-frame-white { animation-name: animateImgFrameWhite; }
      & .img-laptop { animation-name: animateImgLaptop; }
      & .amenities-content { animation-name: animatedContent; }
    }
    @media (width >= 1024px) { --animation-container-height: 700px; }
  }
  @media (width >= 1024px) { --animated-container-width: 896px; }
}
@media (width >= 992px) and (height < 900px) {
  .animated-section > .container > .row > .col-md-12 {
    --hero-display-height: 100%;
  }
}
@media (height > 900px) {
  .animated-section > .container > .row > .col-md-12 {
    height: 850px !important;
  }
}
/*---------------------------------------------------------------
Animations for animated-section
-----------------------------------------------------------------*/
@keyframes animatedContent {100% { transform: translateY(0); }}
@keyframes animatedSectionHeight{ 100% { height: 590px; } }
@keyframes animateIimgTrail{ 100% { transform: translateY(0); } }
@keyframes animateIimgFrameBlue{ 100% { transform: translate(109px, 0); } }
@keyframes animateImgDining{ 100% { transform: translate(223px, 0); } }
@keyframes animateImgFrameOrange{ 100% { transform: translate(333px, 0); } }
@keyframes animateImgWaterfront{ 100% { transform: translate(445px, 0); } }
@keyframes animateImgFrameWhite{ 100% { transform: translate(555px, 0); } }
@keyframes animateImgLaptop{ 100% { transform: translate(665px, 0); } }
@media (height <= 900px) {
  .animated-section > .container .animation-container .flex-animated-container {
    & .img-trail { transform: translate(0, -52px); }
    /* & .img-frame-blue { transform: translate(109px, 0); } */
    & .img-dining { transform: translate(223px, 45px); }
    & .img-frame-orange { transform: translate(333px, -37px); }
    & .img-waterfont { transform: translate(445px, -65px); }
    & .img-frame-white { transform: translate(555px, 47px); }
    & .img-laptop { transform: translate(665px, 70px); }
  }
}
/*---------------------------------------------------------------
Side By Side Section
-----------------------------------------------------------------*/
.grid-side-by-side {
  --grid-side-by-side-container-pt: 0;
  --bg-image-url: url(/media/ze1dhtc2/resident-dock-brookfield-residential-houston-community.jpg?mode=min&quality=80&width=600&height=660&rnd=133784664724370000);
  --max-img-width: 756px;
  --header-title-color:  var(--orange-400);
  --content-p-right-padding: 0;
  --content-text-padding: 3rem 0 4rem;
  --content-text-order: 1;
  --image-bg-height: 100%;
  --min-img-height: 390px;
  --bg-img-size: cover;
  --text-header-fs: var(--fs-35);
  @media (width >= 768px) {
    --text-header-fs: var(--fs-32);
    --content-text-padding: 3rem 1rem 4rem;
  }
  @media (width >= 1024px) {
    --text-header-fs: 3rem;
    --content-p-right-padding: 1.9rem;
    --content-text-order: -1;
    --grid-side-by-side-container-pt: 0;
  }
  @media (min-widht: 768px) and (max-width: 992px) { --image-bg-height: 810px; --max-img-width: 100%; }
  &.map-section {
    --grid-side-by-side-container-pt: 0;
    --bg-image-url: url(/media/lgqgbdx2/south-houston-map-midline-community.svg);
    --max-img-width: 100%;
    --header-title-color:  var(--blue-500);
    --content-p-right-padding: 0;
    --content-text-padding: 1rem 0 4rem;
    --content-text-order: -1;
    --content-text-margin: 0;
    --image-bg-height: 470px;
    --min-img-height: 390px;
    --text-header-fs: var(--fs-35);
    & .column > div .image-with-text {
      & .text { @media (width >= 1300px) { --content-text-margin: 0; } }
      @media (width >= 1366px) { --template-cols: 1fr 1.3fr; }
      @media (width >= 1366px) { --template-cols: 1fr 1.3fr; }
    }
    @media (width >= 768px) {
      --content-text-padding: 1rem 1rem 4rem;
      --text-header-fs: var(--fs-32);
    }
    @media (width >= 1024px) {
      --text-header-fs: var(--fs-50);
      --content-text-padding: 1rem 1rem 1rem 2rem;
      --content-p-right-padding: 2.5rem;
      --content-text-padding: 1rem;
      --content-text-margin: 3rem 0;
      --image-bg-height: 100%;
      --grid-side-by-side-container-pt: 0;
    }
    @media (min-width: 768px) and (max-width: 992px) and (height > 900px) {
      & > .container > .row > .col-md-12 {
        height: 1000px !important;
        & .image { height: 100%; }
        & .text { padding: 0 !important; }
      }
    }
    @media (height > 900px) {
      & > .container > .row > .col-md-12 { height: 850px; }
    }
    @media (min-width: 768px) and (max-width: 1366px) {
      --bg-img-size: contain;
    }
    @media (min-width: 1024px) and (max-width: 1366px) and (height > 900px ) {
      & .column > div .image-with-text {
        grid-template-columns: 1fr 1.2fr;
      }
    }
  }
  padding-inline: 0 !important;
  padding-bottom: 0 !important;
  padding-top: var(--grid-side-by-side-container-pt) !important;
  & .column > div {
    width: 100%;
    height: 100%;
    & .image-with-text {
      --brookfield-logo-size: 200px;
      margin: 0 !important;
      display: grid;
      grid-template-columns: var(--template-cols, 1fr);
      grid-auto-flow: dense;
      height: 100%;
      & :where(.image, .text) { width: 100% !important; }
      & .image {
        background-image: var(--bg-image-url);
        background-repeat: no-repeat;
        background-position: center;
        background-size: var(--bg-img-size);
        height: var(--image-bg-height);
        min-height: var(--min-img-height, 390px);
        max-width: var(--max-img-width);
        place-self: var(--image-place-self, center);
        & img {
          display: none;
          width: min(550px, 80vw);
          margin-inline: auto;
        }
        @media (width >= 992px) { --min-img-height: 750px; }
        @media (width >= 1024px) { --image-place-self: flex-end; }
        @media (width < 768px) { --min-img-height: 450px; }
      }
      & .text {
        margin: var(--content-text-margin);
        max-width: var(--content-text-width, min(700px, 90vw));
        padding: var(--content-text-padding);
        order: var(--content-text-order);
        align-self: center;
        justify-self: var(--align-self-container, center);
        text-align: var(--text-alignment, start);
        & h2 {
          --heading-padding: 0;
          --heading-font: var(--f-lato);
          --heading-color: var(--header-title-color);
          font-size: var(--text-header-fs);
          @media (width < 768px) { line-height: 1.2; }
        }
        & p { padding-right: var(--content-p-right-padding); }
        & img {
        max-width: var(--brookfield-logo-size);
        @media (768px <= width <= 1024px) { margin: auto; }
      }
      @media (width >= 768px) {
        --text-alignment: center;
      }
      @media (width >= 1024px) {
        --content-text-padding: 0;
        --content-text-width: 485px;
        --align-self-container: end;
        --text-alignment: start;
      }
      @media (width >= 1300px) { --content-text-margin: 0 8rem 0 0; }
    }
    @media (width >= 1024px) { --template-cols: 1fr 1fr; }
  }
}
}
/*---------------------------------------------------------------
small laptop queries
-----------------------------------------------------------------*/
@media (992px <= width < 1366px) and (570px <= height < 768px) {
  [class*="-section"] {
    & p { line-height: 1.4; }
    & .button {
      font-size: var(--fs-12);
      padding: 15px;
      min-width: 180px;
    }
    &.grid-side-by-side h2 { font-size: var(--fs-30) !important; }
  }
  .intro {
    & img { width: min(270px, 71vw) !important; }
    & p { font-size: var(--fs-18); }
  }
  .kinds-section {
    & > .container > .row > .col-md-12 {
      --hero-display-min: 920px;
    }
    & .home-banner {
      max-width: 330px !important;
      transform: translateY(5rem);
    }
    & .home-img-gif { max-width: 180px !important; }
    & h3 { font-size: var(--fs-22); }
  }
  .contact-form-section.hero-70.hero-display-row { --hero-display-height: 100%; }
  .carousel-section > .container > .row > .column > div {
    & > .cycle-slideshow {
      --carousel-height: 390px;
      width: min(100%, 790px) !important;
      margin-inline: auto;
    }
  }
}
/*------------------------------------
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; }
}
}
/* bottom form section */
.contact-form-section {
  & .formPanels {
    max-width: 600px;
    margin: auto;
    & h2 {
      --heading-fs: var(--fs-18);
      --heading-color: var(--blue-400);
      --heading-letterspace: 1.44px;
      --heading-lineheight: 2.33;
      --heading-fw: 900;
    }
    & h2 + p {
      --body-color: #4f5568;
      margin: 0 0 1.5rem;
    }
    & .formelements {
      --form-template-cols: repeat(4, 1fr);
      --form-gap: 0.6rem 2rem;
      & input {
        border: 1px solid var(--blue-400);
        background-color: transparent;
      }
      & label {
        font-family: var(--f-lato);
        font-size: var(--fs-14);
        color: #000;
        font-weight: 900;
        line-height: 1.2;
      }
      & .email .requiredfield {
        color: #cd2026;
        vertical-align: text-bottom;
        transform: translateY(5px);
        display: inline-block;
      }
      & .IsREAgent {
        margin-top: 1.5rem;
        & label {
          font-family: var(--f-lato);
          font-size: var(--fs-15);
          color: var(--blue-400);
          font-weight: 600;
          line-height: 1.2;
          letter-spacing: 0;
        }
      }
      & .chkConsentToEmail label {
        font-family: var(--f-lato);
        font-size: var(--fs-11) !important;
        color: var(--blue-400);
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 0;
        padding-left: 2rem;
        & a { font-size: var(--fs-11) !important; }
      }
      & .txtZip { grid-column: 1/3; }
    }
  }
  @media (width < 768px) {
    &.hero-display-row.hero-70 { --hero-display-height: 100%; }
  }
}
/*----------------------------------
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;
}
/*----------------------------------
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;
  }
}
/*----------------------------------------
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);
  }
}
:is(.hero-display-row) {
  &.hero-100 { --hero-display-height: 100vh; }
  &.hero-95 { --hero-display-height: 95vh; }
  &.hero-90 { --hero-display-height: 90vh; }
  &.hero-85 { --hero-display-height: 85vh; }
  &.hero-80 { --hero-display-height: 80vh; }
  &.hero-75 { --hero-display-height: 75vh; }
  &.hero-70 { --hero-display-height: 70vh; }
  &.hero-65 { --hero-display-height: 65vh; }
  &.hero-60 { --hero-display-height: 60vh; }
  &.hero-55 { --hero-display-height: 55vh; }
  &.hero-50 { --hero-display-height: 50vh; }
  & > .container > .row > .col-md-12 {
    height: var(--hero-display-height, 70vh);
    min-height: var(--hero-display-min, 390px);
    max-height: var(--max-height, 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    @media (height <= 600px) { --hero-display-min: 690px; }
    @media (width >= 992px) and (600px < height < 800px) { --hero-display-min: 820px; }
    @media (width >= 992px) and (height >= 800px) { --hero-display-min: 750px; }
    @media (width >= 992px) and (height > 900px) { --hero-display-height: 100vh; }
  }
}
/*---------------------------------
Background Images
-----------------------------------*/
:where(.bg-row-pseudo) {
  --bg-image: url(/media/2rqhutsk/painted-strokes.png);
  --bg-width: 100%;
  --bg-height: 100%;
  --bg-z-index: 0;
  --bg-display: block;
  --bg-position: absolute;
  --bg-top: 0;
  --bg-bottom: unset;
  --bg-left: 0;
  --bg-right: unset;
  --bg-background-position: bottom;
  --bg-size: contain;
  --bg-parent-overflow: hidden;
  position: relative;
  z-index: 9;
  overflow: var(--bg-parent-overflow);
  &.pseudo-root > .container::before,
  &.pseudo-bottom > .container::after {
    content: "";
    background: var(--bg-image);
    background-position: var(--bg-background-position);
    background-repeat: no-repeat;
    background-size: var(--bg-size);
    position: var(--bg-position);
    top: var(--bg-top);
    right: var(--bg-right);
    bottom: var(--bg-bottom);
    left: var(--bg-left);
    z-index: var(--bg-z-index);
    display: var(--bg-display);
    width: var(--bg-width) !important;
    height: var(--bg-height) !important;
  }
  @media (width >= 992px) {
    --bg-image: url(/media/oiadzrgz/three-paint-strokes.png);
    --bg-size: cover;
    --bg-background-position: center;
  }
}
/*----------------------------------
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) {
  --header-padding: 1.5rem;
  --header-divider-width: 90px;
  --header-nav-width: 100%;
  --header-nav-border-radius: 0;
  background-color: var(--beige-300);
  box-shadow: unset;
  padding-right: 3rem;
 @media (width < 768px) { flex-direction: row-reverse; padding-right: 0; }
  .nav-contact-us {
    display: none !important;
  }
  & :is(.logo) {
    background-color: var(--orange-400);
    font-family: var(--f-lato);
    font-size: var(--fs-14);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    Color: var(--blue-400);
  }
  & :is(nav) {
    @media screen and (max-width: 767px) {
      .social-menu {
        display: none;
      }
    }
    & :is(ul) {
      & :is(.active) { > a { Color: var(--green-500) !important; } }
      & :is(li) {
        a {
          font-family: var(--f-lato);
          font-size: var(--fs-14) !important;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          letter-spacing: 0.7px;
          text-transform: uppercase !important;
          Color: var(--blue-400);
          &:hover { Color: var(--green-500); }
          :is(.active) { Color: var(--green-500); }
        }
        & :is(.submenu) {
          & :is(li) {
            background-color: var(--beige-300) !important;
            a {
              font-family: var(--f-lato);
              font-size: var(--fs-14) !important;
              font-style: normal;
              font-weight: 600;
              line-height: normal;
              letter-spacing: 0.7px;
              text-transform: uppercase !important;
              Color: var(--blue-400);
              &:hover { Color: var(--green-500); }
              :is(.active) { Color: var(--green-500); }
            }
            @media (width < 992px) {
                background-color: var(--orange-400) !important;
            }
          }
        }
      }
    }
  }
  & :is(.anchortop.vip) {
    background: url('/media/fbyoblpu/get-on-the-list-midline-background.png?width=500&mode=max&animationprocessmode=first');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: auto;
    border-radius: 10px;
    padding: 1rem 1.5rem;
    align-self: flex-start;
    min-height: 100px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    & .flex {
        gap: var(--flex-gap, 0.5rem);
    }
    & :is(p) {
        text-transform: uppercase;
        font-family: var(--f-lato);
        font-size: var(--fs-20);
        color: var(--blue-400);
        letter-spacing: 4px;
        font-weight: 900;
        line-height: normal;
    }
    & .hidden-smaller {
        line-height: 14px;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.055em;
    }
  }
   & :is(.phone.show-sm, .phone.hide-sm) {
    display: none;
  }
  /*& :is(.burger, .logo, nav, .search-toggle, .phone) { display: none !important; }*/
  & :is(.custom-navigation) {
    background-color: var(--beige-500);
    border: 3px solid var(--blue-400);
    padding: var(--header-padding);
    margin-inline: auto;
    width: var(--header-nav-width);
    height: 100%;
    justify-content: space-between;
    align-items: center;
    border-bottom-right-radius: var(--header-nav-border-radius);
    border-bottom-left-radius: var(--header-nav-border-radius);
    & a {
      --body-font: var(--f-lato);
      --body-fs: var(--fs-12);
      --body-fw: 900;
      --body-letterspace: 1px;
      --body-text-transform: uppercase;
      position: relative;
      text-align: center;
      &.custom-nav-logo {
        --logo-width: 160px;
        max-width: var(--logo-width); 
        @media (width >= 768px) { --logo-width: 80px; }
        @media (width >= 1024px) { --logo-width: 160px; }
      }
      & :where(.active-icon) {
        position: absolute;
        left: 50%;
        right: 50%;
        width: 12px;
        transform: translate(-50%, -50%);
        margin-top: 5px;
        display: flex;
        justify-content: center;
        & img { width: 10px; }
      }
      &[title="news"] {display: block !important; }
      &[data-anchor="#interest-list"] {
        width: 30px;
        height: 24px;
        & img { margin-bottom: .5rem; }
      }
      @media (width >= 768px) { --body-fs: 10px; }
      @media (width >= 992px) { --body-fs: var(--fs-12); }
      @media (width >= 1280px) {
        --body-fs: var(--fs-14);
        --body-letterspace: 3.5px;
      }
    }
    & .divider {
      height: 2px;
      background-color: var(--blue-400);
      align-self: center;
      flex: 0 0 var(--header-divider-width);
    }
  }
  @media (width >= 768px) {
    --header-nav-width: min(90vw, 1428px);
    --header-nav-border-radius: 20px;
    --header-divider-width: 54px;
  }
  @media (width >= 1024px) { --header-divider-width: 14vw; }
  @media (width >= 1100px) { --header-divider-width: 19vw; }
  @media (width >= 1280px) { --header-divider-width: 15vw; }
  @media (width >= 1400px) { --header-divider-width: 22vw; }
  @media (width >= 1600px) { --header-divider-width: min(30vw, 420px); }
  @media (width < 992px) {
    background-color: var(--orange-400);
    & nav { 
      background-color: var(--orange-400);
      & .toggle-menu { font-weight: 800; }
    }
    & .burger { background-color: var(--beige-400); }
    & .nav-dropdown {
      font-size: 1.6rem;
      color: var(--blue-400) !important;
      font-weight: 800;
    }
    & .mainmenu.menu {
      text-align: center;
      & li {
        margin-left: 0;
        & a {
          font-size: var(--fs-34) !important;
          line-height: 1 !important;
        }
      }
    }
    & .mainmenu.menu + .social-menu { display: none; }
  }
  @media (width < 768px) {
    position: absolute;
    & :is(a:not(:first-child, :last-child, .logo), .divider) { display: none; }
    & a[title="news"] { margin-left: auto; }
  }
}
@media (width >= 992px) {
  header nav[data-nav-display="display-dropdown-menu"] .mainmenu > li:hover > ul.submenu li { background-color: var(--beige-400); }
}
@media (width < 992px) {
  nav { display: none; }
  .show-mobile-nav nav { display: block; width: 100% !important; }
  .show-mobile-nav :is(header, .logo) { background-color: var(--beige-400) !important; }
  .show-mobile-nav nav i.close {
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
  }
}
.news header a[data-anchor="#intro"] .active-icon { display: none; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
footer {
  background-color: var(--footer-bg-color, var(--green-500));
  & .footerCopy {
    --grid-footer-border-radius: 0;
    & ul li {
      --body-fs: var(--fs-16);
      --body-color: var(--gray-300);
      --body-fw: 400;
    }
    & .wrapper {
      & .grid-footer {
        --grid-container-template-cols: 1fr;
        --grid-container-gap: 3rem;
        --grid-container-padding: 3rem 4rem 2rem;
        place-items: center;
        padding: var(--grid-container-padding);
        border: 2px solid var(--blue-400);
        border-top-left-radius: var(--grid-footer-border-radius);
        border-top-right-radius: var(--grid-footer-border-radius);
        
        & p {
          --body-fs: var(--fs-16);
          --body-color: var(--gray-300);
          --body-fw: 400;
        }
        & .social-follow-links {
          & h4 { 
            font-family: var(--f-lato);
            font-size: var(--fs-16);
            color: var(--blue-400); 
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 900;
          }
          & a {
            margin: 5px;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            padding: 0 .4rem;
            color: #fff;
            background-color: var(--blue-400);
            &.icon-instagram::before {
              padding: 0;
              position: relative;
              right: 1.4px;
              top: 1px;
            }
          }
        }
        @media (width >= 768px) {
          --grid-container-template-cols: repeat(4, 1fr);
          --grid-container-gap: 0.5rem;
          --grid-container-padding: 2rem;
        }
      }
      & .footer-privacy-items ul {
        padding-block: .5rem;
        background-color: var(--blue-400);
        & a {
          --body-font: var(--f-krete);
          --body-color: var(--beige-500);
          --body-fw: 400;
          display: flex;
          align-items: center;
          & .footer-nav-separator {
            width: 2px;
            height: 20px;
            background: #fff;
            margin-left: 1rem;
          }
        }
        & li.flex { justify-content: right; }
      }
      & .CurrentYearDynamic { font-weight: 800; }
      @media (width < 992px) {
        & :where(.footer-privacy-items ul) { justify-content: center; }
      }
      @media (width < 992px) {
        & :where(.footer-nav-items, .footer-privacy-items) { grid-column: 1 / span 2; }
        & :where(.footer-nav-items, .footer-privacy-items ul) { flex-wrap: wrap; }
        & .copyright { --copyright-display: none; }
        & .footer-nav-items {
          gap: 0;
          & h6 {
            --heading-lineheight: 0.8;
            width: 50%;
          }
          & .copyright {
            --copyright-display: block;
            width: 100%;
            margin-top: 1rem;
          }
        }
        & .footer-privacy-items ul {
          margin-top: 1rem;
          gap: 0 0.6rem;
        }
      }
      @media (width < 767px) {
        & .copyright { text-align: center; }
        & .footer-privacy-items ul {
          margin-top: 0;
          height: 100px;
          padding-block: 1rem;
        }
        & .foot-legal { padding: 15px !important; }
      }
      @media (width <= 1530px) { --wrapper-width: 90%; }
      @media (width <= 1360px) { --wrapper-width: calc(100% - 2rem); }
      @media (width <= 1250px) {
        --wrapper-width: 100%;
        & ul li {
          --body-fs: var(--fs-14);
          text-align: right;
        }
      }
      @media (width <= 1100px) {
        & ul li {
          --body-fs: var(--fs-12);
          justify-content: end;
        }
      }
      @media (width < 768px) { --wrapper-padding: 0; }
    }
    @media (width >= 768px) { --grid-footer-border-radius: 10px; }
  }
}
:is(footer) {
  & :is(.footerCopy) {
    @media screen and (max-width: 767px) {
      .foot-main :where(.menu, .info) { border-bottom: 1px solid var(--dark); padding-top: 30px !important; padding-bottom: 30px !important; }
    }
    & :is(.foot-main) {
      > .container {
        @media (width < 992px) {
          padding: 0 5rem;
        }
        @media (width < 768px) {
          padding: 0 2rem;
        }
      }
      .logo.foot-col {
        @media (width < 992px) {
          max-width: 260px;
          margin-inline: auto;
          padding: 0;
          border-right: 0;
        }
        @media screen and (max-width: 767px) {
          padding-left: 30px;
          padding-right: 30px;
          & span {
            & img {
              display: block;
              margin: 0 auto;
            }
          }
        }
      }
      .menu.foot-col {
        @media (width < 992px) {
          border-bottom: 1px solid var(--dark);
          border-right: 0;
        }
        a {
        color: var(--blue-400);
        font-family: var(--f-lato);
        font-size: var(--fs-14);
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.7px;
        text-transform: uppercase;
        @media (768px <= width < 992px) {
          margin: 0;
        }
      }
      li {
        margin: 20px 0;
      }
      @media screen and (max-width: 767px) {
        border-bottom: 1px solid #000;
        li {
          margin: 0;
        }
      }
    }
    .info.foot-col {
      @media (width < 992px) {
        border-right: 0;
        padding-top: 2rem;
        border-bottom: 1px solid #000;  
      }
      p, span, a {
        color: var(--blue-400);
        font-family: var(--f-lato);
        font-size: var(--fs-14);
        font-style: normal;
        font-weight: 700;
        line-height: 19.6px;
      }
    }
    .newsletters.foot-col {
      @media (width < 992px) {
        padding-left: 0;
        padding-top: 2rem;
      }
      p, span {
        color: var(--blue-400);
        font-family: var(--f-lato);
        font-size: var(--fs-13);
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        span {
          font-weight: 700;
        }
      }
    }
  }
}
}
: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; }
/*------------------------------
Footer Main
------------------------------*/
:where(.foot-main) a {
  --body-fs: var(--fs-16);
  --body-text-transform: inherit;
}
.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; }
.foot-main .inner { border-top: 1px solid #fff; }
:is(.foot-main) input { 
    border-radius: 8px; 
    color: #000;
    font-family: var(--f-lato);
    font-size: var(--fs-14);
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
 }
#newsletter button[type="submit"] {
  --btn-bg-color: var(--blue);
  --btn-width: 40px;
  --btn-minheight: 40px;
  --btn-maxheight: 40px;
  border-radius:0px 8px 8px 0px !important;
  background-color: var(--gray-400) !important;
}
.foot-sub {
  @media screen and (max-width: 767px) {
    & .foot-sub-links {
      display: block;
      text-align: center;
      & a {
        display: block;
      }
    }
  }
  --actions-pr: 50px;
  background-color: var(--orange-400);
  text-align: right;
  a {
    color: #273747;
    font-family: Arial;
    font-size: var(--fs-13);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}
.foot-sub .foot-sub-links {
  --div-display: grid;
  --div-gap: 1.7rem;
}
.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 * { --body-fs: var(--fs-12); background-color: #fff; }
.foot-legal {background-color: #fff;}
.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 .bottomCopy {background-color: var(--beige-300); padding: 50px 0;}
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%;
  }
  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;
  }
  .foot-main :where(.logo, .menu, .info) { border-right: 1px solid var(--dark); }
  .foot-main :where(.logo) img {
    width: 80%;
    margin: auto;
  }
}
@media (width >= 992px) {
  .instagrid[data-item-count] { --grid-cols: 4; }
  .foot-sub .foot-sub-links {
    --div-display: flex;
    --div-justify-content: center;
    --div-align-items: center;
  }
  .foot-main :is(.foot-col.logo) {
    padding-left: 0 !important;
    padding-bottom: 0 !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 .next_link i, .page_navigation .previous_link i { border: 1px solid var(--gray-90); }
.blog-root .page_navigation .first_link { color: var(--gray-90); }
.page_navigation .next_link i { color: var(--gray-90); }
.blog-root .page_navigation .next_link:not(.nom_more) i,
.blog-root .page_navigation .last_link i { color: var(--purple-90); }
.blog-root .page_navigation .last_link:not(.no_more) { color: var(--gray-90); }
.blog-root .page_navigation .page_link { color: var(--gray-90); }
.blog-root .page_navigation .active_page {
  background-color: var(--orange-100);
  color: #fff;
  border-radius: 100% !important;
  padding: 0 10px !important;
  width: 25px !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}
/*------------------------------
Events - Filters
------------------------------*/
.ui-datepicker-calendar *, .ui-datepicker-header * { text-decoration: none !important; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
BLOG
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
:is(.blog-listing-container, .blog-post-main-content) {
  & .type-docTypeRightColumn .social-follow-links::before,
  & .type-docTypeRightColumn .social-follow-links::after {
    content: "";
    background: url(/media/s0inocdh/midline-colored-lines.png) no-repeat center;
    background-size: cover;
    width: 100%;
    position: absolute;
    display: block;
    & .blog-right-base, .blog-right-base a:not(.button) { color: var(--purple-90); }
    height: 5px;
  }
  & .type-docTypeRightColumn:first-of-type { padding: 1rem 0 0; }
  & .type-docTypeRightColumn:nth-child(3) { padding: 0; }
  & .type-docTypeRightColumn .social-follow-links {
    display: flex;
    align-items: center;
    position: relative;
    min-height: 5rem;
    & h4 {
      font-family: var(--f-lato);
      font-size: var(--fs-16);
      color: var(--gray-200);
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 900;
    }
    & a {
      margin: 5px;
      width: 30px;
      height: 30px;
      background-color: var(--gray-200);
      border-radius: 100%;
      padding: 0 .4rem;
      &::before { color: var(--white); }
      &.icon-instagram {
        font-size: var(--fs-22);
        position: relative;
        &::before {
          position: relative;
          top: 2px;
          padding: 0;
        }
      }
    }
    &::before { top: 0; }
    &::after { bottom: 0; }
  }
  @media (width < 768px) { padding-inline: 0rem; }
}
/*------------------------------
Blog - Side Bar
------------------------------*/
/*----> Callout Module <----*/
.blog-right-inner h4.small-headline {
  font-family: var(--f-lato);
  font-size: var(--fs-16);
  color: var(--green-400);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 900;
  padding: 0;
}
.callout-module h4 {
  font-family: var(--f-krete);
  font-size: var(--fs-32);
  color: var(--green-500);
  font-weight: 400;
  line-height: 1.125;
  text-transform: initial;
  letter-spacing: 0;
  text-align: center;
  padding: 0;
}
.blog-right-base .callout-module {
  background-color: var(--gray-200);
  padding: 2rem 0 1rem;
  border-radius: 15px;
  position: relative;
  &::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    width: calc(100% - 2rem);
    height: 76%;
    margin-inline: auto;
    border-radius: 15px;
    border: 1px solid var(--green-500);
  }
}
.type-docTypeRightColumn .callout-module div {
  font-family: var(--f-krete);
  color: var(--green-500);
  font-weight: 400;
  line-height: 1.625;
  letter-spacing: 0;
  width: calc(100% - 3rem);
  margin: auto;
}
.blog .blog-right-base a.button {
  --btn-bg-color: var(--purple-90);
  color: var(--white-100);
}
.blog .blog-right-base a.button:hover {
  --btn-bg-color: var(--yellow-100);
  --btn-border-color: var(--yellow-100);
}
/*----> Tags <----*/
.blog-tag-cloud li a.selected { background-color: #756762; }
.blog-tag-cloud { margin-top: 30px; }
.blog-right-base .blog-tag-cloud li a {
  font-family: var(--f-lato);
  color: var(--blue-400);
  font-size: var(--fs-14);
  background-color: transparent;
  line-height: 1.28;
  font-style: normal;
  font-weight: 900;
  min-height: 38px;
  letter-spacing: 0.05em;
  border: 1px solid var(--blue-400);
  border-radius: 5px;
  &:hover {
    background-color: var(--orange-400);
    color: var(--blue-400);
    border: 1px solid var(--blue-400);
  }
}
.blog-archive-base :where(a, span) {
  font-weight: 900;
  font-family: var(--f-lato);
  font-size: var(--fs-14);
  color: #787878;
  letter-spacing: 0.2em;
}
/*----> Other Overview Articles <----*/
/* intro content */
.blog-intro-content p {
  --body-fw: 600;
  font-family: var(--f-lato);
  font-size: var(--fs-16);
  color: var(--green-400);
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
.blog-post {
  & * { text-align: center; }
  &.first {
    & .blog-title h3 {
      font-size: var(--fs-32);
      @media (width < 768px) { font-size: var(--fs-26); }
    }
    &::after {
      content: "";
      background: url(/media/s0inocdh/midline-colored-lines.png) no-repeat center;
      background-size: cover;
      width: 100%;
      position: absolute;
      display: block;
      height: 5px;
    }
  }
  & .teaser-image {border-radius: 15px;}
  & .blog-title :where(h3, h1) {
    font-family: var(--f-lato);
    font-size: var(--fs-22);
    color: var(--green-400);
    line-height: 1.1;
    text-align: center;
    font-weight: 900;
    letter-spacing: 0;
  }
  & .blog-date p {
    font-family: var(--f-krete);
    font-size: var(--fs-13);
    color: #787878;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 2.2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    &::before { left: -5px; }
    &::after { right: -5px; }
  }
  & .blog-date p::before,
  & .blog-date p::after {
    content: "";
    width: 8px;
    height: 1px;
    position: relative;
    background-color: #787878;
  }
  & .blog-teaser p {
    color: #787878;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  & .blog-teaser + a { margin-bottom: 5rem; }
  & .button.button2 { --btn-bg-color: var(--orange-400); }
}
.callout-module .button {
  --btn-bg-color: var(--gray-200);
  --btn-border-color: var(--green-500);
  --btn-text-color: var(--green-500);
  &:hover {
    --btn-bg-color: var(--gray-200);
    --btn-border-color: var(--green-500);
    --btn-text-color: var(--green-500);
  }
}
/*------------------------------
Blog - Post
------------------------------*/
.Post .site-body {
  padding-top: 90px !important;
  @media (width < 768px) { padding-inline: 1rem; }
}
.Post .blog-title h1 {
  font-family: var(--f-lato);
  font-size: var(--fs-32);
  color: var(--green-400);
  text-align: left;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: initial;
  @media (width < 768px) { font-size: var(--fs-26); }
}
.blog-text .type-rte p {
  color: #787878;
  line-height: 1.85;
  letter-spacing: 0.025em;
}
.Post .blog-post-content img { border-radius: 15px; }
.blog-text .type-rte a:not(.button) {
  color: #787878;
  position: relative;
  &::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--orange-400);
    display: block;
    left: 0;
    bottom: -1px;
  }
}
.Post .blog-post-content p a:hover { text-decoration: underline; }
.back-button {
  & :where(a, i) {
    font-family: var(--f-lato);
    color: var(--green-400);
    text-transform: uppercase;
    font-size: var(--fs-16);
    font-weight: 900;
  }
  & i { position: relative; top: -2px; }
}
.Post .sub-headline {
  margin-bottom: 10px !important;
  font-family: var(--f-lato);
  letter-spacing: 0.2em !important;
  color: var(--green-400) !important;
  text-transform: uppercase;
  font-weight: 900;
}
/*----> Share and Comment <----*/
.Post .share-and-comment, .share-and-comment a { color: #000; }
.Post .share-and-comment .comment-count { color: var(--orange-100); }
.Post .share-and-comment {
  border-top: 1px solid var(--purple-90);
  border-bottom: 1px solid var(--purple-90);
}
:where(.Post) iframe {
  min-height: 340px;
  width: 100%;
}
.blog-prev-next {
  border-top: 1px solid var(--purple-90);
  border-bottom: 1px solid var(--purple-90);
  display: none;
}
.Post .blog-text .type-rte ul li, .Post .blog-text .type-rte ol li  { margin-bottom: 30px; }
.Post .blog-text .type-rte ul li a, .Post .blog-text .type-rte ol li a { text-decoration: underline; }
.blog-post-content .tags-holder { display: none; }
.blog-post-content .tags-holder a { color: #000; }

/*----> Prev/Next Buttons <----*/
.blog-prev-next i { color: var(--purple-90); }
.blog-prev-next .prev + .next { border-left: 1px solid var(--purple-90); }
.blog-prev-next h6 {
  color: var(--purple-90);
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: 0.05em;
}
.blog-prev-next span { letter-spacing: 1px; }
/*----> "You May Also Like" Section <----*/
.Post .blog-post-content .you-may-also h4 {
  font-family: var(--font-gibson);
  line-height: 1.09;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  text-align: center;
  font-weight: 500;
}
.Post .related-post .related-date {
  font-family: var(--font-monde);
  color: var(--purple-90);
  font-size: var(--fs-14);
  letter-spacing: 0.2em;
  font-style: italic;
}
.related-post .related-title {
  font-family: var(--font-gibson);
  font-size: var(--fs-16);
  color: var(--gray-90);
  line-height: 1.625;
  line-height: 22px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .blog-post.first .blog-teaser {
    padding: 0 15px;
  }
  :where(.Post) iframe { min-height: 160px; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
EVENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.event-headline h2 {
  text-transform: none;
  /*need important because umbraco spits out inline styles*/
  font-size: var(--fs-36) !important;
  font-weight: 700;
  line-height: 1.2em;
}
.atcb-item-link:hover { color: var(--orange-100); }
/*------------------------------
Social Ghost Buttons
------------------------------*/
.social-ghost-buttons { color: #000; }
.social-ghost-buttons a { border: 1px solid #000; }
.social-ghost-buttons a:hover { background-color: #000; }
.social-ghost-buttons a i { color: #000; }
.social-ghost-buttons a:hover i { color: #fff; }
/*------------------------------
Events - Filters
------------------------------*/
.events-options-wrap #clearFilters { color: #a19088; }
.events-options-wrap .filter-by { color: #000; }
.homesearch-filter-header .checkbox-filters label { color: #fff; }
.events-filter-row .active .innerContent { color: var(--orange-100); }
.events-options .innerContent p {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #000;
  font-size: var(--fs-13);
  text-transform: uppercase;
}
.events .type-rte2 .button { line-height: 16px; }
.events .type-docTypeRightColumn { border-bottom: 1px solid #958985 !important; }
.events .blog-right-base .type-docTypeRightColumn { border: none; }
.events .type-docTypeRightColumn .callout-module { padding: 0 5%; }
.events [type="checkbox"]:not(:checked) + label,.events [type="checkbox"]:checked + label { font-weight: bold; }
:is(#homesearch) :where(.homesearch-filter-header) {
  padding: 1.18rem 0;
  background-color: var(--purple-100);
}
.Event .intro-block .button, .Event .intro .button { padding: 0; }
:is(.homesearch-filter-row) .innerContentOptions label,
.events .type-docTypeRightColumn .social-follow-links a { color: #000; }
.events .type-docTypeRightColumn .callout-module div {
  font-family: "adobe-caslon-pro", serif;
  color: #000;
}
.event-buttons .button2.addtocalendar { background: #fff; }
.Event .intro-block .atcb-list a:hover { color: #ac9f3c; }
.events .type-docTypeRightColumn .social-follow-links a { color: #000; }
.events .type-docTypeRightColumn .callout-module div {
  font-family: "adobe-caslon-pro", serif;
  color: #000;
}
.event-buttons .button2.addtocalendar { background: #fff; }
.Event .intro-block .atcb-list a:hover { color: #ac9f3c; }
.events .blog-date p {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: var(--fs-14);
  text-transform: uppercase;
  color: #000;
}
.events .blog-title h3 { color: #000; }
.events .first .blog-date p { font-size: var(--fs-18); }
.Event .event-headline h1 { font-size: vaR(--fs-24); }
.Event .intro-block h3 {
  font-size: 1.375rem;
  letter-spacing: 0.025em;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #000000;
}
@media (min-width: 768px) {
  .events-options-wrap { border-top: 1px solid #958985; }
}
@media (max-width: 767px) {
  .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 {
    color: var(--orange-100);
    text-transform: initial;
  }
  .events .first .blog-date p { font-size: var(--fs-20); }
  .event-headline h2 { font-size: 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%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORM PANELS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.formpanel h3 {
  max-width: 100%;
  line-height: 1.5em;
  margin-bottom: 25px;
  font-weight: normal;
}
.formpanel .form-element :where(input, textarea, option) {
  font-family: var(--f-krete);
  font-size: var(--fs-14);
  border-radius: 3px;
  color: var(--gray-dark);
}
.formpanel .form-element > label {
  --body-lineheight: 2;
  font-size: var(--fs-16);
  font-weight: 500;
  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); }
: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: left;
      & button { --btn-width: 140px; }
    }
  }
  @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; }
@media (width < 768px) {
  .testimonials-text h4 { margin-top: 20px; }
  .formpanel h3 { line-height: 1.1em; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
RICHTEXT 2 CUSTOMIZATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.richtext + h4.small-subheadline.richtext { margin-top: 10px; }
/**umb_name: Color 1*/
.color1, span.color1 a  { color: #003146; }
/**umb_name:Extra Small Paragraph*/
p.xsmall, p.xsmall * {
  color: var(--gray);
  margin: 15px 0;
  font-size: var(--fs-12);
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Custom Homes Site Map
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@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; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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; }
.very-small-container.container, .very-small-container .container, .very-small-container { max-width: 563px; }
.middle-small-container.container, .middle-small-container .container, .middle-small-container { max-width: 847px !important; }
.medium-container.container, .medium-container .container, .medium-container { max-width: 1050px; }
.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 >= 1800px) {
  footer .wrapper.wrapper-xl { --wrapper-width: 70%; }
}
/* 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; }
      }
    }
  }
}
.formelements [type="checkbox"] + label:before {
  border: 1px solid var(--blue-400);
  border-radius: 5px;
  background: transparent !important;
}
.formelements [type="checkbox"]:checked + label:after {
  content: "" !important;
  font-family: unset !important;
  font-size: unset !important;
  position: absolute;
  left: 3px;
  top: 3px;
  background-color: var(--orange-400);
  height: 12px;
  width: 12px;
  border-radius: 100%;
}
.ot-sdk-show-settings::after {
  content: "";
  width: 2px;
  height: 20px;
  background: #fff;
  margin-left: 1rem;
}
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-consent-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk.ot-buttons-fw:not(.ot-iab-2) #onetrust-button-group button:last-of-type,
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), #onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
  background-color: #0F3557 !important;
  border-color: #0F3557;
  color: #FFFFFF;
  min-width: auto;
  border-radius: 10px;
  letter-spacing: unset;
  text-transform: capitalize;
}
#onetrust-pc-sdk.ot-ftr-stacked .ot-btn-subcntr { min-width: 60% !important; }
#onetrust-pc-sdk.ot-ftr-stacked .ot-btn-subcntr button { width: auto !important; max-width: 100% !important; }
/*--------------------------------------
popup map
----------------------------------------*/
#cboxLoadedContent :where(.popup-map, .map-test) {
  /* --map-container-width: ;
--map-height:;
--map-width:; */
  & .type-rte p {
    width: 100%;
    & img {
      width: 100%;
    }
  }
  /* @media (width > 1024px) and (height >= 960px) {
--map-height: 840px;
--map-width: 770px;
} */
}
/*--------------------------------------
INSIDERS FORM / GRID FORM
----------------------------------------*/
.page-1-email-panel .button { margin-top: 0 !important; }
#cboxClose { color: var(--blue); }
#cboxClose > div { display: none; }
:where(#cboxLoadedContent) {
  --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: 12px;
  }
  :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; }
}

.inline-embeded-form {
  & .image.content-module {
    width: 385px;
    @media screen and (max-width: 767px) {
      width: 100%;
    }
  }
  & .text.content-module {
    width: 500px;
    @media screen and (max-width: 767px) {
      width: 100%;
    }
    & .formpanel .form-element :where(input, textarea, option) {
      border: 1px solid #D9D9D9;
      border-radius: 8px;
      background: var(--beige-300);
    }
    .formpanel .form-element :where(label) {
      --body-lineheight: 2;
      margin-bottom: 3px;
    }
    .formpanel .button-right {
      text-align: center !important;
        
    }
    .formelements {
      width: 100%;
      padding-top: 1rem;
      
      }
      @media screen and (max-width: 767px) {
        width: 100%;
     }
      
      .formpanel .form-element { 
        font-size: var(--fs-14);
        font-weight: 400;
        display: block;
      }
    }
  }
  
 .inline-embeded-form .standard-module {
    margin-top: 0px;
}
.formpanel > .type-rte {
    padding: 40px 3% !important;
}


@media screen and (max-width: 767px) {
  .inline-embeded-form .image-with-text {
    flex-direction:column;
  }
}

.parallax-section{
  .container {
     @media (width < 767px) {
      padding: 0;
    }
   & .background-with-box {
     & .fullbleed-with-content {
        .text.card {
          border-radius: 20px;
           @media (width < 767px) {
              border-radius: 0;
            }
            --btn-border-color: var(--blue-400);
            color: var(--blue-400) !important;
            & * {
              --btn-border-color: var(--blue-400);
              color: var(--blue-400) !important;
            }
        }
      }
    }
  }
}

.width-720 {
  width:720px;
  margin: 80px auto;
}
@media (width < 767px) {
  .width-720 {
    width: 100%;
  }
}

.eapps-instagram-feed-posts-slider-prev, .eapps-instagram-feed-posts-slider-next {
  display: none;
}

.eui-slider-arrow-enabled {
  display: none !important;
  visibility: hidden !important;
}

.container p a:not(.button) {
  text-decoration: underline;
}

.find-us-section {
  background-color: var(--beige-300);
  h2 {
    color: var(--blue-400);
  }
  .intro.medium-container {
    max-width: 730px;
    padding-bottom: 20px;
    font-size: var(--fs-18);
  }
}

#cboxContent .formpanel 
{
    img { height:100% !important}    
}

@media (width < 767px) {
    .show-mobile-nav :is(header, .logo) {
        background-color: var(--orange-400) !important;
    }
  .show-mobile-nav header, .show-mobile-nav .site-body {
     transform: unset !important;
  }
    .show-mobile-nav :is(header) {
        background-color: var(--orange-400);
         transform: unset;
    }
    .show-mobile-nav nav {
      right: 0;
      width: 391px;
    }
  header nav {
    right: -310px;
    left: unset;
    top: 65px;
  }
.show-mobile-nav header, .show-mobile-nav .site-body {
        transform: unset !important;
        transition: transform .3s ease;
    }

    header nav .close {
       right: 15px;
      left: unset;
      position: fixed;
      background-color: var(--beige-400);
    }
}

.hide-module {
    display: none !important;
}

.insiders-form [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
  font-weight: normal;
}

.insiders-form .formelements :is(.chkConsentToEmail, .chkConsentToText) :where(label) {
   font-size: var(--fs-14) !important;
}

.blog-text .type-rte p a:not(.button) {
    &::after {
        background-color: unset;
        
    }
}