﻿/****** User Nav Styles *****/

.header,
.top-bar,
.top-bar ul,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar li a:not(.button),
.top-bar li a:hover:not(.button),
.top-bar-section .has-form,
.contain-to-grid,
.contain-to-grid .departments,
.contain-to-grid .departments ul,
.contain-to-grid .departments li a:not(.button)
{
	background: #ffffff;
 
}
.top-bar-section {
    margin-top:-2px;

}
.nav-search {
    margin-top:22px;
}
.topbar-left {
    right:-20px;
    margin-top:10px;
}
.top-bar-section ul#menu li {
    border-right: 2px solid #002856;

    padding:0px 20px 0px 0px;

}
.top-bar-section li:not(.has-form) a:not(.button) {
    line-height:20px;
    padding-right:0px;
}
.top-bar-section ul#menu li:last-child {
        border-right:none;
        padding-right:0px;
    }
.top-bar-section ul#menu li a {
    color:#002856;
    text-transform:uppercase;
     font-family: 'Oswald', sans-serif;
    font-weight:700;
    font-size:1em;
    letter-spacing:1px;
 
}

.top-bar-section ul#menu li ul.dropdown li a {
    color:#ffffff;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    letter-spacing:1px;

    line-height:45px;
}

.top-bar-section .has-dropdown > a {
    padding-right:0px !important;
}
.header {
    border-top:#002856 10px solid;
}
.top-bar-section ul li > a 
{
	color: #ffffff;
	text-decoration: none;
	font-size: 1em;
}

.top-bar-section ul li > a:hover,
.top-bar-section ul li.active > a:hover,
.top-bar-section ul li.active > a,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li:not(.has-form) a:not(.button):hover
{
    color: #002856;
    background: none;
}

.topbar ul li {
    float:left;
margin-left:22px;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    font-size:0.8em;
    letter-spacing:1px;

}

.topbar ul li:first-child {
list-style:none;
 
}
.topbar ul li a {

    text-decoration:none;
    color:#002856;
    }

.topbar ul li a:hover {
    text-decoration:underline;

    }
.search
{
	display: block;
    text-align: center;
}

.search .fa {
    padding: 0.4em 0.25em 0.55em;
}

/****** End User Nav Styles *****/






/****** Department Nav Styles *****/


.contain-to-grid .departments li ul.dropdown,
.contain-to-grid .departments li ul.dropdown > li,
.contain-to-grid .departments li ul.dropdown > li a

{
       
	background:#002856; 

}
.contain-to-grid .departments li ul.dropdown > li a:hover  
{
	text-decoration:underline;

}
.contain-to-grid .departments li > a 
{
	color: #dddddd;
	font-size: 1em;
}

.contain-to-grid .departments li > a:hover,
.contain-to-grid .departments li:hover > a, 
.contain-to-grid .departments li.active > a, 
.contain-to-grid .departments li.deptactive a
{
	color: #7AC143;	
}

.top-bar-section .has-dropdown > a:after 
{
    border: none;
}

.top-bar li.divider,
.contain-to-grid .departments li.divider, 
.contain-to-grid .departments > [role="separator"] 
{
    clear: none;
    height: auto;
    width: 0;
}

/*.top-bar-section .dropdown
{
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.dropdown li
{
	border-bottom: 1px solid #ffffff;
}*/

.top-bar-section .dropdown li .dropdown 
{
    left: 100%;
    top: -1px;
}

/****** End Department Nav Styles *****/






/***********************************************/ 
/***********************************************/

/*  Styles for Phone and Tablet header & menu  */ 

/***********************************************/
/***********************************************/


.tab-bar .right-off-canvas-toggle span
{
	margin-top: 64px;
}

.tab-bar .right-off-canvas-toggle span
{
	color: #002856;
	text-decoration: none;
	font-size: 1.8em;
    
}

.control-icon
{
	margin-top: 50px;
}

.control-icon a:link,
.control-icon a:visited,
.control-icon a:focus,
.control-icon a:focus span
{
	color: #002856;
	text-decoration: none;
}

.tab-bar .right-off-canvas-toggle:hover span,
.tab-bar .right-off-canvas-toggle:focus span,
.control-icon a:hover,
.control-icon a:active,
.control-icon.active a
{
	color: #cccccc;	
}

.control-icon a span.small-text
{
	display: block;
	font-size: .65em;
	padding-top: .25em;
}

.control-icon a span.fa
{
	margin: 0;
	font-size: 1em;
}

.right-off-canvas-menu hr
{
	 margin: 0;
}

.right-off-canvas-menu li.off-canvas-border-bottom
{
	border-bottom: 1px solid #262626;
}


.right-off-canvas-menu ul li > a a span.fa
{
	display: none;
}


