/* Default styles for mobile-first design */

/* Main container of each section */
.main-app-container {
    padding: 10px;
    margin: 0 auto;
    max-width: 100%;
}

/* Call-to-action buttons */
.btn-register {
    display: inline-block;
    padding: 12px 20px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    background-color: #007bff; /* Example color */
    color: white;
    text-decoration: none;
}

/* Top navigation bar container */
.template-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #333; /* Example color */
    color: white;
}

/* Top navigation bar items container */
#bs-example-navbar-collapse-1 {
    display: none; /* Hide menu by default on mobile */
    flex-direction: column;
    width: 100%;
}

/* Show menu on mobile toggle */
#bs-example-navbar-collapse-1.active {
    display: flex;
}

/* Social share buttons container */
.social-share-button {
    display: flex;
    justify-content: center;
    gap: 10px;
}

/* Social share buttons per social network */
/* Hide Website Footer */ footer { display: none; } .main-view.footer-padding, .editor-home-page.footer-padding { padding-bottom: 0px; }