.mobile-only-new-sub-menus a {pointer-events:none; line-height: 0; margin-left:0; padding-left:0;}
  

/*----------------------------------------
 Hamburger icon construction & styling
-----------------------------------------*/

/***@media only screen and (max-width: 938px) {.menu-desktop {display:none !important;}}    
@media only screen and (min-width: 939px) {.menu-mobile {display:none !important;}} **/

.menu-desktop {color:#666; font-size:19px; padding-top:0px;}
.hamburger {
        position:absolute; /*** or if not using overlay header, then 'relative', may need to adjust margin above **/ 
        width:50px;
        height:35px;
        padding:10px 0 0 377px;
        z-index:2000;
     }
.line, .line-last {
        width: 37px;
        height: 4px;
        background-color: #848383;
        border-radius:0px;
        z-index:2000;
        }
.line {margin-bottom: 6px;
        z-index:2000;
        }
@media only screen and (max-width: 938px) {.line, .line-last {width: 27px; height:3px;} .hamburger {padding-left:20px;}}   


/*----------------------------------------------------------------
Menu font and font size styling
-----------------------------------------------------------------*/  
#menu {
    font-family: Roboto, Helvetica, Verdana, sans-serif;
    /*** for padding-left to control hoiz position of menu, see section below ****/
    font-size:17px;
    font-weight:400;
    /**** for margin-top look under #menu in the horiz menu CSS media query below ****/
    color:#333;
    z-index:2000; 

    }

/*----------------------------------------------------------------
Menu font size - hamburger menu
-----------------------------------------------------------------*/  
#menu, nav ul ul {font-size:17px;} /*** was 17 7jan24 font size in ham at all levels, #menu for top level and nav ul ul for all lower levels ***/
/***@media only screen and (max-width: 410px) {#menu, nav ul ul {font-size:15px;}} UNLIKE RESPONSIVE PAGES DONT WANT MENU SMALLER ON MOBILE PHONE RE NONRESPONSIVE PAGES ***/  

@media only screen and (max-width: 410px) {.menu-exclude-on-mobile {display:none !important;}}
.mobile-only-new-sub-menus a {line-height:5px;}
/*-------------------------------------------
CSS for different colours on roll-over 2JAN25
---------------------------------------------*/  
/***** nav ul li:hover {background-color:#0b0b81;}
nav ul li ul li {background-color:#003066;} 
nav ul li ul li:hover {background-color:#003066;}
nav ul li ul li ul li {background-color:#0b0b81;} 
nav ul li ul li ul li:hover {background-color:#0b0b81;}
nav ul li ul li ul li ul li {background-color:#003066;} 
nav ul li ul li ul li ul li:hover {background-color:#003066;}
nav ul li ul li ul li ul li ul li {background-color:#0b0b81;} 
nav ul li ul li ul li ul li ul li:hover {background-color:#0b0b81;}
nav ul li ul li ul li ul li ul li ul li {background-color:#003066;}
nav ul li ul li ul li ul li ul li ul li:hover {background-color:#003066;}
nav ul li ul li ul li ul li ul li ul li ul li {background-color:#0b0b81;} 
nav ul li ul li ul li ul li ul li ul li ul li:hover {background-color:#0b0b81;}
nav ul li ul li ul li ul li ul li ul li ul li ul li {background-color:#003066;}
nav ul li ul li ul li ul li ul li ul li ul li ul li:hover {background-color:#003066;}
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li {background-color:#0b0b81;}  ****/

nav ul li:hover,
nav ul li ul li ul li, 
nav ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li {background-color:#042243;}  /*** was #133b66 ***/ 

nav ul li ul li, 
nav ul li ul li:hover,
nav ul li ul li ul li ul li, 
nav ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li:hover,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li,
nav ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li:hover {background-color:#003066;}

/*!
* Mmenu Light
* mmenujs.com/mmenu-light
* Copyright (c) Fred Heusschen
* www.frebsite.nl
* License: CC-BY-4.0
* http://creativecommons.org/licenses/by/4.0/

.mm {padding-top:50px;}
*/:root{--mm-ocd-width:80%;--mm-ocd-min-width:300px;--mm-ocd-max-width:440px}  /*** was 290px and 440px 7jan26** 'min-width' here adjusted to give the width of the ham burger menu, ie when opened up, don't want more than about 290px or 295px so there is a right margin on 320px mobile width screens *****/


@media only screen and (max-width: 410px) {
   */:root{--mm-ocd-width:100%;--mm-ocd-min-width:600px;--mm-ocd-max-width:700px} 
}

body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}
.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,1);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}
.mm-ocd--open{bottom:0;

background:rgba(0,0,0,.25); /***** applies to the overlay that is applied to right of menu (outside menu) ie over top of page behind **************/

-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(calc(100% - var(--mm-ocd-max-width)),calc(100% - var(--mm-ocd-width)),calc(100% - var(--mm-ocd-min-width)));

background:rgba(3,2,1,0)} /**** this one also seems to affect the overlay applied to right of menu, ie over top of page behind, same as the one above **********/

