.menu-primary {
       background-color: #3f78a7;
                        /*used to be #0a4c78*/
       clear: both;
       color: #fff;
       line-height: 1.5;
       margin: 0;
       overflow: hidden;
       padding: 0;
       *padding: 7px 0 6px;
       /* IE7 and below */
       width: 100%;
       text-transform: uppercase;
     }
     
     .menu-primary .menu-item {
       display: inline-block;
       *display: inline;
       /* IE7 and below */
       margin: 0;
       padding: 0;
       text-align: left;
       font-size: 14px;
     }
     
     .menu-primary a {
       color: #fff;
       display: block;
       padding: 6px 10px;
       position: relative;
       font-weight: lighter;
       font-family: Verdana;
       text-decoration: none;
     }
     
     .menu-primary > li:hover,
     .menu-primary a:hover {
       background-color: #8AB6D4;
                         /*used to be #333*/
       color: #fff;
       text-decoration: none;
       font-family: Verdana;
     }
     
     .menu-primary .current-menu-item > a {
       background-color: #8AB6D4;
                         /*used to be #333*/
       color: #fff;
       padding: .5em 1.250em .425em;
     }
     
     .menu-primary .sub-menu {
       background: none repeat scroll 0 0 #ffffff;
       box-shadow: 0 0 5px #666;
       left: -9999px;
       margin: 0;
       opacity: 0;
       padding: 0;
       position: absolute;
       -webkit-transition: opacity .4s ease-in-out;
       -moz-transition: opacity .4s ease-in-out;
       -ms-transition: opacity .4s ease-in-out;
       -o-transition: opacity .4s ease-in-out;
       transition: opacity .4s ease-in-out;
       z-index: 999;
       text-transform: none;
     }
     
     .menu-primary .sub-menu a {
       background-color: #fff;
       border: 1px solid #f5f5f5;
       border-top: none;
       color: #333;
       display: block;
       font-size: 88%;
       font-weight: normal;
       padding: .625em 0.75em;
       position: relative;
       width: auto;
       letter-spacing: .5px;
       font-family: Verdana;
     }
     
     .menu-primary .sub-menu a:hover {
       border-left: 4px solid #e4cd6c;
       background-color: rgba(228, 205, 108, 0.15);
       color: #222;
     }
     
     .menu-primary .sub-menu .sub-menu {
       margin: -40px 0 0 147px;
     }
     
     .menu-primary .sub-menu .menu-item {
       display: block;
       min-width: 15em;
     }
     
     .menu-primary .menu-item:hover {
       position: static;
     }
     
     .menu-primary .menu-item:hover > .sub-menu {
       left: auto;
       *margin: 0 0 0 -10px;
       /* IE7 and below */
       opacity: 1;
     }
     
     .menu-primary > .first > a {
       padding-left: 0;
     }
     
     .menu-primary > .last > a {
       padding-right: 0;
     }
     
     .menu-primary > .right {
       display: inline-block;
       float: right;
       list-style-type: none;
       padding: 16px 20px;
     }
     
     .menu-primary > .right > a {
       display: inline;
       padding: 0;
     }
     
     .menu-primary > .rss > a {
       background: url(images/icon-rss.png) no-repeat left;
       background-size: 12px 12px;
       margin-left: 12px;
       padding-left: 16px;
     }
     
     .menu-primary > .twitter > a {
       background: url(images/icon-twitter-nav.png) no-repeat left;
       background-size: 16px 16px;
       padding-left: 20px;
     }
     
     .menu-primary > .search {
       padding: 0;
     }
     
     .menu-primary .search-form {
       width: 100%;
     }
     /* Secondary Navigation
--------------------------------------------- */
     
     .nav-secondary .menu-primary li:hover,
     .nav-secondary .menu-primary a:hover,
     .nav-secondary .menu-primary li.current-menu-item a:hover {
       background-color: transparent;
       color: #666;
     }
     
     .nav-secondary .menu-primary .current-menu-item > a {
       background-color: transparent;
       color: #64c9ea;
     }
     /* Responsive Menu
--------------------------------------------- */
     
     .responsive-menu-icon {
       background-color: #3f78a7;
       cursor: pointer;
       display: none;
     }
     
     .responsive-menu-icon::before {
       content: "Menu";
       display: block;
       font: normal 20px/1 'Open Sans';
       margin: 0 auto;
       padding: 10px;
       text-align: center;
       color: white;
     }
     /* Sticky Navigation
--------------------------------------------- */
     
     ul.sticky-nav {
       padding: 1em 0;
       background: rgba(245, 245, 245, 1);
       margin: -3px 0 0;
     }
     
     ul.sticky-nav li {
       display: inline;
       list-style: none;
       margin: 0 10px !important;
     }
     
     ul.sticky-nav li a:hover {
       text-decoration: none;
       background: #0a4c78;
       padding: 15px 10px;
       color: #fff;
     }
     /*
/* Hide the list item that contains the link that should open and close the topnav on small screens */
     
     ul.menu-primary li.icon {
       display: none;
     }
     /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon)
