/*------>>> TABLE OF CONTENTS <<<-------
    - FLEXNAV
    - BREADCRUMBS

/*------->>> COLOR PALETTE <<<-------
	#28a8ce - rgb(40,168,206) | Primary Color [Pacific Blue]
	#268e93 - rgb(38,142,147) | Secondary Color [Teal Dark]
	#d5b23f - rgb(213,178,63) | Tertiary Color [Gold]
	#e7f5f8 - rgb(231,245,248) | Color Accent [Azure Blue]
    #f4f4f4 - rgb(244,244,244) | Gray Accent [Gray Light]
	#131743 - rgb(19,23,67) | Base Font Color [Penn Blue]
	#fefefe - rgb(254,254,254) | White
	#0a0a0a - rgb(10,10,10) | Black

/*------->>> FONT STACKS & TYPOGRAPHY <<<-------
    font-family:'Roboto', sans-serif; [Primary Font | 300 400 700]
    font-family:'Exo 2', sans-serif; [Secondary Font | 400 700]

*/


/************************************
/*----------------------------------
/* FLEXNAV
/*----------------------------------
/*************************************/


.flexnav li a {
	background:#fefefe;
	font-family:'Exo 2', sans-serif;
	color:#131743;
	border-top:1px solid #e6e6eb;
}
.flexnav > li > a {
	font-weight:700;
}
.flexnav .touch-button .touch-button-svg {
	fill:#131743;
}
.menu-button {
	font-family:'Exo 2', sans-serif;
	font-weight:700;
	color:#131743;
}
.menu-button .touch-button .navicon {
	background:#131743;
}
.menu-button .touch-button .navicon:before {
	background-color:#131743;
}
.menu-button .touch-button .navicon:after {
	background-color:#131743;
}
@media all and (min-width:1024px) {
	.flexnav > li > a {
		padding-top:2rem;
		font-size:1.25rem;
		font-weight:400;
	}
	.flexnav li > a:before {
		background:#d5b23f;
	}
	.flexnav li a:hover {
		color:#28a8ce;
	}
	.flexnav li a:active {
		color:#268e93;
	}
	.flexnav li a:focus,
	.flexnav li a:focus-visible {
		color:#28a8ce;
		-webkit-box-shadow:inset 0 0 0 2px #28a8ce;
		-moz-box-shadow:inset 0 0 0 4px #28a8ce;
		box-shadow:inset 0 0 0 2px #28a8ce;
	}
	.flexnav li > ul {
		padding:0;
		width:200px;
	}
	.flexnav li > ul li a {
		text-align:left;
		padding-left:1.25rem !important;
		padding-right:1.25rem !important;
	}
	.flexnav li > ul li:not(:last-of-type) > a {
		border-bottom:1px solid #e6e6eb;
	}
	.flexnav li > ul li a:before {
		background:#e7f5f8;
	}
	.flexnav li ul li:hover > a,
	.flexnav li ul li > a.active {
		color:#131743;
	}

}


/************************************
/*----------------------------------
/* BREADCRUMBS
/*----------------------------------
/*************************************/


nav.breadcrumb ol li,
nav.breadcrumb ol li a:not(:hover):not(:active):not(:focus):not(:focus-visible) {
	color:#fefefe;
}