:root {
  --ivory: #F8F5F0;
  --black: #000000;
  --charcoal: #1A1A1A;
  --silver: #C8C8C8;
  --graphite: #2B2B2B;
}

body {
    background-image: url('/images/background-corporate-logo3.png');
    background-repeat: repeat;
    background-size: cover;
}

/* HEADER */

.header-container {
  text-align: center;
  padding-top: 40px;
}

.crest-logo {
  width: 525px;
  margin-bottom: 30px;
}

/* FULL-WIDTH IVORY BANNER */

.banner-strip {
  width: 100%;
  background: var(--ivory);
  border-top: 1px solid var(--silver);
  border-bottom: 1px solid var(--silver);
  padding: 18px 0;
}

.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  gap: 28px;
  padding-left: 40px;
}

.main-nav a {
  font-family: 'Cormorant Garamond', serif;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.95rem;
  text-decoration: none;
  color: var(--black);
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
}

.main-nav a:hover {
  border-bottom: 1px solid var(--silver);
}

/* SECTIONS */

.section {
  max-width: 1100px;
  margin: 80px auto;
  padding: 40px;
  display: flex;
  gap: 40px;
  align-items: center;
}

.framed-section {
  border: 1px solid var(--silver);
  background: var(--ivory);
}

.reverse {
  flex-direction: row-reverse;
}

.text-block {
  flex: 1;
}

.text-block h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-top: 0;
}

.image-block {
  flex: 1;
}

.image-block img {
  width: 100%;
  border: 1px solid var(--silver);
  display: block;
}

/* CONTACT SECTION */

.contact-section {
  background: url('contact-bg.png') center/cover no-repeat;
  padding: 80px 20px;
  color: var(--ivory);
}

.contact-overlay {
  max-width: 600px;
  margin: 0 auto;
  background: rgba(0,0,0,0.55);
  padding: 40px;
  border: 1px solid var(--silver);
}

.contact-section h2 {
  font-family: 'Cormorant Garamond', serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  margin-top: 0;
}

.contact-name {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* FIXED EMAIL COLOR — ONLY THIS LINK */
.contact-section a {
  color: var(--ivory) !important;
  text-decoration: none;
}

.contact-section a:hover {
  text-decoration: underline;
}

/* SOCIAL LINKS */

.social-links {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}

.social-links a {
  color: var(--ivory);
  text-decoration: none;
  font-family: 'Cormorant Garamond', serif;
}

/* POLICY BUTTONS */

.policy-buttons {
  margin-top: 30px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.policy-buttons button {
  background: transparent;
  border: 1px solid var(--ivory);
  color: var(--ivory);
  padding: 8px 16px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.policy-buttons button:hover {
  background: var(--ivory);
  color: var(--black);
}

/* MOBILE */

@media (max-width: 768px) {
  .crest-logo {
    width: 140px;
  }

  .main-nav ul {
    flex-wrap: wrap;
    gap: 16px;
    padding-left: 20px;
  }

  .section {
    flex-direction: column;
  }
}

/* ============================================================
   CUSTOM: Replace white backgrounds with background-corporate-logo2.png
   REMOVE THIS ENTIRE BLOCK TO REVERT
   ============================================================ */

:root {
    --corp-bg: url('background-corporate-logo2.png');
}

/* Top logo container */
.header,
.header-container,
.logo-box {
    background-image: var(--corp-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Navigation strip bar */
.navbar,
.nav-strip,
.menu-bar {
    background-image: var(--corp-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Main white content wrapper (About Us, Buying & Selling, etc.) */
.content,
.section,
.page-section,
.white-section,
#about-us,
#buying-selling,
#exit-planning,
#our-fees,
#team-experience,
#contact-us {
    background-image: var(background-corporate-logo2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Background area between menu bar and About Us box */
.site-content,
.content-area,
.main-content {
    background-image: url('background-corporate-logo3.png');
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
}

/* Optional: keep About Us box clean */
.entry-content,
.page-content,
.content-box {
    background: #f5f2ee;
}
/* ============================================================
   CUSTOM: Fill the gap between headings strip and ABOUT US box
   with background-corporate-logo4.png
   REMOVE THIS ENTIRE BLOCK TO REVERT
   ============================================================ */

:root {
    --corp-gap-bg: url('background-corporate-logo4.png');
}

/* The wrapper area between the strip bar and the ABOUT US section */
.section-gap,
.page-section-gap,
.content-wrapper,
.main-wrapper {
    background-image: var(--corp-gap-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 20px;   /* adjust if needed */
    padding-bottom: 20px;
}

/* If your ABOUT US section has an ID or class, keep it clean */
#about-us,
.about-section {
    background: none; /* ensures the gap background shows around it */
}
/* === TEMP: unify main body background with box / strip color === */
/* Change this color to exactly match your box / trip-heading bar background */
:root {
  --tgma-main-bg: #f3f1eb; /* example – replace with your exact color */
}

/* Make the page background the same as your boxes/strips */
body {
  background-color: var(--tgma-main-bg) !important;
}

/* Remove the white “card” look in the main content area */
main,
.wp-site-blocks,
.entry-content,
.site-main,
#primary,
#content {
  background-color: transparent !important;
  box-shadow: none !important;
}