body { padding-top: 56px; }
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom: 1.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* Navigation icons */
.nav-logo {
    height: 72px;
    width: 72px;
    margin-left: 120px;
}

.nav-icon {
    height: 53px;
    width: 53px;
    margin-right: 0;
    vertical-align: middle;
    display: inline-block;
    flex-shrink: 0;
}

.nav-link {
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
}

/* Menu spacing */
.navbar-nav .nav-item {
    margin-right: 10px !important;
}

.navbar-nav .nav-item:last-child {
    margin-right: 0 !important;
}

/* 调整特定菜单项的间距 */
.navbar-nav .nav-item:nth-child(5),
.navbar-nav .nav-item:nth-child(6) {
    margin-right: -10px !important;
}

/* Move entire menu to the right */
.navbar-nav {
    margin-right: 55px !important;
}

.navbar {
    background-image: url('https://static.igem.wiki/teams/5735/img/home/nav-juxing1.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

.nav-link img {
    flex-shrink: 0;
}

/* footer */
footer a { color: black; text-decoration: none; }
footer a:hover { color: black; text-decoration: underline; }

.footer-with-bg {
    background-image: url("https://static.igem.wiki/teams/5735/img/home/home-footer-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}