.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   GLOBAL WELLNESS SITE THEME
   Warm natural wellness theme
   ========================================================= */

:root {
  --wh-bg: #f7f3ea;
  --wh-bg-soft: #fbf8f0;
  --wh-card: #ffffff;
  --wh-card-soft: rgba(255, 255, 255, 0.78);

  --wh-ink: #20201c;
  --wh-ink-soft: #383730;
  --wh-muted: #6c675d;
  --wh-muted-light: #8c8679;

  --wh-green: #60735a;
  --wh-green-dark: #384b35;
  --wh-green-deep: #2f422c;
  --wh-soft-green: #eef3eb;

  --wh-gold: #c99a3d;
  --wh-gold-dark: #9f7626;
  --wh-soft-gold: #f5ead2;

  --wh-line: rgba(32, 32, 28, 0.12);
  --wh-line-strong: rgba(32, 32, 28, 0.18);

  --wh-shadow: 0 18px 45px rgba(32, 32, 28, 0.08);
  --wh-shadow-soft: 0 12px 28px rgba(32, 32, 28, 0.06);

  --wh-radius-sm: 14px;
  --wh-radius-md: 20px;
  --wh-radius-lg: 28px;
  --wh-radius-xl: 34px;

  --wh-max: 1180px;
}

/* =========================================================
   BASE SITE STYLES
   ========================================================= */

html {
  scroll-behavior: smooth;
}

body {
  background: var(--wh-bg);
  color: var(--wh-ink);
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

body,
button,
input,
textarea,
select {
  font-family: Inter, Arial, sans-serif;
}

a {
  color: var(--wh-green-dark);
  transition: color 0.22s ease, background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

a:hover {
  color: var(--wh-gold-dark);
}

img {
  max-width: 100%;
  height: auto;
}

/* =========================================================
   GLOBAL LAYOUT HELPERS
   ========================================================= */

.wh-wrap,
.site-wrap,
.content-wrap {
  width: min(var(--wh-max), calc(100% - 36px));
  margin-left: auto;
  margin-right: auto;
}

.wh-section {
  padding: 72px 0;
}

.wh-section-sm {
  padding: 48px 0;
}

.wh-section-lg {
  padding: 96px 0;
}

.wh-page-bg {
  background: var(--wh-bg);
}

.wh-light-bg {
  background: var(--wh-bg-soft);
}

.wh-white-bg {
  background: var(--wh-card);
}

/* =========================================================
   TYPOGRAPHY
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--wh-ink);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.04em;
  margin-top: 0;
}

h1 {
  font-size: clamp(40px, 6vw, 72px);
  letter-spacing: -0.055em;
}

h2 {
  font-size: clamp(32px, 4vw, 52px);
}

h3 {
  font-size: clamp(24px, 3vw, 34px);
}

h4 {
  font-size: 22px;
}

p {
  color: var(--wh-muted);
  margin-top: 0;
}

strong {
  color: var(--wh-green-dark);
}

.wh-lead {
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.65;
  color: var(--wh-muted);
}

.wh-eyebrow {
  color: var(--wh-gold-dark);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 10px;
}

.wh-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 13px;
  border: 1px solid var(--wh-line);
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  color: var(--wh-green-dark);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

.wh-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  background: var(--wh-gold);
  border-radius: 999px;
  display: inline-block;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.wh-btn,
button,
input[type="submit"],
.wp-block-button__link,
.elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.wh-btn-primary,
.wp-block-button__link,
.elementor-button,
input[type="submit"] {
  background: var(--wh-green-dark);
  color: #ffffff !important;
  border-color: rgba(56, 75, 53, 0.18);
  box-shadow: 0 12px 26px rgba(56, 75, 53, 0.22);
}

.wh-btn-primary:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
  background: var(--wh-green-deep);
  color: #ffffff !important;
}

.wh-btn-secondary {
  background: #ffffff;
  color: var(--wh-ink);
  border-color: var(--wh-line);
}

.wh-btn-secondary:hover {
  transform: translateY(-2px);
  color: var(--wh-ink);
  box-shadow: var(--wh-shadow-soft);
}

.wh-btn-gold {
  background: var(--wh-gold);
  color: #211707 !important;
  border-color: rgba(201, 154, 61, 0.28);
  box-shadow: 0 12px 26px rgba(201, 154, 61, 0.2);
}

.wh-btn-gold:hover {
  transform: translateY(-2px);
  background: var(--wh-gold-dark);
  color: #ffffff !important;
}

/* =========================================================
   CARDS / CONTAINERS
   ========================================================= */

.wh-card,
.card,
.wp-block-group.is-style-card {
  background: var(--wh-card);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-lg);
  box-shadow: var(--wh-shadow-soft);
  padding: 28px;
}

.wh-card-soft {
  background: var(--wh-card-soft);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-lg);
  box-shadow: var(--wh-shadow-soft);
  padding: 28px;
}

