/* =====================================================
   PUNCHBOWL NEWS — EVENT PAGE STYLES
   Last updated: May 2026
   ===================================================== */


/* ─── RESET: Prevent horizontal scroll ─── */

html, body {
  overflow-x: hidden;
  max-width: 100%;
}


/* ─── BACKGROUND: Match grey areas to white ─── */

body,
.main-view,
.page-container,
.bizzabo-page,
.editor-home-page {
  background-color: #ffffff !important;
}


/* ─── BIZZABO: Overflow fix ─── */

.overflow-hidden {
  overflow: visible !important;
}


/* ─── SECTION 7643610: Full-width layout ─── */

#section-7643610,
#section-7643610 > div,
#section-7643610 > div > div,
#section-7643610 > div > div > div,
#section-7643610 > div > div > div > div,
#section-7643610 .main-app-container,
#section-7643610 .atom-sectionMain,
#section-7643610 .rowHolder,
#section-7643610 .html-container,
#section-7643610 .col-sm-12 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#section-7643610 .atom-main.full-width {
  padding-left: clamp(40px, 6vw, 160px) !important;
  box-sizing: border-box !important;
}


/* ─── SECTION 7643610: Typography ─── */

#section-7643610 p {
  font-size: clamp(14px, 2vw, 22px) !important;
  line-height: 1.4;
  box-sizing: border-box;
  max-width: 100%;
}

#section-7643610 p:nth-of-type(2) {
  font-size: clamp(18px, 4vw, 48px) !important;
}

#section-7643610 p:nth-of-type(3),
#section-7643610 p:nth-of-type(4),
#section-7643610 p:nth-of-type(5) {
  font-size: clamp(14px, 2.5vw, 28px) !important;
}


/* ─── SECTION 7643610: Power People Politics logo ─── */

#section-7643610 .element-36402107 {
  margin-top: 60px !important;
}



/* ─── SECTION 7671884: Speakers ─── */

#section-7671884 > div > div > div.element-36523548 > h2 {
  margin-bottom: 0;
}

#section-7671884 > div > div > div.partners-container > div {
  padding: 5px 0 74px;
}


/* ─── BUTTON ─── */

button.atom-main.btn.btn-success.btn-register {
  font-size: clamp(13px, 1.8vw, 18px);
  padding: clamp(10px, 1.5vw, 14px) clamp(20px, 3vw, 28px);
}

button.atom-main.btn.btn-success.btn-register:hover {
  background-color: white;
  color: black;
}


/* ─── NAVBAR ─── */

.nav-menu-btn.custom-color.color-5.color-1-border.color-1-hover.color-1-selected {
  font-family: 'Montserrat', sans-serif;
}

.logo-li-holder {
  width: 700px;
}


/* ─── HOME PAGE: Element alignment ─── */

#section-7642685 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > div.full-width.text-center.margin-vertical-small.margin-horizontal-auto.element-36402109 {
  margin-left: 0;
}


/* ─── FOOTER ─── */

footer {
  display: none;
}

.main-view.footer-padding,
.editor-home-page.footer-padding {
  padding-bottom: 0;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */


/* ─── DESKTOP (min 1024px) ─── */

@media screen and (min-width: 1024px) {
  #bs-example-navbar-collapse-1 > ul:nth-child(1) > li.logo-li-holder.hidden-sm.hidden-xs {
    width: 37vw !important;
  }

  #bs-example-navbar-collapse-1 > ul:nth-child(1) > li.logo-li-holder.hidden-sm.hidden-xs > div > a > img {
    margin-right: 20vw;
  }
}


/* ─── TABLET & BELOW (max 768px) ─── */

@media screen and (max-width: 768px) {
  #section-7643610 > div {
    padding: 20px;
    box-sizing: border-box;
  }

  #section-7643610 .atom-main.full-width {
    padding-left: 20px !important;
  }

  #section-7643610 .element-36402107 {
    margin-top: 0 !important;
  }

  /* Hide Punchbowl logo to prevent overlap */
  .element-36402107,
  #section-7643610 .element-36402107,
  #section-7643610 .bz-image,
  #section-7643610 img.atom-main {
    display: none !important;
  }

  /* White background over dome image */
  #section-7643610 .cover-image-background {
    background-image: none !important;
    background-color: #ffffff !important;
  }
}


/* ─── MOBILE (max 550px) ─── */

@media screen and (max-width: 550px) {
  .image-container-item img {
    max-width: 115%;
    max-height: 100%;
  }

  #section-7643610 > div {
    height: auto;
    min-height: 120vw;
  }

  #section-7643610 p:nth-child(1) span,
  #section-7643610 p:nth-child(1) strong {
    font-size: 13vw !important;
  }

  #section-7643610 p:nth-child(2) span,
  #section-7643610 p:nth-child(2) strong {
    font-size: 9vw !important;
  }

  #section-7643610 p:nth-child(3) span,
  #section-7643610 p:nth-child(3) strong {
    font-size: 5.5vw !important;
  }

  #section-7643610 p:nth-child(4) span,
  #section-7643610 p:nth-child(4) strong,
  #section-7643610 p:nth-child(5) span,
  #section-7643610 p:nth-child(5) strong,
  #section-7643610 p:nth-child(6) span,
  #section-7643610 p:nth-child(6) strong {
    font-size: 4.5vw !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  #section-6349295 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > div > p:nth-child(1) > span {
    font-size: 11vw !important;
  }

  #section-6349295 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > div > p:nth-child(2) > span,
  #section-6349295 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > div > p:nth-child(2) > span > span,
  #section-6349295 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > div > p:nth-child(2) > strong {
    font-size: 5vw !important;
  }

  #section-7684572 > div > div.main-app-container.custom-space-top.custom-space-bottom > div.element-groups.Component-elementGroups-0-2-1 > div > div > div > p:nth-child(2) > span {
    font-size: 12vw !important;
  }

  button.atom-main.btn.btn-success.btn-register {
    width: 90%;
  }
}


/* ─── SMALL PHONES (max 374px) ─── */

@media screen and (max-width: 374px) {
  #section-7643610 > div {
    min-height: 140vw;
  }

  button.atom-main.btn.btn-success.btn-register {
    width: 100%;
  }
}