.elementor-19694 .elementor-element.elementor-element-4891fa1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-dde279b *//* 1. Full-width hero and footer */
section.hero,
footer.footer {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}

/* 2. Keep links green */
a,
a:hover,
a:visited {
    color: #548b41 !important;
}

.hero-link,
.host-link,
.nav-link,
.footer a {
    color: #548b41 !important;
}

.footer a:hover {
    color: #c4d22d !important;

}

/* 4. Logo - above text, centered */
.hero-logo {
    flex-direction: column !important;
    align-items: center !important;
}

/* 2. Footer links - yellow */
.footer a,
.footer a:hover,
.footer a:visited {
    color: #c4d22d !important;
}
.footer a:hover {
    color: #c4d22d !important;
}
/* 1. Contact Us button - white text */
.hero-cta,
.hero-cta:hover,
.hero-cta:visited {
    color: #FFFFFF !important;
    background: #548b41 !important;
}

.hero-cta:hover {
    background: #7fba44 !important;
}

/* 3. Hero section - more height for sticky nav */
section.hero {
    padding-top: 80px !important;
    min-height: 450px !important;
}

/* 3. Hero section - more space for sticky nav */
section.hero {
    padding-bottom: 80px !important;
    min-height: 450px !important;
}
/* 5. Navigation - Full-width */
.nav {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
/* 6. Navigation - logo left, links right */
.nav-inner {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 5px 1px; /* Adjust as needed */
}
.hero-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px; /* Consistent spacing */
}

.logo-container {
  margin-bottom: 0; /* Remove any existing margin */
}

.hexagon-row-top {
  margin-top: 0;
}

.hexagon-row-bottom {
  margin-bottom: 0;
}

.contact-button {
  margin: 0; /* Remove any existing margin */
}

/* Alternative if using padding approach */
.hero-section > * {
  margin: 30px 0; /* Equal spacing between all elements */
}
/* Reset any container constraints */
.navbar {
  width: 100vw;
  max-width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  position: fixed; /* or relative/sticky depending on current setup */
  box-sizing: border-box;
}

/* Remove any parent container max-width constraints */
.navbar-container,
.nav-container,
.container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Ensure inner content has proper padding */
.navbar-inner {
  width: 100%;
  padding: 0 20px; /* Adjust as needed */
  box-sizing: border-box;
}
/* ========================================
   FIX 1: CARDS WITH LINKS - NO LAYOUT BREAK
   ======================================== */

/* Make the entire card clickable without changing dimensions */
.exhibitor-card,
.innovator-card,
.support-card {
    position: relative; /* Establish positioning context */
}

/* The link fills the entire card */
.exhibitor-card a,
.innovator-card a,
.support-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    /* Remove any default link styling that affects layout */
    margin: 0;
    padding: 0;
}

/* For innovator cards which have different internal structure */
.innovator-card a {
    justify-content: flex-start; /* Align content to top since these have more content */
}

/* Ensure images don't get stretched */
.exhibitor-card a img,
.innovator-card a img,
.support-card a img {
    flex-shrink: 0;
    margin-bottom: 8px;
}

/* ========================================
   FIX 4: MOBILE NAVIGATION WITH LINKS
   ======================================== */

@media (max-width: 768px) {
    /* Remove the display: none that hides links */
    .nav-links {
        display: flex;
        position: fixed;
        top: 60px; /* Below the nav bar */
        left: 0;
        right: 0;
        background: var(--white);
        flex-direction: column;
        padding: 10px 20px;
        box-shadow: var(--shadow-lg);
        gap: 0;
        transform: translateY(-150%);
        transition: transform 0.3s ease;
        z-index: 99;
    }

    /* Show menu when active class is added */
    .nav-links.active {
        transform: translateY(0);
    }

    /* Individual mobile nav links */
    .nav-link {
        padding: 12px 0;
        border-bottom: 1px solid var(--pastel-green-bg);
        width: 100%;
        text-align: center;
    }

    .nav-link:last-child {
        border-bottom: none;
    }

    /* Hamburger menu button */
    .nav-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        padding: 10px;
        background: none;
        border: none;
    }

    .nav-toggle span {
        display: block;
        width: 25px;
        height: 3px;
        background: var(--green-dark);
        transition: 0.3s;
    }

    /* Hide hamburger on desktop */
    @media (min-width: 769px) {
        .nav-toggle {
            display: none;
        }
    }
}/* End custom CSS */