@media screen and (max-width:680px) {
  ul.menu-primary li.menu-item {display: none;}
  ul.menu-primary li.icon {
    text-align: center;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens 
@media screen and (max-width:680px) {
  ul.menu-primary.responsive {position: relative;}
  ul.menu-primary.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.menu-primary.responsive li {
    float: none;
    display: inline;
  }
  ul.menu-primary.responsive li a {
    display: block;
    text-align: left;
  }
}*/
     
     @media only screen and (max-width: 600px) {
       .menu-primary.responsive-menu > .menu-item > .sub-menu,
       .menu-primary.responsive-menu {
         display: none;
       }
       .menu-primary.responsive-menu > li {
         background-color: #8AB6D4;
       }
       .menu-primary.responsive-menu .menu-item,
       .responsive-menu-icon {
         display: block;
       }
       .menu-primary.responsive-menu .menu-item:hover {
         position: static;
       }
       .menu-primary.responsive-menu li a,
       .menu-primary.responsive-menu li a:hover {
         border: none;
         display: block;
         line-height: 1;
         padding: 16px;
         text-transform: none;
       }
       .menu-primary.responsive-menu .menu-item-has-children {
         cursor: pointer;
       }
       .menu-primary.responsive-menu .menu-item-has-children > a {
         margin-right: 60px;
       }
       .menu-primary.responsive-menu > .menu-item-has-children:before {
         content: "+";
         float: right;
         font-size: 20px;
         height: 20px;
         padding: 4px 20px;
         right: 0;
         text-align: right;
         z-index: 9999;
       }
       .menu-primary.responsive-menu .menu-open.menu-item-has-children:before {
         content: "-";
       }
       .menu-primary.responsive-menu .sub-menu {
         background-color: #f7f7f7;
         border: none;
         left: auto;
         opacity: 1;
         padding-left: 20px;
         position: relative;
         width: 100%;
         z-index: 99;
       }
       .menu-primary.responsive-menu .sub-menu .sub-menu {
         margin: 0;
       }
       .menu-primary.responsive-menu .sub-menu li a,
       .menu-primary.responsive-menu .sub-menu li a:hover {
         padding: 12px 16px;
         position: relative;
         text-transform: none;
         width: 100%;
       }
       .menu-primary.responsive-menu .current-menu-item > a,
       .menu-primary.responsive-menu .sub-menu a {
         background: none;
         color: #666;
       }
       .menu-primary.responsive-menu .sub-menu a:hover,
       .menu-primary.responsive-menu a:hover,
       .menu-primary.responsive-menu li:hover {
         background: none;
         /*color: #111;*/
       }
       .menu-primary.responsive-menu .sub-menu li:hover {
         border-left: 4px solid #e4cd6c;
         background-color: rgba(228, 205, 108, 0.15);
}

       /*
/* Hide the list item that contains the link that should open and close the topnav on small screens */
       ul.menu-primary li.icon {
         display: none;
       }
       /* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
       @media screen and (max-width:680px) {
         ul.menu-primary li:not(: first-child) {
           display: none;
         }
         ul.menu-primary li.icon {
           float: right;
           display: inline-block;
         }
       }
       /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
       @media screen and (max-width:680px) {
         ul.menu-primary.responsive {
           position: relative;
         }
         ul.menu-primary.responsive li.icon {
           position: absolute;
           right: 0;
           top: 0;
         }
         ul.menu-primary.responsive li {
           float: none;
           display: inline;
         }
         ul.menu-primary.responsive li a {
           display: block;
           text-align: left;
         }
       }