@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Open+Sans&display=swap');

.pageContent h2, 
.pageContent h3,
.pageContent h4,
.pageContent p,
.pageContent a,

#breadcrumb li,
#breadcrumb li a,

.siteMenu li,
.siteMenu li a,
.siteMenu li a span,

.sideMenu li,
.sideMenu li a,

.pageContent ul li,
.pageContent ol li,
.pageContent ul li a,
.pageContent ol li a,

.standardLanding .blueBulletList li,
.standardLanding .blueBulletList li a

/*Ugly switch to check font is applied everywhere*/

/*{font-family: 'Black Ops One', cursive;}*/
{font-family: "Open Sans";}

.pageContent h2 {font-size: 1.8em;}
.pageContent h3 {font-size: 1.6em;}
.pageContent h4 {font-size: 1.4em;}
.pageContent p {font-size: 1.3em;}

.pageContent .content_social_icons {border: 0px solid red;}
.pageContent .content_social_icons h4 {font-size: 0.6em;}

.pageContent ol li,
.pageContent ul li,
.pageContent ol li a,
.pageContent ul li a,
.pageContent ol li ol li,
.pageContent ol li ol li a,
.pageContent .row ol li,
.pageContent .row ul li,
.pageContent .row ol li a,
.pageContent .row ul li a 
{font-size: 16px;}
/* hardcoded from 1.2em to 16px as too many relative ems causing inconsistency */


.content_social_icons ul li a {font-size: 42px !important;}



.standardLanding .blueBulletList li,
.standardLanding .blueBulletList li a {font-size: 1.1em;}
 
.sideMenu li,
.sideMenu li a,
.sideMenu li ul li,
.sideMenu li ul li a, 
.sideMenu li ul li ul li,
.sideMenu li ul li ul li a, 
.sideMenu li ul li ul li ul li,
.sideMenu li ul li ul li ul li a {font-size: 1.05em !important;}

.highlight {background: yellow;}


.fa, 
.fa-stack,
.svg-inline--fa.fa-stack-1x,
.svg-inline--fa.fa-stack-2x,
.svg-inline--fa .fa-primary {font-size: 1em; !important;}


.fa-stack {margin-left: 0.8em;}
.fa-stack-2x {font-size: 0.8em !important; line-height: 1em; margin-left: -0.7em !important;}


.oneThirdSpotlight p {font-size:1.2em;}
.redContainer .textContainer ul li a {font-size:1.0em;}

 .highlight-ct
 {clear: both !important; 
     margin: 1em 0;
     padding: 0.3em 0;} 
 
 .highlight-ct h3 {padding-top: 0em; border: 0px solid red;} 
 .highlight-ct p {margin-left: 0.5em; border: 0px solid red;}
 .highlight-ct p a {font-weight: bold;} 
 .highlight-ct img,
 .highlight-ct i, 
 .highlight-ct svg {float: left; padding: 0.5em; border: 0px solid blue; height: 4em; max-height: 6em;}
 
 .highlight-ct .stack i, 
 .highlight-ct .stack svg {float: left; padding: 0.5em; border: 0px solid green; height: 4em; max-height: 4em;}

/* page content hover link.  tested for accessibility 28/12/23 DH 
.pageContent p a:hover {border: 2px dashed grey; margin: 0.1em 0; background: yellow;} */