/* Foundation Top Bar
 Requires: -jquery.foundation.topbar.js
 Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint { width: 960px !important; visibility: hidden; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid { width: 100%; background: #222222; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }

/* Add .sticky class for using top bar as a sticky navigation when scrolling passed it. Add the class .sticky to a top bar using .contain-to-grid but leave off .fixed, javascript will take care of that */
.sticky { float: left; overflow: hidden; }
.sticky.fixed { float: none; }

/* Masthead */

.masthead { position: relative;  background: #edf5fb url('../images/bg-top-bar.png') bottom left repeat-x; border-top: 5px solid #0071BB;  -webkit-box-shadow: rgba(0, 0, 0, 0.068) 0px 5px 10px; -moz-box-shadow: rgba(0, 0, 0, 0.068) 0px 5px 5px; box-shadow: rgba(0, 0, 0, 0.098) 0px 5px 10px; border-bottom: none; }
.masthead .logo.svg {margin-right: 20px; max-width: 200px; width: 200px; -webkit-transition: opacity 150ms ease-in-out;-moz-transition: opacity 150ms ease-in-out;-ms-transition: opacity 150ms ease-in-out;-o-transition: opacity 150ms ease-in-out;transition: opacity 150ms ease-in-out;}
.masthead .logo:hover {opacity: .8; cursor: pointer; cursor: hand;}
.masthead .row {overflow: visible;}

.logo.png {
	display: none;
	padding-top: 25px;
}
.lt-ie9 .logo.png {
	display: block;
}
.lt-ie9 .logo.svg {
	display: none;
}

.top-bar .main-nav ul > li:first-child > a:first-child {
	background: url('../images/ico-home.png') 8px 27px no-repeat;
	width: 40px;
}
.top-bar .main-nav ul > li:first-child > a:first-child span { display: none }

/* <nav> */
.top-bar { min-height: 75px; line-height: 75px; margin: 0; padding: 0; width: 100%; position: relative; z-index: 999; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }
.contain-to-grid .top-bar { max-width: 1400px; margin: 0 auto; }
.top-bar > ul .name h1 { line-height: 65px; margin: 0; }
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px;}
.top-bar > ul .name img {vertical-align: middle; }
.top-bar.expanded { height: inherit; }
.top-bar ul { margin-left: 0; display: inline; line-height: 75px; list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }
.top-bar > ul {height: 75px;}
.top-bar ul > li { float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Put login bar in the top bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }
.top-bar ul > li a:not(.button) { color: #222; display: block; font-size: 16px; font-family: "open-sans", "Helvetica", Arial, sans-serif; font-weight: 400; height: 75px; line-height: 75px; padding: 0 15px; }
.top-bar ul > li.name a {padding: 0; padding-right: 20px}
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: #e7f3fc; }
.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #333; }
.top-bar ul > li.divider { background: black; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1); height: 100%; margin-right: 1px; width: 1px; }
.top-bar ul > li.has-button a.button { margin: 0 11.25px; }
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus { background: #222222; }
.top-bar ul > li.has-button:hover a, .top-bar ul > li.has-button:focus a { color: #fff; }
.top-bar ul > li.search { padding: 0 15px; }
.top-bar ul > li.search form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 200px; }
.top-bar ul > li.search form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; float: left; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; width: 130px; }
.top-bar ul > li.search form input[type=text] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; }
.top-bar ul > li.search form input[type=search] { font-size: 16px; margin-bottom: 0; }
.top-bar ul > li.search:hover, .top-bar ul > li.search:focus { background: #222222; }
.top-bar ul > li.login { padding: 0 15px; }
.top-bar ul > li.login form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 300px; }
.top-bar ul > li.login form input { float: left; width: auto; font-size: 13px; margin-top: -1px; height: 22.5px; margin-bottom: 0; }
.top-bar ul > li.login form input[type=text] { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] { margin-bottom: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; width: 120px; }
.top-bar ul > li.login form input[type=password] + .button { border-left: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; float: left; font-size: 12px; margin-top: -1px; padding: 5px 12px 4px; width: 60px; }
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus { background: #222222; }
.top-bar ul > li.toggle-topbar { display: none; }
.top-bar ul > li.has-dropdown { position: relative; /* Dropdown Level 2+ */ }
.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; visibility: visible; }
.top-bar ul > li.has-dropdown a:after {display: block; width: 0; height: 0; border: solid 5px; border-color: #0071BB transparent transparent transparent; margin-right: 15px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown { background: #d0e6f7; left: 0; margin: 0; padding: 9px 0 0 0; min-width: 200px; position: absolute; visibility: hidden; z-index: 99; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .3);}
.top-bar ul > li.has-dropdown .dropdown li { background: #d0e6f7; line-height: 1; min-width: 100%; padding-bottom: 5px; }
.top-bar ul > li.has-dropdown .dropdown li a { color: #3974A5; font-weight: normal; height: 100%; line-height: 1; padding: 5px 17px 5px 15px; white-space: nowrap; }
.top-bar ul > li.has-dropdown .dropdown li a:after { border: none; }
.top-bar ul > li.has-dropdown .dropdown li > a:hover, .top-bar ul > li.has-dropdown .dropdown li > a:focus { background: #e7f3fc; color: #222; }
.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px; }
.top-bar ul > li.has-dropdown .dropdown li.active a { background: black; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%;}
.top-bar .js-generated { display: none; }
.top-bar > li.current > a:first-child { color: #9D7646; }

/* Firefox Fixes */
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
  .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a { color: #222222; display: block; font-weight: bold; font-size: 13px; height: 75px; line-height: 75px; padding: 0 15px; }
.lt-ie9 .top-bar ul li a.button { height: auto; line-height: 30px; margin-top: 7px; }
.lt-ie9 .top-bar ul li a img { margin-top: -5px; vertical-align: middle; }

.lt-ie9 .top-bar section > ul > li a:hover, .lt-ie9 .top-bar section > ul > li a:focus { color: #333; }
.lt-ie9 .top-bar section > ul > li:hover, .lt-ie9 .top-bar section > ul > li:focus { background: #d0e6f7; }
.lt-ie9 .top-bar section > ul > li.search:hover, .lt-ie9 .top-bar section > ul > li.search:focus, .lt-ie9 .top-bar section > ul > li.has-button:hover, .lt-ie9 .top-bar section > ul > li.has-button:focus { background: none; }
.lt-ie9 .top-bar section > ul > li.active, .lt-ie9 .top-bar section > ul > li > li:hover { background: #d0e6f7; color: #e7f3fc; }

.lt-ie9 .top-bar ul li.has-dropdown { padding-right: 15px; }
.lt-ie9 .top-bar ul li.has-dropdown > ul, .lt-ie9 .top-bar ul li.has-dropdown > ul > li { background: #d0e6f7; }
.lt-ie9 .top-bar ul li.has-dropdown > ul li { padding-right: 0; }
.lt-ie9 .top-bar ul li.has-dropdown > ul li:hover, .lt-ie9 .top-bar ul li.has-dropdown > ul li:hover > a { background-color: #e7f3fc;}


@media only screen and (min-width: 961px) { 
	.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus {
		background: #d0e6f7;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODRhNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #b2cde1 0%, #d0e6f7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2cde1), color-stop(100%,#d0e6f7));
		background: -webkit-linear-gradient(top,  #b2cde1 0%,#d0e6f7 100%);
		background: -o-linear-gradient(top,  #b2cde1 0%,#d0e6f7 100%);
		background: -ms-linear-gradient(top,  #b2cde1 0%,#d0e6f7 100%);
		background: linear-gradient(to bottom,  #b2cde1 0%,#d0e6f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2cde1', endColorstr='#d0e6f7',GradientType=0 );
	}
	.top-bar ul > li.has-dropdown .dropdown, .top-bar ul > li.has-dropdown .dropdown > li:last-child { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
}

/* Topbar Specific Breakpoint that you can customize */
@media only screen and (max-width: 960px) { 
	.masthead .twelve.columns { padding: 0}
	.top-bar { margin-bottom: 0; overflow: hidden; height: 75px; background-color: none; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */ }
  .top-bar .js-generated { display: block; }
  .contain-to-grid .top-bar { width: auto; }
  .top-bar section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms 0; -moz-transition: left 300ms 0; -o-transition: left 300ms 0; transition: left 300ms 0; }
  .top-bar ul { width: 100%; height: 100%; margin-bottom: 0; display: block; line-height: 30px;}
  .top-bar ul > li { float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */ }
  .top-bar ul > li.name { height: 75px; margin-left: 15px}
  .top-bar ul > li.name h1 a { display: block; line-height: 75px !important; padding-left: 0; height: 75px; }
  .top-bar ul > li.toggle-topbar { cursor: pointer; display: block; height: 75px; position: absolute; right: 10px; top: 0; width: 50%; text-align: right; padding-right: 50px; padding-top: 22px; color: #aaa; }
  .top-bar ul > li.toggle-topbar a { display: block; padding: 0; position: absolute; top: 15%; right: 10px; margin-top: -4px; padding: 0 !important; color: #aaa; line-height: 55px; }
  .top-bar ul > li.toggle-topbar .menu-bars { vertical-align: middle }
  .top-bar ul > li.toggle-topbar:hover { background: inherit; }
  .top-bar ul > li.toggle-topbar:hover a { color: #aaa }
  .top-bar ul > li.divider { border-bottom: solid 1px #3c3c3c; border-top: solid 1px black; clear: both; height: 1px !important; margin: 8px 0 !important; width: 100%; }
  .top-bar ul > li.search { padding: 0 22.5px; }
  .top-bar ul > li.search form { width: 100%; }
  .top-bar ul > li.search form input[type=text] { width: 75%; }
  .top-bar ul > li.search form .button { top: -1px; width: 25%; }
  .top-bar ul > li.has-dropdown a { padding-right: 33.75px; height: auto; line-height: 40px; min-height: 40px; border-top: 1px solid #fff}
  .top-bar ul > li.has-dropdown a:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent #0071BB; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; }
	.top-bar ul > li.has-dropdown a:hover:after { border-color: transparent transparent transparent #0071BB;}
  .top-bar ul > li.has-dropdown:hover > .dropdown { display: block; visibility: hidden; }
  .top-bar ul > li.has-dropdown .dropdown { visibility: hidden; z-index: 0 !important; background: none; padding-top: 0;}
  .top-bar ul > li.has-dropdown.moved { position: static; }
  .top-bar ul > li.has-dropdown.moved > .dropdown { top: 0; visibility: visible; border-top: 1px solid #DDE7F1;}
  .top-bar ul > li.has-dropdown.moved > .dropdown li label { margin-bottom: 6px; padding-top: 6px !important; font-size: 11px; }
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) { padding-bottom: 0; border-bottom: 1px solid #DDE7F1;}
  .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a { padding: 12px 22.5px; font-size: 14px; }
  .top-bar ul > li.has-dropdown.moved > .dropdown li a, .top-bar ul > li.has-dropdown.moved > .dropdown li label { padding: 0 22.5px; color: #222; }
  .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover { background: #e7f3fc; display: block; color: #333; }
  .top-bar ul > li.has-dropdown.moved > .dropdown li.divider { border-bottom: solid 1px rgba(255, 255, 255, 0.1); margin-top: 8px !important; margin-bottom: 8px !important; }
  .top-bar ul > li.has-dropdown.moved .back.title { padding-bottom: 0; }
  .top-bar ul > li.has-dropdown.moved .back.title a:before { position: absolute; top: 50%; left: 17.5px; margin-top: -5px; width: 0; height: 0; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent #222 transparent transparent; }
  .top-bar ul > li.has-dropdown.moved .back.title h5 { margin: 0; padding-left: 20px; position: relative;  border-bottom: 1px solid #dde7f1;}
  .top-bar ul > li.has-dropdown.moved .back.title h5 a { background: transparent; padding-top: 8px; padding-bottom: 8px; font-size: 23px; font-weight: bold;}
	.top-bar ul > li.has-dropdown.moved .back.title h5:hover a { color: #222;}
  .top-bar ul > li.has-dropdown .dropdown li { background: transparent; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 33.75px; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { content: ""; margin-right: 15px; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent transparent #0071BB; position: absolute; top: 50%; margin-top: -4.5px; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover { background: #0074BD; color: #fff;}
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved { position: static; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown { top: 0; visibility: visible; }
  .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover { display: block; }
  .top-bar ul.left, .top-bar ul.right { float: none; width: 100%; border-top: 1px solid #dde7f1;}
	.top-bar ul.right { margin-bottom: 20px; }
  .top-bar ul.left > li, .top-bar ul.right > li { display: block; float: none; margin: 0 !important; border-bottom: 1px solid #DDE7F1; }
  .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown { left: 100% !important; top: 0; right: auto !important; }
  .top-bar section > ul li a:not(.button) { padding-left: 22.5px !important; }
  .top-bar.expanded { height: 100%; }
  .top-bar.expanded ul li.toggle-topbar a {  }
  .top-bar ul li.has-button { padding: 5px 15px; }
  .top-bar ul li .button.small { margin: 0 !important; display: inline-block; width: 100%; }
  .top-bar ul > li.has-button a.button { margin: 0; } 
	.top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a { padding-left: 42.5px !important}
	.top-bar .main-nav ul > li:first-child > a:first-child {
		background: url('../images/ico-home.png') 20px 10px no-repeat;
		width: 100%;
	}
}


/******* Sticky Nav *******/

#jump-nav-wrapper {
	width: auto;
  left: 0;
  position: relative;
  margin-left: 0px;
}

#jump-nav {
	width: 100%;
  position: relative;
  top: 0;
  padding: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#jump-nav.fixed {
  position: fixed;
	-moz-transform: scale(1) rotate(0deg) translateX(0) translateY(-10px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0) translateY(-10px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0) translateY(-10px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0) translateY(-10px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0) translateY(-10px) skewX(0deg) skewY(0deg);
}