@import "https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css";

/* .button.is-primary {
    background-color: #ff5733;
    border-color: #ff5733;
} */


html,
body {
    height: 100vh;
}

@media (max-width: 768px) {
    .breadcrumb {
        font-size: 0.8rem;
        /* Adjust font size */
        overflow-x: auto;
        /* Allow horizontal scroll if needed */
    }

    .breadcrumb ul {
        display: flex;
        flex-wrap: nowrap;
        /* Prevent wrapping */
    }

    .breadcrumb li {
        white-space: nowrap;
        /* Prevent text wrapping */
    }
}

.section {
    padding-top: 1.5rem;
}




/* START: Navbar underline on active items */

.navbar-item.is-active {
    position: relative;
    color: hsl(233deg, 100%, 63%)
}

.navbar-item.is-active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: hsl(233deg, 100%, 63%);
    /* is-link color */
}

/* Remove background color for active item */
.navbar-item.is-active,
.navbar-item.is-active:hover {
    background-color: transparent;
}

/* Hide underline on mobile view */
@media screen and (max-width: 768px) {
    .navbar-item.is-active::after {
        display: none;
    }
}

/* END: Navbar underline on active items */