/* ==================================================
   HEXAGON TECHNOLOGY OPEN HOUSE | NOVI 2026
   BIZZABO GLOBAL CSS
   ================================================== */

/* BRAND COLORS */
:root {
  --hex-navy: #002b49;
  --hex-blue: #00a8f5;
  --hex-lime: #dfff39;
  --hex-teal: #00767d;
  --hex-text: #17324d;
  --hex-gray: #454b55;
  --hex-light: #f2f5f7;
}

/* PAGE FOUNDATION */
html,
body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
}

.main-app-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--hex-text);
  font-family: "Hexagon-Akkurat", Arial, sans-serif;
}

/* CONSISTENT BOX SIZING */
.main-app-container *,
.main-app-container *::before,
.main-app-container *::after {
  box-sizing: border-box;
}

/* PREVENT WIDE CONTENT */
.home-custom-css,
.community-custom-css,
.agenda-custom-css {
  max-width: 100%;
  overflow-wrap: break-word;
}

.home-custom-css img,
.agenda-custom-css img {
  max-width: 100%;
  height: auto;
}

/* TYPOGRAPHY */
.home-custom-css h1,
.home-custom-css h2,
.home-custom-css h3 {
  line-height: 1.2;
  letter-spacing: -0.025em;
}

.home-custom-css p,
.home-custom-css li {
  line-height: 1.65;
}

/* REGISTRATION BUTTONS */
.btn-register {
  background: var(--hex-blue) !important;
  color: var(--hex-navy) !important;
  border: 0 !important;
  border-radius: 40px !important;
  padding: 14px 30px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.btn-register:hover,
.btn-register:focus {
  background: #55caff !important;
  color: var(--hex-navy) !important;
}

/* TOP NAVIGATION */
.template-nav {
  background: #000000;
}

#bs-example-navbar-collapse-1 a {
  transition: color 0.2s ease;
}

#bs-example-navbar-collapse-1 a:hover {
  color: var(--hex-blue);
}

/* CUSTOM HERO */
.novi-hero {
  max-width: 100%;
  margin: 0 auto;
}

.novi-hero h1 {
  color: #ffffff;
}

/* CUSTOM INTRODUCTION */
.novi-intro {
  max-width: 100%;
  margin: 0 auto;
}

.novi-intro h2 {
  color: var(--hex-navy);
}

/* WHY ATTEND */
.novi-showcase {
  max-width: 100%;
  margin: 0 auto;
}

.novi-showcase h2 {
  color: #ffffff;
}

/* AGENDA */
.novi-agenda {
  max-width: 100%;
  margin: 0 auto;
}

.novi-agenda h2,
.novi-agenda h3 {
  color: var(--hex-navy);
}

.agenda-custom-css {
  background: var(--hex-light);
}

/* MOBILE */
@media (max-width: 768px) {

  .home-custom-css,
  .agenda-custom-css {
    padding-left: 12px;
    padding-right: 12px;
  }

  .novi-hero,
  .novi-showcase,
  .novi-agenda {
    max-width: 100%;
  }

  .btn-register {
    padding: 12px 24px !important;
  }
}