/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
.flyout{background:#f2f2f2;padding:20px;margin:0;border:1pxsolid#d9d9d9;position:absolute;top:39px;left:-1px;width:250px;z-index:40;-webkit-box-shadow:01px5pxrgba(0,0,0,0.1);-moz-box-shadow:01px5pxrgba(0,0,0,0.1);box-shadow:01px5pxrgba(0,0,0,0.1);/* remove margin on any first-child element *//* remove margin on last element */}
/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
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 */
/* 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;}
/* <nav> */
.top-bar{background:#222222;min-height:45px;line-height:45px;margin:0030px0;padding:0;width:100%;position:relative;/* Contain width to .row width *//* First <ul> for branding, title, name, etc *//* topbar global <ul> styles */}
.top-barul{margin-left:0;display:inline;height:45px;line-height:45px;list-style:none;/* Main Navigation links style *//* Left Side <ul> *//* Right Side <ul> */}
.top-barul>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 */}
/* Topbar Specific Breakpoint that you can customize */
@mediaonlyscreenand(max-width:940px){.top-bar{margin-bottom:0;overflow:hidden;height:45px;background:#222222;/* Override contain to grid stuff for breakpoint *//* Setting up the sliding area *//* When the Small Nav is Showing */}