//Header slots element possition

.slot-r ul + ul,
.slot-r div + ul,
.slot-r ul + nav{
    margin-left: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        margin-left: get-navigation-elements-margin('lg')/2;   
    }
    @include mq('xl') {
        margin-left: get-navigation-elements-margin('lg')/2;   
    }
}
.slot-r form,
.slot-r nav + ul,
.slot-r nav + form,
.slot-r form + nav,
.slot-r form + ul,
.slot-r ul + form{
    margin-left: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        margin-left: get-navigation-elements-margin('md')/2;   
    }
    @include mq('xl') {
        margin-left: get-navigation-elements-margin('lg')/2;   
    }   
}
.slot-l ul + ul,
.slot-l nav + ul,
.slot-l div + ul{
    margin-right: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        margin-right: get-navigation-elements-margin('lg')/2;   
    }
    @include mq('xl') {
        margin-right: get-navigation-elements-margin('lg')/2;   
    }
}

.slot-l form,
.slot-l nav + ul,
.slot-l nav + form,
.slot-l form + nav,
.slot-l form + ul,
.slot-l ul + form{
    margin-right: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        margin-right: get-navigation-elements-margin('md')/2;   
    }
    @include mq('xl') {
        margin-right: get-navigation-elements-margin('lg')/2;   
    }   
}

.slot-l nav > ul > li a{
    padding-left: get-navigation-elements-margin('md')/2;
    padding-right: get-navigation-elements-margin('md')/2;

    @include mq('lg') {
        padding-left: get-navigation-elements-margin('md')/2;
        padding-right: get-navigation-elements-margin('md')/2;  

    }
    @include mq('xl') {
        padding-left: get-navigation-elements-margin('lg')/2;
        padding-right: get-navigation-elements-margin('lg')/2;  

    }
}

.slot-r nav > ul > li a,
.slot-r div > nav > ul > li a{
    padding-left: get-navigation-elements-margin('md')/2;
    padding-right: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        padding-left: get-navigation-elements-margin('md')/2;
        padding-right: get-navigation-elements-margin('md')/2; 
    }
    @include mq('xl') {
        padding-left: get-navigation-elements-margin('lg')/2;
        padding-right: get-navigation-elements-margin('lg')/2;
    }
}



.slot-c nav > ul > li a{
    padding-left: get-navigation-elements-margin('md')/2;
    padding-right: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        padding-left: get-navigation-elements-margin('md')/2;
        padding-right: get-navigation-elements-margin('md')/2;  
    }
    @include mq('xl') {
        padding-left: get-navigation-elements-margin('lg')/2;
        padding-right: get-navigation-elements-margin('lg')/2;  
    }
}

.slot-c ul + ul,
.slot-c nav + ul{
    margin-left: get-navigation-elements-margin('md');
    @include mq('lg') {
        margin-left: get-navigation-elements-margin('md');   
    }
    @include mq('xl') {
        margin-left: get-navigation-elements-margin('lg');   
    }
}

.slot-c form,
.slot-c nav + ul,
.slot-c nav + form,
.slot-c form + nav,
.slot-c form + ul,
.slot-c ul + form{
    margin-left: get-navigation-elements-margin('md')/2;
    @include mq('lg') {
        margin-left: get-navigation-elements-margin('md')/2;   
    }
    @include mq('xl') {
        margin-left: get-navigation-elements-margin('lg')/2;   
    }
}

.slot-r nav > ul > li:last-child{
    padding-right: 0;
}
.slot-l nav > ul > li:first-child{
    padding-left: 0;
}

//Header bottom item possitions
.header-bottom{
    .slot-c nav + ul,
    .slot-c ul + ul{
        margin-left: get-navigation-elements-margin('md');
        @include mq('lg') {
            margin-left: get-navigation-elements-margin('md')/2;            
        }
        @include mq('xl') {
            margin-left: get-navigation-elements-margin('lg')/2;            
        }
    }
    .slot-c .toucan-menu-social{
        margin-left: get-navigation-elements-margin('md')/2;
        @include mq('lg') {
            margin-left: get-navigation-elements-margin('md')/2;            
        }
        @include mq('xl') {
            margin-left: get-navigation-elements-margin('lg')/2;            
        }
    }
}


//Specific margins
.toucan-site-branding + nav,
.toucan-site-branding + .d-lg-flex nav,
.toucan-site-branding + form,
.toucan-site-branding + div {
    margin-left: get-navigation-elements-margin('md');
    @include mq('lg') {
        margin-left: get-navigation-elements-margin('md')/2;          
    }
    @include mq('xl') {
        margin-left: get-navigation-elements-margin('lg')/2;          
    }
}
.slot-r,
.slot-c{
    .menu-social-container{
        margin-left: 0;
    }
   .toucan-menu-social li{
        margin-left: get-navigation-elements-margin('md');
        &:first-child{
            margin-left: 0;
        }  
        @include mq('lg') {
            margin-left: get-navigation-elements-margin('md')/2;    
            &:first-child{
                margin-left: 0;
            }          
        }
        @include mq('xl') {
            margin-left: get-navigation-elements-margin('lg')/2;    
            &:first-child{
                margin-left: 0;
            }        
        }
    }
   .toucan-menu-social a{
        padding: 0;
    }
}

.header-top{
    @include mq('md') {

        .slot-c,
        .slot-l,
        .slot-r{
            nav > ul > li a{
                padding-left: 10px;
                padding-right: 10px;
            }
            .toucan-menu-action li{
                margin: 0;
            }
        }
        .slot-l{
            ul,
            nav+ ul,
            ul + nav{
                margin-right: 15px;
                margin-left: 0;
            }
            ul li:first-child > a{
                padding-left: 0;
            }
        }

        .slot-r{
            ul,
            nav+ ul,
            ul + nav{
                margin-left: 15px;
                margin-right: 0;
            }
            ul li:first-child > a{
                padding-right: 0;
            }
        }

    }
    
}