/*specific pages container*/
.home-custom-css{}
/*Change All Caps to Title Case*/.trade-template h1 {text-transform: capitalize;}
.trade-template h1 {
  text-transform: capitalize;
  text-align: left !important;
  font-style: normal !important;
}
/* =========================================================
   HOME HERO: undo common centering utilities (Bootstrap-ish)
   ========================================================= */

/* If anything in the hero has text-center, force left */
.text-center,
[class*="text-center"] {
  text-align: left !important;
}

/* If centering is done by auto margins */
.mx-auto, .m-auto,
[class*="mx-auto"], [class*="m-auto"],
.center-block {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* If centering is done by flex utilities */
.justify-content-center,
[class*="justify-content-center"] {
  justify-content: flex-start !important;
}

.align-items-center,
[class*="align-items-center"] {
  align-items: flex-start !important;
}

/* If the hero content is absolutely centered with transform */
[style*="left: 50%"],
[style*="left:50%"] {
  left: 0 !important;
  transform: none !important;
}

/* Make button rows hug the left */
.btn-register,
.btn-register a,
.btn-register button,
.social-share-button,
.social-share-button.linkedin {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

/* Keep your italics fix for March 3–5 */
em, i {
  font-style: normal !important;
}
/* =========================================================
   HOME HERO: nudge the H1 left to line up with the date/button
   ========================================================= */

:root { --lp-h1-nudge: 96px; } /* <-- adjust this */

/* Target the FIRST big hero heading on the page */
body section:first-of-type h1,
body section:first-of-type .h1 {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: calc(var(--lp-h1-nudge) * -1) !important;  /* move left */
  position: relative; /* helps if margins are funky */
  left: 0 !important;
}

/* If the H1 is wrapped in <em>/<i> etc, keep it non-italic */
body section:first-of-type h1 em,
body section:first-of-type h1 i {
  font-style: normal !important;
}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}
/* =========================================================
   FORCE HERO HEADLINE TO LINE UP (works even if not an <h1>)
   ========================================================= */

:root { --lp-headline-nudge: 300px; } /* adjust this */

/* grab the big headline by common class-name patterns */
body section:first-of-type :is(
  h1, h2,
  [class*="title"], [class*="Title"],
  [class*="headline"], [class*="Headline"],
  [class*="hero"], [class*="Hero"]
) {
  text-align: left !important;
}

/* specifically nudge the “headline element” left */
body section:first-of-type :is(
  h1, h2,
  [class*="title"], [class*="Title"],
  [class*="headline"], [class*="Headline"]
) {
  padding-left: 0 !important;
  margin-left: 0 !important;
  transform: translateX(calc(var(--lp-headline-nudge) * -1)) !important;
}

/* keep date italics removed */
em, i { font-style: normal !important; }
/* =========================================================
   HOME HERO: left-align the actual content in the same section
   (anchored off your selector)
   ========================================================= */

/* "The section" that contains the edit-actions holder you selected */
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div {
  /* ensure the section itself isn't centering child blocks */
  text-align: left !important;
}

/* Left align ALL text inside that first section */
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div * {
  text-align: left !important;
}

/* Force common centering layouts inside that first section to left */
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div
:where(.row, [class*="row"], [class*="container"], [class*="content"], [class*="inner"]) {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* Make sure Register + social stay left in that section */
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div
:where(.btn-register, .btn-register a, .btn-register button, .social-share-button, .social-share-button.linkedin) {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

/* Remove italics for the date */
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div em,
body > div.hidden-xs > div.website-view.editor-element > div > ul > li:nth-child(1) > div i {
  font-style: normal !important;
}
/* HERO: left align headline + remove bootstrap offset/centering */
#section-6848425 .element-32939643 {
  text-align: left !important;

  /* remove the "offset" that pushes it right */
  margin-left: 0 !important;

  /* if bootstrap sets it via class, this helps too */
  left: 0 !important;
}

/* Ensure the actual H1 has no extra indent */
#section-6848425 > div > div > div:nth-child(2) > div.col-xs-12.col-sm-10.col-sm-offset-1.text-center.element-32939643 > h1 {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
}
/* HERO: left align everything in this section (copy + buttons) */
#section-6848425,
#section-6848425 * {
  text-align: left !important;
}

/* Keep buttons hugging the left */
#section-6848425 .btn-register,
#section-6848425 .btn-register a,
#section-6848425 .btn-register button,
#section-6848425 .social-share-button {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

/* Keep March non-italic */
#section-6848425 em,
#section-6848425 i {
  font-style: normal !important;
}
/* HERO date: remove italics everywhere in this section */
#section-6848425 em,
#section-6848425 i,
#section-6848425 [style*="italic"],
#section-6848425 [class*="italic"],
#section-6848425 [class*="Italic"] {
  font-style: normal !important;
}

/* Extra: if the date text is inside <p>/<span> with a specific style */
#section-6848425 p,
#section-6848425 span {
  font-style: normal !important;
}
/* =========================================================
   1) RESTORE BOOTSTRAP CENTERING (site-wide)
   ========================================================= */
.text-center { text-align: center !important; }

.mx-auto, .m-auto, .center-block {
  margin-left: auto !important;
  margin-right: auto !important;
}

.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }


/* =========================================================
   2) HERO ONLY (#section-6848425): KEEP LEFT-ALIGNED
   ========================================================= */

/* Keep hero wrapper left (overrides restored .text-center) */
#section-6848425 .text-center { text-align: left !important; }

/* Remove the bootstrap offset that was pushing your headline right */
@media (min-width: 768px) {
  #section-6848425 .col-sm-offset-1 { margin-left: 0 !important; }
}

/* Ensure hero headline aligns left */
#section-6848425 .element-32939643,
#section-6848425 .element-32939643 > h1 {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Hero buttons left */
#section-6848425 .btn-register,
#section-6848425 .btn-register a,
#section-6848425 .btn-register button,
#section-6848425 .social-share-button {
  margin-left: 0 !important;
  margin-right: auto !important;
  justify-content: flex-start !important;
}

/* Hero date: remove italics (covers em/i + class/style-driven italics) */
#section-6848425 em,
#section-6848425 i,
#section-6848425 [style*="italic"],
#section-6848425 [class*="italic"],
#section-6848425 [class*="Italic"] {
  font-style: normal !important;
}
#section-6830471 > div > div > div.content > div.element-32852958.col-xs-12.text-center h1,
#section-6830471 > div > div > div.content > div.element-32852958.col-xs-12.text-center h2,
#section-6830471 > div > div > div.content > div.element-32852958.col-xs-12.text-center h3 {
  font-family: "Libre Baskerville", serif !important;
}