@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto+Slab:wght@400;600;700&display=swap');
@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/content-buddy-theme/cb3/contentbuddy.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');

:root{
	/* images */
	--logo-url: url('UL_Logo_edit.png');
	--flag-aboriginal-url: url('flag-aboriginal.png');
	--flag-torres-url: url('flag-torres-strait-islander.png');

	/* content buddy overwrites */
	--base-font-size: 16px;
	--mobile-font-size: 14px; /* used to scale down everything on mobile */
	--brand-1-bg: #007a85; /* major brand colour - used for interaction  */
	--brand-1-fg: #ffffff;
	--brand-2-bg: #555555; /* minor brand colour */
	--brand-2-fg: #ffffff;
	--brand-3-bg: #777777; /* brand non-colour (e.g. grey) - default states */
	--brand-3-fg: #ffffff;
	--neutral-1: #f4f4f4; /* for backgrounds on elements like cards */
	--bold-weight: 600;
	--default-border-radius: 0.25em;
	--titlebar-title-align: center;
	--titlebar-intro-align: center;
	--titlebar-intro-width: 40em;
	--titlebar-margin-bottom: 3em;
	--blocklink-button-padding: 1.3em 2em;
	--article-title-align: left;
	--article-intro-align: left;
	--article-intro-bold: 700;
	--banner-overlay: #55555550;
	--banner-content-width: 60%;
	--banner-text-shadow: 0 0 0.5em rgba(0,0,0,0.3); /* default: rgba(0,0,0,0.3) */
	--card-title-font-size: 1.2em;
	--card-description-font-size: 0.9em;
	--card-description-font-weight: 300;
    --card-description-line-height: 1.7em;
	--card-shadow: 0 3px 5px rgba(85,85,85,0.2);
	--card-circular-width: 25%;
	--card-action-align: right;
	--counter-icon-colour: var(--brand-2-fg);
	--counter-label-colour: var(--brand-2-fg);
	--counter-number-colour: var(--brand-1-bg);
	--pcarousel-border-colour: #cccccc;

	/* site-specific */
	--default-font-family: 'Open Sans', sans-serif;
	--title-font-family: 'Roboto Slab', serif;
	--body-bg: #f8f8f8;
	--body-fg: #333333;
	--header-bg: rgba(255,255,255,0.8);
	--header-height: 6.5rem; /* for sticky header */
	--footer-bg: #181818;
	--footer-fg: #f4f4f4;
	--footer-font-size: 0.8em;
	--footer-social-bg: var(--brand-1-bg);
	--footer-social-fg: var(--brand-1-fg);
	--footer-social-shadow: 0 0.25em 0.5em rgba(0,0,0,0.3);
	--footer-content-background: var(--brand-2-bg);
	--footer-content-background-overlay: transparent;
	--footer-content-colour: var(--brand-2-fg);
	--footer-acknowledgement-bg: var(--footer-bg);
	--footer-acknowledgement-fg: var(--footer-fg);
	--imagebar-overlay: rgba(0,0,0,0.5);

	/* navigation */
	--nav-bg: #ffffff;
	--nav-fg: #333333;
	--nav-shadow: 0 0 2em rgba(0,0,0,0.2);
	--nav-border-colour: #eeeeee;
	--nav-sub-weight: 600; /* font weight for dropdown links - these links change colour by default */
	--nav-shadow-dropdown: 0 2em 2em rgba(0,0,0,0.1);
	--nav-radius-dropdown: 0 0 1em 1em;
	--nav-active-bg: var(--brand-1-bg); /* #b60000; */
	--nav-active-fg: var(--brand-1-fg);
	--secnav-bg: #ffffff;
	--secnav-fg: #666666;
	--secnav-font-size: 0.8em;
	--secnav-font-weight: 600;
	--secnav-line-height: 1em;
	--secnav-icon-size: 1em;
	--secnav-icon-colour: #666666;
	--search-width: 10em;
	--search-padding: 0em 0.5em;
	--search-border: solid 1px #eeeeee;
	--search-border-radius: 3px;
}

