#fivezeroeight body, p, ul, ol, li {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; 
  color: #212529;
}

#fivezeroeight strong {
  font-family: roboto;
}

#fivezeroeight a {
	font-weight: 400; 
	color: #3979B1;
	text-decoration-style: solid;
	text-decoration-thickness: .05em;
	text-decoration-color: #A4CDEA;
	text-underline-offset: .175em; 
}

a:not {
	text-decoration-color: #17649B; /* this is supressing the background-color highlight */
}

#fivezeroeight a:hover {
	font-weight: 400; 
	color: #17529b;
	text-decoration-style: solid;	
	text-decoration-color: #17529b;
	text-decoration-thickness: .07em;
	text-underline-offset: .2em;
	background-color: white;
}

#fivezeroeight a:focus {
	font-weight: 400; 
	color: #17529b;
	text-decoration-style: solid;	
	text-decoration-color: #17529b;
	text-decoration-thickness: .07em;
	text-underline-offset: .15em;
	background-color: white;
}

#fivezeroeight h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  letter-spacing: .0625rem;
}

#fivezeroeight h2 {
  text-transform: uppercase;
  text-align: left;
  color: #002E6D;
  font-weight: 800;
  font-size: 1.4em;
}

#fivezeroeight h3 {
  text-transform: uppercase;
  text-align: left;
  font-size: 1.25em;
  color: #3d5b58;
  font-weight: 600;	
}

#fivezeroeight h4 {
  text-transform: uppercase;
  text-align: left;
  color: #23262a;
  font-size: 1.2em;
  font-weight: 600;	
}

#fivezeroeight h5 {
  text-transform: uppercase;	
  text-align: left;
  color: #10110D;
  font-size: 1.1em;
  font-weight: 500;
}

#fivezeroeight h6 {
  text-transform: uppercase;	
  text-align: left;
  color: #10110D;
  font-size: 1em;
  font-weight: 500;
}

#fivezeroeight ul > li {
	margin-left:2.25em; /* set indent on bullets */
}

#fivezeroeight ul > li > ul > li {
	margin-left:2.25em; /* set indent on nested bullets */
}

#fivezeroeight ul > li > ul > li > ul > li {
	margin-left:2.25em; /* set indent on nested bullets */
}


#fivezeroeight ol > li {
	margin-left:-.75em; /* set indent on numbered lists */
}

#fivezeroeight ol > li > ol > li {
	margin-left:-.1em; /* set indent on numbered lists */
}

#fivezeroeight ol > li > ol > li > ol > li {
	margin-left:.2em; /* set indent on numbered lists */
}

/* begin counter overwrite of numbered list */

#fivezeroeight ol {
  list-style-type: none; /* Remove default numbering */
  counter-reset: item; /* Initialize the counter for the main list */
}

#fivezeroeight ol > li {
  counter-increment: item; /* Increment the counter for each main list item */
}

#fivezeroeight ol > li::before {
  content: counters(item, ".") ". "; /* Remove trailing period be putting only a space between the last quotes. Display the counter value with a dot separator */
}

/* Styling for nested lists */
#fivezeroeight ol ol {
  counter-reset: sub-item; /* Initialize a new counter for nested lists */
}

#fivezeroeight ol ol > li {
  counter-increment: sub-item; /* Increment for each sub-item */	
}

#fivezeroeight ol ol > li::before {
  content: counters(item, ".") "." counters(sub-item, ".") ". "; /* Remove trailing period be putting only a space between the last quotes. Display hierarchical numbering */
}

/* Further nesting can be achieved by adding more specific selectors like: 
ol ol ol {
  counter-reset: sub-sub-item;
}

ol ol ol > li {
  counter-increment: sub-sub-item;
}

ol ol ol > li::before {
  content: counters(item, ".") "." counters(sub-item, ".") "." counters(sub-sub-item, ".") " ";
}
*/

/* Eyebrow Nav */ 

.myeyebrow {
  color: #3a71b0;
  font-family: roboto;
  font-weight: 800;
  text-transform: uppercase;
  text-align: right;
}

.myeyebrow a {
  color: #3a71b0;
  font-weight: 800;
  text-decoration-style: solid;
  text-decoration-thickness: .05em; 
  text-decoration-color: #A4CDEA;
  text-underline-offset: .25em;
  font-size: 90%;
}

.myeyebrow a:hover {
  color: #234f81;
  font-weight: 800;
  text-decoration-style: solid;	
  text-decoration-color: #17529b;
  text-decoration-thickness: .1em;
  text-underline-offset: .3em;
  background-color: white;
}


/* footer */ 

.medium-blue-block {
	background-color: #3a71b0;
	color: white;
	padding:2em;
}

.medium-blue-block p {
	color: white;
	text-transform: uppercase;
	font-weight: 600;
}

.medium-blue-block a {
	color: white;
		text-decoration-style: solid;
	text-decoration-thickness: .05em;
	text-decoration-color: #A4CDEA;
	text-underline-offset: .25em; 
}


.medium-blue-block a:hover {
	color: white;
	text-decoration-thickness: .12em;
	text-underline-offset: .3em; 
	background-color: #3a71b0;
	text-decoration-color: #12263B;
}


.medium-blue-block2 {
	background-color: #3a71b0;
	color: white;
	padding:2em;
}

.medium-blue-block2 p {
	color: white;
	font-weight: 400;
}

.medium-blue-block2 a {
	color: white;
		text-decoration-style: solid;
	text-decoration-thickness: .05em;
	text-decoration-color: #A4CDEA;
	text-underline-offset: .25em; 
}

.medium-blue-block2 a:hover {
	color: white;
	text-decoration-thickness: .12em;
	text-underline-offset: .3em; 
	background-color: #3a71b0;
	text-decoration-color: #12263B;
	font-weight: 400;
}

/* bottom footer */ 

.midnight-blue-block {
	background-color: #112f60;
	color: white;
	padding:1em;
}

.midnight-blue-block p {
	color: white;
	font-weight: 400;
}

.midnight-blue-block a {
	color: white;
	text-decoration-style: solid;
	text-decoration-thickness: .05em;
	text-decoration-color: #3D77DB;
    text-underline-offset: .25em;
    font-size: 85%;
    font-family: roboto;
	font-weight: 400;
}

.midnight-blue-block a:hover {
	color: white;
	text-decoration-thickness: .1em;
	text-underline-offset: .3em; 
	background-color: #3a71b0;
	text-decoration-color: #ffffff;
	font-weight: 400;
	background-color: #112f60;
}