+#navbarSupportedContent {
+ width: 100%; }
+ @media (max-width: 991px) {
+ #navbarSupportedContent {
+ background: white;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 256px;
+ height: 100vh;
+ padding-top: 64px;
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px);
+ transition: all 0.25s ease-in-out; }
+ #navbarSupportedContent.open {
+ -webkit-transform: translateX(0);
+ transform: translateX(0);
+ transition: all .25s ease-in-out;
+ box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
+
+@media (min-width: 992px) {
+ .navbar-nav {
+ padding-top: 2px; } }
+
+.navbar-nav .nav-link {
+ color: #263238;
+ padding: 16px !important;
+ display: block;
+ position: relative; }
+ @media (min-width: 992px) {
+ .navbar-nav .nav-link {
+ margin-right: 16px;
+ display: block;
+ position: relative; }
+ .navbar-nav .nav-link:after {
+ content: "";
+ border-bottom: 2px solid #b71c1c;
+ position: absolute;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ width: 100%;
+ left: 0;
+ top: 44px;
+ padding: inherit;
+ transition: color .3s ease-out, -webkit-transform .3s ease-out;
+ transition: transform .3s ease-out, color .3s ease-out;
+ transition: transform .3s ease-out, color .3s ease-out, -webkit-transform .3s ease-out; } }
+
+@media (max-width: 1199px) {
+ .navbar-nav .nav-link:active {
+ color: #b71c1c; } }
+
+@media (max-width: 1199px) {
+ .navbar-nav .nav-link:active:before {
+ content: "";
+ border-left: 2px solid #b71c1c;
+ position: absolute;
+ left: 0;
+ height: 36px;
+ -webkit-transform: translateY(-4px);
+ transform: translateY(-4px); } }
+
+@media (min-width: 992px) {
+ .navbar-nav .nav-link:hover {
+ color: #b71c1c; } }
+
+@media (min-width: 992px) {
+ .navbar-nav .nav-link:hover:after {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1); } }