/* general */
html{ font-size: var(--base-font-size); }
body{ max-width: 100vw; background-color: var(--body-bg); color: var(--body-fg); font-family: var(--default-font-family); font-size: 1rem; overflow-x: hidden; }
a{ color: var(--brand-1-bg); }
a:is(:hover,:focus,:active){ color: var(--brand-2-bg); }
a,input,button{ transition: var(--interactive-transition); }
input, button, select, textarea{ font-family: var(--default-font-family); }
a.backToTop{ display: none; }
h1, .h1, .PageTitle, h2, .h2, .PanelTitle{ color: var(--brand-2-bg); font-family: var(--title-font-family); font-weight: 700; }
h4, .h4, .SectionLabel{ color: var(--brand-1-bg); font-family: var(--title-font-family); font-weight: 600; }
h1:after,h2:after{ display: none; }
.panel-body, .PanelBody, .panel-heading.Distinguish, .iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer{ margin: 0; padding: 0; }
.panel, .StandardPanel{ border: none; }
#masterHeaderBackground, .header{ border-bottom: none; }
.inner, .container, .header-container, .SliderPage1{ width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
	.inner .inner{ padding-left: 0; padding-right: 0; }
.OnBehalfOfContainer{ display: none; }
.mobileonly{ display: none !important; }

/* pseudo code layouts */
#masterContentArea.container{ max-width: 100%; margin: 0; padding: 0; } /* removed fixed width for content */
.psc_layout{ padding: 0; }
 	.dashboard .psc_layout{ padding: 3em 0 0; }
 	.padlayout .psc_layout{ padding: 3em 0; }
	.Wrapper-HomePage .psc_layout{ padding-top: 0; padding-bottom: 0; }
	.notoppadding .psc_layout{ padding-top: 0; }
	.nobottompadding .psc_layout{ padding-bottom: 0; }
	.nopadding .psc_layout{ padding-top: 0; padding-bottom: 0; }
.col6633{ display: grid; grid-template-columns: 2fr 1fr; gap: 5rem; }
.col5050{ display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; }
.col2575{ display: grid; grid-template-columns: 1fr 2fr; gap: 5rem; }
.col255025{ display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 2.5rem; }
.colthirds{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; }
.colquarters{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
.has-secondary-col.col-on-right .col-primary{ float: none; width: 100%; margin-right: 0; }
.col-secondary{ display: none; }

/* imis styles */
h2, .PanelTitle{ font-size: 2em; }
#masterMainBreadcrumb{ display: none; }
.notoppadding #masterMainBreadcrumb{ display: none; }
#masterMainBreadcrumb>span{ display: block; width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
	#masterMainBreadcrumb>span :is(span,a){ display: inline-block; margin: 0.5rem 0.25rem; color: var(--brand-3-bg); font-size: 0.8rem; text-decoration: none; }
		#masterMainBreadcrumb a:hover{ color: var(--brand-1-bg); font-size: 0.8rem; text-decoration: none; }
		#masterMainBreadcrumb>span :is(span:last-child){ color: var(--brand-1-bg) !important; font-weight: var(--bold-weight); }
#masterContentArea .TextButton,#masterContentArea .TextButton:visited,#masterContentArea .btn,#masterContentArea .btn:visited{ display: inline-block; padding: 0.5rem 1rem !important; background: var(--brand-1-bg) !important; color: var(--brand-1-fg) !important; font-size: var(--button-font-size) !important; font-weight: var(--button-font-weight); border: solid 1px transparent; border-radius: var(--button-border-radius); box-shadow: var(--button-shadow); text-decoration: none; text-transform: var(--button-text-transform); transform: none; transition: var(--interactive-transition); }
	#masterContentArea .TextButton:hover,#masterContentArea .btn:hover{ background: var(--brand-2-bg) !important; color: var(--brand-2-fg) !important; }
.SignIn{ max-width: 100%; }

/* content buddy */
.psc-cb-ipart-container.overlayabove .inner{ margin-top: -14em; }
.psc-cb-header-content :is(h1,h2){ color: var(--brand-1-fg); font-size: 4em; }
	.psc-cb-header-content :is(h1,h2) :is(b,strong,em,i){ color: var(--brand-1-bg); }
.section-article .psc-cb-ipart-container{ padding-bottom: 0; }
.psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-title{ margin-bottom: 0.5em; font-family: var(--title-font-family); }
.psc-cb-features-cards .psc-cb-features-card .psc-cb-features-card-description{ /*font-size: 0.7em;*/ }
.psc-cb-dynamic-titlebar .auxbar>span{ font-weight: 600; }
.iconcards .psc-cb-cards .psc-cb-card{ background-color: transparent; box-shadow: none; }
	.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ background-size: contain; border: none; border-radius: 0; box-shadow: none; }
	.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-content{ text-align: center; }
		.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ position: relative; margin-bottom: 1em; padding-bottom: 1em; font-size: 1.5em; }
			.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading:after{ content: ''; position: absolute; left: 50%; bottom: 0; display: inline-block; width: 5em; height: 4px; background-color: var(--brand-2-bg); transform: translateX(-50%); }
		.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-description{ padding: 0 3em; }
