#header1 .inner {line-height:0px;} /* this fixes the 6 extra pixels at the bottom of the div issue. */ 
#nav_menu-2 {display:flex; align-items: center; justify-content: flex-end; margin-top: 12px; }

.nav .nav-list a {
  text-decoration: none;
  font-family: "Oswald";
  font-size: 18px; 
}

.nav ul, .nav ol {list-style: none; padding: 0;}
.nav {position: relative; display: inline-block; z-index: 1000;}
.nav-list {margin: 0;}
.nav-item.top-level { float: left; *display: inline;  zoom: 1;}
.nav-item a {display: block; white-space: nowrap; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.has-children {position: relative;}
.has-children.no-touch:hover > .sub-menu { display: block; min-width: 200px;}
.sub-menu {display: none; position: absolute;}
.sub-menu .sub-menu {left: 100%; top: 0;}

/* Color Tweaks */
.nav .nav-list li > a {color: #7e7e7e; background: transparent; font-size:18px; font-weight:normal; /*text-transform: uppercase;*/ padding: 20px 10px 20px; line-height:1em;} /* top level */
.nav .nav-list li > a:hover {color: #ed1b26; background: transparent;} /* top level - Hover */
.nav .nav-list li.active-trail > a {color: #ed1b26; background: transparent;} /* top level - Active Trail */

.nav .nav-list ul.sub-menu li.nav-item a {color: #ffffff; background: #3a62a3; font-size: 18px; font-weight:normal; text-transform: capitalize; padding: 10px 10px 10px; line-height:1em;} /* Sub Menu */
.nav .nav-list ul.sub-menu li.nav-item a:hover {color: #ffffff; background: #6e95d3;} /* Sub Menu - Hover */
.nav .nav-list ul.sub-menu li.nav-item.active-trail a {color: #ffffff; background: #6e95d3;} /* Sub Menu - Active Trail */ 



/* Mobile Navigation */

.nav-mobile {
  display: none; /* Hide from browsers that don't support media queries */
  cursor: pointer;
  position: absolute;
  top: -56px; /* Also adjust Line 69 for any height change */ 
  right: 0;
  height: 56px;
  width: 56px;
  font-size: 25px; /* adjust based on what icon is used.  25px - 45px usually works. */
  margin-right:0;

}
.nav-mobile .menuicon {width: 100%; height:100%; display:flex; justify-content:center; align-items: center; font-family: "BlueFireMedia";}
.nav-mobile .menuicon:before {content: "\e911"; color: #e03d3e;} /* valid icons:  e90e (horizontal dots), e90f (vert Dots), e910 (small 3bar round), e911 (large 3bar round), e912 (small 3 bar square), e913 (large 3bar square)*/


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 1024px) {

  /* Color Tweaks for Moble Nav Drop Down */
  .nav .nav-list li > a {color: #ffffff; background: #3a62a3; font-size:1em; text-transform: capitalize; padding: 9px 10px 9px;} /* top level */
  .nav .nav-list li > a:hover {color: #ffffff; background: #6e95d3;} /* top level - Hover */
  .nav .nav-list li.active-trail > a {color: #ffffff; background: #6e95d3;} /* top level - Active Trail */

  .nav .nav-list ul.sub-menu {display: block;} /* in mobile display sub menu's by default */
  .nav .nav-list ul.sub-menu li.nav-item a {color: #ffffff; background: #3a62a3; font-size: 1em; padding: 9px 10px 9px 30px;} /* Sub Menu */
  .nav .nav-list ul.sub-menu li.nav-item a:hover {color: #ffffff; background: #6e95d3;} /* Sub Menu - Hover */
  .nav .nav-list ul.sub-menu li.nav-item.active-trail a {color: #ffffff; background: #6e95d3;} /* Sub Menu - Active Trail */ 

  .nav-mobile {display: block;} /* 3 bar menu block */

  .nav {
    width: 100%;
    margin-top:56px;
  }

  #cms-mb-1.nav-list {position: absolute; top:0; right:0; width:50%; background-color: #231f20; display: none;}
  #cms-mb-1.nav-list.nav-active {display: block;}
  
  .nav-item {width: 100%; float: none;}

  .sub-menu {position: relative;}
  .sub-menu .sub-menu {left: unset;top: unset;}
}

@media only screen and (max-width: 640px) {
  #cms-mb-1.nav-list {width:100%;}
}