/*  
---------------------------------------------------
Secondary Navigation
---------------------------------------------------  
*/

nav.secondary ul li span div,
nav.secondary ul li span a,
nav.secondary ul li a {
    display: block;
    color:  rgba(var(--secondary-navigation-link), 1);
    
    -webkit-transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
    transition:
        opacity 0.3s ease-in-out 0s,
        color 0.3s ease-in-out 0s,
        background-color 0.3s ease-in-out 0s,
        text-decoration 0.3s ease-in-out 0s,
        top 0.3s ease-in-out 0s,
        right 0.3s ease-in-out 0s,
        bottom 0.3s ease-in-out 0s,
        left 0.3s ease-in-out 0s,
        width 0.3s ease-in-out 0s,
        max-width 0.3s ease-in-out 0s,
        height 0.3s ease-in-out 0s,
        max-height 0.3s ease-in-out 0s,
        padding-top 0.3s ease-in-out 0s,
        padding-right 0.3s ease-in-out 0s,
        padding-bottom 0.3s ease-in-out 0s,
        padding-left 0.3s ease-in-out 0s,
        box-shadow 0.3s ease-in-out 0s,
        border-color 0.3s ease-in-out 0s,
        transform 0.3s ease-in-out 0s;
}

nav.secondary ul li span div { 
    color:  rgba(var(--header-text), 1);
}

html.no-touch nav.secondary ul li span a:hover,
nav.secondary ul li span a:focus,
nav.secondary ul li span a:active,
html.no-touch nav.secondary ul li.dropdown>a:hover,
nav.secondary ul li.dropdown a:focus,
nav.secondary ul li.dropdown a:active,
nav.secondary ul li.dropdown.show>a {
    color:  rgba(var(--secondary-navigation-link-hover), 1);
}

nav.secondary ul li.dropdown:not(:focus-within),
nav.secondary ul li.dropdown > a.dropdown-toggle:not(:focus-within) {
    outline:0 none!important; box-shadow:none;
}

nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    border: 0 none;
     
    position: relative;
    top: 3px;
    margin-left:5px;
    font-size:14px;
}

nav.secondary ul li.phone-number strong {
    color: rgba(var(--header-highlight), 1);
}

nav.secondary ul li.dropdown .dropdown-menu { 
    background: transparent; 
}

nav.secondary ul li.dropdown .dropdown-menu { 
    padding:0;
    border-radius: 0; border-color: var(--header-borders);
}

nav.secondary ul li.dropdown .dropdown-menu a { 
    color:  rgba(var(--secondary-navigation-link), 1);
}

nav.secondary ul li.dropdown > a i { 
    color:  rgba(var(--secondary-navigation-link), 1);
}

nav.secondary ul li.dropdown > a i.before {
    margin: 0 !important;;
}

html.no-touch nav.secondary ul li.dropdown .dropdown-menu a:hover,
nav.secondary ul li.dropdown .dropdown-menu a:focus,
nav.secondary ul li.dropdown .dropdown-menu a:active { 
    color:  rgba(var(--secondary-navigation-link-hover), 1);
    background:none!important;
}



/*  
---------------------------------------------------
Language Selector
---------------------------------------------------  
*/

nav.secondary ul li.language-selector picture,
nav.secondary ul li.language-selector a > img { 
    position:relative; top:1px;
    overflow:hidden;
    margin:0; padding:0;
    display:inline-block;
}

nav.secondary ul li.language-selector a > img { 
    top:-1px;
}

nav.secondary ul li.language-selector picture,
nav.secondary ul li.language-selector picture source,
nav.secondary ul li.language-selector picture img,
nav.secondary ul li.language-selector a > img { 
    width:14px; max-width:100%; height:14px;
    border-radius: var(--base-border-radius);
}

nav.secondary ul li.language-selector picture img {
    overflow:hidden; display:block;
}

nav.secondary ul li.language-selector a { 
    position:relative;
}



/*  
---------------------------------------------------
Members & Language dropdown
---------------------------------------------------  
*/

html[dir="ltr"] nav.secondary ul li.dropdown > a i + span {
    margin-left: 5px;
}

html[dir="rtl"] nav.secondary ul li.dropdown > a i + span {
    margin-right: 5px;
}

html[dir="ltr"] nav.secondary ul li.dropdown a > picture + span,
html[dir="ltr"] nav.secondary ul li.dropdown a > img + span { 
    margin-left: 5px;
}

html[dir="rtl"] nav.secondary ul li.dropdown a > picture + span,
html[dir="rtl"] nav.secondary ul li.dropdown a > img + span { 
    margin-right: 5px;
}