.nogap .psc-cb-cards{ gap: 0; border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); overflow: hidden; }
	.nogap .psc-cb-cards .psc-cb-card{ gap: 0; background-color: var(--brand-1-fg); border-radius: 0; box-shadow: none; }
		.nogap .psc-cb-cards .psc-cb-card .psc-cb-card-content{ padding: 1em 3em; }
.boardofdirectors .psc-cb-dyncontent-list{ grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); }
	.boardofdirectors .psc-cb-dynamic-image>:is(div,a){ padding: 0 0 125%; }
	.boardofdirectors .dynamicbody{ height: 5.5em; }
		.boardofdirectors .dynamicbody:after{ display: none; }
.imagebar{ position: relative; display: flex; align-items: center; justify-content: center; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
	.imagebar.tall{ min-height: 90vh; }
	.imagebar>div{ position: relative; z-index: 10; }
	.imagebar:before{ content: ''; position: absolute; inset: 0; z-index: 1; background-color: var(--imagebar-overlay); }
	.imagebar .psc-cb-ipart-content-heading{ margin-bottom: 3em; }
		.imagebar h2{ color: var(--brand-1-bg); }
		.imagebar .psc-cb-ipart-intro{ color: var(--brand-1-fg); }
.shortbanner .psc-cb-header{ min-height: 0 !important; height: 14em; background-attachment: fixed; box-shadow: inset 0 -0.5em 1em rgba(0,0,0,0.2); }
	.shortbanner .psc-cb-header-content{ padding: 0; }
		.shortbanner .psc-cb-header-content :is(h1,h2){ font-size: 3em; text-shadow: 0 0 0.5em rgba(0,0,0,0.3); }
		.shortbanner .psc-cb-header-content .description{ display: none; }

/* custom styles */
.singlebar{ display: flex; align-items: center; justify-content: center; gap: 4em; padding: 2em 0; }
	.footer-social .singlebar h2{ color: var(--brand-1-fg); font-size: 3em; line-height: 3em; text-shadow: -1px -1px 1px rgba(0,0,0,0.1); }
	.footer-social .singlebar .psc-cb-button{ background-color: var(--brand-1-fg); color: var(--brand-1-bg); font-size: 1em; font-weight: 600; }
		.footer-social .singlebar .psc-cb-button:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
.footer-content .colthirds>div:last-child .socialnav{ justify-content: flex-end; gap: 1em; }
	.footer-content .colthirds>div:last-child .socialnav a{ font-size: 1.2em; opacity: 0.5; }
		.footer-content .colthirds>div:last-child .socialnav a:hover{ opacity: 1; }
.contactlist{ display: block; margin: 3em 0; padding: 1.5em; list-style: none; padding: var(--default-gap); background-color: var(--brand-1-fg); border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); }
	.contactlist li{  }
		.contactlist li>label{  }
		.contactlist li>p{  }
			.contactlist li>p a{  }
.map{ display: block; margin: 0; padding: 3em 0; }
	.map iframe{ display: block; width: 100%; box-shadow: var(--card-shadow); }

