.elementor-2019 .elementor-element.elementor-element-28b114b{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2fd9e2d *//* ===== Design the Future FieldTrip — Image URLs (UPDATED) ===== */
:root{
  --ft-hero-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Screenshot-2026-01-04-at-10.30.38-AM.png');
  --ft-presentation-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Screenshot-2026-01-04-at-10.31.50-AM.png');
  --ft-showcase-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Screenshot-2026-01-04-at-10.31.42-AM.png');
  --ft-build-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Untitled.png');
  --ft-tools-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Untitled-2.png');
  --ft-giveaways-img: url('https://www.wonderfulfieldtrip.org/wp-content/uploads/2026/01/Screenshot-2026-01-04-at-10.31.07-AM.png');
}

/* ===== Core layout ===== */
.ft-wrap{max-width:1100px;margin:0 auto;padding:22px 12px;}
.ft-grid{display:grid;gap:16px;}
.ft-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.ft-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:860px){.ft-grid--2,.ft-grid--3{grid-template-columns:1fr;}}

.ft-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:16px;
  background:rgba(255,255,255,.72);
}

.ft-list{margin:10px 0 0 18px;}
.ft-note{margin-top:10px;opacity:.85;font-size:14px;}

.ft-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:12px;text-decoration:none!important;
  font-weight:750;transition:transform .15s ease, opacity .15s ease;
}
.ft-btn:hover{transform:translateY(-1px);}
.ft-btn--primary{background:#fff;color:#111!important;}
.ft-btn--ghost{background:rgba(255,255,255,.14);color:#fff!important;border:1px solid rgba(255,255,255,.30);}

/* ===== Hero ===== */
.ft-hero{
  background-image:var(--ft-hero-img);
  background-size:cover;
  background-position:center;
  border-radius:18px;
  overflow:hidden;
  margin:10px 0 22px;
}

/* Better readability: stronger overlay + subtle blur */
.ft-hero__overlay{
  background: linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.30));
  padding:clamp(28px, 5vw, 62px);
  backdrop-filter: blur(1px);
}

.ft-hero__content{max-width:880px;color:#fff;}
.ft-eyebrow{opacity:.92;letter-spacing:.02em;font-weight:650;margin:0 0 10px;font-size:14px;}
.ft-hero h1{margin:0 0 12px;font-size:clamp(32px, 4.5vw, 54px);line-height:1.05;}
.ft-subhead{margin:0 0 14px;font-size:clamp(16px, 2vw, 19px);line-height:1.5;opacity:.97;}

.ft-hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 12px;}

/* Chips row */
.ft-hero__chips{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;opacity:.98;
}
.ft-hero__chips span{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  padding:8px 10px;border-radius:999px;font-size:13px;
}

/* NEW: Technology Used row */
.ft-tech{
  margin-top: 12px;
  display:flex;flex-wrap:wrap;gap:10px;
}
.ft-tech__label{
  font-weight:800;
  opacity:.92;
  margin-right:2px;
}
.ft-tech span{
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.20);
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 13px;
}

/* ===== Image blocks ===== */
.ft-img{
  width:100%;
  border-radius:16px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  aspect-ratio:16/9;
  border:1px solid rgba(0,0,0,.10);
  margin:16px 0 26px;
}
.ft-img--presentation{background-image:var(--ft-presentation-img);}
.ft-img--showcase{background-image:var(--ft-showcase-img);}
.ft-img--build{background-image:var(--ft-build-img);}
.ft-img--tools{background-image:var(--ft-tools-img);}
.ft-img--giveaways{background-image:var(--ft-giveaways-img);}

.ft-callout{
  border-left:4px solid rgba(0,0,0,.18);
  padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.03);margin-top:14px;
}

/* ===== FAQ accordion styling ===== */
.ft-accordion details{
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  padding:12px 14px;
  background:rgba(255,255,255,.72);
  margin-bottom:10px;
}
.ft-accordion summary{font-weight:800;cursor:pointer;}
.ft-accordion p{margin:10px 0 0;opacity:.92;}/* End custom CSS */