@media (prefers-color-scheme: dark) {

	
	/* Background colours */

    body {
        background-color: #333;
        color: white;
        border-color: white;
    }

    footer {
		background-color: #555;
	}
	
	.boxtext,
	.print-button {
		background-color: #555!important;
	}	
	
	.print-button:hover {
		background-color: #777!important;
	}	

	#topBtn {
    	border-top-color: #666!important;
    	background-color: #444!important;
	}
	
	#contents.sticky-contents-active {
        background-color: #333;
        border-color: #666;
	}
	
	
	/* Typography */
	
	a, 
	a:link, 
	a:hover,
	nav#contents a,
	nav#contents a:link,
	nav#contents a:visited {
		color: #99B7CD;
	}

	a:visited {
		color: #92AEC3;
	}
  
 	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	footer p,
	footer a, 
	footer a:link, 
	footer a:hover,
	footer a:visited,
	#topBtn a,
	#topBtn a:link,
	#topBtn a:visited,
	.boxtext h2,
	.boxtext h3,
	.boxtext h4,
	.boxtext p,
	.boxtext a,
	.boxtext a:link,
	.boxtext a:visited {
		color: white!important;
	}
	
	a:active {
	   color: #333!important;
	   background: #ffbf47;
    }
	
	#our-vision h2,
	#our-vision p,
	#our-vision a,
	#our-vision a:link,
	#our-vision a:visited,
	#our-vision li,
	.action-plan h4,
	.action-plan p,
	.action-plan a,
	.action-plan a:link,
	.action-plan a:visited,
	.action-plan li,
	#updates-promo h2,
	#updates-promo p,
	#updates-promo a,
	#updates-promo a:link,
	#updates-promo a:visited {
		color: #333!important;
	}

	
	
	
}