﻿/*  
---------------------------------------------------
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);
}

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;
}
