/*
Theme Name:   TPFF Avada Child
Theme URI:    https://thepeoplesfilmfestival.org
Description:  Child theme for Avada carrying The People's Era / People's Film Festival brand (ported from the Base44 build).
Author:       The People's Media, Music & Arts Foundation
Template:     Avada
Version:      1.0.0
Text Domain:  tpff-child
*/

:root{
  --tpff-primary:#df8d2d;
  --tpff-secondary:#3f3a34;
  --tpff-bg:#fbf9f5;
  --tpff-fg:#171310;
  --tpff-card:#faf8f3;
  --tpff-border:#e2dcd2;
  --tpff-muted:#7a746b;
  --tpff-heading:'Playfair Display',Georgia,serif;
  --tpff-body:'Inter',system-ui,sans-serif;
  --tpff-display:'Space Grotesk',system-ui,sans-serif;
}
body,#wrapper,#main{background-color:var(--tpff-bg);color:var(--tpff-fg);font-family:var(--tpff-body)}
h1,h2,h3,h4,h5,h6,.fusion-title .title-heading-left,.fusion-title .title-heading-center{font-family:var(--tpff-heading);font-weight:700}
.fusion-main-menu a,.fusion-button,.tpff-eyebrow,.fusion-menu-element-wrapper a{font-family:var(--tpff-display)}
a{color:var(--tpff-primary)}
.fusion-button.button-default,.fusion-button.button-custom{background:var(--tpff-primary)!important;border-color:var(--tpff-primary)!important;color:#fff!important;border-radius:10px;font-weight:600}
.fusion-button.tpff-outline{background:transparent!important;color:var(--tpff-primary)!important}
.fusion-header-wrapper .fusion-header,.fusion-header-wrapper .fusion-secondary-main-menu{background-color:var(--tpff-bg)}
.fusion-main-menu > ul > li > a:hover,.fusion-main-menu .current-menu-item > a{color:var(--tpff-primary)}
.fusion-footer-widget-area,.fusion-footer-copyright-area{background-color:#171310!important;color:#cfc8bc}
.fusion-footer-widget-area a{color:#e9e3d8}.fusion-footer-widget-area a:hover{color:var(--tpff-primary)}
.fusion-footer-widget-area .widget-title{color:var(--tpff-primary);font-family:var(--tpff-display);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}

/* Page-building blocks used by the imported pages */
.tpff-dark,.tpff-dark h1,.tpff-dark h2,.tpff-dark h3,.tpff-dark p{color:#fbf9f5}
.tpff-dark .tpff-eyebrow{color:var(--tpff-primary)}
.tpff-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;margin:.3em 0}
.tpff-hero .tpff-lede{max-width:640px;opacity:.78;font-size:1.02rem;line-height:1.7}
.tpff-pill{display:inline-block;font-family:var(--tpff-display);font-size:.72rem;font-weight:600;padding:.4rem .9rem;border-radius:999px;background:rgba(223,141,45,.2);color:var(--tpff-primary);border:1px solid rgba(223,141,45,.35)}
.tpff-stats{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:2rem}
.tpff-stat b{display:block;font-family:var(--tpff-display);font-size:1.9rem;color:var(--tpff-primary)}
.tpff-stat span{font-family:var(--tpff-display);font-size:.75rem;opacity:.55}
.tpff-band{background:rgba(223,141,45,.07);border-top:1px solid rgba(223,141,45,.15);border-bottom:1px solid rgba(223,141,45,.15)}
.tpff-tier-card{background:var(--tpff-card);border:1px solid var(--tpff-border);border-radius:18px;padding:1.5rem;height:100%}
.tpff-tier-card.is-popular{border-color:var(--tpff-primary);box-shadow:0 0 0 3px rgba(223,141,45,.18)}
.tpff-tier-card h3{margin:.2rem 0}.tpff-tier-card .tpff-amt{font-family:var(--tpff-display);font-size:2rem;font-weight:700;color:var(--tpff-primary)}
.tpff-tier-card ul{list-style:none;margin:1rem 0 0;padding:0}.tpff-tier-card li{font-family:var(--tpff-display);font-size:.82rem;color:var(--tpff-muted);padding:.25rem 0 .25rem 1rem;position:relative}
.tpff-tier-card li:before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--tpff-primary)}
.tpff-feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:3.5rem}
.tpff-feature img{width:100%;border-radius:18px;aspect-ratio:4/3;object-fit:cover}
.tpff-feature:nth-child(even) img{order:2}
@media(max-width:800px){.tpff-feature{grid-template-columns:1fr}.tpff-feature:nth-child(even) img{order:0}}
.tpff-standard h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.15;text-align:center}.tpff-standard em{font-style:normal;color:var(--tpff-primary)}