/* member portal */
.panelpage{ font-size: var(--base-font-size); }
	.panelpage .psc_layout{ padding: 3em 0; }
	.panelpage .colgrid{ gap: var(--default-gap); }
	.panelpage .ContentItemContainer>.panel{ margin-bottom: var(--default-gap); padding: var(--default-gap); background-color: var(--brand-1-fg); border-radius: var(--card-border-radius); box-shadow: var(--card-shadow); font-size: 0.8rem; }
		.panelpage .ContentItemContainer>.panel .panel-heading{ margin-bottom: 1em; padding-bottom: 1em; border-bottom: solid 1px var(--brand-2-bg); }
	.panelpage .RadTabStrip.RadTabStrip_MetroTouch{ background: var(--brand-3-bg); color: var(--brand-3-fg) !important; font-family: var(--default-font-family) !important; font-size: 0.8em !important; }
		.panelpage .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{ background-color: var(--brand-2-bg) !important; color: var(--brand-2-fg) !important; border-color: var(--brand-2-bg) !important; }
			.panelpage .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{ background-color: var(--brand-2-fg) !important; color: var(--brand-2-bg) !important; border-color: var(--brand-2-fg) !important; }
	.panelpage .RadGrid a{ color: var(--brand-1-bg) !important; text-decoration: none !important; }
		.panelpage .RadGrid th a{ color: var(--brand-2-bg) !important; text-decoration: none !important; }
		.panelpage .RadGrid a:hover{ text-decoration: underline !important; }
	.panelpage .OpenInvoicesTotals .SelectedTotal .PanelFieldValue{ color: var(--brand-1-bg) !important; font-weight: 700 !important; }
	.panelpage .CommunicationPreferencesSection{ background-color: var(--neutral-1); }
.dashboard .Alerts .AlertItem{ display: block; width: 100%; max-width: 50em; margin: 0 auto; padding: 0; background-color: var(--neutral-1); border: none; box-shadow: var(--card-shadow); }
.membershipcard{ position: relative; display: grid; grid-template-columns: 1fr 3fr; gap: 3em; align-items: center; padding: 2em; font-size: 0.9rem; }
	.membershipcard:after{ content: ''; position: absolute; right: 2em; bottom: 2em; z-index: 1; display: block; width: 8em; height: 4em; background-image: var(--logo-url); background-position: center bottom; background-repeat: no-repeat; background-size: contain; filter: brightness(0) invert(1); opacity: 0.5; }
	.membershipcard>div{ position: relative; z-index: 10; }
	.membershipcard img{ display: inline-block; }
	.membershipcard ul{ display: flex; flex-direction: column; gap: 0.25em; margin: 0; padding: 0; list-style: none; }
		.membershipcard ul li{ display: grid; grid-template-columns: 1fr 2fr; gap: 1em; }
		
