/*specific pages container*/
.home-custom-css{}
.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 {}

/* ------------------------
  hexagon-card: safer fix
  - works whether you put the class on the column wrapper
    or (accidentally) on a larger section/container.
  Paste at the end of your Custom CSS.
  ------------------------ */

/* 1) If hexagon-card is on the exact column wrapper (preferred) */
.hexagon-card {
  /* keep outer container neutral — we style its child as the card */
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

/* 2) Style the first inner wrapper (this covers Bizzabo builder DOM patterns)
   This makes the *first child* inside your hexagon-card become the visible white card. */
.hexagon-card > * {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;                /* clip image cleanly */
  box-shadow: 0 8px 28px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.05);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform .22s ease, box-shadow .22s ease;
}

/* keep outer blue background if present (so only inner child card is white) */
.hexagon-card:not([style*="background"]) {}

/* image rules (apply to images inside that inner child) */
.hexagon-card > * img,
.hexagon-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  border-radius: 0; /* parent clips corners */
}

/* text padding inside the inner child */
.hexagon-card > * .text,
.hexagon-card > * [class*="text"],
.hexagon-card > * .content,
.hexagon-card > * [class*="content"] {
  padding: 22px 24px;
  color: #333;
  background: transparent;
}

/* CTA alignment */
.hexagon-card > * .call-to-action,
.hexagon-card > * .bs-cta,
.hexagon-card > * .cta,
.hexagon-card > * .btn-register {
  margin-top: auto;
  padding: 12px 24px 22px 24px;
  display: flex;
  justify-content: flex-end;
}

/* subtle hover lift for the inner card */
.hexagon-card > *:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

/* responsive image heights */
@media (max-width: 992px) {
  .hexagon-card > * img { height: 220px; }
}
@media (max-width: 768px) {
  .hexagon-card > * img { height: 180px; }
}

/* =====================================
   HEXAGON – REMOVE FORCED CAPITALIZATION
   ===================================== */

/* 1️⃣ Navigation (already working but included for completeness) */
.template-nav,
.template-nav * {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant-caps: normal !important;
}

/* 2️⃣ All Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant-caps: normal !important;
}

/* 3️⃣ Common Bizzabo Title Classes */
.section-title,
.page-title,
.element-title,
.module-title,
.title,
.block-title,
.widget-title {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant-caps: normal !important;
}

/* 4️⃣ Safety override for custom color/background wrappers */
[class*="color-"] h1,
[class*="color-"] h2,
[class*="color-"] h3,
[class*="background"] h1,
[class*="background"] h2,
[class*="background"] h3 {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant-caps: normal !important;
}