/* Styles for the mh370site */
/* updated 7 Dec 2025 class .isDisabled added */
body { background-color: #F2F2F2;
       padding-top:2em;  padding-bottom:2em;
       padding-left:2vw; padding-right:2vw; 
       font-family: Arial, Verdana, Helvetica, sans-serif; }

/* root font size */
/* :root { font-size: clamp( 1.2vw, 1.05rem, 1.5vw ); } Fonts too large */
:root { font-size: clamp( 1.1vw, 1.0rem, 1.4vw ); } /* 17 Dec 2025 */


body { font-size: 100%; }
p { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }
dl dt dd { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }
ul ol li { font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }
li { margin-bottom: 10px; }
li:last-child { margin-bottom: 0; }


.notes { font-size: 90%; } /* added 17 dec 2025 */

/* Headings are sized by percentage over the base font and also resize based on viewport width */
h1 {font-size: 125%; font-family: Arial, Verdana, Helvetica, sans-serif; }   

h2 {font-size: 120%; font-family: Arial, Verdana, Helvetica, sans-serif; } 

h3 {font-size: 115%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h4 {font-size: 110%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h5 {font-size: 105%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h6 {font-size: 100%; font-family: Arial, Verdana, Helvetica, sans-serif; }

h6 {font-size: 90%; font-family: Arial, Verdana, Helvetica, sans-serif; }


/* Header */
.header { width: 90%; margin-left:auto; margin-right:auto; }


.MainHeading { color:#102487;  font-size:150%; font-weight:bold; 
               font-family:Arial, Verdana, Helvetica, sans-serif;
 }


.SubHeading {  color: #102487; 
               font-weight:bold;  font-size: 135%;
               font-family: Arial, Verdana, Helvetica, sans-serif;
}
               

/* Official Site colour blue #0088CC */      

.TopicHeading { color:#0088CC;
                font-family: Arial, Verdana, Helvetica, sans-serif; 
}  


/* Responsive or auto-adjusting images */
img { max-width: 100%;
      height: auto; }
      
/* Disable links by changing appearance and function */
/* Added 7 Dec 2025 Based on .not-active */
.isDisabled { pointer-events: none;
              cursor: default;
              text-decoration: none;
              color: black;
              opacity: 0.8;
}