﻿@font-face {
  font-family: "Avenir Next Medium";
  src: url("../../Fonts/AvenirNext-Medium.woff2") format("woff2"), url("../../Fonts/AvenirNext-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#userViewModel {
  opacity: 0;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
nav.utility-nav ul {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0 0 2rem;
  margin-bottom: 0;
}
nav.utility-nav ul li {
  font-family: "Avenir Next Medium";
  list-style-type: none;
}
nav.utility-nav ul li:first-child {
  display: none;
}
nav.utility-nav ul li:hover i.fas,
nav.utility-nav ul li:hover a {
  color: #fd8204;
  text-decoration: none;
}
nav.utility-nav ul li i.fa-stack {
  line-height: 1.5em;
  height: 1.5em;
  width: 1.5em;
}
nav.utility-nav ul li i.fa-stack .fas {
  padding-right: 0;
}
nav.utility-nav ul li i.fas {
  color: #008fc8;
  padding-right: 0.5rem;
}
nav.utility-nav ul li i.fas.fa-map-marker {
  font-size: 1.5rem;
}
nav.utility-nav ul li i.fas.fa-tooth {
  font-size: 0.8rem;
}
nav.utility-nav ul li i.fas.fa-inverse {
  color: #fff;
}
nav.utility-nav ul li a {
  color: #535455;
  font-size: 1rem;
}
nav.utility-nav ul li a:hover,
nav.utility-nav ul li a:focus {
  text-decoration: none;
}
nav.utility-nav ul li .full-name {
  font-style: italic;
  padding-right: 0.5rem;
}
nav.utility-nav ul li .full-name:hover {
  color: #646569;
}
@media all and (max-width: 950px) {
  nav.utility-nav {
    background-color: #e0f3fb;
    padding: 5px 10px;
    margin-top: 20px;
  }
  nav.utility-nav ul {
    margin: 0;
    align-items: center;
    padding: 0;
  }
  nav.utility-nav ul li {
    padding-right: 0.5rem;
    list-style-type: none;
  }
  nav.utility-nav ul li:first-child {
    display: list-item;
  }
  nav.utility-nav ul li a#mobile-menu[aria-expanded="true"] i.fas {
    transition: opacity 0.5s ease;
  }
  nav.utility-nav ul li a#mobile-menu[aria-expanded="true"] i.fa-bars {
    width: 0;
    opacity: 0;
  }
  nav.utility-nav ul li a#mobile-menu[aria-expanded="true"] i.fa-times {
    width: auto;
    opacity: 1;
  }
  nav.utility-nav ul li a#mobile-menu[aria-expanded="false"] i.fa-bars {
    width: auto;
    opacity: 1;
  }
  nav.utility-nav ul li a#mobile-menu[aria-expanded="false"] i.fa-times {
    width: 0;
    opacity: 0;
  }
  nav.utility-nav ul li a i.fas {
    padding-right: 0;
  }
  nav.utility-nav ul li a span {
    display: none;
  }
}