.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
 	 -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

a:hover {
  cursor: pointer;
}

.main-nav {
	height: 144px;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color:#0B577F;
  font-family: balboa-plus-fill;
}

.nav-image {
  height: 144px;
  position: absolute;
  top: 0;
  left: 0;
}

.nav-body {
  width: calc(100% - 167px);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.upper-nav {
  height: 106px;
  width: 100%;
	font-size:22px;
	color: #fff;
}

.upper-nav > ul {
  z-index: 60;
  margin: 0;
  padding: 0;
  height: 106px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

.upper-nav > ul > li {
  position: relative;
  padding: 20px;
  line-height: 75px;
  list-style: none;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.upper-nav > ul > li:hover {
  cursor: pointer;
}

.pointer-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 74%;
  left: 50%;
  margin-top: 0;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.upper-nav > ul > li:hover > .nav-dropdown {
  opacity: 1;
  visibility: visible;
}

.upper-nav > ul > li:hover > .pointer-arrow {
  opacity: 1;
  visibility: visible;
  margin-top: 2px;
}

.nav-search-box form div input{
  border-radius: 17px;
  height: 33px;
  width: 170px;
  padding: 0 20px;
  font-family: sans-serif;
  color: #fff;
}

.lower-nav {
  height: 38px;
  width: 100%;
  color: #312c29;
  font-size: 18px;
  background-color: #d9ddd7;
  overflow: hidden;
}

.lower-nav > ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
}

.border-right-red {
  width: 2px;
  margin: 12px 0 15px 0;
  padding: 0 !important;
  background-color: #d67171;
}

.lower-nav > ul > li {
  list-style: none;
  box-sizing: border-box;
  padding: 6px 16px;
  text-align: center;
}

.lower-nav > ul > li > a > .fa{
  margin-top: 1px;
  padding: 0 2px;
  font-size: 24px;
}

.lower-nav > ul > li > a{
  color: #312c29;
}

.area-guide-callout {
  background-color: #00a0df;
  color: #fff;
  padding: 6px 35px !important;
}

.area-guide-icon {
  height: 22px;
  margin-top: 1px;
  padding-right: 8px;
}

.nav a, .area-guide-callout > a {
	color:#fff !important;
}

.screen-reader-text, #searchsubmit {
	display:none;
}
input#s {
	margin-top:19px;
	border:none;
	border-radius:50px;
	/* background-color:; */
	background:rgba(0,0,0,.15) url('../images/nav/search-icon.png') 95% 6px no-repeat;
}

.goog-te-gadget-simple {
  background-color: #d9ddd7 !important;
  font-family: balboa-plus-fill !important;
  font-size: 17px !important;
  border: none !important;
}

.nav-dropdown {
  padding: 8px;
  position: fixed;
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  visibility: hidden;
  opacity: 0;
  top: 106px;
  left: 167px;
  width: calc(100vw - 344px);
  height: 200px;
  margin: 0;
  z-index: 50;
  font-size: 18px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: rgba(49,44,41,0.95);
  -webkit-box-shadow: 0 0 30px 0 #333;
  box-shadow: 0 0 30px 0 #333;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.nav-dropdown > li {
  text-align: left;
  list-style: none;
  /* padding: 7px 10px 5px 10px; */
  line-height: 24px;
  flex: 0 1 20%;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.nav-dropdown > li > a {
  display: block;
  box-sizing: border-box;
  padding: 6px 10px;
  width: 100%;
  height: 100%;
  color: #fff;
}

.nav-dropdown > li:hover {
  background-color: #00a0df;
}

.print-page-icon {
  display: none;
}


@media all and (max-width:1380px) {
  .upper-nav {
    font-size: 18px;
  }
  .nav-dropdown {
    width: calc(100vw - 167px);
  }
}

@media all and (max-width: 1150px){
  .nav-search-box {
    display: none !important;
  }
  .lower-nav > ul > li {
    padding: 6px 9px;
  }
  .area-guide-callout {
    background-color: #00a0df;
    color: #fff;
    padding: 6px 13px !important;
  }
  .print-page-icon {
    display: block;
  }
  .print-page-message {
    display: none !important;
  }
}

@media all and (max-width: 930px){
  .mobile-nav {
    display: block;
  }
  .main-nav {
    display: none;
  }
}

@media all and (min-width: 931px){
  .mobile-nav {
    display: none;
  }
}

/*
	=================
	MOBILE NAV
	=================
*/
.mobile-nav {
  background-color: #0B577F;
  height: 100px;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

.moab-mobile-menu {
	background-color:#0B577F;
	min-width:100%;
}

.mobile-nav-image {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
}

.open-mobile-button {
  font-size: 46px;
  color: #fff;
  position: absolute;
  top: 24px;
  right: 26px;
}

/* The Overlay (background) */
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  right: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(49,44,41,0.95);
  overflow-x: hidden;
  transition: 0.3s;
}

.overlay-content {
  position: relative;
  top: 100px; 
  width: 100%; 
  text-align: center;
}

.overlay-content a:hover, .overlay-content li:hover{
  color: #fff;
}

.closebtn {
  color: #fff;
}

/* The navigation links inside the overlay */
.mobile-nav-main {
  font-family: balboa-plus-fill;
  padding: 7px 0 3px 0;
  text-decoration: none;
  font-size: 31px;
  color: #fff;
  display: block;
  transition: 0.25s ease-out;
}

/* When you mouse over the navigation links, change their color */
.mobile-nav-main:focus {
  background-color: #1779ba;
  color: #fff;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 28px;
  font-size: 70px;
}

.mobile-submenu {
  font-family: balboa-plus-fill;
  padding: 0;
  margin: 0 0 7px 0;
  text-transform: uppercase;
  list-style: none;
  display: none;
  transition: 0.25s;
}

.mobile-submenu li {
  padding: 3px 0;
}

.mobile-submenu li a {
  color: #ccc;
}

.blue-mobile-selection {
  color: #1779ba !important;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media all and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
      font-size: 40px;
      top: 15px;
      right: 35px;
  }
}