/*
Pure CSS Navigation v1.8
by Adam Culpepper | @adamculpepper
https://github.com/adamculpepper/pure-css-navigation
*/

/* Customizable styles */
.pure-css-nav > nav ul li a			{
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222222;
}

.pure-css-nav > nav > ul > li {
    margin-right:1px;
    border-bottom: 4px solid #FFFFFF;
    border-top: 4px solid #FFFFFF;
    height: 80px;
}

/* Level 1 */
.pure-css-nav > nav ul li				{background-color:#FFFFFF;}
.pure-css-nav > nav >ul >li				{margin: 0 20px;}
.pure-css-nav > nav ul li a			    {font-size:1rem; /*line-height:50px;*/ padding:29px 0 29px 0;}

.pure-css-nav > nav > ul > ul			{padding-top: 7px;}

/* Level 2 and beyond */
.pure-css-nav > nav ul ul				{background-color:transparent;}
.pure-css-nav > nav ul ul li a			{font-size:0.8rem; /*line-height:35px;*/ padding:8px 20px;}
.pure-css-nav > nav ul ul li a span	{
    border: 5px solid transparent;
    border-left-width: 10px;
    border-left-color: #666666;
    border-right: 0;
    display: inline-block;
    margin-left: 12px;
}
.pure-css-nav > nav ul ul li:hover a span	{
    border-left-color: #FFFFFF;
}

/* Hover colors */
/* .pure-css-nav > nav ul li:hover,
.pure-css-nav > nav ul li li:hover > a:first-child:nth-last-child(2),
.pure-css-nav > nav > ul > li:hover > a:first-child:nth-last-child(2) {background-color:#ddd;} */

.pure-css-nav > nav > ul > li:hover {
    border-bottom: 4px solid #034986;
}
.pure-css-nav > nav > ul > li.active {
    border-bottom: 4px solid #034986;
}
/* //////////////////////////
CORE STYLES BELOW - NO TOUCHY
////////////////////////// */
.pure-css-nav > nav {width:100%; height: 80px; margin-left: 50px;}

.pure-css-nav > nav ul,
.pure-css-nav > nav li					{margin:0; padding:0; list-style:none;}
.pure-css-nav > nav li:hover			{cursor:pointer;}
.pure-css-nav > nav a					{text-decoration:none;}

/* Level 1 */
.pure-css-nav > nav ul					{display:flex; flex-wrap:wrap; align-items: center;}
.pure-css-nav > nav ul li				{overflow:hidden; white-space:nowrap; text-align:left;}
.pure-css-nav > nav ul li:hover			{overflow:visible;}
.pure-css-nav > nav ul li:hover	> a		{color: #00448B;}
.pure-css-nav > nav ul > li				{position:relative;}
.pure-css-nav > nav ul li a				{display:block; height:100%;}

/* Level 2 */
.pure-css-nav > nav ul ul				{visibility:hidden; opacity:0; position:absolute; z-index:1; display:block;}
.pure-css-nav > nav ul li:hover > ul	{visibility:visible; opacity:1; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);}
.pure-css-nav > nav > ul > li:hover > ul	{margin-top: 4px; padding-top: 7px;}

/* Level 3 */
.pure-css-nav > nav ul ul ul			{top:0; left:100%;}
/* .pure-css-nav > nav ul ul ul			{margin-top:5px;} */

/* ---------- */

.pure-css-nav > nav ul li:hover > ul li:hover	    {background-color: #00448B;}
.pure-css-nav > nav ul li:hover > ul li:hover > a	{color: #FFFFFF; }

/* Transitions */
.pure-css-nav > nav ul,
.pure-css-nav > nav ul li,
.pure-css-nav > nav ul li a,
.pure-css-nav > nav ul li a:first-child:nth-last-child(2):after {transition:all 200ms linear;}

.pure-css-nav.mobile-nav				{transition:all 0.5s linear;}







/* ---------- */

/* Justify Navigation (first level equal widths) */
.pure-css-nav.nav-justified > nav > ul {width:100%;}
.pure-css-nav.nav-justified > nav > ul > li {flex:1 1 auto;}
.pure-css-nav.nav-justified > nav > ul > li > a {justify-content:center;}

/* ---------- */

/* Vertical Navigation */
.pure-css-nav.nav-vertical nav > ul {display:block; width:200px;}
.pure-css-nav.nav-vertical nav > ul li a:first-child:nth-last-child(2):after {margin-left:auto;}
.pure-css-nav.nav-vertical nav > ul ul {left:100%; top:0; margin-top:5px;}
.pure-css-nav.nav-vertical nav > ul > li	{margin-bottom:1px;}

/* ---------- */


/* Responsive Breakpoints - down */

/* Large (lg) and down */
@media (max-width:1199px) {}

/* ---------- */


/* Extra Large (xl) and up */
@media (min-width:1200px) {}

.pure-css-nav a:not([href]),
.pure-css-nav a[href='']:hover,
.pure-css-nav a[href='#']:hover,
.pure-css-nav a[href='']:active,
.pure-css-nav a[href='#']:active {pointer-events:none;}

li.disabled:hover {
    background-color: #aaa !important;
    cursor: not-allowed !important;
}
li.disabled > a {
    cursor: not-allowed !important;
}