.off-canvas-list .off-canvas-user a:link,
.off-canvas-list .off-canvas-user a:visited,
.off-canvas-list .right-off-canvas-menu ul li > a
{
    background: #333333;
    text-decoration: none;
}

.off-canvas-list .off-canvas-user a:hover,
.off-canvas-list .off-canvas-user a:active,
.off-canvas-list .right-off-canvas-menu ul li > a:hover,
.off-canvas-list .right-off-canvas-menu ul li > a:hover a
{
    background: #002856;
    color: #ffffff;
}

.right-off-canvas-menu ul.off-canvas-list li.active > a:hover,
.right-off-canvas-menu ul.off-canvas-list li.active > a, 
.right-off-canvas-menu ul.off-canvas-list li div.active > a:hover,
.right-off-canvas-menu ul.off-canvas-list li div.active > a  
{
    background: #002856;
    color: #ffffff;
}

ul.off-canvas-list li a 
{
    border-bottom: none;
    color: #c7c7c7;
    display: block;
    padding: 0.66667em;
    text-decoration: none;
}

 .off-canvas-list .has-form a
{
	height: 1.95em;
	color: #ffffff;
	padding: 0;
	border: none;
}

 .off-canvas-list .has-form a:hover
{
	 background: #cccccc; 
}

ul.off-canvas-list li > a:hover,
ul.off-canvas-list li > a:hover a,
ul.off-canvas-list li.slicknav_open a.slicknav_item,
ul.off-canvas-list li.slicknav_open a.slicknav_item a
{
    color: #ffffff;
    background: #002856;
}

ul.off-canvas-list li.slicknav_open ul.dropdown
{
	background: #242424;
}

ul.off-canvas-list li ul.dropdown a
{
	margin-left: 1em;
}

ul.off-canvas-list li.has-dropdown ul.dropdown li
{
	border-bottom: 1px solid #333333;
}

ul.off-canvas-list li ul.dropdown 
{
	border-top: 1px solid #333333;
}

ul.off-canvas-list li ul.dropdown li 
{
	border-right: none;
    border-bottom: none;
    border-left: none;
}



/************************************/ 
/************************************/

/*  Styles for off-canvas sub menu  */ 

/************************************/
/************************************/

.slicknav_btn 
{ 
	position: relative; 
	display: block; 
	vertical-align: middle; 
	float: right; 
	padding: 0.438em 0.625em 0.438em 0.625em; 
	line-height: 1.125em; 
	cursor: pointer; 
}

.slicknav_menu  .slicknav_menutxt 
{ 
	display: block; 
	line-height: 1.188em; 
	float: left; 
}

.slicknav_menu .slicknav_icon 
{ 
	float: left; 
	margin: 0 .5em; 
	color: #c7c7c7;
    font-weight: bold;
}

.slicknav_menu .slicknav_no-text 
{ 
	margin: 0 
}


.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar 
{ 
	margin-top: 0.188em; 
	color: #c7c7c7;
    font-weight: bold;
}

.slicknav_nav 
{ 
	clear: both 
}

.slicknav_nav ul,
.slicknav_nav li 
{ 
	display: block 
}

.slicknav_nav .slicknav_arrow 
{ 
	font-size: 0.8em; 
	margin: 0 0 0 0.4em; 
}

.slicknav_nav .slicknav_item 
{ 
	display: block; 
	cursor: pointer; 
}
.slicknav_nav a 
{ 
	display: block 
}

.slicknav_nav .slicknav_item a 
{
	display: inline 
}


.slicknav_menu:before,
.slicknav_menu:after 
{ 
	content: " "; 
	display: table; 
}

.slicknav_menu:after 
{ 
	clear: both 
}

/* IE6/7 support */
.slicknav_menu 
{ 
	*zoom: 1 
}

ul.off-canvas-list li a.slicknav_btn,
.nav_label 
{
	width: 100%;
	background: none repeat scroll 0 0 #444444;
    border-top: 1px solid #5E5E5E;
    border-bottom: 1px solid #262626;
    color: #c7c7c7;
    font-weight: bold;
    margin: 0;
    padding: 0.3em 0.9375em;
    text-transform: uppercase;
    cursor: default;
    display: block;
    font-size: 0.875em;
}


.slicknav_menu .slicknav_icon
{ 
	color: #c7c7c7;
    font-weight:normal;
    font-size: 1em;
}


.slicknav_nav, 
.slicknav_nav ul 
{
	list-style: none;
	overflow:hidden;
	margin: 0;
}


ul.off-canvas-list li a
{ 
border-bottom: 1px solid #262626;
}

ul.off-canvas-list li a a
{
	border-bottom: none;
	padding: 0;
}


ul.off-canvas-list li ul.dropdown ul:last-child
{ 
border-bottom: 1px solid #262626;
background: #262626;
}



/******* End Off Canvas Menu ***************/




