@charset "UTF-8";

/* ------------------------------------------
  NAVIGATION STYLES
  (+ responsive-nav.css file is loaded in the <head>)
--------------------------------------------- */

/*
.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .nav-collapse li {
    width: 25%;
    *width: 24.9%; /* IE7 Hack */
	
	/*
	
    _width: 19%; /* IE6 Hack */
	
	
	/*
	
	
  }
}


/*

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #f4421a;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

@media screen and (min-width: 40em) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

*/

/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}


.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  height: 24px;
  padding:6px 0;
  color:rgba(255,255,255,0.75);
  }

.utility {
	position: absolute;
	top: 0px;
	background:#3b579d;
}


.utility li {
	height: 36px;
	text-align:center;
  
}

.utility li a {
	display:inline-block;
	width: 100%;
	height: 36px;
	text-indent: -999px;
	overflow: hidden;
}

.utility li.facebook a {
	background:url(../library/images/FB-f-Logo__white_48-reverse.png) center center no-repeat;
	background-size:25px;
}

.utility li.phone a {
	background:url(../library/images/phone-icon-reverse.png) center center no-repeat;
	background-size:25px;
}

.utility li.address a {
	background:url(../library/images/map-icon-reverse.png) center center no-repeat;
	background-size:25px;
}


.nav-toggle:before {
	color:rgba(255,255,255,0.75); /* Edit this to change the icon color */
	font-family: "responsivenav", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 24px;
	text-transform: none;
	position: absolute;
	content: "≡";
	text-indent: 0;
	text-align: center;
	line-height: 36px;
	speak: none;
	width: 100%;
	top: 0;
	left: 0;
}

.nav-toggle.active::before {
	color:rgba(255,255,255,0.75);
	font-size: 24px;
	content:"x";
}


.nav li ul:hover > ul.sub-menu{
	display: block;
	visibility: visible;
}
  

@media only screen and (min-width: 481px) {
	
	
      ul.sub-menu,
      ul.children {
		display: block;
	  }
	
	.nav-toggle {
		position: relative;
		overflow: hidden;
		width: 48px;
		height: 48px;
		float: right;
	}
	
	.nav-toggle:before {
	  line-height: 48px;
	}
	
	.nav-toggle.active::before {
	  line-height: 48px;
	}
	
	.utility {
		background: transparent;
		position: absolute;
		right: 0px;
		top: 30px;
	}
	
	.utility li {
		background-color:#3b579d;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		width: 48px;
		height: 48px;
		float: right;
		margin-left:17px;
  
	}
	
	.utility li a {
		width: 48px;
		height: 48px;
	}
	
	.utility.m-all {
		width:50%;
		
	}

}

/* special media call for facebook logo so that it doesn't overlap the logo */
@media screen and  (min-width:481px) and (max-width:560px) {
	
	.utility li.facebook {
		display:none;
	}	
	
}

@media screen and (min-width:768px) {


	.utility li {
		background-color: transparent;
		width: auto;
		height: 24px;
		margin-top:12px;
		margin-right:0px;
		margin-left:0px;
	  
	}

	.utility li a {
		text-indent: 0px;
		padding-left:36px;
	}

	.utility li a {
		width: auto;
		height: 24px;
		text-decoration:none;
	}
	
	.utility li.address a,
	.utility li.phone a,
	.utility li.facebook a {
	}

	
	.utility li.facebook a {
		background:url(../library/images/FB-f-Logo__blue_48.png) 0 0 no-repeat;
		background-size:25px;
	}
	
	.utility li.phone a {
		background:url(../library/images/phone-icon-blue.png) 0 0 no-repeat;
		background-size:25px;

	}
	
	.utility li.address a {
		background:url(../library/images/map-icon-blue.png) 0 0 no-repeat;
		background-size:25px;
	}


}