/* ===== v1.1: match the Base44 design ===== */
/* Fonts — force over Avada's typography options */
html body, body p, body li, body input, body textarea, body select, body .fusion-text, body .fusion-alignleft{font-family:'Inter',system-ui,sans-serif!important}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
body .fusion-title .title-heading-left, body .fusion-title .title-heading-center, body .fusion-title h1, body .fusion-title h2{font-family:'Playfair Display',Georgia,serif!important}
body .fusion-main-menu a, body .fusion-mobile-menu-text-align-left a, body .fusion-button, body .tpff-eyebrow, body .tpff-pill, body .tpff-stat, body .tpff-b, body .tpff-b-out, body .tpff-b-ghost,
body .fusion-footer-widget-area .widget-title, body .tpff-badge, body .tpff-btn{font-family:'Space Grotesk',system-ui,sans-serif!important}

/* Header: light, sticky, minimal menu */
.fusion-header-wrapper .fusion-header{background:rgba(251,249,245,.92)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--tpff-border)}
.fusion-main-menu > ul > li > a{font-size:13px!important;font-weight:500;color:var(--tpff-muted)!important;letter-spacing:.01em}
.fusion-main-menu > ul > li > a:hover,.fusion-main-menu > ul > li.current-menu-item > a{color:var(--tpff-fg)!important}
.fusion-main-menu > ul > li.tpff-menu-btn > a{border:1px solid var(--tpff-border);border-radius:8px;padding:0 14px!important;margin-left:10px;color:var(--tpff-fg)!important;font-weight:600}
.fusion-main-menu > ul > li.tpff-menu-btn > a:hover{border-color:var(--tpff-primary);color:var(--tpff-primary)!important}

