:root{--background:rgba(0,214,170,.75);--burger:darkblue;}*,*::before,*::after{box-sizing:border-box;}.pagecontent{margin-top:100px;}header{background-image:url(/Content/topnav_bg.png);background-position-y:-30px;background-size:cover;background-repeat:no-repeat;position:fixed;z-index:999;width:100%;height:70px;top:0;padding-left:10px;}header.local{top:70px;}@media screen and (max-width:800px){header{background-position-y:center;}}.logo{background-image:url(/Content/sdg_logo_small.png);background-repeat:no-repeat;background-size:contain;background-position:center;height:70px;width:230px;cursor:pointer;content:"";display:block;}.logo.au{background-image:url(/Content/sdg_logo_small_au.png);}.nav-toggle{position:absolute !important;top:-9999px !important;left:-9999px !important;}.nav-toggle-label{position:absolute;top:0;right:20px;margin-left:1em;height:100%;display:flex;align-items:center;}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{display:block;background:var(--burger);height:2px;width:2em;border-radius:2px;position:relative;}.nav-toggle-label span::before,.nav-toggle-label span::after{content:'';position:absolute;}.nav-toggle-label span::before{bottom:7px;}.nav-toggle-label span::after{top:7px;}nav{position:absolute;top:100%;padding-right:20px;text-align:right;background:#fff;width:100%;transform:scale(1,0);transform-origin:top;transition:transform 400ms ease-in-out;right:0;}nav ul{margin:0;padding:0;list-style:none;width:100%;}nav li{margin-bottom:1em;margin-left:1em;}nav a{color:var(--navtext);text-decoration:none;font-size:1.5rem;opacity:0;transition:opacity 150ms ease-in-out;}nav a:hover{color:#000;}.nav-toggle:checked~nav{transform:scale(1,1);}.nav-toggle:checked~nav a{opacity:1;transition:opacity 250ms ease-in-out 250ms;}.loginout{margin-top:10px;}.dropdown{max-width:280px;text-align:right;margin-right:0;margin-left:auto;}.dropdown-menu{width:280px;}@media screen and (min-width:1100px){.nav-toggle-label{display:none;}header{display:grid;grid-template-columns:minmax(350px,2fr) auto;background-position-y:-50px;height:100px;gap:4rem;}.logo{grid-column-start:1;width:350px;margin:15px;display:block;}nav{position:relative;text-align:left;transition:none;transform:scale(1,1);background:none;top:0;left:initial;grid-column:.5;display:flex;justify-content:flex-end;align-items:center;align-content:space-evenly;}nav ul{display:flex;}nav li{margin-left:2em;margin-bottom:0;white-space:nowrap;display:flex;margin-top:18px;}nav a{opacity:1;position:relative;}nav a::before{content:'';display:block;height:5px;background:#000;position:absolute;top:-.75em;left:0;right:0;transform:scale(0,1);transition:transform ease-in-out 250ms;}nav a:hover::before{transform:scale(1,1);}.dropdown-submenu{position:relative;}.dropdown-submenu>a::after{display:block;content:"";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:4px 0 4px 4px;border-left-color:#000;margin-top:6px;margin-right:-10px;}.dropdown-submenu>ul.dropdown-menu{position:absolute;left:100%;top:0;margin-left:5px;}.dropdown-submenu .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;}.dropdown{margin-left:1.5em;}.dropdown-menu>li{margin-left:0;}.pagecontent{margin-top:140px;}}