.mm-ocd--left .mm-ocd__backdrop{right:0}
.mm-ocd--right .mm-ocd__backdrop{left:0}
.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0; margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
:root{--mm-spn-item-height:44px; /*** changed 38 to 44 on 1jan24 *** determines height of the links in HAM menu (hence overall HAM menu height), both sub-menu, sub-sub menu etc  WAS 50px until 21OCT ****/
    --mm-spn-item-indent:0; /***indent of links in the hamburger, but links with a submenu are indented by twice the value used, so don't use this use the  .mm-spn li tag set re padding-left  below ******/
--mm-spn-line-height:18px;--mm-spn-panel-offset:30%}
.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}
.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}
.mm-spn>ul{left:0}.mm-spn ul
.mm-spn--open{left:0}
.mm-spn ul.mm-spn--parent{left:calc(-1 * var(--mm-spn-panel-offset));overflow:visible}
.mm-spn li{position:relative;background:inherit;cursor:pointer}    /**********************BACKGROUND HERE SETS THE BACKGROUND COLOR OF THE ACTUAL LINKS *********/
.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);right:calc(var(--mm-spn-item-height)/ 2);z-index:0;
    
width:12px; height:12px; color:#fff; /***********************adjusts width & height (ie size) and colour of arrows in main bank of links ****************************************/
border-top:3px solid;border-right:3px solid; /***********************adjusts thickness of arrows in main bank of links **********************************************************/

   
    
    
-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}
.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);

border-top1:1px solid; /*********************************************************determines the horiz-border between each cell in the menu ******/
opacity:.25 /********************determines opacity of the horiz-border lines betweeen each cell, hence lightness-darkness of the line *********/
}

.mm-spn li{color:#fff; padding-left:24px;}  /*** 12 to 24 on 1jan25 ***************color of the links in the ham menu and sub menu, sub sub menu - and padding from left margin *********/  
.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}
.mm-spn a{background:inherit;color:inherit;text-decoration:none}
.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}
.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}
.mm-spn span{background:0 0;}
.mm-spn.mm-spn--navbar{cursor:pointer;}
.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);left:var(--mm-spn-item-indent);
width:12px;height:12px;  /*** width & height determine size of the 'Back' arrow in uppermost row ***/
margin-top:1px;
margin-left:10px; /***margin to the left of the 'Back' arrow in the uppermost row ***/
border-top:3px solid #fff;  /***thickness of top half of 'Back' arrow in uppermost row ***/
border-left:3px solid #fff; /***thickness of lower half of 'Back' arrow in uppermost row ***/
color:#fff;
/*** above two adjust the arrow colour, but still with some opacity ***/     
-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);
opacity1111:.4} /*** don't want opacity as makes arrow in top row even fainter, commented out same as opacity=1 ***/
.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}
.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}
.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;
    
 left:0; /************************* normally this value is 0, if comment out this tag set then 'back' arrow in top row has white background -  and text is right-justified, in case prefer *********************/  
 right:0; /***  in unlikely event that want text in top row left-justified then comment out this tag set ***/
 height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:var(--mm-spn-item-height);
 opacity:.5;  /*** opacity of text and arrow (making lighter or darker) in uppermost row ***/
 color:#fff; /**** text color of text in uppermost row ****/
    
    
 font-size: 18px;  /**** font size of header top row in open hamburger menu - ie row that tells what eg the sub-sub menu is **/
 
    
/****padding-top:16px;  gives padding to header row in open ham menu, but if add padding-bottom that doesn't work, nor does 'height' ***/
 background-color: #000000; /*** was 1f1f1f background color of the uppermost row ***/
 text-align:center;
 margin-left11:42px; /*** positions the text in header row of open hamburger menu from the left margin, ie positions it in relation to the left arrow 21Oct problem is it leaves a background behind the arrow that looks poor ***/
 overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.mm-spn.mm-spn--navbar:hover {background-color:#f7f7f7;} /*** hover color of main bank of links not really useful ***/
.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}
.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;
border-top1111111:1px solid currentColor; opacity:.4}  /*** line under the uppermost row ***/
    
.mm-spn.mm-spn--light {color:#fff; background:#003066;}   /*** determines the colour (and text colour) of the entire menu area, upper level and all lower levels ***/
.mm-spn.mm-spn--light:hover {color:#fff; background:#003066;} /*** added on 31aug - so colours remain when hovering over the menu, but text colour change doesn't seem to work ***/
.mm-spn.mm-spn--dark{color:#ddd;background:#333}
.mm-spn.mm-spn--vertical{overflow-y:auto}
.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}
.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/ 2)}
.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}