// This file contains class definitions for swiftfire extension // to the classic-jekyll-theme. // // ===============================================================

// Fix the layout of the domain menu subitem labels

.menubar {

@include narrow-layout {
        .item .dropdown .subitem .title .text form button {
                display: flex;
                justify-content: start;
                align-items: center;
                padding-left: $menubar-subitem-indent-narrow;
        }
}
@include medium-and-widest-layout {
        .item .dropdown .subitem .title .text form button {
                @include medium-layout { font: $menubar-subitem-font-medium; }
                @include widest-layout { font: $menubar-subitem-font-widest; }
                @include medium-layout { color: $menubar-subitem-color-medium; }
                @include widest-layout { color: $menubar-subitem-color-widest; }
                @include medium-layout { padding: $menubar-subitem-padding-medium; }
                @include widest-layout { padding: $menubar-subitem-padding-widest; }
        }
}

}

// Swiftfire items

.sf-loginlogout {

display: flex;
flex-direction: row;
justify-content: flex-end;
padding-right: $hspacing-unit/2;
width: 100%;
font-size: $small-2-font-size;
.sf-loginlogout-firstoption {
        margin: 0 $hspacing-unit/2 0 0;
}
.sf-loginlogout-secondoption {
        margin: 0 $hspacing-unit/2 0 $hspacing-unit/2;
}
p {
        margin: 0 0 0 0;
}
button {
        margin: 0 0 0 0;
        font-size: $small-2-font-size;
        color: black;
}

}