/* 
Modified by: Giovani Gomez 
Ticket: 203788
Adjust the position of the section-countdownClock 
section to absolute so it overlaps the navbar, and 
set the margin of the custom-home-element to 0.
*/

.home-page.home-custom-css {
	margin-top: 0 !important;
}
#section-3652096 {
	position: absolute !important;
}

/**
 * ===================================================================
 * REWRITTEN & CONSOLIDATED STYLES (V31)
 * ===================================================================
 */

/**
 * Global
 */
.no-scroll {
  overflow: hidden;
}
body footer:first-of-type {
  display: none;
}
.home-page {
  overflow: hidden;
  width: 100%;
  padding-top: 0;
}
.main-view.footer-padding {
  background: linear-gradient(180deg, transparent 85%, #242F3F 85%);
}
.sections-holder {
  padding-left: 0;
  padding-right: 0;
}
body {
  background-color: #F6F3EA !important;
  max-width: 100vw;
  overflow-x: hidden;
}
.home-page {
  background: linear-gradient(180deg, #242F3F rgba(35, 47, 62, .8) 0%, transparent 10%);
}
video.bg-video {
  position: fixed;
  display: none;
}
body.unpublished-event {
  padding-top: 0;
}
header.navColors {
  display: none;
}
.unpublished-bar {
  display: none;
}
.main-view.footer-padding-confirmation, 
.editor-home-page.footer-padding-confirmation {
  padding-bottom: 3rem;
}

/* * === FIX: HEADER GAP ===
 * This pulls the entire page content up by 5rem (80px)
 * to sit perfectly behind your 5rem floating header.
*/
.home-page.home-custom-css {
  overflow: visible;
  /*
  *margin-top: -5rem !important;* 
  Ticket: 203788
  modified by: Giovani Gomez
  Commented this rule out because I added
  it at the top of the this section
  */
  padding-top: 0 !important;
}

/**
 * Typography
 */
html {
  font-family: 'AmazonEmber', sans-serif;
  font-size: 16px;
}
body {
  line-height: 1.196875;
}
h1,
.main-app-container h1 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}
h2,
.main-app-container h2 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  color: white;
  font-size: 2.5rem;
  font-weight: bold;
}
.container-tickets h2 {
  font-size: 1.5rem;
  padding-left: 2rem;
  margin-top: 0.75rem;
}
h3,
.main-app-container h3 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  color: white;
  font-size: 2.5rem;
  font-weight: bold;
}
h4,
.main-app-container h4 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  color: white;
  font-size: 2.25rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
}
.sub-header {
  color: white;
  font-size: 1.5rem;
  font-weight: bold;
}
p,
.main-app-container p,
.business-template .html-container p,
.main-app-container ul,
.main-app-container ol,
.main-app-container button {
  color: white;
  font-size: 1.1667rem;
  line-height: normal;
  margin-bottom: 1rem;
}

/* === FIX: Link Colors === */
.main-app-container p > a,
.main-app-container li > a {
  color: #ff6200 !important;
  text-decoration: underline !important;
}
.all-caps,
.main-app-container .all-caps {
  text-transform: uppercase;
  font-family: 'AmazonEmberDisplay', sans-serif;
  font-size: 1.0833rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.1625rem;
}
.main-app-container small,
.main-app-container p.small,
.main-app-container p small {
  font-size: .75rem;
}
p.large,
.main-app-container p.large {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
}
p.inactive,
.main-app-container p.inactive {
  color: #A3A3A3;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: bold;
}
a.scroll {
  color: white;
  font-size: 4rem;
}

/* === FIX: Link Hover === */
a:hover,
a:focus {
  text-shadow: 0 0 0.5rem rgba(255, 255, 255, .75);
}
.main-app-container p > a:hover,
.main-app-container p > a:focus,
.main-app-container li > a:hover,
.main-app-container li > a:focus,
.accordion p > a:hover,
.accordion p > a:focus {
    color: #ff6200 !important;
    text-shadow: 0 0 0.6rem rgba(255, 98, 0, 0.7) !important;
}

/**
 * Buttons
 */
.btn,
.btn.btn-register,
.main-app-container a.btn {
  font-family: 'AmazonEmberDisplay', sans-serif;
  font-size: .8rem;
  border-radius: 1.5rem !important;
  font-weight: 500;
  line-height: 1;
  background-color: #FF6200;
  color: #000000 !important; /* FIX: Button text color */
  letter-spacing: 1.8px;
  padding: .5rem 1.25rem;
  text-transform: uppercase;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
  border: solid 1px #FF6200;
  text-decoration: none !important; /* FIX: Remove underline from buttons */
}
.main-app-container a.btn.btn-register,
.header a.btn.btn-register {
  background-color: #FF6200;
  color: #000000 !important;
  border: none;
}
/* HOVER: white button + orange text */
.main-app-container a.btn:hover,
.main-app-container a.btn:focus,
.btn:hover,
.btn:focus,
.btn.btn-register:hover,
.btn.btn-register:focus {
  background-color: #FFFFFF !important;
  color: #FF6200 !important;
  border-color: #FF6200 !important;
  box-shadow: 0 0 1rem -0.25rem rgba(0,0,0,.35);
  transform: scale(1.03);
  text-decoration: none !important;
}
.container-tickets .btn:focus,
.container-tickets .btn:hover {
  color: #000000 !important;
}
/* Keep register button text black on hover */
.main-app-container a.btn.btn-register:hover,
.main-app-container a.btn.btn-register:focus,
.header a.btn.btn-register:hover,
.header a.btn.btn-register:focus {
  background-color: #FF6200 !important;
  color: #000000 !important;
  box-shadow: 0 0 1rem -0.25rem rgba(0,0,0,.25);
  text-shadow: none;
}