/* Hero (Home) */
.tpff-hero-wrap{min-height:90vh;display:flex;align-items:center}
.tpff-hero2{max-width:760px}
.tpff-hero2 .tpff-brandrow{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.tpff-hero2 .tpff-brandrow img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}
.tpff-hero2 .tpff-loc{font-family:'Space Grotesk',sans-serif;font-size:.72rem;color:rgba(251,249,245,.5);margin:.3rem 0 0}
.tpff-hero2 h1{font-size:clamp(3rem,7.5vw,6.5rem)!important;line-height:.92!important;letter-spacing:-.02em;color:#fbf9f5!important;margin:0!important}
.tpff-hero2 h1 span{color:var(--tpff-primary)!important}
.tpff-hero2 .tpff-sub{margin-top:1.5rem;font-size:1.2rem;color:rgba(251,249,245,.6)!important;max-width:540px;line-height:1.6}
.tpff-hero2 .tpff-ctas{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:1rem}
.tpff-b,.tpff-b-out,.tpff-b-ghost{display:inline-block;padding:.85rem 1.5rem;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none!important;transition:background .2s,border-color .2s}
.tpff-b{background:var(--tpff-primary);color:#fff!important;border:1px solid var(--tpff-primary)}
.tpff-b:hover{filter:brightness(.92)}
.tpff-b-out{border:1px solid rgba(251,249,245,.25);color:#fbf9f5!important}.tpff-b-out:hover{background:rgba(251,249,245,.1)}
.tpff-b-ghost{color:rgba(251,249,245,.75)!important}.tpff-b-ghost:hover{background:rgba(251,249,245,.1)}
.tpff-hero2 .tpff-stats{margin-top:4rem;display:flex;gap:3rem}
.tpff-hero2 .tpff-stat b{font-size:2.2rem!important;color:var(--tpff-primary)}
.tpff-hero2 .tpff-stat span{color:rgba(251,249,245,.45)}

/* Section headers like the Base44 home ("What's happening / Upcoming Events … All Events →") */
.tpff-sechead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.8rem}
.tpff-sechead .tpff-eyebrow{margin:0}.tpff-sechead h2{margin:.2rem 0 0;font-size:2rem}
.tpff-sechead a{font-family:'Space Grotesk',sans-serif;font-size:.85rem;color:var(--tpff-muted)!important;text-decoration:none}

/* Footer: newsletter band + 4 columns */
#tpff-footer{background:#171310;color:#cfc8bc}
.tpff-foot-join{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid rgba(251,249,245,.1);margin-bottom:2.5rem}
.tpff-foot-join h3{color:#fbf9f5!important;margin:0;font-size:1.4rem}.tpff-foot-join p{margin:.2rem 0 0;font-size:.85rem;opacity:.6}
.tpff-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
@media(max-width:800px){.tpff-foot-grid{grid-template-columns:1fr 1fr}}
.tpff-foot-grid h4{font-family:'Space Grotesk',sans-serif!important;color:#fbf9f5!important;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.tpff-foot-grid a{display:block;color:#cfc8bc!important;font-size:.85rem;padding:.2rem 0;text-decoration:none}.tpff-foot-grid a:hover{color:var(--tpff-primary)!important}
.tpff-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(251,249,245,.1);font-size:.72rem;opacity:.55}

/* ===== v1.2: header, footer, page heroes (match Base44) ===== */
.fusion-header-wrapper,#side-header,.fusion-footer,.fusion-page-title-bar,#sliders-container{display:none!important}
body.tpff-site{background:#fbf9f5}
body.tpff-site #wrapper,body.tpff-site #main{padding:0!important;background:#fbf9f5}
.tpff-hdr{position:sticky;top:0;z-index:9999;background:rgba(251,249,245,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e9e3d8}
body.admin-bar .tpff-hdr{top:32px}
.tpff-hdr-in{max-width:1240px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:28px}
.tpff-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#171310!important}
.tpff-brand img{width:40px;height:40px;object-fit:contain}
.tpff-brand b{display:block;font-family:'Playfair Display',serif!important;font-size:15px;line-height:1.1;color:#171310}
.tpff-brand i{display:block;font-style:normal;font-family:'Space Grotesk',sans-serif!important;font-size:9px;letter-spacing:.14em;color:#8a847a}
.tpff-nav{flex:1}.tpff-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;justify-content:center}
.tpff-nav a{display:block;padding:8px 13px;border-radius:9px;font-family:'Space Grotesk',sans-serif!important;font-size:13.5px;font-weight:500;color:#6f695f!important;text-decoration:none!important}
.tpff-nav a:hover{color:#171310!important}
.tpff-nav .current-menu-item>a,.tpff-nav .current_page_item>a{background:#fbe6c8;color:#df8d2d!important}
.tpff-hdr-r{display:flex;align-items:center;gap:10px}
.tpff-hbtn{border:1px solid #e2dcd2;background:#fff;border-radius:9px;padding:8px 14px;font-family:'Space Grotesk',sans-serif!important;font-size:12.5px;font-weight:600;color:#171310!important;text-decoration:none!important}
.tpff-chip{display:flex;align-items:center;gap:8px;border:1px solid #e2dcd2;background:#fff;border-radius:10px;padding:5px 12px 5px 6px;font-family:'Space Grotesk',sans-serif!important;font-size:12px;font-weight:600;color:#171310!important;text-decoration:none!important}
.tpff-chip em{font-style:normal;width:24px;height:24px;border-radius:50%;background:#fbe6c8;color:#df8d2d;display:flex;align-items:center;justify-content:center;font-size:11px}
.tpff-burger{display:none;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto}.tpff-burger span{display:block;width:22px;height:2px;background:#171310;margin:5px 0}
@media(max-width:960px){
  .tpff-burger{display:block}.tpff-hdr-r{display:none}
  .tpff-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fbf9f5;border-bottom:1px solid #e9e3d8;padding:10px 20px}
  body.tpff-nav-open .tpff-nav{display:block}.tpff-nav ul{flex-direction:column}
}
/* page hero (dark) used by every inner page */
.tpff-ph{max-width:1240px;margin:0 auto}
.tpff-ph .tpff-badge2{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:600;padding:.3rem .8rem;border-radius:6px;border:1px solid rgba(223,141,45,.45);background:rgba(223,141,45,.15);color:#df8d2d}
.tpff-ph .tpff-kick{font-family:'Space Grotesk',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#df8d2d;margin:0}
.tpff-ph h1{font-size:clamp(2.4rem,5vw,3.6rem)!important;color:#fbf9f5!important;margin:.5rem 0!important;line-height:1.1}
.tpff-ph p.sub{color:rgba(251,249,245,.65)!important;max-width:720px;font-size:1rem;line-height:1.6;margin:.4rem 0 1.2rem}
.tpff-ph p.sub a,.tpff-ph p.sub b{color:#df8d2d!important;font-weight:600;text-decoration:none}
.tpff-ph.is-center{text-align:center}.tpff-ph.is-center p.sub{margin-left:auto;margin-right:auto}
.tpff-ph .tpff-b{margin-top:.4rem}
.tpff-ph .tpff-iconbox{display:inline-flex;width:64px;height:64px;border-radius:16px;background:rgba(223,141,45,.18);color:#df8d2d;align-items:center;justify-content:center;margin-bottom:1.2rem}
.tpff-light-hero h1{color:#171310!important}.tpff-light-hero p.sub{color:#6f695f!important}
.tpff-flag{display:flex;align-items:center;gap:1.4rem;max-width:1240px;margin:0 auto}.tpff-flag img{width:64px;height:64px;object-fit:contain}
.tpff-flag h2{font-size:1.5rem;margin:.2rem 0}.tpff-flag p{margin:0;color:#6f695f;font-size:.9rem}.tpff-flag .tpff-flag-btns{margin-left:auto;display:flex;gap:.6rem}
.tpff-wrap{max-width:1240px;margin:0 auto}
/* footer */
.tpff-ftr{background:#171310;color:#cfc8bc;padding:70px 24px 28px}
.tpff-ftr-in{max-width:1240px;margin:0 auto}
.tpff-ftr a{color:#cfc8bc!important;text-decoration:none!important}
.tpff-foot-join h3{font-size:1.6rem;margin:0}
.tpff-foot-grid>div>a{display:block;font-size:.88rem;padding:.25rem 0}.tpff-foot-grid>div>a:hover{color:#df8d2d!important}
.tpff-fbrand{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.tpff-fbrand b{font-family:'Playfair Display',serif;color:#fbf9f5;line-height:1.2;font-size:1rem}
.tpff-fsub{font-size:.88rem;line-height:1.7;color:#a39c91}.tpff-soc{display:flex;gap:.9rem}
.tpff-foot-bottom em{font-style:italic}

/* Make sure Avada background overlays never block clicks */
body.tpff-site .fullwidth-overlay,body.tpff-site .fusion-fullwidth:before,body.tpff-site .fusion-fullwidth:after{pointer-events:none!important}
body.tpff-site .fusion-builder-row,body.tpff-site .fusion-row{position:relative;z-index:2}
.tpff-hl-wrap .fusion-builder-row,.tpff-hl-wrap .fusion-row{z-index:auto}