@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Roboto:wght@400;700&display=swap');

body { background: white; font-family: 'Raleway', sans-serif; font-family: 'Roboto', sans-serif; }

nav { background: #11A7F2; }
nav ul li a { color: white; display: inline-block; padding: 1em; text-decoration: none; }
nav ul li a.on { background: #0D0D58; color: white; }
nav ul li a:hover { background: #0D0D58; color: white; }

section { background: white; padding: 1.5rem 0; }

#faqs > div > div dl dt { border: 2px solid #11A7F2; font-weight: bold; }
#faqs > div > div dl dt a { color: #11A7F2; box-sizing: border-box; display: inline-block; padding: 1em; text-decoration: none; width: 100%; }
#faqs > div > div dl dt a:hover { background: #11A7F2; color: white; }
#faqs > div > div dl dd { display: none; line-height: 157%; margin: 0; padding: 1em; }
#faqs > div > div dl dt.clicked { border: 2px solid #11A7F2; }
#faqs > div > div dl dt.clicked a { background: #11A7F2; color: white; }

th { background: #11A7F2; color: white; }
td a { color: #11A7F2; font-weight: bold; text-decoration: none; }

tr.header
{
	background: #4ca5ec;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

td span { color: #f756b7; }
tr td:first-child { min-width: 120px; }