/* Main Menu */
#menu_wrap { width: 100%; margin: 0; background-color: #333; }
.path-frontpage #menu_wrap { margin: 0 0 40px; }
#menu_wrap .block { padding: 0; }
.view-nav { margin: 0 auto; }
.view-nav .views-row, .breadcrumb { padding: 10px 40px; }
.view-nav .nav_item, .view-nav .nav_item:hover, .breadcrumb a, .breadcrumb a:hover { text-decoration: none; }
.view-nav a *, .breadcrumb a { color: #fff; }
.breadcrumb a { font-weight: bold; }
.breadcrumb a:before {
   font-family: "Font Awesome 5 Free";
   content: "\f015";
   display: inline-block;
   font-weight: 900;
}
.nav_item i, .nav_item h3 { vertical-align: baseline; display: inline-block; }
.nav_item i, .breadcrumb a:before { font-size: 18px; margin-right: 10px; }
.nav_item h3, .breadcrumb a { font-size: 16px; margin: 0; }

@media screen and ( min-width: 680px ) {
  #menu_wrap {
    background-image: linear-gradient(to top, #fff 0%, #fff 4px, #333 4px, #333 100%);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99; }
  .view-nav { display: table; }
  .view-nav .views-row { display: table-cell; padding: 10px 20px; }
  .breadcrumb { margin: 0 auto; width: 200px; }
  .nav_item i, .breadcrumb a:before { font-size: 28px; margin-right: 0; }
  .nav_item i, .nav_item h3, .breadcrumb a:before, .breadcrumb a { vertical-align: baseline; display: block; text-align: center; }
  .nav_item i, .breadcrumb a:before { margin-bottom: 4px; }
}

/* Background Colors */
.view-nav .views-row:nth-child(1) { border-bottom: 4px solid #ccc; }
.view-nav .views-row:nth-child(2) { border-bottom: 4px solid #6f6; }
.view-nav .views-row:nth-child(3) { border-bottom: 4px solid #fff; }
.view-nav .views-row:nth-child(4) { border-bottom: 4px solid #f55; }
.view-nav .views-row:nth-child(5) { border-bottom: 4px solid #a0ccef; }
.breadcrumb { border-bottom: 4px solid #fbfc95; }

.view-nav .views-row:nth-child(1):hover { background: #888; }
.view-nav .views-row:nth-child(2):hover { background: #090; }
.view-nav .views-row:nth-child(3):hover { background: #000; }
.view-nav .views-row:nth-child(4):hover { background: #900; }
.view-nav .views-row:nth-child(5):hover { background: #2f879d; }
.breadcrumb:hover { background: #0198c9; }