/**
 * Navigation Header
 */

.main-logo {
  text-align: center;
  position: absolute;
  top: .75rem;
  margin: auto;
  width: 100%;
}
.main-logo img {
  width: 240px;
}
.menu-icon {
  display: none;
  float: right;
  color: white;
  font-size: 2rem;
  margin-top: 1rem;
  cursor: absolute;
}
.header.container {
  position: absolute;
  z-index: 101;
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header nav {
  padding-top: 1rem;
  float: right;
  z-index: 10;
}
.header nav a:not(.btn) { 
  font-family: 'AmazonEmberDisplay', sans-serif;
  height: 3rem;
  line-height: 3rem;
  font-size: .8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: white;
}
.header nav a {
  margin-left: 1.5rem;
}
.header nav a.btn {
  font-size: .8rem;
  padding: .5rem 1.25rem;
  margin-bottom: 0;
}

/**
 * Sections
 */
.section-countdownClock .business-descripton-header-container,
.section-countdownClock .business-border {
  display: none;
}
.section-countdownClock .main-app-container {
  padding-top: 1rem;
  padding-left: 2rem;
  padding-bottom: 0;
  margin: 0;
}
.section-countdownClock .js-countdown-view {
  margin-top: 1rem;
  float: left;
  width: 22rem;
  font-size: 1rem;
  margin-left: 0;
  padding: 0;
}
.business-template .count-container:after {
  background: white;
}
.section-countdownClock .count-container:first-child:before {
  display: none;
}
.business-template .count-container:last-child:after {
  display: none;
}
.section-countdownClock .count-number,
.section-countdownClock .count-unit {
  margin-top: .875rem;
  color: #FFF;
  text-align: center;
  font-family: 'AmazonEmberDisplay', sans-serif;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1.5px;
}
.section-countdownClock .count-number {
  margin-top: 0;
}

/* Sparkle overlay */
.home-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: url('https://s3.amazonaws.com/bizzabo.users.files/exxi43qvRhGOzVlO5EPg_Squid%20Ink%20Sparkle%20(4332x2486).png');
  background-size: cover;
  background-position: center;
  opacity: 0.25;
  animation: sparklePulse 6s ease-in-out infinite alternate;
  z-index: 0;
}
@keyframes sparklePulse {
  0% { opacity: 0.18; transform: scale(1); }
  100% { opacity: 0.32; transform: scale(1.015); }
}

