@import "node_modules/@fortawesome/fontawesome-free/scss/fontawesome";
@import "node_modules/@fortawesome/fontawesome-free/scss/brands";
@import "node_modules/@fortawesome/fontawesome-free/scss/regular";
@import "node_modules/@fortawesome/fontawesome-free/scss/solid";
@import "node_modules/bulma/sass/utilities/initial-variables";
@import "node_modules/bulma/sass/utilities/functions";
$title-weight: $weight-light;
$subtitle-weight: $weight-light;
@import "node_modules/bulma/sass/utilities/_all";

/* Import all Bulma resources */
@import "node_modules/bulma/sass/base/_all";
@import "node_modules/bulma/sass/elements/_all";
@import "node_modules/bulma/sass/components/_all";
@import "node_modules/bulma/sass/grid/_all";
@import "node_modules/bulma/sass/helpers/_all";
@import "node_modules/bulma/sass/layout/_all";

@mixin fullscreen {
    /* Handled by autoprefixer */
    :fullscreen {
        @content
    }
}
@include fullscreen {
    .navbar {
        width: auto;
        float: right;

        .navbar-menu,
        .navbar-item {
            display: none;
        }
        @include until($navbar-breakpoint) {
            .navbar-burger {
                display: none;
            }
        }
        .navbar-fullscreen {
            display: flex;
        }
    }
}

.navbar {
    .navbar-item {
        @include from($navbar-breakpoint) {
            &.is-fullsized {
                padding: 0;
            }
        }
        &.has-icon .icon:only-child {
            margin-right: 0;
        }
    }
    .has-dropdown {
        &:not(.is-focus) {
            @include until($navbar-breakpoint) {
                .navbar-link::after {
                    @include reset
                }
            }
        }
        @include until($navbar-breakpoint) {
            &.is-focus:not(.is-active) {
                .navbar-link::after {
                    transform: rotate(135deg) translate(0.25em, -0.25em)
                }
                .navbar-dropdown {
                    display: none
                }
            }
        }
        .navbar-dropdown {
            .navbar-item .icon:only-child {
                margin-left: 0;
                margin-right: 0;
            }
        }
        @include from($navbar-breakpoint) {
            &.is-hoverable:not(.is-active) {
                &:focus, &:focus-within {
                    .navbar-dropdown {
                        opacity: 0;
                        transform: translateY(-5px)
                    }
                }
            }
            &.is-at-end .navbar-dropdown {
                left: auto;
                right: 0;
            }
        }
    }
}
.tabs ul {
    width: 100%;
}