/* ================================================
   PEA GLOBAL CSS — Paste into Zoho Sites
   Settings > Code > Custom CSS
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

:root {
  --gold:       #c19845;
  --gold-light: #d4af5a;
  --gold-pale:  #f9f4e8;
  --blue:       #488ac3;
  --blue-dark:  #3570a0;
  --gray:       #666666;
  --gray-dark:  #333333;
  --charcoal:   #2a2a2a;
  --white:      #ffffff;
  --off-white:  #f8f7f5;
  --rule:       #e4ddd0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: 'Source Sans 3', sans-serif;
  color: var(--gray-dark);
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: 'Playfair Display', Georgia, serif;
  line-height: 1.2;
}

/* Shared section utilities */
.pea-section-label {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.5rem;
}

.pea-section-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gray-dark);
  margin-bottom: 2.5rem;
}

.pea-gold-rule {
  height: 4px;
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold-light) 40%, transparent 100%);
}

.pea-section-inner {
  max-width: 1180px;
  margin: 0 auto;
}
/* Remove gaps between code snippet sections */
.zs-section,
.zs-row,
.zs-column,
.zs-widget {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.zpsection {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}
body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.zpcontainer-fluid,
.zpcontainer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.zprow {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.zpdefault-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.zpdefault-section-bg {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.zpelem-codesnippet {
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}
[data-headercontainer],
.zpheader-style-01,
.theme-mobile-header-style-01 {
  display: none !important;
}