/* Hero logo + intro animation */
.hero-intro {
  text-align: center;
}
.after-dark-logo {
  width: min(26vw, 420px);
  max-width: 90vw;
  height: auto;
  opacity: 0;
  transform: translateY(8vh) scale(2.2);
  transform-origin: center center;
  animation: heroLogoIntro 1.4s ease-out forwards;
}
.hero-copy {
  opacity: 0;
  transform: translateY(12px);
  animation: heroCopyIntro 1s ease-out forwards;
  animation-delay: 1s;
}
@keyframes heroLogoIntro {
  0% { opacity: 0; transform: translateY(8vh) scale(2.4); }
  40% { opacity: 1; }
  75% { transform: translateY(0) scale(1.08); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes heroCopyIntro {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .after-dark-logo,
  .hero-copy {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (min-width: 1600px) {
  .after-dark-logo { width: min(22vw, 520px); }
}
@media (max-width: 600px) {
  .after-dark-logo { width: 70vw; }
}

/* * === FIX: Remove All Section Dividers & Gaps ===
*/
.home-banner, .connections-hub {
  border-bottom: none !important;
  position: relative;
}
.section-disclaimers {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.connections-hub {
  border-bottom: none !important; 
}
.connections-hub::before, 
.section-agenda::before,
.section-disclaimers::before,
.connections-hub::after {
  display: none !important;
}
.section-agenda {
  position: relative;
  border-bottom: none !important;
  display: none;
}

/* Banner */
.home-banner .main-app-container h1,
.home-banner .main-app-container h2 {
  font-family: "AmazonEmberDisplay", sans-serif;
  font-size: 6.5vw;
  line-height: 1.2;
  padding-top: 1rem;
}
.home-banner .main-app-container h2 {
  background: linear-gradient(270deg, #FF6D59 45.65%, #FFA880 101.91%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0;
}
.home-banner .main-app-container p.all-caps {
  margin-bottom: 1.25rem;
  margin-top: -1rem;
}
.home-banner .main-app-container p.all-caps:first-of-type {
  margin-top: 0;
}
.home-banner .main-app-container p.all-caps:nth-of-type(3) {
  margin-top: .5rem;
}
.home-banner .main-app-container p.details,
.home-banner .main-app-container p small {
  text-shadow: 0 0 15px black;
}

/* === FIX: Correct Hero Section Layout === */
#section-3652096 {
  z-index: 100;
  position: relative;
  /* This section is pulled up by 5rem in Rule 3a */
}
#section-5309970 {
  background-color: #212937;
  top: 0 !important; /* Neutralize broken -58px rule */
  min-height: 90vh; 
}
/* === FIX: Remove Internal Hero Gaps === */
#section-5309970 .main-app-container.custom-space-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
#section-5309970 .element-7698442 {
  display: none !important; /* Hides invisible h2 */
}

.home-banner .main-app-container {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
  height: 90vh !important; 
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-banner .col-sm-6:first-of-type {
  text-align: center;
}
.home-banner .col-sm-6:last-of-type {
  padding-right: 0;
  overflow: visible;
  align-self: flex-end;
  height: 100%;
}
.home-banner .element-groups {
  display: flex;
}
.home-banner .col-sm-6:last-of-type:after {
  content: '';
  background: url('https://s3.amazonaws.com/bizzabo.users.files/LiL4QWMRQr2g9qRFEOdj_Jewel%20-%20Main%20Room.png');
  bottom: 0;
  left: 4.5%;
  right: -10%;
  top: 0;
  display: block;
  position: absolute;
  background-size: contain; 
  background-position: center; 
  background-repeat: no-repeat;
}
.home-banner p.details {
  max-width: 30vw;
  margin: 0 auto 0.75rem auto;
}
.home-banner .btn {
  margin-top: 1rem;
}
.home-banner a.scroll,
.home-banner a.scroll:hover {
  color: white;
  padding-left: 1rem;
}
@media screen and (min-width: 1330px) {
  .home-banner .main-app-container {
    max-width: 100%;
  }
}

/* Connections Hub */
.connections-hub .main-app-container {
  text-align: left;
}
.connections-hub .main-app-container h1,
.connections-hub .main-app-container h2 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  font-size: 4rem;
}
.connections-hub img.inline-img {
  margin: 0;
}
.connections-hub {
  background-repeat: no-repeat;
  background-size: contain, cover, cover, cover, cover, cover, cover;
  margin: 0 -15px;
}
.connections-hub .main-app-container h2.atom-main {
  display: none;
}
.connections-hub .main-app-container h2 {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.connections-hub .main-app-container .btn {
  margin-top: 1rem;
}
.connections-hub p.connections-hub-img,
.connections-hub .margin-custom-element {
  margin-bottom: 0;
}
.connections-hub p.connections-hub-img img {
  margin-bottom: -1px;
  margin-top: 4rem;
}

/* === FIX: Add Padding to ARIA Section === */
#section-5309970 + .business-template .main-app-container {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

/* Agenda */
.section-agenda {
  margin: 0 -15px;
}
.section-agenda .flip-card > div {
  background: linear-gradient(89deg, rgba(128, 214, 154, 0.50) -1.69%, #0C404E 61.69%);
  box-shadow: 7px 7px 10px rgba(10, 64, 78, 0.30);
  display: grid;
  border-radius: .625rem;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.section-agenda h2 {
  color: #FFA880;
  margin: 0 auto 4rem auto;
  float: none;
}
.section-agenda h3 {
  margin-top: 2rem;
  margin-bottom: 1.1875rem;
}
.section-agenda h3.all-caps {
  margin-top: 0;
  margin-bottom: 2rem;
}
.section-agenda p.all-caps {
  font-family: 'AmazonEmber', sans-serif;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 165.385%;
  letter-spacing: 2.6px;
}
.section-agenda .card {
  border-radius: 10px;
  background: linear-gradient(90deg, #232F3F 0%, #106463 68.08%, #106463 100%);
  padding: 4rem;
  margin-bottom: 4rem;
}
.section-agenda .card .bottom {
  text-align: center;
  margin-top: 4rem;
}
.section-agenda .main-app-container p {
  font-family: "AmazonEmber", sans-serif;
  font-size: 1.375rem;
}
.section-agenda .name,
.section-agenda h4 {
  font-family: "AmazonEmberDisplay", sans-serif;
}
.section-agenda .main-app-container p.speaker .name {
  font-size: 1.375rem;
}
.section-agenda .main-app-container p.speaker {
  font-size: 1rem !important;
  text-align: center;
}
.section-agenda .main-app-container p.disclaimer {
  font-size: 1rem !important;
}
/* === FIX: Link Colors === */
.section-agenda .main-app-container p.disclaimer .highlight-text,
.section-agenda .main-app-container h4 {
  font-size: 1rem !important;
  color: #ff6200 !important;
}
.section-agenda .main-app-container p.disclaimer a {
  color: white;
  text-decoration: underline;
}
.section-agenda h5 {
  font-family: "AmazonEmberDisplay", sans-serif;
  color: white;
  text-transform: uppercase;
  font-size: 1.0833rem;
  line-height: 1.75;
  letter-spacing: 0.1625rem;
  text-align: center;
  border-bottom: solid 2px;
  width: auto;
  display: inline-block;
}
.section-agenda .btn {
  margin-top: 1.1875rem;
  padding: 0 2.4375rem;
}

/* Flip Cards */
.section-agenda .atom-main > div {
  perspective: 2500px; 
}
.section-agenda .flip-card .front .content {
  padding: 3.25rem 1.1875rem 3.25rem 2.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section-agenda .flip-card .back .content {
  padding: 3.25rem 2.375rem;
}
.section-agenda .flip-card img {
  padding: 2rem 2.375rem 2rem 1.1875rem;
}
.section-agenda .flip-card > div.back {
  background: linear-gradient(90deg, #FFAE7C 1%, #FF6856 100%);
  grid-template-columns: 1fr;
}
.section-agenda .flip-card > div.back p {
  color: black;
  font-size: 1.625rem;
}
.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  margin: 0;
}
.flip-card .front,
.flip-card .back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-card .front {
  opacity: 1;
  transition: opacity 0.8s;
  align-items: center;
}
.flip-card .back {
  opacity: 0;
  transition: opacity 0.8s;
  position: absolute;
  top: 0;
}
.flip-card .back .content { display: none; }
.flip-card.active .front,
.flip-card.active .back {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.flip-card.active .front {
  opacity: 0;
  position: absolute;
  top: 0;
}
.flip-card.active .front .content { display: none; }
.flip-card.active .back {
  opacity: 1;
  position: relative;
}
.flip-card.active .back .content { display: block; }

.flip-card img.back-arrow {
  display: block;
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  cursor: pointer;
}

/* * === FIX: Map & FAQ Styling ===
*/
.section-map {
  background: transparent !important;
  position: relative;
  z-index: 0;
}
/* Creates the shared background for Map + FAQ */
.section-map::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -120vh; /* Extends background down */
  background-image: url("https://s3.amazonaws.com/bizzabo.users.files/exxi43qvRhGOzVlO5EPg_Squid%20Ink%20Sparkle%20(4332x2486).png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: -1;
}
.section-map .bz-flex-col {
  overflow: visible !important;
  padding: 0;
}
.section-map .flip-card .flip-card-img {
  border-radius: .625rem;
}
.section-map .flip-card > div {
  display: grid;
  border-radius: .625rem;
  grid-template-columns: 1fr;
  width: 100%;
  margin-bottom: 3rem;
  padding-left: 0;
  padding-right: 0;
}
.section-map .main-app-container > div:first-of-type {
  display: none; /* Hides empty h2 */
}
.main-app-container .flip-card1 {
    margin-bottom: 2.5rem;
    line-height: 0;
}
.main-app-container .flip-card1 img,
.section-map .flip-card img {
  border-radius: .625rem;
  width: 100%;
}

/* * === FIX: Original FAQ Styling (Removing Teal) ===
*/
.section-faq {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}
.section-faq .main-app-container {
  border: none !important;
  outline: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important; /* Remove padding, will be handled by new accordion */
}
.section-faq .main-app-container h2 {
  color: white;
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

/* Disclaimers */
.section-disclaimers .main-app-container {
  max-width: 870px;
  padding: 0 2rem 0rem 2rem;
  margin-top: 0 !important; /* FIX: Remove gap */
  margin-bottom: 0 !important; /* FIX: Remove gap */
}
.section-disclaimers .main-app-container > div:first-of-type {
  display: none; 
}
.section-disclaimers .bz-flex-col {
  padding: 0;
  width: 100%;
}
.section-disclaimers .bz-flex-col p {
  text-align: center;
  margin-bottom: .5rem;
  line-height: 1;
  font-style: italic;
  max-width: 870px;
  margin: 0 auto 0.5rem auto;
  color: white;
}
.section-disclaimers .bz-flex-col a {
  color: white;
  text-decoration: underline;
}

/**
 * Footer
 */
footer {
  height: auto;
  background-color: #242F3F;
  background-image: url('https://res.cloudinary.com/bizzaboprod/image/upload/q_auto,f_auto,c_scale,c_crop,g_custom/v1763498019/s74k89ikcla57lcy1bml');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  padding: 3rem 1rem 1rem 1rem;
}
footer img {
  margin: 0 3.625rem 2.5rem 3.625rem;
  width: 230px;
}
footer .sub-header {
  color: white;
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 2rem;
}
.footer-social a {
  display: inline-block;
  color: white;
  margin: 0 1rem;
  font-size: 1.5rem;
  border-radius: 50%;
  border: solid 1px white;
  line-height: 3.5rem;
  height: 3.5rem;
  width: 3.5rem;
}
.footer-social,
.footer-legal,
.footer-copyright {
  margin-bottom: 3.125rem;
}
.footer-legal p,
.footer-legal a,
.footer-copyright p {
  color: white;
  font-size: 1rem;
  font-weight: normal;
}
.footer-with-confirmation-link {
  display: none;
}
.footer-legal p.all-caps {
  padding: 0 1rem;
  font-size: 1.125rem;
  margin-bottom: 3.25rem;
}
.footer-legal p.all-caps a {
  margin: 0 1.625rem 3.25rem 1.625rem;
}

/**
 * Accordion
 */
.accordion {
  margin: 0;
  padding: 0;
  border-radius: .5rem;
}

/* === FIX: New Orange-Border Accordion === */
.main-app-container .accordion {
    background-color: transparent !important; 
    border-radius: 0.625rem;
    padding: 2.5rem;
    border: 3px solid #ff6200 !important;
    outline: none !important;
}
.main-app-container .accordion h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: white;
  font-size: 1.1667rem;
  font-weight: normal;
  line-height: normal;
  border: none !important; /* FIX: Remove dividers */
}
.accordion-trigger {
  background: none;
  display: block;
  margin: 0;
  padding: 1.25rem 2rem 1.25rem 0; /* FIX: New padding */
  position: relative;
  text-align: left;
  width: 100%;
  outline: none;
  border: none; /* FIX: Remove border */
  color: white; /* FIX: Ensure text is white */
}
.accordion-trigger:focus,
.accordion-trigger:hover {
  color: #ff6200 !important; /* FIX: Set hover to orange */
}
.accordion > *:first-child .accordion-trigger,
.accordion > *:first-child {
  border-radius: .25rem .25rem 0 0;
}
.accordion > *:last-child .accordion-trigger,
.accordion > *:last-child {
  border-radius: 0 0 .25rem .25rem;
}
button {
  border-style: none;
}
.accordion button::-moz-focus-inner {
  border: 0;
}
.accordion p > a {
  color: #ff6200 !important; /* FIX: Set link to orange */
  text-decoration: underline !important;
}
.element-7731434 .main-app-container {
  background: #242F3F;
}
.accordion-title {
  display: block;
  pointer-events: none;
  border-radius: 5px;
  outline: none;
}
.accordion-panel {
  margin: 0;
  padding: 0.5rem 0 1.5rem 0; /* FIX: New padding */
}
.accordion-panel p {
  color: white !important;
  text-align: left;
  margin-bottom: 0;
}
.accordion-title:after {
  content: '';
  background-image: url(https://s3.amazonaws.com/bizzabo.users.files/DtyHNm7QM26Q8OE2jjJh_Arrow.png);
  display: inline-block;
  width: 1.5rem;
  height: 1.25rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.625rem;
  transition: transform ease .2s;
}
.accordion-trigger[aria-expanded="true"] .accordion-title:after {
  transform: rotate(90deg);
}

/***
Registration Widget
***/
.container-tickets {
  display: none;
  background: rgba(0,0,0,.7);
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  padding: 4rem 2rem;
}
.container-tickets.active {
  display: block;
}
.bizzabo-tickets-widget {
  min-height: 100vh !important;
  display: flex;
  align-items: center;
}
.bizzabo-tickets-widget iframe {
  min-height: 442px;
}
.registration-close {
  position: fixed;
  top: 1rem;
  right: 2rem;
}
.section-legal {
  background: linear-gradient(180deg, rgba(35, 47, 62, .9) 0%, rgba(35, 47, 62, .7) 100%);  border-radius: .5rem;
  padding: 2rem;
  margin-top: 0 !important; /* FIX: Remove gap */
  margin-bottom: 0 !important; /* FIX: Remove gap */
}
.section-3618971, .section-3632185, .section-3632270, .section-2171327{
  background:#242F3F;
}


/***
Media Queries
***/
.mobile-only {
  display: none !important;
}
@media screen and (min-width: 991px){
  .col-md-pull-right {
    float: right;
  }
  .section-agenda .card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
  }
  .section-agenda .card .top > .col-md-8,
  .section-agenda .card .bottom > .col-md-8 {
    width: 60%;
  }
  .section-agenda .card .top > .col-md-4,
  .section-agenda .card .bottom > .col-md-4 {
    width: 40%;
  }
  .section-agenda .card .top {
    text-align: left;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .section-agenda .card .bottom {
    text-align: left;
    margin-top: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media screen and (min-width: 1330px){
  .main-app-container {
    max-width: 1266px;
  }
  .section-agenda .card {
    padding: 4rem;
  }
}
@media screen and (min-width: 1690px) {
  .main-app-container {
    max-width: 1650px;
  }
}
@media screen and (max-width: 1689px) {
  .home-banner .main-app-container h1,
  .home-banner .main-app-container h2 {
    font-size: 5.5vw;
  }
  .home-banner .main-app-container p.all-caps {
    margin-bottom: 1rem;
    margin-top: -1.5rem;
  }
}
@media screen and (max-width: 1250px) {
  .main-logo img {
    width: 200px;
  }
  .main-logo {
    top: 1.5rem;
  }
  .business-template .section-countdownClock .business.main-app-container {
    padding-left: 1rem;
  }
  .section-countdownClock .js-countdown-view {
    width: 20rem;
  }
  .col-xs-3.count-container {
    padding: 0;
  }
  .header nav {
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 1170px){
  .home-banner .main-app-container h1,
  .home-banner .main-app-container h2 {
    font-size: 2.5rem;
    margin-top: 0;
  }
  .home-banner .main-app-container p.all-caps {
      margin-bottom: 0;
      margin-top: -.5rem;
  }
  .home-banner .main-app-container p.all-caps:nth-of-type(3) {
      margin-bottom: 1rem;
  }
  .home-banner p.details {
    max-width: 100%;
  }
  .main-app-container {
    margin-left: .75rem;
    margin-right: .75rem;
  }
  .main-app-container.bizzabo-tickets-widget {
    margin: 0;
  }
  .section-faq .main-app-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 870px) {
  /**
  Typography
  **/
  h1,
  .business-template .html-container h1,
  h2,
  .business-template .html-container h2 {
    font-size: 1.75rem;
  }
  h3,
  .business-template .html-container h3 {
    font-size: 1.375rem;
  }
  h4,
  .business-template .html-container h4 {
    font-size: 1.25rem;
  }
  .sub-header {
    font-size: 1.25rem;
  }
  p,
  .business-template .html-container p,
  .business-template .html-container ul,
  .business-template .html-container ol {
    font-size: 1rem;
  }
  p.large,
  .business-template .html-container p.large {
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .footer-social a {
    margin: 0 .25rem;
  }
  .footer-legal p.all-caps a {
    margin: 0 .5rem 3.25rem .5rem;
  }
  /** Other **/
  .home-banner .element-groups {
    flex-direction: column;
    padding-top: 1rem;
  }
  .home-banner .col-sm-6:first-of-type {
    z-index: 1;
  }
  .home-banner .col-sm-6:last-of-type {
    height: 100vw;
    margin-top: -3vw;
    z-index: 0;
  }
  .home-banner .col-sm-6:last-of-type:before {
    left: 0;
    right: 0;
    top: 30%;
  }
  .home-banner .col-sm-6:last-of-type:after {
    background-size: auto 10%, contain;
    background-position: 50% 101%;
    left: 0;
    right: 0;
  }
  .home-banner .main-app-container h1,
  .home-banner .main-app-container h2 {
    font-size: 10vw;
  }
  .home-banner .main-app-container p.all-caps {
    margin-bottom: 1rem;
    margin-top: -.5rem;
  }
  .main-logo {
    display: none;
  }
  .mobile-only {
    display: grid !important;
  }
  .desktop-only {
    display: none !important;
  }
  .footer-social a {
    border: none;
  }
  .footer-logos a {
    width: 100%;
  }
  .bg-video {
    width: 800px;
    left: auto;
    right: 0;
  }
  .section-hero {
    margin: 0 -15px;
  }
  .section-hero .bz-flex-col {
    height: 35rem;
    align-items: center;
    overflow: hidden;
  }
  .section-hero .col-sm-6 {
    width: 55rem;
    height: 35rem;
    max-width: none;
    position: absolute;
    margin-top: 0;
  }
  .section-hero .main-app-container {
    margin: 0;
    padding-bottom: 15rem;
  }
  .section-header {
    position: absolute;
    top: 1rem;
    left: 1rem;
  }
.section-countdownClock .js-countdown-view {
  width: auto;
  max-width: 320px;
  padding-right: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.25rem;
}

.section-countdownClock .js-countdown-view .col-xs-3.count-container {
  width: auto;
  flex: 0 0 auto;
  padding: 0 0.5rem;
}

.section-countdownClock .count-number {
  font-size: 1.5rem;
}

.section-countdownClock .count-unit {
  font-size: 0.65rem;
  letter-spacing: 0.5px;
}


  .business-template .section-countdownClock .business.main-app-container {
    padding-top: 0;
  }
  .header nav {
    padding: 1rem;
    position: fixed;
    z-index: -1;
    top: 0;
    padding-top: 2.5rem;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    display: none;
    background-color: #428B80 !important;
    background: 
      linear-gradient(149deg, 
        #131335 3.51%, rgba(0, 108, 120, 0.00) 44.48%), 
      radial-gradient(58.94% 50.8% at 1.54% 1.92%, 
        rgba(0, 0, 0, 0.20) 0%, rgba(0, 191, 202, 0.20) 65.1%), 
      radial-gradient(37.62% 70.05% at -7.24% -1.98%,
        #120F34 0%, rgba(18, 15, 52, 0.00) 100%), 
      linear-gradient(194deg, 
        #2E7F7A 6.89%, rgba(82, 161, 122, 0.00) 41.38%), 
      linear-gradient(171deg, 
        #120F33 0.43%, rgba(18, 15, 51, 0.00) 32.8%);
  }
  .header nav.active {
    height: auto;
    display: flex;
    min-height: 100vh;
  }
  .header.container {
    padding: 0 2rem 0 0;
    margin-right: 0;
    z-index: 100;
  }
  .header nav a {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }
  /* * === FIX: HEADER GAP (Mobile) ===
   * Resets the margin-top for mobile devices 
   * where the custom header is not present.
  */
  .home-page.home-custom-css {
    margin-top: 0;
  }
  p.connections-hub-img {
    margin: 0 -1.7125rem;
  }
  .section-agenda .flip-card > div {
    grid-template-columns: 1fr;
  }
  .section-agenda .flip-card.featured-speakers .content {
    margin: auto 0;
  }
  .flip-card .grid-separator {
    margin: 0 4rem;
    max-height: 1px;
    max-width: none;
  }
  .section-agenda .flip-card .flip-card-img {
    height: 20rem;
  }
  .flip-card .flip-card-img-label {
    bottom: auto;
    top: 15rem;
    text-align: left;
  }
  .menu-icon {
    display: block;
    margin-top: 1.25rem;
  }
  .sections-holder:before {
    background-position: 0 15rem;
  }
  .section-after-dark .element-groups {
    flex-direction: column-reverse;
  }
  .connections-hub .main-app-container h2 {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .col-sm-6,
  .section-faq .col-sm-6:first-of-type,
  .section-faq .col-sm-6:last-of-type {
    width: 100%;
  }
  .section-agenda .bz-flex-col > div {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  .section-agenda .bz-flex-col {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px){
  .main-view.footer-padding, .editor-home-page.footer-padding {
    padding-bottom: 3rem;
  }
}
@media (max-width: 500px){
  .section-md {
    display: none;
  }
  .section-xs {
    display: block;
  }
  .section-hero.section-xs .bz-flex-col {
    overflow: visible;
    height: auto;
    padding: 0;
    display: block;
  }
}





















/* Fix space after footer */
.section-map::before {
  display: none !important;
}

.section-map {
  background-image: url("https://s3.amazonaws.com/bizzabo.users.files/exxi43qvRhGOzVlO5EPg_Squid%20Ink%20Sparkle%20(4332x2486).png") !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  margin-bottom: 0 !important;
  padding-bottom: 3rem !important;
}

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

.main-view.footer-padding {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

footer {
  margin-bottom: 0 !important;
}








.section-map .main-app-container h1 {
  font-family: 'AmazonEmberDisplay', sans-serif;
  font-size: 4rem;
  font-weight: bold;
}







.section-map .main-app-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.section-map .main-app-container.custom-space-bottom {
  padding-bottom: 2rem !important;
}

#section-3652092 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}












/* Fix gap before footer */
#section-3652092,
#section-3652092.section-map,
.section-3652092 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#section-3652092 .atom-sectionMain,
#section-3652092 .element-17943277 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#section-3652092 .main-app-container,
#section-3652092 .main-app-container.custom-space-bottom {
  padding-bottom: 2rem !important;
  margin-bottom: 0 !important;
}

.sections-holder {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.business-template:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}






/* FAQ Updates */
.accordion-trigger {
  font-weight: bold !important;
  font-size: 1.25rem !important;
}

.accordion-trigger .accordion-title {
  font-weight: bold !important;
}

.accordion-panel p {
  font-size: 1rem !important;
  font-weight: normal !important;
}








@media screen and (max-width: 870px) {
  .section-countdownClock .js-countdown-view {
    width: auto;
    max-width: 280px;
    padding-right: 0;
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-start;
  }
  
  .section-countdownClock .js-countdown-view .col-xs-3.count-container {
    width: auto;
    flex: 0 0 auto;
    padding: 0 0.4rem;
  }
  
  .section-countdownClock .count-number {
    font-size: 0.9rem;
  }
  
  .section-countdownClock .count-unit {
    font-size: 0.5rem;
    letter-spacing: 0;
  }
  
  .section-countdownClock .main-app-container {
    padding-left: 1rem;
    padding-right: 4rem;
  }
}

@media screen and (max-width: 500px) {
  .section-countdownClock .js-countdown-view {
    max-width: 240px;
  }
  
  .section-countdownClock .count-number {
    font-size: 0.8rem;
  }
  
  .section-countdownClock .count-unit {
    font-size: 0.45rem;
  }
}











@media screen and (max-width: 870px) {
  #section-3652096 .js-countdown-view {
    width: auto !important;
    max-width: 320px !important;
    display: flex !important;
    margin-top: 1.25rem !important;
  }

  #section-3652096 .count-container {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 0.5rem !important;
  }

  #section-3652096 .count-number {
    font-size: 1.5rem !important;
  }

  #section-3652096 .count-unit {
    font-size: 0.65rem !important;
    letter-spacing: 0.5px !important;
  }
}













/* ===================================================================
 * DON'S FEEDBACK FIXES - V17
 * =================================================================== */

/* === HEADER ALIGNMENT FIX (DESKTOP ONLY - 871px and up) === */
@media screen and (min-width: 871px) {
  #section-3652096 {
    position: absolute !important;
    top: 0 !important;
    left: 0;
    z-index: 100;
  }

  #section-3652096 .main-app-container,
  .section-countdownClock .main-app-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }

  .section-countdownClock .js-countdown-view {
    margin-top: 0 !important;
    padding-top: 1.25rem !important;
  }

  .main-logo {
    top: 1.25rem !important;
  }

  .header.container {
    height: auto !important;
    align-items: flex-start !important;
  }

  .header nav {
    padding-top: 1.25rem !important;
  }
}

/* === 1. Nav Logo - SVG (responsive) === */
.main-logo svg.nav-logo {
  width: clamp(140px, 12vw, 200px);
  height: auto;
  vertical-align: middle;
}

@media screen and (max-width: 1250px) {
  .main-logo svg.nav-logo {
    width: clamp(120px, 15vw, 180px);
  }
}

@media screen and (max-width: 870px) {
  .main-logo svg.nav-logo {
    width: clamp(100px, 20vw, 160px);
  }
}

/* === 2. Constrain intro copy width === */
.hero-copy {
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box;
}

/* === 3. Readability improvements === */

/* Countdown - larger text + stronger shadow (DESKTOP ONLY) */
@media screen and (min-width: 871px) {
  .section-countdownClock .count-number {
    font-size: 1.25rem !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.5);
  }

  .section-countdownClock .count-unit {
    font-size: 0.85rem !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.5);
  }
}

/* Hero/Intro copy - stronger shadow */
.hero-copy p,
.hero-copy .all-caps {
  text-shadow: 0 2px 15px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0, 0, 0, 0.4);
}

/* FAQ accordion - box shadow (all screens) */
.main-app-container .accordion {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.6);
}

/* FAQ text shadows - MOBILE ONLY */
@media screen and (max-width: 870px) {
  .accordion-trigger {
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 0, 0, 0.7) !important;
  }

  .accordion-panel p {
    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 0, 0, 0.7) !important;
  }

  .faq-header {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.95), 0 0 40px rgba(0, 0, 0, 0.8) !important;
  }
}

/* Section map links - orange color (all screens) */
.section-map a,
.section-map p a,
.section-map .main-app-container a,
.element-17943277 a {
  color: #ff6200 !important;
}

/* Section map text shadows + heading sizes - MOBILE ONLY */
@media screen and (max-width: 870px) {
  /* Match h1 to FAQ header size + add padding */
  .section-map h1,
  .element-17943277 h1 {
    font-size: 2.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
  }

  /* Add padding to all-caps subtitle */
  .section-map .all-caps,
  .element-17943277 .all-caps {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box !important;
  }

  /* Shadows for paragraphs, lists, links only - NOT headings */
  .section-map p,
  .section-map li,
  .section-map a,
  .element-17943277 p,
  .element-17943277 li,
  .element-17943277 a {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.95), 0 0 40px rgba(0, 0, 0, 0.8) !important;
  }
}

/* Disclaimer paragraphs - extra strong shadow (all screens) */
.section-map .main-app-container > p,
.element-17943277 .main-app-container > p {
  text-shadow: 0 2px 25px rgba(0, 0, 0, 1), 0 0 50px rgba(0, 0, 0, 0.9), 0 0 80px rgba(0, 0, 0, 0.7) !important;
}

/* Footer - stronger shadow + slightly larger text */
footer .sub-header {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.8);
}

.footer-legal p,
.footer-legal a,
.footer-copyright p {
  font-size: 1.05rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

/* === 4. Mobile dropdown - squid ink branding === */
@media screen and (max-width: 870px) {
  .header nav {
    background-color: #161d26 !important;
    background: linear-gradient(180deg, #161d26 0%, #0f141a 100%) !important;
  }
}

/* === 5. Increase After Dark logo size === */
.after-dark-logo {
  width: min(32vw, 520px);
  max-width: 90vw;
  margin-top: 2rem;
}

@media (min-width: 1600px) {
  .after-dark-logo { 
    width: min(28vw, 600px);
  }
}

@media (max-width: 600px) {
  .after-dark-logo { 
    width: 80vw;
    margin-top: 1.5rem;
  }
}

/* === 6. More spacing below header before hero content === */
.hero-intro {
  padding-top: 5rem;
}

.hero-intro > p:first-child {
  padding-top: 0 !important;
}

/* === 7. Constrain disclaimer text below FAQs === */
.section-map .main-app-container > p[style*="text-align: center"],
.element-17943277 .main-app-container > p[style*="text-align: center"] {
  max-width: 870px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

/* Fallback - target paragraphs after accordion */
.accordion + div + p,
.accordion + div + p + p,
.accordion + div + p + p + p {
  max-width: 870px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

/* === 8. FAQ/Map section background === */
.element-17943277.cover-image-background {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* === 9. Hero banner min-height for wide screens === */
@media screen and (min-width: 1400px) {
  .element-7698443,
  .element-7698443.cover-image-background {
    min-height: 100vh !important;
    padding-bottom: 4rem !important;
  }
}

@media screen and (min-width: 1800px) {
  .element-7698443,
  .element-7698443.cover-image-background {
    min-height: 105vh !important;
    padding-bottom: 5rem !important;
  }
}

@media screen and (min-width: 2200px) {
  .element-7698443,
  .element-7698443.cover-image-background {
    min-height: 110vh !important;
    padding-bottom: 6rem !important;
  }
}