.wh-panel {
  background:
    radial-gradient(circle at top right, rgba(201,154,61,0.18), transparent 34%),
    linear-gradient(145deg, #ffffff, #f1eadb);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-xl);
  box-shadow: var(--wh-shadow);
  padding: 34px;
}

.wh-green-panel {
  background: var(--wh-green-dark);
  color: #ffffff;
  border-radius: var(--wh-radius-xl);
  box-shadow: var(--wh-shadow);
  padding: 44px;
}

.wh-green-panel h1,
.wh-green-panel h2,
.wh-green-panel h3,
.wh-green-panel h4,
.wh-green-panel strong {
  color: #ffffff;
}

.wh-green-panel p,
.wh-green-panel li {
  color: rgba(255, 255, 255, 0.78);
}

/* =========================================================
   ICON BOXES
   ========================================================= */

.wh-icon {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  background: var(--wh-soft-green);
  color: var(--wh-green-dark);
  font-size: 24px;
  font-weight: 800;
}

.wh-icon-gold {
  background: var(--wh-soft-gold);
  color: var(--wh-gold-dark);
}

.wh-mini-card {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  align-items: center;
  background: rgba(255,255,255,0.82);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-md);
  padding: 16px;
}

.wh-mini-card h3 {
  margin: 0 0 4px;
  font-size: 17px;
  letter-spacing: -0.02em;
}

.wh-mini-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: var(--wh-muted);
}

/* =========================================================
   GRID SYSTEMS
   ========================================================= */

.wh-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}

.wh-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.wh-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.wh-align-center {
  align-items: center;
}

.wh-text-center {
  text-align: center;
}

/* =========================================================
   HERO SECTIONS
   ========================================================= */

.wh-hero {
  padding: 88px 0 70px;
  background:
    radial-gradient(circle at top right, rgba(201,154,61,0.18), transparent 32%),
    var(--wh-bg);
}

.wh-hero-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 44px;
  align-items: center;
}

.wh-hero h1 {
  margin-bottom: 22px;
}

.wh-hero p {
  max-width: 650px;
}

.wh-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  align-items: center;
  margin-top: 30px;
}

/* =========================================================
   SECTION HEADERS
   ========================================================= */

.wh-section-heading {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 28px;
  align-items: end;
  margin-bottom: 34px;
}

.wh-section-heading h2 {
  margin: 0;
}

.wh-section-heading p {
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}

/* =========================================================
   LISTS
   ========================================================= */

.wh-check-list,
.wh-dot-list {
  list-style: none;
  padding: 0;
  margin: 18px 0 0;
  display: grid;
  gap: 10px;
}

.wh-check-list li,
.wh-dot-list li {
  color: var(--wh-ink);
  font-size: 15px;
  line-height: 1.45;
  display: flex;
  gap: 10px;
}

.wh-check-list li::before {
  content: "✓";
  color: var(--wh-green-dark);
  font-weight: 900;
}