/* header */
#hd{ position: relative; z-index: 10000; min-height: 0; background-color: var(--header-bg); backdrop-filter: blur(5px); }
.header-top-container{ position: relative; inset: auto; }
	.header-top-container .header-container{ display: flex; align-items: center; justify-content: space-between; }
		.header-logo-container{ float: none; }
			#masterHeaderImage{ display: block; width: 14em; height: 4em; background-image: var(--logo-url); background-position: left center; background-size: contain; transition: var(--interactive-transition); }
		.navbar-header{ float: none; } /* auxiliary navigation */
			.nav-auxiliary{ display: flex; }
				.auxiliary-navigation{ display: flex; align-items: center; gap: 0.5em; margin: 0; padding: 0; list-style: none; }
					.auxiliary-navigation a{ display: block; padding: 0.5rem; color: var(--secnav-fg); font-size: var(--secnav-font-size); font-weight: var(--secnav-font-weight); line-height: var(--secnav-line-height); text-decoration: none; }
						.auxiliary-navigation a:hover,.auxiliary-navigation a:hover:before{ color: var(--nav-active-bg); }
						.auxiliary-navigation a:before{ margin-right: 0.5em; color: var(--secnav-icon-colour); font-family: "Font Awesome 5 Free"; font-size: var(--secnav-icon-size); font-weight: 900; transition: var(--interactive-transition); }
						.auxiliary-navigation .signin a:before{ content: '\f2f6'; }
						.auxiliary-navigation .account a:before{ content: '\f007'; }
						.auxiliary-navigation .cart a:before{ content: '\f07a'; }
						.auxiliary-navigation .UtilitySTEToggle a:before{ content: '\f044'; }
					.auxiliary-navigation .searchcntr{ display: flex; align-items: center; width: 2.2em; margin-left: 1em; padding: var(--search-padding); border: solid 1px transparent; border-radius: var(--search-border-radius); box-shadow: none; overflow: hidden; transition: var(--interactive-transition); }
						.auxiliary-navigation .searchcntr:active, .auxiliary-navigation .searchcntr:focus
						,.auxiliary-navigation .searchcntr:focus-within{ width: var(--search-width); border: var(--search-border); }
						.auxiliary-navigation .searchcntr:before{ content: '\f002'; color: var(--secnav-icon-colour); font-family: "Font Awesome 5 Free"; font-size: var(--secnav-icon-size); font-weight: 900; cursor: pointer; }
						.auxiliary-navigation .searchcntr .searchfield{ display: block;width: 100%; height: auto; background: transparent; font-family: var(--default-font-family); font-size: var(--secnav-font-size); line-height: var(--secnav-line-height); border: none; box-shadow: none; }
						.auxiliary-navigation .searchcntr .searchbutton{ display: none; }
					.auxiliary-navigation .mobilenavtrigger{  }
						.auxiliary-navigation .mobilenavtrigger a{ position: relative; display: block; min-height: 1em; margin-left: 1em; padding: 0; }
							.auxiliary-navigation .mobilenavtrigger a:focus{ outline: none; }
							.auxiliary-navigation .mobilenavtrigger a>span{ display: block; width: 1.75em; height: 4px; margin-bottom: 3px; background-color: var(--secnav-icon-colour); pointer-events: none; transition: all 0.3s; }
								.auxiliary-navigation .mobilenavtrigger a:hover>span{ background-color: var(--nav-active-bg); }
								.auxiliary-navigation .mobilenavtrigger a.mobilenavvisible span{ height: 4px; margin-bottom: 0; transform-origin: 50% 50%; }
									.auxiliary-navigation .mobilenavtrigger a.mobilenavvisible span:nth-child(1){ transform: rotateZ(-45deg) translateY(3px); }
									.auxiliary-navigation .mobilenavtrigger a.mobilenavvisible span:nth-child(2){ display: none; }
									.auxiliary-navigation .mobilenavtrigger a.mobilenavvisible span:nth-child(3){ transform: rotateZ(45deg) translateY(-3px); }
