$main-color: #001440;
$main-color-dark: #071022;

$navbar-background-color: $main-color !important;
$bulma-hover-background-l-delta: 0;


@import "bulma/sass";

@mixin default-page-content-spacing {
    width: 100%;
    max-width: 46rem;
    padding: 3rem 1rem 1rem 1rem;
}

#main-content {
    @include default-page-content-spacing;
    margin: auto;
    height: 100%;
}

nav.navbar {
    padding-left: 5vw;
    padding-right: 5vw;
    height: 10vh;
    min-height: 65px;
}
nav.navbar * {
    color: white;
}
a.navbar-item:hover, a.navbar-item:active, a.navbar-item:focus {
    background-color: #05122e;
}

.is-background-main { background-color: $main-color; }


@media (max-width: 1023px) {
    nav.navbar {
        padding-left: 0;
        padding-right: 0;
        height: 8vh;
    }
    .navbar-brand {
        padding-left: 6px;
        padding-right: 6px;
        height: 100%;
    }
}