/* This CSS code runs the regionalise PopUp. Do NOT edit unless you know EXACTLY what you are doing. */

/* Top menu regional links code */
ul.nav-menu li.RegionChooser {position:relative;}
ul.nav-menu li.RegionChooser ul {
  display:none;position:absolute;top:100%;right:0;background-color:#62C0AE;padding:0;margin:0;
}
ul.nav-menu li.RegionChooser li {display:block;padding:0;margin:0;background-color:#62C0AE;}
ul.nav-menu li.RegionChooser ul a {
  white-space:nowrap;padding:10px 10px;background-color:#62C0AE;color:white;
  transition:color 300ms linear !important; font-size:17px; text-transform:none;
  text-align:left;
}
ul.nav-menu li.RegionChooser ul a:hover {color:black;background-color:#62C0AE;} /* need to set background-color again */
ul.nav-menu li.RegionChooser img {position:relative;top:-1px;}

/* code to reduce the size of the top menus on small displays */
ul.nav-menu > li > a {padding-left:15px;padding-right:15px;}
@media (max-width:1100px) {
	ul.nav-menu > li > a {padding-left:10px;padding-right:10px;letter-spacing:-0.5px;}
}

/* Slick nav code */
ul.slicknav_nav li.RegionChooser {padding:0 10px;}
ul.slicknav_nav li.RegionChooser a {padding:0;}
ul.slicknav_nav li.RegionChooser > a {padding:10px 0;}
ul.slicknav_nav li.RegionChooser img {display:none;}
ul.slicknav_nav li.RegionChooser span.slicknav_arrow {padding:0 20px 0 0;}
ul.slicknav_nav li.RegionChooser ul {padding:0;margin:0;}
ul.slicknav_nav li.RegionChooser ul li,
ul.slicknav_nav li.RegionChooser ul a {background-color:#62C0AE;color:white;}
  
/* Regionalise Pop-Up */
div.RegionPopUpB {
    display:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100vh;
	background-color:rgba(0,0,0,0.5);z-index:100;
	flex-flow:row nowrap;justify-content:center;align-items:center;
}
div.RegionPopUpB div.FlexBox {
    position:relative;margin:15px;
    display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;
  	background-color:white;padding:30px;border-radius:10px;width:100%;max-width:460px;
}
div.RegionPopUpB img.Map {display:block;width:100%;max-width:382px;}
div.RegionPopUpB img.CloseIcon {
	display:block;position:absolute;top:5px;right:5px;cursor:pointer;
}
div.RegionPopUpB div.FlexBox a {
	display:block;background-color:#62C0AE;color:white;padding:10px 20px;text-align:center;
	font-size:smaller;cursor:pointer;}
div.RegionPopUpB div.FlexBox div.Text {
	color:#333333;font-weight:700;margin:10px 0;text-align:center;
}
div.RegionPopUpB div.FlexBox div.SmallerText {font-size:smaller;margin:20px 0 0;}
@media (max-width:768px) {
    div.RegionPopUpB div.FlexBox {padding:10px;}
    div.RegionPopUpB div.FlexBox a {font-size:medium;}
}