.header-bottom-container{ position: relative; inset: auto; background-color: var(--nav-bg); box-shadow: var(--nav-shadow); } /* change full-width background colour here */

		/* default nav style */
		#hd .psc-navigation{ display: flex; align-items: center; justify-content: stretch; flex-wrap: wrap; }
			#hd .psc-navigation-container ul{ position: relative; margin: 0; padding: 0; list-style: none; }
				#hd .psc-navigation>li{ flex: 1; }
					#hd .psc-navigation>li+li{ border-left: solid 1px var(--nav-border-colour); }
					#hd .psc-navigation a{ display: block; padding: 0.75em 1.2em; background-color: transparent; color: var(--nav-fg); text-decoration: none; }
					#hd .psc-navigation>li>a{ font-size: 0.9em; line-height: 1.4em; text-align: center; }
						#hd .psc-navigation>li:focus>a, #hd .psc-navigation>li:focus-within>a,
						#hd .psc-navigation>li:hover>a,
						#hd .psc-navigation>li>a:hover{ background-color: var(--nav-active-bg); color: var(--nav-active-fg); }
			#hd .psc-navigation li{ display: block; }
				#hd .psc-navigation li ul.psc-submenu-level1{ position: absolute; left: 0; right: 0; display: flex; gap: 1em; flex-wrap: wrap; max-height: 0; padding: 0 2em; background-color: var(--nav-bg); border-top: solid 0 var(--nav-active-bg); border-radius: var(--nav-radius-dropdown); box-shadow: none; overflow: hidden; transition: all 0.3s; }
					#hd .psc-navigation li:focus-within ul.psc-submenu-level1,
					#hd .psc-navigation li:hover ul.psc-submenu-level1{ max-height: 100vh; padding: 1em 2em; border-top: solid 2px var(--nav-active-bg); box-shadow: var(--nav-shadow-dropdown); transition: var(--interactive-transition); }
					#hd .psc-navigation li ul.psc-submenu-level1 .titlebar{ flex: 0 0 100%; padding: 0 0.8em 0.5em; color: var(--nav-active-bg); font-size: 1.2em; font-weight: var(--nav-sub-weight); line-height: 1.2em; border-bottom: solid 1px var(--nav-border-colour); }
					#hd .psc-navigation li ul.psc-submenu-level1>li>a{ font-size: 0.8em; font-weight: var(--nav-sub-weight); line-height: 1.2em; text-align: left; }
						#hd .psc-navigation li ul.psc-submenu-level1>li>a:hover{ color: var(--nav-active-bg); }
				#hd .psc-navigation li ul.psc-submenu-level2{ padding-left: 1em; }
					#hd .psc-navigation li ul.psc-submenu-level2 a{ font-size: 0.8em; font-weight: var(--nav-sub-weight); line-height: 1.2em; text-align: left; }
						#hd .psc-navigation li ul.psc-submenu-level2 a:hover{ color: var(--nav-active-bg); }

	/* style2 */
	#hd.style2{ transition: var(--interactive-transition); }
		#hd.style2 .header-top-container .header-container{ display: grid; grid-template-columns: 1fr 4fr; gap: 2em; }
		#hd.style2 .nav-auxiliary{ flex-direction: column; align-items: flex-end;  }
			#hd.style2 .auxiliary-navigation{ padding-top: 1em; transition: var(--interactive-transition); }
			#hd.style2 .psc-navigation-container{ margin: 1em 0; transition: var(--interactive-transition); }
				#hd.style2 .psc-navigation{ justify-content: flex-end; }
					#hd.style2 .psc-navigation a{ padding: 0.4em 1em; }
					#hd.style2 .psc-navigation>li{ flex: unset; }
						#hd.style2 .psc-navigation>li>a{ line-height: 1.2em; white-space: nowrap; }
						#hd.style2 .psc-navigation li ul.psc-submenu-level1{  }
							#hd.style2 .psc-navigation li ul.psc-submenu-level1 .titlebar{ display: none; }

/* sticky header */
body.hasscrollindicator{ padding-top: var(--header-height); }
	body.hasscrollindicator #hd{ position: fixed; inset: 0; bottom: auto; z-index: 10000; box-shadow: 0 0 1em rgba(0,0,0,0.3); }
body.scrolled #masterHeaderImage{ height: 2em; }
body.scrolled #hd .psc-navigation a{ padding: 0.4em 1.2em; }
body.scrolled #hd .psc-navigation>li>a{ font-size: 0.8em; }
body.scrolled #hd.style2{  }
	body.scrolled #hd.style2 .auxiliary-navigation{ transform: translateY(-5vh); }
	body.scrolled #hd.style2 .psc-navigation-container{ margin-top: -2em; }

