/* Header Layout: Stacked Nav
----------------------------------------------- */

.header {

    &__stacked-nav {
        padding: 12px 0;
        font-weight: 600;
        display: none;
        background: $tundora;
        text-align: center;

        .header__nav {
            text-align: center;
            justify-content: center;

            a {
                font-weight: 600;
                color: $white;

                &:hover {
                    color: $white;
                }
            }

            .menu-item--btn {

                &-outline a {
                    color: $white;
                    border-color: $white;
                }
            }
        }

        @include desktop() {
            display: block;
        }
    }
}