:root{
  --primary:#10383a;
  --secondary:#f24e21;
  --header-text: #fff;
  --links:#f24e21;
  --regbtn:#f24e21;
  --eventlogo:#10383a;
}

header.hp-event-hero{background:var(--primary); color:var(--header-text);}
	/* Company and conference logos: same height, one line, a tab's space apart. Each box
	   takes at most half the row so a wide logo shrinks (keeping its shape) instead of wrapping. */
	header.hp-event-hero .header-logos{gap:3rem;}
	header.hp-event-hero .header-logo{display:flex; align-items:center; height:56px; flex:0 1 auto; max-width:calc(50% - 1.5rem); min-width:0;}
	header.hp-event-hero .header-logo img{height:100%; width:auto; max-width:100%; object-fit:contain; object-position:left center;}
	header.hp-event-hero .theme-edit-toggle{color:var(--header-text); border-color:var(--header-text); padding:.1rem .45rem; font-size:.8rem; vertical-align:middle;}
	/* Edit Theme & Brochure panel (moved to the end of the <form>, outside the hero) */
	.ch-editor.offcanvas{--bs-offcanvas-width:min(560px, 100vw); color:#212529;}
	header.hp-event-hero a{color:var(--header-text);}
	header.hp-event-hero h1{font-size:1.5rem;}
	header.hp-event-hero h2{font-size:1.35rem;}
	header.hp-event-hero .subtitle{font-size:1rem;}
	header.hp-event-hero .dateloc{font-size:1rem;}
	header.hp-event-hero .theme{font-size:0.83rem;}
	header.hp-event-hero .btn-head-primary{background:var(--secondary)!important; color:#fff;}
	header.hp-event-hero .btn-head-outline{border:1px solid var(--header-text); color:var(--header-text);}
	header.hp-event-hero .get-involved{font-size:0.83rem;}

@media (min-width: 576px) {
    header.hp-event-hero .header-logo{height:72px;}
    header.hp-event-hero h1{font-size:2rem;}
	header.hp-event-hero .subtitle{font-size:1.25rem;}
	header.hp-event-hero .dateloc{font-size:1.25rem;}
	header.hp-event-hero .theme{font-size:1rem;}
	header.hp-event-hero .get-involved{font-size:1rem;}
}