/* footer */
#ft{ background-color: var(--footer-bg); color: var(--footer-fg); }
	#ft .psc_layout{ padding: 0; }
	#ft .inner{ padding-left: 0; padding-right: 0; }
	#ft h5{ margin-bottom: 1em; color: var(--footer-social-fg); font-family: var(--title-font-family); text-align: center; }
	#ft .colthirds{ gap: 3em; }
		#ft .colthirds h5{ padding-bottom: 1em; border-bottom: solid 1px rgba(255,255,255,0.3); font-size: 1.5em; text-align: left; }
		#ft .colthirds>div:nth-child(3){ align-self: flex-end; }
	#footerlogo{ display: block; margin: 2em 0; padding: 0 0 2em; background-image: var(--logo-url); background-position: right top; background-repeat: no-repeat; background-size: contain; filter: brightness(0) invert(1); opacity: 0.5; }
	.footer .footer-social{ position: relative; z-index: 100; width: 100%; box-shadow: var(--footer-social-shadow); }
	.footer-social{ padding: 0em 0; background: var(--footer-social-bg); color: var(--footer-social-fg); }
		.socialnav{ display: flex; align-items: center; justify-content: center; gap: 2em; margin: 0; padding: 0; list-style: none; font-size: 1.5em; }
			.socialnav a{ display: block; color: var(--footer-social-fg); font-size: 1.5em; text-decoration: none; }
				.socialnav a:hover{ text-decoration: none; transform: scale(0.8); }
	.footer-content{ position: relative; padding: 4em 0; background: var(--footer-content-background); background-attachment: fixed; background-size: cover; color: var(--footer-content-colour); text-align: left; }
		.footer-content:before{ content: ''; position: absolute; inset: 0; z-index: 1; background: var(--footer-content-background-overlay); backdrop-filter: blur(4px); }
		.footer-content .container{ position: relative; z-index: 10; }
		.footer-content .psc-navigation{ display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 0.5em; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
			.footer-content .psc-navigation li{ border: none; }
				.footer-content .psc-navigation a{ display: block; background-color: transparent; color: var(--footer-fg); font-size: var(--footer-font-size); line-height: 1.2em; text-decoration: none; }
					.footer-content .psc-navigation>li:focus>a, .footer-content .psc-navigation>li:focus-within>a,
					.footer-content .psc-navigation>li:hover>a,
					.footer-content .psc-navigation a:hover{ text-decoration: underline; }
		.footer-content .contact{ padding: 0; }
			.footer-content .contact ul{ display: block; margin: 0; padding: 0; list-style: none; }
				.footer-content .contact ul li{ display: flex; align-items: flex-start; gap: 1.5em; margin-bottom: 1.5em; }
					.footer-content .contact ul li p{ margin-top: -0.25em; font-size: var(--footer-font-size); line-height: 1.4em; text-align: left; }
					.footer-content .contact ul li a{ display: flex; align-items: center; gap: 1.5em; background-color: transparent; color: var(--footer-fg); font-size: var(--footer-font-size); line-height: 1.2em; text-decoration: none; }
						.footer-content .contact ul li a:hover{ text-decoration: underline; }
	.footer-acknowledgement{ padding: 2em 0; background: var(--footer-acknowledgement-bg); color: var(--footer-acknowledgement-fg); }
		.countryacknowledgement{ max-width: 100%; margin: 0 auto; }
			.countryacknowledgement h5{ display: flex; align-items: center; justify-content: center; gap: 4em; }
				.countryacknowledgement h5:before{ content: var(--flag-aboriginal-url); }
				.countryacknowledgement h5:after{ content: var(--flag-torres-url); }
			.countryacknowledgement p{ font-size: 0.7em; }
	.footer-nav-copyright{ display: block; margin-top: 1em; background-color: var(--footer-bg); color: var(--footer-fg); }
		.footer-nav-copyright .footer-copyright{ float: none; display: block; font-size: 0.7em; text-align: left; }

@media(max-width: 1025px){
	:root{ 
		--base-font-size: var(--mobile-font-size); 
		--secnav-icon-size: 1.5em;
	}
}
@media(max-width: 769px){
	.mobileonly{ display: block !important; }
	.colgrid{ grid-template-columns: 1fr !important; }
	.header-top-container .header-container{ flex-direction: column; margin-bottom: 1em; }
		.auxiliary-navigation{ gap: 1em; }
			.auxiliary-navigation a span{ display: none; }
			.auxiliary-navigation .searchcntr{ margin-left: 0; border: none; }
		#psc-primary-nav{ max-height: 0px; transition: var(--interactive-transition); overflow: hidden; }
			#psc-primary-nav.mobilenavvisible{ max-height: 150vh; overflow: unset; }
			#hd .psc-navigation{ flex-direction: column; }
				#hd .psc-navigation>li{ width: 100%; }
					#hd .psc-navigation>li+li{ border-left: none; border-top: solid 1px var(--nav-border-colour); }
					#hd .psc-navigation>li>a{ display: flex; align-items: center; justify-content: space-between; }
						#hd .psc-navigation>li:hover>a,
						#hd .psc-navigation>li>a:hover{ background-color: var(--nav-active-fg); color: var(--nav-active-bg); }
						#hd .psc-navigation>li>a.hassubmenu{ padding: 0.25em 1.2em; }
						#hd .psc-navigation>li>a .navtoggle{ display: block; padding: 0.5em; pointer-events: none; }
							#hd .psc-navigation>li>a .navtoggle:before{ display: block; margin: 0 0.5em; color: var(--secnav-icon-colour); font-family: "Font Awesome 5 Free"; font-size: var(--secnav-icon-size); font-weight: 900; transition: var(--interactive-transition); }
								#hd .psc-navigation>li>a .navtoggle:before{ content: '\f078'; }
					#hd .psc-navigation li ul.psc-submenu-level1{  }
						#hd .psc-navigation li ul.psc-submenu-level1 .titlebar{ display: none; }
						#hd .psc-navigation li ul.psc-submenu-level1
						,#hd .psc-navigation li:focus-within ul.psc-submenu-level1
						,#hd .psc-navigation li:hover ul.psc-submenu-level1{ position: absolute; left: 0; right: 0; display: flex; flex-direction: column; gap: 0.5em; flex-wrap: nowrap; max-height: 0; padding: 0 1em; background-color: var(--nav-bg); border-top: solid 0 var(--nav-active-bg); border-radius: var(--nav-radius-dropdown); box-shadow: none; overflow: hidden; transition: all 0.3s; }
							#hd .psc-navigation li.expanded ul.psc-submenu-level1{ max-height: 100vh; padding: 1em 1em; border-top: solid 2px var(--nav-active-bg); box-shadow: var(--nav-shadow-dropdown); transition: var(--interactive-transition); }
							#hd .psc-navigation li.expanded .navtoggle:before{ color: var(--nav-active-bg); transform: rotateX(180deg); }
		#hd.style2 .header-top-container .header-container{ display: flex; align-items: center; gap: 0; }
			#hd.style2 .nav-auxiliary{ align-items: stretch; width: 100%; }
				#hd.style2 .auxiliary-navigation{ justify-content: center; }
			#hd.style2 .psc-navigation a{ padding: 0.75em 1em; }
				#hd.style2 .psc-navigation a.hassubmenu{ padding: 0.3em 1em; }
	#footerlogo{ background-position: center; }
	#ft .colthirds h5{ text-align: center; }
	.footer-content{ text-align: center; }
		.footer-content .psc-navigation{ align-items: center; }
		.footer-content .contact ul li{ justify-content: center; }
		.footer-content .colthirds>div:last-child .socialnav{ justify-content: center; }
		.countryacknowledgement h5{ position: relative; display: block; padding-top: 5em; }
			.countryacknowledgement h5:before{ position: absolute; left: 50%; top: 0; transform: translateX(-150%); }
			.countryacknowledgement h5:after{ position: absolute; left: 50%; top: 0; transform: translateX(50%); }
		.countryacknowledgement p{ text-align: center; }
		.footer-nav-copyright .footer-copyright{ text-align: center; }
	.singlebar{ flex-direction: column; }
		.footer-social .singlebar h2{ font-size: 3em; line-height: 1em; text-align: center; }
	.nogap .psc-cb-cards .psc-cb-card .psc-cb-card-content{ padding: 1em; }
	.psc-cb-header-content{ width: 100%; }
		.psc-cb-header-content :is(h1,h2){ font-size: 2.5em; }
	.preset7 .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ padding: 0 0 25%; }
	.membershipcard{ grid-template-columns: 1fr; padding-bottom: 10em; }
		.membershipcard:after{ left: 2em; width: auto; filter: none; }
		.membershipcard>div:first-child{ text-align: center; }
		.membershipcard ul li{ grid-template-columns: 1fr 1fr; }
			.membershipcard ul li label{ text-align: right; }
}

/* debug */
/* #hd{ background: #dddddd; } */
/* .header-bottom-container{ background: #663399; } */
/* #masterContentArea{ min-height: 125vh; } */