.wh-dot-list li::before {
  content: "•";
  color: var(--wh-gold);
  font-weight: 900;
}

/* =========================================================
   FORMS
   ========================================================= */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-sm);
  background: #ffffff;
  color: var(--wh-ink);
  padding: 12px 14px;
  font-size: 15px;
  outline: none;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

textarea {
  min-height: 140px;
  resize: vertical;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(96, 115, 90, 0.42);
  box-shadow: 0 0 0 4px rgba(96, 115, 90, 0.12);
}

/* =========================================================
   FAQ / ACCORDION STYLE
   ========================================================= */

.wh-faq-item,
details {
  background: var(--wh-card);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-md);
  padding: 18px 20px;
  box-shadow: var(--wh-shadow-soft);
}

details + details,
.wh-faq-item + .wh-faq-item {
  margin-top: 12px;
}

summary {
  cursor: pointer;
  color: var(--wh-ink);
  font-weight: 800;
}

details p {
  margin: 12px 0 0;
}

/* =========================================================
   TABLES
   ========================================================= */

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--wh-card);
  border: 1px solid var(--wh-line);
  border-radius: var(--wh-radius-md);
  overflow: hidden;
}

th,
td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--wh-line);
  text-align: left;
}

th {
  color: var(--wh-ink);
  background: var(--wh-soft-green);
  font-weight: 800;
}

td {
  color: var(--wh-muted);
}

/* =========================================================
   DISCLAIMERS / NOTICES
   ========================================================= */

.wh-disclaimer,
.wh-notice {
  margin-top: 26px;
  padding: 18px 20px;
  border-radius: var(--wh-radius-md);
  border: 1px solid var(--wh-line);
  background: rgba(255,255,255,0.68);
  color: var(--wh-muted);
  font-size: 13px;
  line-height: 1.55;
}

.wh-notice-green {
  background: var(--wh-soft-green);
  border-color: rgba(96, 115, 90, 0.18);
  color: var(--wh-green-dark);
}

.wh-notice-gold {
  background: var(--wh-soft-gold);
  border-color: rgba(201, 154, 61, 0.22);
  color: #5d4516;
}

/* =========================================================
   WORDPRESS / ELEMENTOR CLEANUP
   ========================================================= */

.entry-content {
  color: var(--wh-muted);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  color: var(--wh-ink);
}

.elementor-widget-text-editor {
  color: var(--wh-muted);
}

.elementor-heading-title {
  color: var(--wh-ink);
}

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  box-sizing: border-box;
}

/* Removes awkward default link underlines in menus/buttons */
nav a,
.wh-btn,
.elementor-button,
.wp-block-button__link {
  text-decoration: none !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 960px) {
  .wh-hero-grid,
  .wh-section-heading,
  .wh-grid-2 {
    grid-template-columns: 1fr;
  }

  .wh-grid-3,
  .wh-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .wh-section {
    padding: 56px 0;
  }

  .wh-section-lg {
    padding: 72px 0;
  }
}

@media (max-width: 640px) {
  .wh-wrap,
  .site-wrap,
  .content-wrap {
    width: min(100% - 24px, var(--wh-max));
  }

  .wh-hero {
    padding: 56px 0 48px;
  }

  .wh-grid-3,
  .wh-grid-4 {
    grid-template-columns: 1fr;
  }

  .wh-card,
  .wh-card-soft,
  .wh-panel,
  .wh-green-panel {
    padding: 22px;
    border-radius: var(--wh-radius-md);
  }

  .wh-actions {
    align-items: stretch;
  }

  .wh-btn,
  button,
  input[type="submit"],
  .wp-block-button__link,
  .elementor-button {
    width: 100%;
  }

  h1 {
    font-size: clamp(38px, 13vw, 54px);
  }

  h2 {
    font-size: clamp(30px, 10vw, 42px);
  }
}/* End custom CSS */