$headers: ('top', 'main');
$slots: ('r','l','c');
$elements: ('li a', 'li span', 'ul + ul', 'nav + form', 'form + nav', 'form + ul', 'ul + form', 'nav');

@each $header in $headers {
    .header-#{$header}{

        @each $slot in $slots{
            &-slot-#{$slot}{
                @each $element in $elements{
                    #{$element}{
                        @extend %#{$header}-slot-#{$slot};
                    }
                }
            }
        }
        nav:last-child{
            margin: 0;
            margin-right: 0 !important;
        }


    }
}

.roogan-header nav > ul > li:last-child > a,
.roogan-header .roogan-menu-donate > li:last-child > a{
    margin: 0;
}
.header-main-slot-r .roogan-menu-donate a{
   margin-right: 10px;         
}
.header-main-slot-l .roogan-site-branding + nav,
.header-main-slot-l .roogan-site-branding + div{
    margin-left: 30px;
}

.roogan-site-branding .site-title{
    line-height: 1;
}

.roogan-header{
    .header-main-slot-r{
        > *{
            margin-right: 20px !important;
            &:last-child {
                margin-right: 0px !important;
            }
        }
    }
    .roogan-menu-subscribe li a{
        margin-right: 0 !important;
        &:before{
            color: var(--color-header-middle-txt-075);
            @extend %animation-main;
        }
        &:hover:before{
            color: var(--color-header-middle-txt);
        }
    }
}