.header-nav a,
.header-nav .root-button {
  text-decoration: none;
  color: var(--body);
  display: block;
  width: 100%;
  font-size: 0.9em;
}

/* courtesy bar  */
.header-nav .courtesy-bar {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.3em;
  border-bottom: solid 1px var(--border);
}

.header-nav .courtesy-bar > ul{
  -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}

.header-nav .courtesy-bar li {
  margin-left: 0.5em;
}

.header-nav .courtesy-bar a{
  padding-left: 0.5em;
}

.header-nav .courtesy-bar a span{
  margin-left:0.3em;
}

.header-nav .courtesy-bar a:before{
  content:"";
  font-family: fontAwesome;
}

.header-nav .courtesy-bar li.phone a:before{
  content:"\f095";
}

.header-nav .courtesy-bar li.blog a:before{
  content:"\f1ea";
}

.header-nav .courtesy-bar li.login a:before{
  content:"\f090";
}

.header-nav .header-logo {
  max-width: 15em;
  width: 100%;
  margin-right: 1em;
}

.header-nav li,
.header-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* row 2 */
@media(min-width:1000px){
  .header-nav .row-2 .depth-1 {
    color: inherit;
    list-style: none;
    display: inline-block;
    margin-left:0.5em;
  }

  .header-nav .menu-list {
    float: right;
    margin-bottom: 0.5em;
  }

  .header-nav .row-2 .depth-1 .root-button{
    text-align: center;
    padding: 0.3em 1em;
    border: solid 1px transparent;
  }

  .header-nav .row-2 .depth-1.menu-item-has-children .root-button:after {
    content: "\f0d7";
    position: relative;
    font-family: fontAwesome;
    margin-left: 4px;
}

  .header-nav .row-2 .depth-2:hover > a,
  .header-nav .row-2 .depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover > a{
    color:var(--primary);
  }

  .header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:after,
  .header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:before{
    content: "";
    left: 2em;
    bottom: -1.15em;
    background-color: #fff;
    border: 1px solid var(--border);
    display: inline-block;
    position: absolute;
    border-radius: .1875rem 0 0;
    transform: rotate(45deg);
    width: 1em;
    height: 1em;
    transition: .4s ease-in-out;
  }

  .header-nav .row-2 .menu-item-has-children.depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover:after {
    border-color: transparent;
    bottom: -1.2em;
  }

  .header-nav .row-2 .depth-1:not(:nth-last-child(1)):not(:nth-last-child(2)):hover .li-spacer {
    position: absolute;
    width: 100%;
    height: 1em;
  }

  .header-nav .row-2 .depth-1:not(:hover) > ul{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    z-index: 10;
    left: 0;
  }

  .header-nav .row-2 .depth-1 > ul {
    position: absolute;
    background-color: var(--white);
    min-width: 250px;
    transition: .4s ease-in-out;
    border-radius: .3em;
    border: solid 1px var(--border);
    padding: 0.5em;
    box-shadow:var(--shadow);
    top: 2.8em;
  }

  /* row 2 */
  .header-nav .row-2 .depth-1 li:not(:last-of-type) {
    border-bottom: solid 1px rgb(228 228 228);
  }

  .header-nav .row-2 .depth-2 {
    color: #E5E5E5;
  }

  .header-nav .row-2 .depth-2 a{
    padding: 0.3em 0;
  }

  .header-nav .row-2 .mobile-more,
  .header-nav .row-2 .mobile-toggles{
    display:none;
  }

  .header-nav .row-2 .depth-1:nth-last-child(2) > a,
  .header-nav .row-2 .depth-1:nth-last-child(1) > a{
    color: #fff;
    border-radius:0.3em;
  }

  .header-nav .row-2 .depth-1:nth-last-child(2) > a:hover,
  .header-nav .row-2 .depth-1:nth-last-child(1) > a {
    background-color:var(--darkBlue);
  }

  .header-nav .row-2 .depth-1:nth-last-child(1) > a:hover,
  .header-nav .row-2 .depth-1:nth-last-child(2) > a {
    background-color:var(--primary);
  }

}

@media(min-width:999px) and (max-width:1100px){
  .header-nav {
    font-size: 0.9em;
  }
}


@media(max-width:999px){  
  .header-nav .menu-list > li:not(.is-selected) > ul,
  body.is-mobile-menu .header-nav .menu-bar,
  body:not(.is-mobile-menu) .header-nav .nav-close,
  body:not(.is-mobile-menu) .header-menu {
    display: none;
  }

  .header-nav .header-logo {
    max-width: 11em;
  }

  .mobile-toggles {
    font-size: 1.5em;
    color:var(--primary);
  }

  .is-mobile-menu > header.header {
    overflow-y: auto;
    height: 100%;
    /* background-color: #fff; */
  }

  .is-mobile-menu .header-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 6em;
    border-top: solid 1px var(--border);
  }

  .header-nav .menu-list li {
    border-bottom: solid 1px var(--border);
  }

  .header-nav .menu-list > li{
    background-color:var(--white);
  } 

  .header-nav .menu-list a,
  .header-nav .menu-list .root-button{
      padding: 1em;
  }


  /* depth 2 */
  .header-nav .menu-list .menu-item-has-children .root-button{
    max-width: 90% !important;
  }

  .header-nav .row-2 .mobile-more{
    position: absolute;
    display: inline-block !important;
    width: 10% !important;
    height: 4em;
    top: 0;
    right: 0;
    text-align: center;
  }

  .header-nav .row-2 .mobile-more svg{
    position: relative;
    top: 1.1em;
  }

  .header-nav .depth-1.is-selected .mobile-more{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .header-nav .menu-list .depth-2{
    background-color: var(--darkBlue)
  }

  .header-nav .menu-list .depth-2 a{
    color:var(--white);
  }
}

@media(max-width:768px){
  .header-nav a{
    font-size: 1em;
  }
}

@media(max-width:480px){
  .header-nav .courtesy-bar li.login{
    display: none;
  }

  .header-nav .courtesy-bar > ul{
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  }

  .header-nav .courtesy-bar li{
    margin: 0;
  }

  .header-nav .menu-list .menu-item-has-children > a{
    max-width: 85% !important;
  }

  .header-nav .row-2 .mobile-more{
    width: 15% !important;
  }
}