/* RESET _______________________________________________________________ */

    /* Temporarily removed HTML5 reset styling */

/* CUSTOM _______________________________________________________________ */

	body { background-color: #05282e; margin: 0; font-family: sans-serif; font-size: 1.2em; }

    #pagecontainer { position: relative; z-index: 20; }
    #mobilenavigation { display: none; /*position: sticky; right: 0; top: 0;*/ z-index: 10; }
    .shiftleft { position: relative; left: -285px; }
    .showMobileNavigation { display: block !important; }
    #toggle-menu { cursor: pointer; display: block; position: absolute; right: 15px; top: 15px; }
    @media only screen and (max-width: 1220px) { #sidenav-container { display: none !important; } }
	@media only screen and (min-width: 1219px) { #toggle-menu { display: none; } }
    #menu { display: inline-block; position: absolute; right: 0; top: 80px; width: 265px; z-index: 10; }
    #menu li { display: block; margin-bottom: 10px; }
    #menu li.subheading { background-color: black; color: white; padding: 5px 10px; }
	#menu li a, #menu li a:visited, #menu li a:hover { color: white !important; font-size: 0.9em; text-decoration: none; }
	#menu li a:hover { border-bottom: 1px solid white; }
	.spacer { margin-bottom: 20px; }

    #menu, #pagecontainer { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }
    .animating #menu, .menu-visible #menu { background-color: #05282e; display: block; padding: 10px; }
    .menu-visible #pagecontainer { right: 220px; }

	header { background-color: #1a505c; /*background-image: linear-gradient(to right, #154456, #3c2a44);*/ border-top: 60px solid #05282e; height: 70px; border-bottom: 5px solid #bd019e; /*position: sticky; top: 0;*/ z-index: 99; }
	h1 { color: white; font-size: 1.4em; position: relative; top: -35px; }
	h1 span { font-size: 0.7em; font-weight: normal; }

	#breadcrumb { margin-bottom: 40px; }

	.container { margin: 0 auto; padding: 20px; max-width: 1200px; }
	.container h2 { font-size: 2em; font-weight: bold; margin-bottom: 20px; }
	.container p { margin-bottom: 20px; }
	
	article { background-color: white; }
	article .container { position: relative; }
	article .container a, article .container a:hover, article .container a:visited { color: blue; }
	#content-container { display: inline-block; vertical-align: text-top; width: 75%; }
	#sidenav-container { display: inline-block; vertical-align: text-top; width: 24%; }
	
	footer { color: white; padding-bottom: 40px; }
	footer li { margin-bottom: 10px; }
	footer a, footer a:hover, footer a:visited { color: white; }
	#copyright { margin-top: 30px; }

/* MODIFICATIONS _______________________________________________________________ */

    /* Made October 2023 following user feedback */

	.mgSectionTitle { max-width: 870px !important; }
    .mgAiTitleTxt, .mgSubItemTitleTxt, .mgWordPara, .mgTableNoBorderFullWidth, .mgBulletList, .mgItemTable { max-width: 825px !important; }
	#sidenav-container li { margin-bottom: 10px !important; }