@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700;800&family=Source+Serif+Pro:wght@200;300;400;700;900&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap'); /* font-family: 'Roboto Condensed', sans-serif; */
:root{
	
	--asset-logo: url(/images/website/logo.png);
	--searchblock-bg: url(/images/website/corner-gold-solid-bottom-right.png);
	--corner-angle-bg: url(/images/website/corner-gold.png);
	--memberblock-bg: url(/images/website/corner-orange-circle-bottom-right.png);
	--lij-logo: url(/images/website/lij-logo.png);
	--lij-logo-large: url(/images/website/lij-logo-large.png);
	--lij-search-bg: url(/images/website/lij-header-bg.jpg);
	--archive-search-bg: url(/images/website/lij-header-bg.jpg);
	--default-event-banner: url(/images/website/banner-events-1.jpg);
	--bookshop-banner: url(/images/website/banner-bookshop.jpg);
	--referrals-banner: url(/images/website/banner-referrals.jpg);
	--facilities-banner: url(/images/website/banner-facilities.jpg);
	--content-banner: url(/images/website/banner-content.jpg);
	--referral-block-bg-1: url(/images/website/referral-block-bg-1.jpg);
	--advantage-banner: url(/images/website/banner-advantage.jpg);
	--logo-accredited: url(/images/website/logo-accredited.png);
	
	
	/* --asset-logo: url(https://stagingtest.liv.asn.au/images/website/logo.png);
	--searchblock-bg: url(https://stagingtest.liv.asn.au/images/website/corner-gold-solid-bottom-right.png);
	--corner-angle-bg: url(https://stagingtest.liv.asn.au/images/website/corner-gold.png);
	--memberblock-bg: url(https://stagingtest.liv.asn.au/images/website/corner-orange-circle-bottom-right.png);
	--lij-logo: url(https://stagingtest.liv.asn.au/images/website/lij-logo.png);
	--lij-logo-large: url(https://stagingtest.liv.asn.au/images/website/lij-logo-large.png);
	--lij-search-bg: url(https://stagingtest.liv.asn.au/images/website/lij-header-bg.jpg);
	--archive-search-bg: url(https://stagingtest.liv.asn.au/images/website/lij-header-bg.jpg);
	--default-event-banner: url(https://stagingtest.liv.asn.au/images/website/banner-events-1.jpg);
	--bookshop-banner: url(https://stagingtest.liv.asn.au/images/website/banner-bookshop.jpg);
	--referrals-banner: url(https://stagingtest.liv.asn.au/images/website/banner-referrals.jpg);
	--facilities-banner: url(https://stagingtest.liv.asn.au/images/website/banner-facilities.jpg);
	--content-banner: url(https://stagingtest.liv.asn.au/images/website/banner-content.jpg);
	--referral-block-bg-1: url(https://stagingtest.liv.asn.au/images/website/referral-block-bg-1.jpg);
	--advantage-banner: url(https://stagingtest.liv.asn.au/images/website/banner-advantage.jpg);
	--logo-accredited: url(https://stagingtest.liv.asn.au/images/website/logo-accredited.png); */
	
	--font-default: 'Open Sans', sans-serif;
	--font-title: 'Source Serif Pro', serif;
	--font-icon: 'Roboto Condensed', sans-serif;
	--text-default: #444444;
	--text-grey: #777777;
	--text-black: #111111;
	--text-on-colour: #ffffff;
	--nav-active-bg: #ffffff;
	--nav-active-fg: #444444;
	--colour-dark-bg: #333333;
	--colour-dark-fg: #ffffff;
	--colour-midgrey-bg: #666666;
	--colour-midgrey-fg: #ffffff;
	--colour-primary: #081d4d;
	--colour-secondary-fushia: #ac1359;
	--colour-secondary-fushia-bold: #e2163d;
	--colour-secondary-fushia-dull: #e26662;
	--colour-secondary-orange: #ff8203;
	--colour-secondary-orange-bold: #f4af23;
	--colour-secondary-orange-dull: #d1b367;
	--colour-secondary-blue: #007280;
	--colour-secondary-blue-bold: #0070b8;
	--colour-secondary-blue-dull: #b8c8cc;
	--colour-secondary-green: #83c346;
	--colour-secondary-turquoise: #00a8aa;
	--colour-secondary-teal: #007381;
	--mobile-nav-active-bg: #eeeeee;
}
html{ font-size: 16px; scroll-behavior: smooth; }
body{ max-width: 100vw; color: var(--text-default); font-family: var(--font-default); font-size: 1rem; line-height: 1.5rem; overflow-x: hidden; }
/*a,a:visited{ color: var(--colour-secondary-blue-bold); }*/
a,a:visited{ color: var(--colour-secondary-turquoise); }
h1,h2,h3,h4,h5,h6,.PanelTitle{ display: block; color: var(--colour-primary); font-family: var(--font-default); text-decoration: none; }
h1{ font-family: var(--font-title); font-size: 2.375rem; line-height: 2.6875rem; }
	h1.fauxh2{ font-family: var(--font-default); font-size: 2.25rem; line-height: 2.875rem; }
	h1 a,h1 a:visited{ color: var(--colour-primary); }
h2,.PanelTitle{ font-size: 2.25rem; line-height: 2.875rem; }
	h2.fauxh1{ font-family: var(--font-title); font-size: 2.375rem; line-height: 2.6875rem; }
	p+h2,ul+h2{ padding-top: 2rem; }
	h2.lined{ display: flex; margin-bottom: 2.5rem !important; align-items: center; color: var(--colour-secondary-teal) !important; white-space: nowrap; }
		h2.lined:after{ content: ''; display: block; margin-left: 10px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
	h2 a,h2 a:visited{ color: var(--colour-primary); }
h3{ font-size: 1.875rem; line-height: 2.5rem; }
	h3.teal{ color: var(--colour-secondary-teal); }
	h3.nextsectiontitle{ margin-top: 2rem; margin-bottom: -1rem !important; }
	h3 a,h3 a:visited{ color: var(--colour-primary); }
h4{ font-size: 1.5625rem; line-height: 2.1875rem; }
	h4 a,h4 a:visited{ color: var(--colour-primary); }
	h4, .h4, .SectionLabel{ color: var(--colour-secondary-teal); }
h5{ font-size: 1.3125rem; line-height: 1.5375rem; }
	h5 a,h5 a:visited{ color: var(--colour-primary); }
h6{ font-size: 1.125rem; line-height: 1.75rem; }
	h6 a,h6 a:visited{ color: var(--colour-primary); }
h1:after,h2:after{ display: none; margin: 0; }

h3 a:after,h4 a:after,h5 a:after,h6 a:after{ content: '\f105'; margin-left: 1rem; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-variant: normal; line-height: 1; text-rendering: auto; vertical-align: 0; transition: all 0.3s; }
	h3 a:hover:after,h4 a:hover:after,h5 a:hover:after,h6 a:hover:after{ margin-left: 1.5rem; }
.iqa2htmlblock h3 a:after,.iqa2htmlblock h4 a:after,.iqa2htmlblock h5 a:after,.iqa2htmlblock h6 a:after{ display: none; }
.filterresults h3 a:after,.filterresults h4 a:after,.filterresults h5 a:after,.filterresults h6 a:after{ display: none; }
.ogimage{ display: none !important; }

.smallbody{ font-size: 0.8125rem; line-height: 1.25rem; }
.labellarge{ font-size: 1.5rem; line-height: 1.9375rem; }
.labelmedium{ font-size: 1.1875rem; line-height: 1.5625rem; }
.labelsmall{ font-size: 1rem; line-height: 1.3125rem; }
.alignright{ text-align: right; }
.image-style-align-left{ float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
.image-style-align-right{ float: right; margin-left: 1.5rem; margin-bottom: 1rem; }
.image.image-style-side{ float: left; margin-right: 2rem; }
.desktop{  }
.tablet{ display: none; }
	.tablet.inlineblock{ display: none !important; }
.mobile{ display: none !important; }
.RadTabStrip.RadTabStrip_MetroTouch{ background: var(--colour-secondary-teal); }
	.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{ background: var(--colour-secondary-teal) !important; border-color: var(--colour-secondary-teal) !important; }
.strongteal{ color: var(--colour-secondary-teal); font-weight: 700; }
#pagecover{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000000; background-color: rgba(255,255,255,0.4); backdrop-filter: blur(6px); }
.heart{  }
	.heart a{ color: var(--text-black); }
.ProgramGroup .PanelHead, .ProgramGroup .panel-heading{ background-color: var(--colour-secondary-turquoise); }
	.ProgramGroup .PanelTitle, .ProgramGroup .panel-title{ color: var(--text-on-colour); font-family: var(--font-default); }
.tealblock{ color: var(--colour-secondary-teal) !important; }
	.tealblock *{ color: var(--colour-secondary-teal) !important; }
.hideforload{ display: none !important; }
/*.RadGrid a, .RadToolTip a{ color: var(--colour-secondary-teal) !important; text-decoration: none; }*/
	.RadGrid a:hover, .RadToolTip a:hover{ color: var(--colour-secondary-teal); text-decoration: underline; }
.footnote{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-default) !important; font-size: 0.9rem !important; line-height: 1.2rem !important; }
#addsearch-logo{ display: none !important; }
.TwoColumns .PanelField .Label{ width: 14.5em; }
/*.PanelField label, .PanelField .Label{ width: 14.5em; }*/
.buttonlinkbar{ display: block; padding: 1rem 0; }
	.buttonlinkbar>a{ margin-right: 1rem; }

/* INTERACTIVES */
	a,input,button{ text-decoration: none; transition: all 0.3s; }
	input,button{ cursor: pointer; font-family: var(--font-default); }
	a:hover,a:visited:hover{ color: var(--colour-secondary-fushia); }
	a:visited{ color: var(--colour-secondary-blue-bold); }
	a:focus,input:focus,button:focus{ outline: none !important; }
	p>a{ color: var(--colour-secondary-turquoise); text-decoration: underline; }
		p>a:active{ color: var(--colour-secondary-turquoise); text-decoration: underline; }
		p>a:visited{ color: var(--colour-secondary-turquoise); text-decoration: underline; }
		p>a:hover{ color: var(--colour-secondary-fushia); text-decoration: none; }
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ height: auto; min-height: 37px; font-family: var(--font-default); font-size: 0.9375rem; line-height: 1.2rem; box-shadow: none; }
	.linkbutton,.linkbutton:visited{ display: inline-block; padding: 0.6rem 1.8rem; background-color: var(--colour-primary) !important; color: var(--text-on-colour) !important; border-radius: 2rem; text-decoration: none; }
		.linkbutton.small{ padding: 0.5rem 1.4rem; font-size: 80%; }
		.linkbutton.blue,.linkbutton.blue:visited{ background-color: var(--colour-primary) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-primary); }
			.linkbutton.blue:hover{ background-color: var(--colour-secondary-fushia) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-fushia); }
		.linkbutton.secblue,.linkbutton.secblue:visited{ background-color: var(--colour-secondary-blue) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-blue); }
			.linkbutton.secblue:hover{ background-color: var(--colour-secondary-orange-bold) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-orange-bold); }
		.linkbutton.turquoise,.linkbutton.turquoise:visited{ background-color: var(--colour-secondary-turquoise) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-turquoise); }
			.linkbutton.turquoise:hover{ background-color: var(--colour-secondary-orange-bold) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-orange-bold); }
		.linkbutton.white.bluetext,.linkbutton.white.bluetext:visited{ background-color: #ffffff !important; color: var(--colour-primary) !important; border: solid 1px #ffffff; }
		.linkbutton.white,.linkbutton.white:visited{ background-color: #ffffff !important; color: var(--text-default) !important; border: solid 1px #ffffff; }
		.linkbutton.whiteoutline,.linkbutton.whiteoutline:visited{ background-color: transparent !important; color: var(--text-on-colour) !important; border: solid 1px #ffffff; }
		.linkbutton.cyanoutline,.linkbutton.cyanoutline:visited{ background-color: var(--text-on-colour) !important; color: var(--colour-secondary-turquoise) !important; border: solid 1px var(--colour-secondary-turquoise); }
			.linkbutton.cyanoutline:hover{ background-color: var(--colour-secondary-turquoise) !important; color: var(--text-on-colour) !important; }
		.linkbutton.grey,.linkbutton.grey:visited{ background-color: var(--colour-midgrey-bg) !important; color: var(--colour-midgrey-fg) !important; border: solid 1px var(--colour-midgrey-bg); }
			.linkbutton.grey:hover{ background-color: var(--colour-midgrey-fg) !important; color: var(--colour-midgrey-bg) !important; border: solid 1px var(--colour-midgrey-bg); }
		.linkbutton.teal,.linkbutton.teal:visited{ background-color: var(--colour-secondary-teal) !important; color: var(--text-on-colour) !important; border: solid 1px var(--colour-secondary-teal); }
			.linkbutton.teal:hover{ background-color: #ffffff !important; color: var(--colour-secondary-teal) !important; }
		.linkbutton.tealoutline,.linkbutton.tealoutline:visited{ background-color: var(--text-on-colour) !important; color: var(--colour-secondary-teal) !important; border: solid 1px var(--colour-secondary-teal); }
			.linkbutton.tealoutline:hover{ background-color: var(--colour-secondary-teal) !important; color: var(--text-on-colour) !important; }
	.searchfieldbox{ display: inline-block; margin: 0.8rem 0.5rem 0 1rem; padding: 5px; border: solid 2px #cccccc; border-radius: 75px; }
		.searchfieldbox input{ display: inline-block; border-color: transparent !important; border-radius: 50px; box-shadow: none !important; }
		.searchfieldbox a{ display: inline-block; color: var(--text-default); }
			.searchfieldbox a span{ display: block; width: 38px; height: 38px; border-radius: 50px; background-color: #eeeeee; font-size: 0.8rem; line-height: 38px; text-align: center; transition: all 0.3s; }
			.searchfieldbox a:hover span{ background-color: var(--colour-primary); color: var(--text-on-colour); }

/* GLOBAL and LAYOUT */
	.backToTop{ display: none; }
	.container, .header-container, .SliderPage1{ max-width: 1400px; }
	.inner{ display: block; width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
		.inner.contentwidth{ max-width: 900px; padding-left: 0; padding-right: 0; }
		.inner.articlewidth{ max-width: 760px; }
		.inner.noaccessmsg{ padding: 3rem 2rem; background-color: #eeeeee; text-align: center; }
			.inner.noaccessmsg h4{ margin-bottom: 2.5rem; color: var(--text-primary); font-family: var(--font-title); font-size: 1.4rem; font-weight: 700; line-height: 1.8rem; text-align: center; }
			.inner.noaccessmsg p{ margin-bottom: 2rem; text-align: center; }
				.inner.noaccessmsg p.note{ padding-top: 1rem; font-size: 0.9rem; text-align: center; }
			.inner.noaccessmsg .linkbutton+.linkbutton{ margin-left: 2rem; }
			/*.articlecontainer .noautharticle{ display: block; padding: 3rem 2rem; background-color: #ffffff; text-align: center; }
				.articlecontainer .noautharticle h2{ margin-bottom: 1.5rem; color: var(--text-black); font-family: var(--font-title); }
				.articlecontainer .noautharticle p{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
					.articlecontainer .noautharticle p a{ color: var(--text-default); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: underline; }
						.articlecontainer .noautharticle p a:hover{ color: var(--colour-primary); text-decoration: none; }*/
	.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer{ margin-bottom: 0; }
	.panel, .StandardPanel{ border: none; }
	.panel-body, .PanelBody{ padding: 0; }
	.centred{ text-align: center !important; }
	.doublepanel{ padding: 8rem 0; }
		.doublepanel .contentplaque{ display: block; background-color: #ffffff; overflow: hidden; }
			.doublepanel .contentplaque .plaqueblock{ float: left; width: 50%; padding: 2rem; }
				.doublepanel .contentplaque .plaqueblock .text{ display: block; min-height: 300px; }
					.doublepanel .contentplaque .plaqueblock .text h3{ margin-bottom: 2rem; }
					.doublepanel .contentplaque .plaqueblock .text p{ margin-bottom: 2rem; }
				.doublepanel .contentplaque .plaqueblock>p{ margin: 0; }
	.col-primary{ min-height: 50vh; }
	.sidebar{ width: 300px; padding: 2rem 0 0.8rem 0.8rem; }
	.has-secondary-col.col-on-right .col-primary{ float: left; width: 58%; margin-right: 0; padding: 2rem 1rem 4rem 1rem; border-left: solid 1px #eeeeee; }
	.has-secondary-col.col-on-right .col-secondary{ float: left; width: 20%; padding: 2rem 0.8rem 0.8rem 0; }
	.has-secondary-col.col-on-right .col-sidebar{ float: left; width: 300px; padding: 2rem 0 0.8rem 0.8rem; }
	.nosidebars .has-secondary-col.col-on-right .col-primary{ width: 100%; margin-top: 2rem; padding: 0rem 0 4rem; border-left: none; }
	.nosidebars .has-secondary-col.col-on-right .col-secondary{ display: none; }
	.nosidebars .has-secondary-col.col-on-right .col-sidebar{ display: none; }
	.nosidebars .col-primary{ width: 100%; padding: 2rem 0 4rem; border-left: none; }
	.nosidebars .col-secondary{ display: none; }
	.nosidebars .col-sidebar{ display: none; }
	
	/* no adverts by default */
	.col-primary{ width: 100%; padding: 2rem 0 4rem; }
		body.homepage .col-primary{ padding-bottom: 0; }
	.has-secondary-col.col-on-right .col-primary{ width: 80%; padding: 2rem 0 4rem 1rem; }
	.col-sidebar{ display: none; }
	.has-secondary-col.col-on-right .col-sidebar{ display: none; }
	
	/* show adverts */
	.showadverts .has-secondary-col.col-on-right .col-primary{ width: 57%; padding: 2rem 1rem 4rem 1rem; }
	.showadverts .has-secondary-col.col-on-right .col-secondary{ width: 20%; padding: 2rem 0.8rem 0.8rem 0; }
	.showadverts .has-secondary-col.col-on-right .col-sidebar{ display: block; width: 313px; padding: 2rem 0 0.8rem 0.8rem; }
	
	.showheaderbanner .col-primary{ padding-top: 0 !important; transform: translateY(-2px); }
	.datasource,.profileimagesource,.alertsource{ display: none; outline: dashed 2px #ff3300; }
	.columns{ overflow: hidden; }
		.columns .col{ float: left; }
			.columns .col.right{ float: right; }
			.columns .col.quarter{ width: 25%; }
			.columns .col.threequarters{ width: 75%; }
			.columns .col.half{ width: 50%; }
			.columns .col.third{ width: 33%; }
			.columns .col.twothirds{ width: 66%; }
			.columns .col.sixty{ width: 60%; }
			.columns .col.forty{ width: 40%; }
			.columns .col.full{ clear: both; width: 100%; }
			.columns .col>img{ display: block; width: 100%; }
	.padleft{ padding-left: 30px; }
		.padleft.smallpad{ padding-left: 15px; }
		.padleft.bigpad{ padding-left: 60px; }
	.padright{ padding-right: 30px; }
		.padright.smallpad{ padding-right: 15px; }
		.padright.bigpad{ padding-right: 60px; }
	.padbottom{ padding-bottom: 30px; }
		.padbottom.smallpad{ padding-bottom: 15px; }
		.padbottom.bigpad{ padding-bottom: 60px; }
	.padtop{ padding-top: 30px; }
		.padtop.smallpad{ padding-top: 15px; }
		.padtop.bigpad{ padding-top: 60px; }
	.loader{ display: block; width: 100%; padding: 24vh 0; color: var(--colour-secondary-blue); font-size: 4rem; text-align: center; animation: 1s linear 0s infinite running spin; }
		
/* PSEUDOCODE_LIV_ADVERTISING ipart */
	.livadvert.Tower{ display: block; margin: 0 auto 20px; max-width: 300px; }
	.livbillboard{ display: block; width: 90%; margin: 0 auto 30px; text-align: center; }
		.livbillboard img{ display: inline-block; width: 100%; }
		
/* LISTS */
	.quickaccessblock{ display: block; }
		.quickaccessblock .inner{ display: flex; gap: 0; padding-top: 6rem; padding-bottom: 6rem; flex-wrap: wrap; }
		.quickaccessblock>.inner>h2{ width: 100%; margin: 0 0 1rem; padding: 0 2rem; }
		.quickaccessblock>.inner>p{ width: 100%; margin: 0 0 1rem; padding: 0 2rem; }
		.quickaccessblock ul{ width: 50%; margin: 0; padding: 2rem; list-style: none; background-color: #ffffff; }
			.quickaccessblock ul li{ border-bottom: solid 2px #cccccc; }
				.quickaccessblock ul li:last-child{ border-bottom: none; }
				.quickaccessblock ul li.title{ border-bottom: none; }
					.quickaccessblock ul li.title h4{  }
				.quickaccessblock ul li a{ position: relative; display: block; padding: 1.5rem 0; color: var(--colour-primary); font-weight: 700; }
					.quickaccessblock ul li a span{ display: block; padding-right: 2rem; color: var(--text-default); font-size: 0.8rem; font-weight: 300; }
					.quickaccessblock ul li a .fa{ position: absolute; right: 0; bottom: 1.5rem; color: var(--text-default); font-size: 1.5rem; transition: all 0.5s; }
					.quickaccessblock ul li a:hover{ color: var(--colour-secondary-fushia); }
						.quickaccessblock ul li a:hover .fa{ right: -1rem; color: var(--colour-secondary-fushia); }
	.simpletags{ display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
		.simpletags li{  }
			.simpletags li a{ color: var(--text-default); font-size: 0.9rem; text-decoration: none; }
				.simpletags li a:hover{ color: var(--colour-primary); text-decoration: underline; }
	.skills{ font-size: 0.7rem; font-weight: 400; line-height: 1.1rem; }
		.skills>span{ display: inline-block; vertical-align: middle; }
		.skills .label{ margin-right: 5px; }
		.skills .skill{ position: relative; margin-left: 3px; padding: 0rem 0.1rem; font-family: var(--font-icon); font-weight: 700; line-height: 0.75rem; }
			.skills .skill:before{ content: ''; position: absolute; top: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
			.skills .skill:after{ content: ''; position: absolute; bottom: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
			.skills .skill.blue{ color: #1a8ebb; border: solid 1px #1a8ebb; }
			.skills .skill.green{ color: #109a48; border: solid 1px #109a48; }
			.skills .skill.red{ color: #c62127; border: solid 1px #c62127; }
			.skills .skill.yellow{ color: #f7941d; border: solid 1px #f7941d; }
	.cardlist{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
		.cardlist li{ flex-basis: 30%; margin-bottom: 2rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
			.Xcardlist li.card4{ box-shadow: none; }
			.cardlist li .image{ display: block; padding: 0 0 52%; background-position: center; background-repeat: no-repeat; background-size: cover; }
				.cardlist li .image.square{ display: none; }
			.cardlist li .auxbar{ display: flex; justify-content: space-between; padding: 1.5rem 1.5rem 0; }
				.cardlist li .auxbar p{ flex-basis: 75%; }
					.cardlist li .auxbar p .title{ display: block; color: var(--colour-secondary-turquoise); font-size: 1.1rem; font-weight: 700; }
						.cardlist li .auxbar p a.title:hover{ color: var(--colour-secondary-fushia); }
					.cardlist li .auxbar p .category{ display: block; color: var(--colour-secondary-turquoise); }
					.cardlist li .auxbar p .date{ display: block; font-size: 0.9rem; }
					.cardlist li .auxbar p .author{ display: block; font-size: 0.9rem; }
				.cardlist li .auxbar>a{ display: none; flex-basis: 20%; font-size: 1.3rem; text-align: right; }
					.cardlist li .auxbar>a.off .fa{ color: transparent; text-shadow: 0 0 1px rgba(0,0,0,0.6); }
			.cardlist li .cardinfo{ display: block; padding: 0 1.5rem 1.5rem; }
				.cardlist li .cardinfo h5{ color: var(--text-default); }
					.cardlist li .cardinfo h5 a{ color: var(--text-default); }
					.cardlist li .cardinfo .author{ display: block; margin: -0.25rem 0 0.5rem; font-size: 0.9rem; }
						.cardlist li .cardinfo h5 a:hover{ color: var(--colour-secondary-fushia); }
				.cardlist li .cardinfo .summary{ font-size: 0.9rem; }
		.cardlist li.card7{  }
			.cardlist li.card7 .image{ padding: 0 0 140%; background-size: 80% auto; filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1)); }
			.cardlist li.card7 .cardinfo{ padding-top: 1.5rem; background-color: #f6f6f6; }
				.cardlist li.card7 .cardinfo .titlebar{ display: block; min-height: 140px; }
					.cardlist li.card7 .cardinfo .titlebar .date{ margin-bottom: 0.5rem; font-size: 0.7rem; font-weight: 400; line-height: 1.1rem; }
					.cardlist li.card7 .cardinfo .titlebar .skills{  }
						.cardlist li.card7:not(.video) .cardinfo .titlebar .skills .skill:before{ background-color: #f4f4f4; }
						.cardlist li.card7:not(.video) .cardinfo .titlebar .skills .skill:after{ background-color: #f4f4f4; }
				.cardlist li.card7 .cardinfo h5{ margin-bottom: 1rem; }
					.cardlist li.card7 .cardinfo h5 a{ height: 44px; overflow: hidden; }
				.cardlist li.card7 .cardinfo .author{ display: block; margin-bottom: 2rem; }
				.cardlist li.card7 .cardinfo .prices{ display: block; margin-bottom: 2rem; }
					.cardlist li.card7 .cardinfo .prices p{ display: block; margin: 0; color: var(--colour-secondary-teal); }
						.cardlist li.card7 .cardinfo .prices p .type{ display: inline-block; width: 130px; }
						.cardlist li.card7 .cardinfo .prices p .price{ display: inline-block; }
				.cardlist li.card7 .cardinfo .links{ display: block; }
					.cardlist li.card7 .cardinfo .links a{ display: inline-block; min-width: 80px; padding: 0.2rem 1rem; background-color: var(--colour-secondary-teal); color: #ffffff; border: solid 1px var(--colour-secondary-teal); border-radius: 4px; text-align: center; text-decoration: none; }
						.cardlist li.card7 .cardinfo .links a+a{ margin-left: 0.7rem; }
						.cardlist li.card7 .cardinfo .links a:hover{ background-color: #ffffff; color: var(--colour-secondary-teal); }
			.videos .cardlist li.card7{  }
				.videos .cardlist li.card7 .image{ padding: 0 0 72%; background-size: cover; }
				.videos .cardlist li.card7 .cardinfo{ background-color: #ffffff; }
					.videos .cardlist li.card7 .cardinfo h5{ margin-bottom: 0.5rem; }
					.videos .cardlist li.card7 .cardinfo .author{ display: none; margin-bottom: 1rem; }
			.cardlist li.card7.video{  }
				.cardlist li.card7.video .image{ padding: 0 0 72%; background-size: cover; }
				.cardlist li.card7.video .cardinfo{ background-color: #ffffff; }
					.cardlist li.card7.video .cardinfo h5{ margin-bottom: 0.5rem; }
					.cardlist li.card7.video .cardinfo .author{ display: none; margin-bottom: 1rem; }
		.cardlist li.extended1{  }
			.cardlist li.extended1 .image{ position: relative; padding: 0 0 72%; }
				.cardlist li.extended1 .image>span{ position: absolute; left: 0; bottom: 0; right: 0; display: none; padding: 1.2rem 1.5rem; background-color: rgba(0,0,0,0.5); color: #ffffff; font-size: 0.9rem; font-weight: 700; line-height: 1.3rem; }
					.cardlist li.extended1 .image>span strong{ display: block; }
			.cardlist li.extended1 .auxbar{ padding: 1rem 1.5rem 0; }
				.cardlist li.extended1 .auxbar p{ flex-basis: 100%; font-size: 0.8rem; }
					.cardlist li.extended1 .auxbar p .category{ font-weight: 700; }
						.cardlist li.extended1 .auxbar p .category span{ color: var(--text-grey); }
			.cardlist li.extended1 .details{ min-height: 140px; padding: 0rem 1.5rem; }
				.cardlist li.extended1 .details .title{ height: 38px; color: var(--text-black); font-size: 0.8rem; font-weight: 700; line-height: 1.2rem; overflow: hidden; }
				.cardlist li.extended1 .details .dates{ font-size: 0.7rem; font-weight: 400; line-height: 1.1rem; }
					.cardlist li.extended1 .details .dates span{ display: block; }
						.cardlist li.extended1 .details .dates span.address{ min-height: 55px; }
				.cardlist li.extended1 .details .skills{ font-size: 0.7rem; font-weight: 400; line-height: 1.1rem; }
					.cardlist li.extended1 .details .skills>span{ display: inline-block; vertical-align: middle; }
					.cardlist li.extended1 .details .skills .label{ margin-right: 5px; }
					.cardlist li.extended1 .details .skills .skill{ position: relative; margin-left: 3px; padding: 0rem 0.1rem; font-family: var(--font-icon); font-weight: 700; line-height: 0.75rem; }
						.cardlist li.extended1 .details .skills .skill:before{ content: ''; position: absolute; top: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
						.cardlist li.extended1 .details .skills .skill:after{ content: ''; position: absolute; bottom: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
						.cardlist li.extended1 .details .skills .skill.blue{ color: #1a8ebb; border: solid 1px #1a8ebb; }
						.cardlist li.extended1 .details .skills .skill.green{ color: #109a48; border: solid 1px #109a48; }
						.cardlist li.extended1 .details .skills .skill.red{ color: #c62127; border: solid 1px #c62127; }
						.cardlist li.extended1 .details .skills .skill.yellow{ color: #f7941d; border: solid 1px #f7941d; }
				.standaloneskills{ display: inline-block; margin: 0; padding: 0.3rem; font-size: 0.7rem; font-weight: 300; line-height: 0.7rem; vertical-align: 3px; }
					.standaloneskills>span{ display: inline-block; vertical-align: middle; }
					.standaloneskills .label{ margin-right: 5px; }
					.standaloneskills .skill{ position: relative; margin-left: 3px; padding: 0rem 0.1rem; font-family: var(--font-icon); font-weight: 700; line-height: 0.75rem; }
						.standaloneskills .skill:before{ content: ''; position: absolute; top: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
						.standaloneskills .skill:after{ content: ''; position: absolute; bottom: -3px; left: 50%; display: block; width: 70%; height: 5px; background-color: #ffffff; transform: translateX(-50%); }
							.standaloneskills.eventbanner .skill:before{ background-color: #eeeeee; }
							.standaloneskills.eventbanner .skill:after{ background-color: #eeeeee; }
						.standaloneskills .skill.blue{ color: #1a8ebb; border: solid 1px #1a8ebb; }
						.standaloneskills .skill.green{ color: #109a48; border: solid 1px #109a48; }
						.standaloneskills .skill.red{ color: #c62127; border: solid 1px #c62127; }
						.standaloneskills .skill.yellow{ color: #f7941d; border: solid 1px #f7941d; }
			.cardlist li.extended1 .links{ padding: 0.5rem 1.5rem 1rem; }
				.cardlist li.extended1 .links a{ padding: 0.3rem 0.5rem; font-size: 0.7rem; line-height: 1rem; border-radius: 3px; }
				.cardlist li.extended1 .links a+a{ margin-left: 5px; }
		.cardlist li.extended1.slide{ display: block; flex-basis: 100% !important; overflow: hidden; }
			.cardlist li.extended1.slide .image{ float: left; width: 40%; padding: 0 0 35%; }
			.cardlist li.extended1.slide .content{ float: left; width: 60%; padding: 2rem 0 2rem 2rem; }
				.cardlist li.extended1.slide .content .details .title{ color: var(--colour-secondary-teal); font-size: 1.4rem; font-weight: 700; line-height: 2rem; }
				.cardlist li.extended1.slide .content .details .subdetails{ display: block; margin: 0 0 1rem; overflow: hidden; }
					.cardlist li.extended1.slide .content .details .subdetails .dates{ float: left; width: 40%; }
					.cardlist li.extended1.slide .content .details .subdetails .skills{ float: right; width: 40%; }
						.cardlist li.extended1.slide .content .details .subdetails .skills .label{ display: block; margin: 0 0 0.5rem; text-align: left; }
		.eventslides{ display: block; width: 100% !important; height: 0; padding: 0 0 35%; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); overflow: hidden; }
			.eventslides li.extended1.slide{ display: block; width: 100% !important; margin-bottom: 0; background-color: #ffffff; box-shadow: none; }
				.eventslides li.extended1.slide .image{ float: left; width: 50%; padding: 0 0 35%; }
				.eventslides li.extended1.slide .content{ float: left; width: 50%; padding: 1rem 0 1rem 2rem; }
					.eventslides li.extended1.slide .content .details .title{ color: var(--colour-secondary-teal); font-size: 1.4rem; font-weight: 700; line-height: 2rem; }
					.eventslides li.extended1.slide .content .details .subdetails{ display: block; margin: 0 0 1rem; overflow: hidden; }
						.eventslides li.extended1.slide .content .details .subdetails .dates{ float: left; width: 40%; }
						.eventslides li.extended1.slide .content .details .subdetails .skills{ float: right; width: 40%; }
							.eventslides li.extended1.slide .content .details .subdetails .skills .label{ display: block; margin: 0 0 0.5rem; text-align: left; }
		.cardlist.filterresults li.card2{  }
			.cardlist.filterresults li.card2 .image{ padding: 0; }
				.cardlist.filterresults li.card2 .image span{ display: block; padding: 0 0 52%; background-position: center; background-repeat: no-repeat; background-size: cover; }
					.cardlist.filterresults li.card2 .image span.square{ display: none; }			
			.cardlist.filterresults.preset-1{ grid-template-columns: 1fr; }
				.cardlist.filterresults.preset-1 li.card2{ display: block; margin: 0; overflow: hidden; }
					.cardlist.filterresults.preset-1 li.card2 .image{ float: left; width: 40%; margin: 0 1.5rem 0 0; }
						.cardlist.filterresults.preset-1 li.card2 .image span{ display: none; }
							.cardlist.filterresults.preset-1 li.card2 .image span.square{ float: left; display: block; width: 100%; padding: 0 0 100%; }
					.cardlist.filterresults.preset-1 li.card2 .cardinfo{ display: flex; flex-direction: column; }
					.cardlist.filterresults.preset-1 li.card2:nth-child(even){  }
						.cardlist.filterresults.preset-1 li.card2:nth-child(even) .image{ float: right; margin: 0 0 0 1rem; }
	.articlelist{ display: grid; gap: 2rem; margin: 0; padding: 0; list-style: none; }
		.articlelist.onebythree{ grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; }
			.articlelist.onebythree>li:first-child{ grid-column-start: 1; grid-row-start: 1; grid-row-end: span 3; }
		.articlelist.twobytwo{ grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
			.articlelist.twobytwo.sideimage{  }
		.articlelist.onebytwo{ grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
			.articlelist.onebytwo>li:first-child{ grid-column-start: 1; grid-row-start: 1; grid-row-end: span 2; }
		.articlelist.threebyone{ grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; }
			.articlelist.threebyone>li:last-child{ grid-column-start: 2; grid-row-start: 1; grid-row-end: span 3; }
		.articlelist.oneovertwo{ grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; }
			.articlelist.oneovertwo>li:first-child{ grid-column-start: 1; grid-column-end: span 2; }
		.articlelist>li{  }
			.articlelist>li .image{ display: block; }
				.articlelist>li .image span{ display: block; padding: 0 0 52%; background-position: center; background-repeat: no-repeat; background-size: cover; }
					.articlelist>li .image span.square{ display: none; }
			.articlelist>li .auxbar{ position: relative; display: none; }
				.articlelist>li .auxbar>p{ display: block; margin: 0; padding: 1.5rem 2rem 1.5rem 0; color: var(--text-grey); }
					.articlelist>li .auxbar>p .category{ display: none; margin-right: 5px; color: var(--colour-secondary-turquoise); font-weight: 700; }
					.articlelist>li .auxbar>p .date{ display: inline-block; margin-left: 0px; color: var(--text-grey); }
				.articlelist>li .auxbar>a{ position: absolute; top: 1.5rem; right: 0; display: none; }
					.articlelist>li .auxbar>a.off .fa{ color: transparent; text-shadow: 0 0 1px rgba(0,0,0,0.6); }
			.articlelist>li .cardinfo{ display: block; }
				.articlelist>li .cardinfo h5{ margin: 0 0 0rem; color: var(--text-black); font-family: var(--font-title); }
					.articlelist>li .cardinfo h5 a{ color: var(--text-black); font-family: var(--font-title); }
						.articlelist>li .cardinfo h5 a:hover{ color: var(--colour-secondary-fushia); }
				.articlelist>li .cardinfo .author{ margin-bottom: 1rem; color: var(--colour-secondary-turquoise); font-size: 0.9rem; font-weight: 700; line-height: 1.2rem; }
				.articlelist>li .cardinfo .description{ position: relative; min-height: 85px; max-height: 85px; color: var(--text-black); font-family: var(--font-title); font-size: 0.9rem; line-height: 1.4rem; overflow: hidden; }
					.articlelist>li .cardinfo .description p{  }
					.articlelist>li .cardinfo .description:after{ 
						content: ''; position: absolute; left: 0; bottom: 0; right: 0; display: block; height: 60px;
						/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+0,1+80 */
						background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
					}
			.articlelist>li>.description{ min-height: 85px; max-height: 85px; color: var(--text-black); font-family: var(--font-title); font-size: 0.9rem; line-height: 1.4rem; overflow: hidden; }
				.articlelist>li>.description p{  }
		/* .articlelist.onebythree */
			.articlelist.onebythree>li:first-child .cardinfo .description{ max-height: 100vh; }
				.articlelist.onebythree>li:first-child .image span{ display: none; }
					.articlelist.onebythree>li:first-child .image span.square{ display: block; padding: 0 0 100%; }
				.articlelist.onebythree>li:not(:first-child){ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 0; gap: 0 1rem; border-bottom: solid 1px #eeeeee; }
					.articlelist.onebythree>li:not(:first-child) .auxbar{ grid-column-start: 1; grid-row-start: 1; grid-column-end: span 3; }
						.articlelist.onebythree>li:not(:first-child) .auxbar>p{ padding: 0; }
						.articlelist.onebythree>li:not(:first-child) .auxbar>a{ top: 0; }
					.articlelist.onebythree>li:not(:first-child) .image{ grid-column-start: 3; grid-row-start: 2; }
						.articlelist.onebythree>li:not(:first-child) .image span{ display: none; }
							.articlelist.onebythree>li:not(:first-child) .image span.square{ display: block; padding: 0 0 100%; }
					.articlelist.onebythree>li:not(:first-child) .cardinfo{ grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; }
						.articlelist.onebythree>li:not(:first-child) .cardinfo h5{ margin: 0 0 0rem; }
				.articlelist.onebythree>li:last-child{ border-bottom: none; }
		/* .articlelist.onebytwo */
			.articlelist.onebytwo>li:first-child .cardinfo .description{ max-height: 100vh; }
				.articlelist.onebytwo>li:first-child .image span{ padding: 0 0 50%; }
				.articlelist.onebytwo>li:not(:first-child){ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 0; gap: 0 1rem; border-bottom: solid 1px #eeeeee; }
					.articlelist.onebytwo>li:not(:first-child) .auxbar{ grid-column-start: 1; grid-row-start: 1; grid-column-end: span 3; }
						.articlelist.onebytwo>li:not(:first-child) .auxbar>p{ padding: 0; }
						.articlelist.onebytwo>li:not(:first-child) .auxbar>a{ top: 0; }
					.articlelist.onebytwo>li:not(:first-child) .image{ grid-column-start: 3; grid-row-start: 2; }
						.articlelist.onebytwo>li:not(:first-child) .image span{ display: none; padding: 0 0 100%; }
							.articlelist.onebytwo>li:not(:first-child) .image span.square{ display: block; }
					.articlelist.onebytwo>li:not(:first-child) .cardinfo{ grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; }
						.articlelist.onebytwo>li:not(:first-child) .cardinfo h5{ margin: 0 0 0rem; }
				.articlelist.onebytwo>li:last-child{ border-bottom: none; }
		/* .articlelist.twobytwo.sideimage */
			.articlelist.twobytwo.sideimage>li{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 0; gap: 0 1rem; border-bottom: solid 1px #eeeeee; }
				.articlelist.twobytwo.sideimage>li .auxbar{ grid-column-start: 2; grid-row-start: 1; grid-column-end: span 2; }
					.articlelist.twobytwo.sideimage>li .auxbar>p{ padding: 0; color: transparent; }
						.articlelist.twobytwo.sideimage>li .auxbar>p .category{ display: block; }
						.articlelist.twobytwo.sideimage>li .auxbar>p .date{ margin-left: -10px; }
					.articlelist.twobytwo.sideimage>li .auxbar>a{ top: 0; }
				.articlelist.twobytwo.sideimage>li .image{ grid-column-start: 1; grid-row-start: 1; }
					.articlelist.twobytwo.sideimage>li .image span{ padding: 0 0 100%; }
				.articlelist.twobytwo.sideimage>li .cardinfo{ grid-column-start: 2; grid-row-start: 1; grid-column-end: span 2; transform: translateY(3.7rem); }
				.articlelist.twobytwo.sideimage>li>.description{ grid-column-start: 1; grid-row-start: 2; grid-column-end: span 3; }
			.articlelist.twobytwo.sideimage>li:nth-child(3){ padding-bottom: 0rem; border-bottom: none; }
			.articlelist.twobytwo.sideimage>li:nth-child(4){ padding-bottom: 0rem; border-bottom: none; }
		/* .articlelist.threebyone */
			.articlelist.threebyone>li:last-child .cardinfo .description{ max-height: 100vh; }
				.articlelist.threebyone>li:last-child .image span{ display: none; padding: 0 0 100%; }
					.articlelist.threebyone>li:last-child .image span.square{ display: block; }
				.articlelist.threebyone>li:not(:last-child){ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 0; gap: 0 1rem; border-bottom: solid 1px #cccccc; }
					.articlelist.threebyone>li:not(:last-child) .auxbar{ grid-column-start: 1; grid-row-start: 1; grid-column-end: span 3; }
						.articlelist.threebyone>li:not(:last-child) .auxbar>p{ padding: 0; }
						.articlelist.threebyone>li:not(:last-child) .auxbar>a{ top: 0; }
					.articlelist.threebyone>li:not(:last-child) .image{ grid-column-start: 3; grid-row-start: 2; }
						.articlelist.threebyone>li:not(:last-child) .image span{ display: none; padding: 0 0 100%; }
							.articlelist.threebyone>li:not(:last-child) .image span.square{ display: block }
					.articlelist.threebyone>li:not(:last-child) .cardinfo{ grid-column-start: 1; grid-column-end: span 2; grid-row-start: 2; }
						.articlelist.threebyone>li:not(:last-child) .cardinfo h5{ margin: 0; }
				.articlelist.threebyone>li:nth-child(3){ border-bottom: none; }
				.articlelist.threebyone>li:last-child{ border-bottom: none; }
		/* .articlelist.oneovertwo */
			.articlelist.oneovertwo>li:first-child{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 30px auto; gap: 2rem; }
				.articlelist.oneovertwo>li:first-child .image{ grid-column-start: 1; grid-row-start: 1; grid-row-end: span 2; }
					.articlelist.oneovertwo>li:first-child .image span{ padding: 0 0 100%; }
				.articlelist.oneovertwo>li:first-child .cardinfo .description{ max-height: 100vh; }
			.articlelist.oneovertwo>li:not(:first-child){ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto 1fr; gap: 1rem; border-bottom: solid 1px #eeeeee; }
				.articlelist.oneovertwo>li:not(:first-child) .auxbar{ grid-column-start: 2; grid-row-start: 1; grid-column-end: span 2; }
					.articlelist.oneovertwo>li:not(:first-child) .auxbar>p{ padding: 0; color: transparent; }
						.articlelist.oneovertwo>li:not(:first-child) .auxbar>p .category{ display: block; }
						.articlelist.oneovertwo>li:not(:first-child) .auxbar>p .date{ margin-left: -10px; }
					.articlelist.oneovertwo>li:not(:first-child) .auxbar>a{ top: 0; }
				.articlelist.oneovertwo>li:not(:first-child) .image{ grid-column-start: 1; grid-row-start: 1; }
					.articlelist.oneovertwo>li:not(:first-child) .image span{ padding: 0 0 100%; }
				.articlelist.oneovertwo>li:not(:first-child) .cardinfo{ grid-column-start: 2; grid-row-start: 1; grid-column-end: span 2; transform: translateY(3.7rem); }
				.articlelist.oneovertwo>li:not(:first-child)>.description{ grid-column-start: 1; grid-row-start: 2; grid-column-end: span 3; }
			.articlelist.oneovertwo>li:nth-child(2){ padding-bottom: 0rem; border-bottom: none; }
			.articlelist.oneovertwo>li:nth-child(3){ padding-bottom: 0rem; border-bottom: none; }
	.presenters{  }
		.presenters .presenter{ display: grid; grid-template-columns: 25% 75%; }
			.presenters .presenter.gold{  }
			.presenters .presenter .image{  }
				.presenters .presenter .image span{  }
			.presenters .presenter .details{  }
				.presenters .presenter .details .name{  }
				.presenters .presenter .details .role{  }
				.presenters .presenter .details .bio{  }
	.pagenav{ display: flex; justify-content: flex-end; gap: 2px; margin: 1rem 0; padding: 0; list-style: none; }
		.pagenav li{  }
			.pagenav li a{ display: block; padding: 0.3rem 1rem; background-color: #f8f8f8; color: var(--text-black); text-decoration: none; }
				.pagenav li a.selected{ background-color: var(--colour-primary); color: var(--text-on-colour); }
				.pagenav li a:hover{ background-color: #cccccc;  }
	.noresultsmsg{ margin: 2rem; font-weight: 700; text-align: center; }
	.areasoflawlist{ display: block; margin: 0 0 2rem; padding: 0; list-style: none; column-count: 4; column-gap: 2rem; }
		.areasoflawlist li{ display: block; margin-bottom: 0.5rem; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
			.areasoflawlist li.cattitle{ font-weight: 700; }
				.areasoflawlist li+li.cattitle{ margin-top: 1.5rem; }
			.areasoflawlist li a{ display: inline-block; color: #ffffff; text-decoration: none; }
				.areasoflawlist li a:hover{ text-decoration: underline; }
				

/* BLOCKS */
	.cardblock{ padding: 4rem 0; }
		.cardblock.grey{ background-color: #e5e5e5; }
		.cardblock h2{ margin-bottom: 3rem; }
		.cardblock .cardlist{ margin-bottom: 1rem; }
		.cardblock.news{  }
			.cardblock.news h2{ color: var(--colour-secondary-turquoise); }
		.cardblock.featured{ background-color: var(--colour-secondary-turquoise); }
			.cardblock.featured h2{ color: var(--text-on-colour); }
	.cardblock.bookshopcategoryblock{  }
		.cardblock.bookshopcategoryblock.greybg{ background-color: #f6f6f6; }
		.cardblock.bookshopcategoryblock.tealbg{ background-color: #dbe3e5; }
		.cardblock.bookshopcategoryblock{  }
		.cardblock.bookshopcategoryblock h2{ color: var(--colour-secondary-teal); border-bottom: solid 2px var(--colour-secondary-teal) !important; font-family: var(--font-default); font-weight: 700; }
	.has-secondary-col.col-on-right .col-primary .cardblock{ padding: 2rem 2rem; }
		.has-secondary-col.col-on-right .col-primary .cardlist li .cardinfo h5{ font-size: 1rem; line-height: 1.4rem; }
	.dashboard.cardblock{  }
		.dashboard.cardblock .intro{ display: block; overflow: hidden; }
			.dashboard.cardblock .intro h2{ display: flex; margin-bottom: 1rem; align-items: center; color: var(--colour-secondary-teal); white-space: nowrap; }
				.dashboard.cardblock .intro h2:after{ content: ''; display: block; margin-left: 5px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
			.dashboard.cardblock .intro>p{ display: block; margin-bottom: 2rem; }
	.myliv-dashboard .cardheader h2{ display: flex; margin-bottom: 2.5rem !important; align-items: center; color: var(--colour-secondary-teal) !important; white-space: nowrap; }
		.myliv-dashboard .cardheader h2:after{ content: ''; display: block; margin-left: 10px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
			.myliv-dashboard .cardheader p{ display: block; margin-bottom: 2rem; }
		.dashboard.cardblock .cardlist{ gap: 1rem; }
			.dashboard.cardblock .cardlist li{ flex-basis: 32%; }
	.dashboardtitleblock{ display: block; padding: 2rem 0 1rem; }
	.dashboardblock{ display: block; padding: 2rem; }
		.dashboardblock.grey{ background-color: #e5e5e5; }
		.dashboardblock.teal{ background-color: #e6f1f3; }
		.dashboardblock.gold{ background-color: #f6f0e1; }
		.dashboardblock .TitleBarTitle{ width: 100%; }
		.dashboardblock h2{ display: flex; margin-bottom: 1rem; align-items: center; color: var(--colour-secondary-teal); white-space: nowrap; }
			.dashboardblock h2:after{ content: ''; display: block; margin-left: 5px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
			.dashboardblock.compactheading h2{ margin-bottom: 0rem; }
			.dashboardblock h2+.panel-heading-options{ margin-top: -2rem; }
		.dashboardblock .CommunicationPreferencesSection{ background-color: transparent; }
		.dashboardblock .PanelField{ padding-left: 12px; }
		/*.dashboardblock #ctl01_TemplateBody_WebPartManager1_gwpciPasswordEditor_ciPasswordEditor_updatePasswordUser{ display: inline-block; padding: 10px; }*/
		.dashboardblock .StandardPanel>a{ display: inline-block; padding: 10px; }
	.dashboardmultiblock{ display: block; padding-left: 2rem; padding-right: 2rem; background-color: #e5e5e5; }
		.dashboardmultiblock.top{ margin-top: 1rem; padding-top: 2rem; padding-bottom: 1rem; }
		.dashboardmultiblock.middle{ padding-bottom: 1rem; }
		.dashboardmultiblock.bottom{ margin-bottom: 2rem; xpadding-top: 1rem; padding-bottom: 2rem; }
		.dashboardmultiblock h2{ display: flex; margin-bottom: 1rem; align-items: center; color: var(--colour-secondary-teal); white-space: nowrap; }
			.dashboardmultiblock h2:after{ content: ''; display: block; margin-left: 5px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
		.dashboardmultiblock label{ padding-left: 0; }

/* PAGE CONTENT */
	#masterContentArea{ margin-top: 0; }
		.OnBehalfOfContainer{ display: none; }
	.zone-maincontent{ position: relative; }

/* HOMEPAGE */
	.Wrapper-HomePage{  }
		.Wrapper-HomePage .col-primary{ /*margin-top: -35px;*/ margin-top: -65px; }
		.Wrapper-HomePage .col-sidebar{ display: none; }
	#banner{ display: block; background-color: #f4f4f4; background-position: center; background-repeat: no-repeat; background-size: 1280px auto; }
		#banner .inner{ /*height: 45vh;*/ height: 39vh; padding: 7.5rem 4.5rem 4.5rem; }
		#banner p{ margin: 2rem 0 0; }
			#banner p.bannertext{ color: var(--colour-secondary-turquoise); font-size: 3.5rem; font-weight: 700; line-height: 2.875rem; }
	#searchblock{ display: block; padding: 6rem 0; background: var(--colour-primary) var(--searchblock-bg) right bottom no-repeat; color: var(--text-on-colour); text-align: center; }
		#searchblock h3{ color: var(--text-on-colour); }
		#searchblock .searchfieldbox{ background-color: #ffffff; }
			#searchblock .searchfieldbox input{ width: 30rem; }
	#quickaccess{ background-color: #d5eef2; background-position: center; background-repeat: no-repeat; background-size: cover; }
		#quickaccess .quickaccesslist.members h4{ color: var(--colour-secondary-fushia-dull); }
	#resourcesservices .quickaccesslist.resources{ position: relative; }
		#resourcesservices .quickaccesslist.resources:before{ content: var(--corner-angle-bg); position: absolute; left: -1rem; top: -1rem; }
	#memberblock{ display: block; padding: 6rem 0; background: var(--colour-primary) var(--memberblock-bg) right bottom no-repeat; color: var(--text-on-colour); text-align: left; }
		#memberblock h3{ color: var(--text-on-colour); }
		#memberblock p{ margin: 2rem 0; }
			#memberblock p:first-of-type{ max-width: 70%; }
		#memberblock .linkbutton{ margin-right: 2rem; }
	#healthethics{ background-color: #d5eef1; }
		#healthethics h3{ color: var(--colour-secondary-orange-dull); }
				
/* MyLIV > DASHBOARD */
	#profilesummaryblock{ padding-left: 2rem; }
		#profilesummaryblock.green{ padding-top: 2rem; padding-bottom: 2rem; background-color: #f6f0e1; }
		#profilesummaryblock .note{ font-size: 0.8rem; line-height: 1rem; }
			#profilesummaryblock .note a{ color: var(--colour-secondary-turquoise); text-decoration: none; }
				#profilesummaryblock .note a:hover{ color: var(--colour-secondary-turquoise); text-decoration: underline; }
		#profilesummaryblock .columns{ margin-top: 2rem; margin-bottom: 2rem; }
		#profilesummaryblock .summary{ display: grid; grid-template-columns: 1fr 3fr; }
			#profilesummaryblock .summary .image{  }
				#profilesummaryblock .summary .image span{ display: block; width: 130px; height: 130px; background-color: #eeeeee; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 100%; }
			#profilesummaryblock .summary .details{ position: relative; padding: 0 7rem 0 0; font-size: 0.8rem; line-height: 1.2rem;  }
				#profilesummaryblock .summary .details .linkbutton{ position: absolute; top: 0; right: 0; }
				#profilesummaryblock .summary .details h1{ margin: 0; color: var(--text-default); font-family: var(--font-default); font-size: 1.5rem; }
					#profilesummaryblock .summary .details h1 br{ display: none; }
				#profilesummaryblock .summary .details p{  }
					#profilesummaryblock .summary .details .role{ font-weight: 700; }
					#profilesummaryblock .summary .details .memberid{ color: var(--colour-secondary-turquoise); font-weight: 700; }
		#profilesummaryblock .progress{ padding-left: 3.5rem; }
			#profilesummaryblock .progress h3{ margin: 0; color: var(--text-default); font-family: var(--font-default); font-size: 1.2rem; }
			#profilesummaryblock .progress .circularprogress{  }
			#profilesummaryblock .progress p{ font-size: 0.8rem; line-height: 1.2rem; }
				#profilesummaryblock .progress p.alerts{ font-weight: 700; }
			#profilesummaryblock .progress ul.alerts{ margin: 0; padding: 0; list-style: none; font-size: 0.8rem; line-height: 1.2rem; }
				#profilesummaryblock .progress ul.alerts li{ margin: 0 0 0.4rem; font-weight: 700; }
					#profilesummaryblock .progress ul.alerts li .fa{ margin-right: 0.4rem; color: var(--colour-secondary-orange-dull); }
					#profilesummaryblock .progress ul.alerts li a{ color: var(--colour-secondary-turquoise); }
						#profilesummaryblock .progress ul.alerts li a:hover{ color: var(--colour-secondary-fushia); }
	#dashboardquicklinks{ background-color: rgba(210, 180, 103, 0.2); }
		#dashboardquicklinks .inner{ padding-top: 3rem; padding-bottom: 1rem; }
		#dashboardquicklinks h2{ color: var(--colour-secondary-teal); }
		#dashboardquicklinks ul{ background-color: transparent; }
	.JoinRenewiPart{  }
		.JoinRenewiPart .TextButton{ display: inline-block; padding: 0.6rem 1.8rem !important; background-color: var(--colour-primary) !important; color: var(--text-on-colour) !important; border-radius: 2rem; text-decoration: none; }
	#favourites{  }
		#favourites>ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; margin: 0; padding: 0; list-style: none; }
			#favourites>ul>li{  }
				#favourites>ul>li h3{ margin-bottom: 0.5rem; padding-bottom: 0.75rem; font-size: 1.6rem; border-bottom: solid 1px #cccccc; }
					#favourites>ul>li h3 .fa{ margin-right: 10px; }
				#favourites>ul>li a{ display: block; margin: 0; padding: 0.6rem; color: var(--text-default); border-radius: 3px; text-decoration: none; }
					#favourites>ul>li a>span{ display: block; }
						#favourites>ul>li a .date{ font-size: 0.7rem; }
					#favourites>ul>li a:hover{ background-color: var(--colour-secondary-turquoise); color: var(--text-on-colour); text-decoration: none; }
		
/* MyLIV > My Profile */
	.dashboardblock.contributions .RadTreeView.GLE a{ font-weight: 400 !important; }
		.dashboardblock.contributions .RadTreeView.GLE a:hover, .dashboardblock.contributions .RadTreeView.GLE a:focus{ background-color: transparent !important; color: var(--colour-secondary-fushia) !important; }
	.dashboardblock .OpenInvoicesTotals .SelectedTotal .PanelFieldValue{ color: var(--colour-secondary-fushia); }
	.dashboardblock.billing .RadGrid.RadGrid_MetroTouch .rgRow td.AlignRight{ text-align: center !important; }
	
/* ARTICLE LAYOUT 1 */
	.articlecontainer{ /*float: left; width: 80%;*/ } /* zone class */
		.articlecontainer .titleblock{  }
			.articlecontainer .titleblock h1{ color: var(--text-black); }
			.articlecontainer .titleblock .intro{ margin-bottom: 2rem; color: var(--text-black); font-family: var(--font-title); font-size: 1.3rem; line-height: 1.8rem; }
			.articlecontainer .titleblock .author{ margin: 0 0 0.8rem; font-size: 1rem; font-weight: 700; line-height: 1rem; }
			.articlecontainer .titleblock .issue{ margin: 0 0 1.5rem; font-size: 0.9rem; line-height: 1rem; }
			.articlecontainer .titleblock .bottombar{ display: flex; justify-content: space-between; }
			.articlecontainer .titleblock .tags{  }
				.articlecontainer .titleblock .tags a{ display: inline-block; margin: 0 0.5rem 1rem 0; padding: 0.5rem 1rem; background-color: #eeeeee; color: var(--text-default); border-radius: 15px; font-size: 0.8rem; line-height: 0.8rem; text-decoration: none; }
					.articlecontainer .titleblock .tags a.primarytag{ font-weight: 700; }
					.articlecontainer .titleblock .tags a:hover{ background-color: var(--colour-primary); color: var(--text-on-colour); }
		.articlecontainer .contentbanner{ display: block; margin: 0 0 2rem; padding: 0 0 52%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
		.articlecontainer .imagecaption{ display: block; margin: -2rem 0.4rem 2rem 0; font-size: 0.8rem; font-style: italic; text-align: right; }
		.articlecontainer .summaryblock{ display: block; margin: 0 0 2rem; }
		.articlecontainer .introblock{  }
			.articlecontainer .introblock p{ margin-bottom: 1.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
		.articlecontainer .articleblock{  }
			.articlecontainer .articleblock h2{ color: var(--text-black); font-family: var(--font-title); font-weight: 400; }
			.articlecontainer .articleblock ul{ margin-bottom: 2rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.articlecontainer .articleblock ul li{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.articlecontainer .articleblock ol li{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
			.articlecontainer .articleblock p{ margin-bottom: 1.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.articlecontainer .articleblock p a{ color: var(--colour-secondary-turquoise); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: underline; }
					.articlecontainer .articleblock p a:hover{ color: var(--colour-secondary-fushia); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: none; }
			.articlecontainer .articleblock figure.table{ display: block; margin: 2rem 1rem 3rem; padding: 2rem; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-left: solid 1rem var(--colour-primary); border-radius: 4px; line-height: 1.8rem; }
			.articlecontainer .articleblock p.callout{ display: block; margin: 2rem 1rem 3rem; padding: 2rem; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-left: solid 1rem var(--colour-primary); border-radius: 4px; line-height: 1.8rem; }
		.articlecontainer .noautharticle{ display: block; padding: 3rem 2rem; background-color: #ffffff; text-align: center; }
			.articlecontainer .noautharticle h2{ margin-bottom: 1.5rem; color: var(--text-black); font-family: var(--font-title); }
			.articlecontainer .noautharticle p{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.articlecontainer .noautharticle p a{ color: var(--text-default); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: underline; }
					.articlecontainer .noautharticle p a:hover{ color: var(--colour-primary); text-decoration: none; }
		.cardblock.articlepage{ padding: 0 0rem !important; }
			.cardblock.articlepage h3{ margin-bottom: 1.5rem; color: var(--colour-secondary-blue); font-family: var(--font-title); font-weight: 400; }
			.cardblock.articlepage .cardlist{ gap: 1rem; }
				.cardblock.articlepage .cardlist li{ flex-basis: 32%; }
	
/* GENERIC CONTENT LAYOUT 1 & 2 */
	.contentlayoutone .contentblock
	,.contentlayouttwo .contentblock{ position: relative; padding-top: 2.5rem; padding-bottom: 2rem; }
		.WebPartZone.contentlayoutone .contentblock{ /*padding-top: 0;*/ }
		.contentlayoutone .contentblock .inner
		,.contentlayouttwo .contentblock .inner{ max-width: 900px; padding-left: 0; padding-right: 0; }
		.wider .contentlayoutone .contentblock .inner
		,.wider .contentlayouttwo .contentblock .inner{ max-width: 1400px; padding: 0 calc(2rem + 15px); }
		.contentlayoutone .contentblock.tealbg
		,.contentlayouttwo .contentblock.tealbg{ background-color: #e6f1f3; }
		.contentlayoutone .contentblock.greybg
		,.contentlayouttwo .contentblock.greybg{ background-color: #f6f6f6; }
		.contentlayoutone .contentblock.goldbg
		,.contentlayouttwo .contentblock.goldbg{ background-color: #f6f0e1; }
		.contentlayoutone .contentblock.darktealbg
		,.contentlayouttwo .contentblock.darktealbg{ background-color: #007280; color: #ffffff; }
			.contentlayoutone .contentblock.darktealbg h2
			,.contentlayoutone .contentblock.darktealbg h2.lined
			,.contentlayouttwo .contentblock.darktealbg h2.lined
			,.contentlayouttwo .contentblock.darktealbg h2{ color: #ffffff !important; }
				.contentlayoutone .contentblock.darktealbg h2.lined:after{ background-color: #ffffff !important; }
		.contentblock.goldcorner{ padding-top: 3rem; padding-left: 3rem; }
			.contentblock.goldcorner:before{ content: var(--corner-angle-bg); position: absolute; left: 0rem; top: 0rem; }
	.contentblock.textblock{  }
		.contentblock.textblock ul li a{ color: var(--colour-secondary-turquoise); text-decoration: underline; }
			.contentblock.textblock ul li a:hover{ color: var(--colour-secondary-fushia); text-decoration: none; }
	.contentblock.links{  }
		.contentblock.links h4{ margin-bottom: 0 !important; color: var(--colour-primary) !important; font-size: 1.8rem !important; line-height: 2.4rem !important; }
		.contentblock.links ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem 4rem; align-items: center; margin: 0 0 2rem; padding: 0; list-style: none; }
			.contentblock.links ul .title{ grid-column-end: span 2; }
			.contentblock.links ul a{ position: relative; display: block; padding: 1rem 4rem 1rem 0; color: var(--colour-primary); font-weight: 700; border-bottom: solid 1px #bbbbbb; text-decoration: none; }
				.contentblock.links ul a span{ display: block; color: var(--text-default); font-size: 0.8rem; font-weight: 400; line-height: 1.1rem; }
				.contentblock.links ul a .fa{ position: absolute; top: 1rem; right: 5px; font-size: 1.5rem; transition: all 0.3s; }
				.contentblock.links ul a:hover{ color: var(--colour-secondary-fushia); }
					.contentblock.links ul a:hover .fa{ right: -5px; }
		.contentblock.links.double{  }
			.contentblock.links.double .inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; }
				.contentblock.links.double h4{ min-height: 38px; margin-bottom: 1rem !important; }
				.contentblock.links.double ul{ display: block; }
					.contentblock.links.double ul li{ display: block; }
						.contentblock.links.double ul a{ padding: 1rem 2rem 1rem 0; }
							.contentblock.links.double ul a strong{ color: var(--colour-secondary-turquoise); }
	.contentblock.linktiles{ padding-top: 0rem !important; padding-bottom: 0rem !important; }
		.contentblock.tealbg.linktiles{ padding-top: 2.5rem !important; padding-bottom: 2rem !important; }
		.contentblock.greybg.linktiles{ padding-top: 2.5rem !important; padding-bottom: 2rem !important; }
		.contentblock.goldbg.linktiles{ padding-top: 2.5rem !important; padding-bottom: 2rem !important; }
		.contentblock.darktealbg.linktiles{ padding-top: 2.5rem !important; padding-bottom: 2rem !important; }
		.contentblock.linktiles .inner{ display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
		.contentblock.linktiles .linktile{ display: block; padding: 2rem; background-color: #ffffff; }
			.contentblock.linktiles .linktile h4{ color: var(--colour-secondary-orange-dull); font-size: 2rem; }
			.contentblock.linktiles .linktile ul{ display: block; margin: 0 0 2rem; padding: 0; list-style: none; }
				.contentblock.linktiles .linktile ul a{ position: relative; display: block; padding: 1rem 4rem 1rem 0; color: var(--colour-default); border-bottom: solid 1px #bbbbbb; text-decoration: none; }
					.contentblock.linktiles .linktile ul a .fa{ position: absolute; top: 1rem; right: 5px; font-size: 1.5rem; transition: all 0.3s; }
						.contentblock.linktiles .linktile ul a:hover .fa{ right: -5px; }
	.contentblock.bannerblock{ padding-top: 0; padding-bottom: 0; }
		.contentblock.bannerblock .banner{ display: block; width: 100%; height: 0; padding: 0 0 38%; background-position: center; background-repeat: no-repeat; background-size: cover; }
	.contentblock.sideimageblock{  }
		.contentblock.sideimageblock .inner{ display: flex; }
			.contentblock.sideimageblock .inner .text{ flex-basis: 75%; padding-right: 10%; }
			.contentblock.sideimageblock .inner .image{ flex-basis: 25%; padding-top: 1.5rem; }
				.contentblock.sideimageblock .inner .image img{ display: block; }
		.contentblock.sideimageblock.left .inner{ flex-direction: row-reverse; }
			.contentblock.sideimageblock.left .inner .text{ padding-right: 0; padding-left: 10%; }
	.contentblock.quoteblock{ padding-top: 0; padding-bottom: 0; }
		.contentblock.quoteblock .inner{ display: flex; }
			.contentblock.quoteblock .inner .text{ flex-basis: 75%; padding: 3rem 10% 3rem 0; }
				.contentblock.quoteblock .inner .text .quote{ flex-basis: 75%; padding-right: 10%; quotes: "“" "”" "“" "”"; }
					.contentblock.quoteblock .inner .text .quote p{ position: relative; color: var(--colour-secondary-teal); font-weight: 700; }
						.contentblock.quoteblock .inner .text .quote p:first-child{ color: var(--colour-secondary-teal); font-weight: 700; }
						.contentblock.quoteblock .inner .text .quote p:first-child:before{ position: absolute; left: -25px; top: 5px; content: open-quote; display: inline-block; margin: 0 0 0 0; color: var(--colour-secondary-teal); font-size: 2rem; font-weight: 700; }
						.contentblock.quoteblock .inner .text .quote p:last-child:after{ position: absolute; bottom: -2px; content: close-quote; display: inline-block; margin: 0 0 0 0; color: var(--colour-secondary-teal); font-size: 2rem; font-weight: 700; }
			.contentblock.quoteblock .inner .image{ flex-basis: 25%; background-position: center; background-size: cover; }
		.contentblock.quoteblock.left .inner{ flex-direction: row-reverse; }
			.contentblock.quoteblock.left .inner .text{ padding-right: 0; padding-left: 10%; }
	.contentblock.doublecolumntextblock{ border-bottom: solid 1px #a1a1a1; }
		.contentblock.doublecolumntextblock .inner{ display: flex; gap: 4rem; }
		.contentblock.doublecolumntextblock .inner>div{ display: flex; gap: 4rem; }
			.contentblock.doublecolumntextblock .inner .column{ flex-basis: 50%; }
			.contentblock.doublecolumntextblock .inner>div .column{ flex-basis: 50%; height: auto !important; }
	.contentblock.videocards{  }
		.contentblock.videocards ul{ display: flex; gap: 2rem; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
			.contentblock.videocards ul li{ flex-basis: 30%; margin-bottom: 2rem; padding-top: 1rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
				.contentblock.videocards ul li .video{ position: relative; display: block; padding: 0 0 52%; }
					.contentblock.videocards ul li .video iframe{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; }
				.contentblock.videocards ul li .text{ display: block; height: 10rem; padding: 2rem 1rem; overflow: hidden; }
					.contentblock.videocards ul li .text .title{ font-size: 1.2rem; font-weight: 700; line-height: 1.8rem; }
	.contentblock .benefitscards{ display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 0; padding: 0; list-style: none; }
		.contentblock .benefitscards li{ display: block; padding: 2rem; background-color: #ffffff; border-radius: 4px; }
			.contentblock .benefitscards li .text{  }
				.contentblock .benefitscards li .text h5{ display: block; height: 62px; margin-bottom: 1.5rem; color: var(--colour-secondary-teal); overflow: hidden; }
				.contentblock .benefitscards li .text .description{ display: block; height: 100px; font-size: 0.9rem; overflow: hidden; }
					.contentblock .benefitscards li .text .description.hasImage{ padding-left: 100px; background-position: left center; background-repeat: no-repeat; background-size: 80px auto; }
				.contentblock .benefitscards li .text .link{  }
					.contentblock .benefitscards li .text .link a{ padding: 0.4rem 1.8rem; border-radius: 4px !important; font-size: 0.9rem; }
						.contentblock .benefitscards li .text .link a:hover{  }
			.contentblock .benefitscards li.tealbg{ background-color: var(--colour-secondary-teal); color: #ffffff; }
				.contentblock .benefitscards li.tealbg .text h5{ color: #ffffff; }
					.contentblock .benefitscards li.tealbg .text .link a{ background-color: #ffffff; color: var(--colour-secondary-teal); border: solid 1px #ffffff; }
						.contentblock .benefitscards li.tealbg .text .link a:hover{ background-color: var(--colour-secondary-teal); color: #ffffff; }
	.contentblock .faq{ display: block; margin: 0; padding: 0; list-style: none; }
		.contentblock .faq>li{ display: block; border: solid 1px #dfdfdf; }
			.contentblock .faq>li .question{ display: block; padding: 0.8rem; background-color: #eeeeee; font-size: 1.1rem; font-weight: 700; cursor: pointer; transition: all 0.3s; }
				.contentblock .faq>li .question .fa{ float: right; margin-top: 3px; }
				.contentblock .faq>li:hover .question{ background-color: var(--colour-secondary-turquoise); color: var(--text-on-colour); }
				.contentblock .faq>li.selected .question{ background-color: var(--colour-secondary-teal); color: var(--text-on-colour); }
			.contentblock .faq>li .answer{ display: block; max-height: 0; padding: 0 1rem; background-color: #ffffff; font-size: 0.9rem; overflow: hidden; transition: all 0.3s; }
				.contentblock .faq>li.selected .answer{ max-height: 1000vh; padding: 2rem 1rem;  }
				.contentblock .faq>li .answer h4{ margin: 1rem 0 0.5rem;  }
				.contentblock .faq>li .answer ul{ margin: 0.5rem 0 1.5rem;  }
	.contentlayoutone{  } /* zone class / Vue container div */
		.contentlayoutone .contentblock h1{ /*margin-bottom: 4rem;*/ padding-right: 3rem; color: var(--colour-primary); font-family: var(--font-default); /*font-size: 3.8rem;*/ font-size: 2.375rem; line-height: 4.4rem; }
			.contentlayoutone .contentblock h1 .heart{ position: absolute; right: 0; top: -5px; }
		.contentlayoutone .contentblock h2{ margin-bottom: 1rem; color: var(--colour-secondary-teal); font-size: 2rem; line-height: 2.6rem; }
			.contentlayoutone .contentblock h2.fauxh1{ color: var(--colour-primary); font-family: var(--font-title); font-size: 2.375rem; line-height: 2.6875rem; }
			.contentlayoutone .contentblock p+h2{ margin-top: 2rem; }
		.contentlayoutone .contentblock h3{ margin-bottom: 1rem; color: var(--colour-secondary-teal); font-size: 1.5rem; line-height: 2.1rem; }
			.contentlayoutone .contentblock h3 a{ color: var(--colour-secondary-teal); }
				.contentlayoutone .contentblock h3 a:after{ content: '\f105'; margin-left: 1rem; -webkit-font-smoothing: antialiased; display: inline-block; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-variant: normal; line-height: 1; text-rendering: auto; vertical-align: 0; transition: all 0.3s; }
					.contentlayoutone .contentblock h3 a:hover:after{ margin-left: 1.5rem; }
			.contentlayoutone .contentblock p+h3{ margin-top: 2rem; }
		.contentlayoutone .contentblock h4{ margin-bottom: 1rem; color: var(--colour-secondary-teal); font-size: 1rem; line-height: 1.6rem; }
			.contentlayoutone .contentblock p+h4{ margin-top: 2rem; }
		.contentlayoutone .contentblock.titleblock{ margin-bottom: -2rem; padding-top: 0; padding-bottom: 0; }
			.contentlayoutone .contentblock.titleblock .intro{ margin-bottom: 3rem; color: var(--text-default); font-weight: 700; }
		.contentlayoutone .cardblock{ padding-top: 2.5rem !important; padding-bottom: 2rem !important; }
			.contentlayoutone .cardblock .inner{ max-width: 900px; padding-left: 0; padding-right: 0; }
			.contentlayoutone .cardblock h3{ font-family: var(--font-default) !important; font-weight: 700 !important; }
		.contentlayoutone.nospacing{ margin-bottom: -2rem; }
			.contentlayoutone.nospacing h1{ margin-bottom: 0; }
			.contentlayoutone.nospacing p.intro{ margin-bottom: 0; }
			.contentlayoutone.nospacing .contentblock.titleblock .intro{ margin-bottom: 0; }
			.contentlayoutone.nospacing .contentblock.titleblock{ padding-bottom: 0; }
	.contentlayouttwo{  } /* zone class / Vue container div */
		.contentlayouttwo .contentblock h1{ position: relative; margin-bottom: 4rem; padding-right: 3rem; color: var(--colour-primary); font-family: var(--font-default); }
			.contentlayouttwo .contentblock h1 .heart{ position: absolute; right: 0; top: -5px; }
		.contentlayouttwo .contentblock h3{ margin-bottom: 1.2rem; color: var(--colour-secondary-teal); }
		.contentlayouttwo .contentblock p.intro{ color: var(--colour-secondary-teal); font-size: 1.5rem; font-weight: 700; line-height: 2rem; }
		/*.contentlayouttwo .contentblock.titleblock .intro p:first-of-type{ color: var(--colour-secondary-teal); font-size: 1.5rem; font-weight: 700; line-height: 2rem; }*/
		.contentlayouttwo .contentblock.titleblock .intro .tealblock p{ color: var(--colour-secondary-teal); font-size: 1.5rem; font-weight: 700; line-height: 2rem; }

/* LIJ & NEWS */
	.lijpage #hd{ /*margin-bottom: 430px;*/ }
	.lijpage .announcements{ margin-top: 60px; }
	.lijpage h2,.categoryblockheader h2{ margin-bottom: 2rem; padding-bottom: 1rem; color: var(--colour-secondary-blue); /*border-bottom: solid 1px #eeeeee !important;*/ border-bottom: solid 2px var(--colour-secondary-teal) !important; font-family: var(--font-title); font-weight: 500; }
		.lijpage h2 a,.categoryblockheader h2 a{ float: right; margin-top: 5px; padding: 0.6rem 1.8rem; background-color: var(--colour-secondary-blue); color: var(--text-on-colour); font-size: 1rem; line-height: 1rem; border-radius: 2rem; text-decoration: none; }
			.lijpage h2 a .fa,.categoryblockheader h2 a .fa{ margin-left: 10px; }
			.lijpage h2 a:hover,.categoryblockheader h2 a:hover{ background-color: var(--colour-secondary-orange-bold); color: var(--text-on-colour); }
	.lijnavigation{ position: absolute; left: 0; right: 0; z-index: 1; display: none; background-color: #007381; color: #ffffff; }
		.lijpage .lijnavigation{ display: block; }
		.lijsubpage .body-container{ display: grid; grid-template-columns: 20% 1fr 315px; }            
		.lijsubpage .body-container:before{ content: none; display: none; }            
		.lijsubpage .OnBehalfOfContainer{ display: none; }            
		.lijsubpage :is(.col-secondary,.col-primary,.col-sidebar){ width: 100% !important; }
		.lijsubpage .lijnavigation{ display: block; }
		.lijsubpage #masterContentArea{ margin-top: 60px; }
		.lijnavigation ul{ display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none; }
			.lijnavigation ul li{  }
				.lijnavigation ul li.logo{ width: 160px; height: 60px; background-image: var(--lij-logo); background-position: left -10px center; background-repeat: no-repeat; background-size: contain; }
				.lijnavigation ul li a{ display: block; padding: 1.15rem 1rem; color: #ffffff; }
					.lijnavigation ul li a:hover,.lijnavigation ul li a.selected{ background-color: #005c67; }
	#lijnewsbanner{ display: none; }
	.lijbanner{ display: none; align-items: center; /*height: 510px;*/ height: 430px; padding: 5rem 0 3rem; background-image: var(--lij-search-bg); background-position: center; background-repeat: no-repeat; background-size: cover; }
		.lijpage .lijbanner{ display: flex; }
		.lijbanner .logo{ display: block; height: 100px; margin-bottom: 2rem; background: var(--lij-logo-large) left center no-repeat; background-size: contain; }
		.lijbanner .actionbar{ display: flex; justify-content: space-between; justify-content: flex-end; align-items: flex-end; }
			.lijbanner .actionbar .search{ display: none; margin-right: auto; }
				.lijbanner .actionbar .search p{ color: var(--text-on-colour); font-size: 1.2rem; }
				.lijbanner .actionbar .search .searchfield{ position: relative; display: block; padding: 0.8rem 3rem 0.8rem 2rem; background-color: #ffffff; border-radius: 30px; }
					.lijbanner .actionbar .search .searchfield input{ width: 300px; min-height: 0; border: none; }
						.lijbanner .actionbar .search .searchfield input:focus{ border-color: transparent; box-shadow: none; }
					.lijbanner .actionbar .search .searchfield span{ display: none; }
					.lijbanner .actionbar .search .searchfield a{ position: absolute; top: 7px; right: 7px; display: inline-block; width: 40px; height: 40px; background-color: #eeeeee; color: var(--text-black); border-radius: 100%; line-height: 40px; text-align: center; }
						.lijbanner .actionbar .search .searchfield a:hover{ background-color: var(--colour-secondary-turquoise); color: #ffffff; }
			.lijbanner .actionbar>a{ display: inline-block; padding: 0.9rem 2rem; background-color: #ffffff; color: var(--text-black); border-radius: 30px; }
				.lijbanner .actionbar>a.viewall{ margin-right: 1rem; }
				.lijbanner .actionbar>a .fa{ margin-left: 2rem; }
				.lijbanner .actionbar>a:hover{ background-color: var(--colour-secondary-turquoise); color: #ffffff; }
	#topstories{ margin-bottom: 4rem; }
	.articleslider{ display: block; margin: 0 0 4rem; list-style: none; }
		.articleslider .articleslides{ display: block; height: 0; margin: 0; padding: 0 0 50%; list-style: none; overflow: hidden; }
			.articleslider .articleslides .articleslide{ position: relative; display: block; width: 100%; padding: 0 0 50%; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
				.articleslider .articleslides .articleslide:after{ content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; 
					background-color: rgba(34,34,34,0.6); 
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+100&0.2+0,0.6+70 */
					background: -moz-linear-gradient(top,  rgba(34,34,34,0.2) 0%, rgba(34,34,34,0.6) 70%, rgba(34,34,34,0.6) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  rgba(34,34,34,0.2) 0%,rgba(34,34,34,0.6) 70%,rgba(34,34,34,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  rgba(34,34,34,0.2) 0%,rgba(34,34,34,0.6) 70%,rgba(34,34,34,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33222222', endColorstr='#99222222',GradientType=0 ); /* IE6-9 */
				}
				.articleslider .articleslides .articleslide .slidecontent{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; display: block; padding: 2.5rem; color: var(--text-on-colour); }
					.articleslider .articleslides .articleslide .slidecontent .auxbar{  }
						.articleslider .articleslides .articleslide .slidecontent .auxbar strong{ display: inline-block; margin-right: 5px; }
						.articleslider .articleslides .articleslide .slidecontent .auxbar .date{ display: inline-block; margin-left: 5px; }
					.articleslider .articleslides .articleslide .slidecontent .articleinfo{  }
						.articleslider .articleslides .articleslide .slidecontent .articleinfo h5{  }
							.articleslider .articleslides .articleslide .slidecontent .articleinfo h5 a{ color: var(--text-on-colour); font-family: var(--font-title); font-size: 2rem; line-height: 2.6rem; text-decoration: none; }
								.articleslider .articleslides .articleslide .slidecontent .articleinfo h5 a:hover{  }
						.articleslider .articleslides .articleslide .slidecontent .articleinfo p{ max-width: 60%; font-family: var(--font-title); font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }
		.cycle-pager{ display: block; padding: 1.5rem 0 0; text-align: center; }
			.cycle-pager span{ display: inline-block; width: 13px; height: 13px; margin: 0 2px; background-color: var(--colour-secondary-turquoise); color: transparent; border-radius: 20px; cursor: pointer; transition: all 0.3s; }
				.cycle-pager span:hover{ background-color: var(--colour-secondary-teal); }
				.cycle-pager span.cycle-pager-active{ width: 35px; background-color: var(--colour-secondary-teal); }
	.categoryblock{ margin-bottom: 1.5rem; }
	.lijsidebarnav{ display: block; margin: 2.3rem 0 1rem; padding: 3rem; background-color: #00a8ab; list-style: none; }
		.lijsidebarnav li{ display: block; border-bottom: solid 1px rgba(255,255,255,0.6); }
			.lijsidebarnav li.logo{ display: block; margin: 0 0 1rem; padding: 0 0 25%; background-image: var(--lij-logo-large); background-position: left center; background-repeat: no-repeat; background-size: contain; border-bottom: none; }
			.lijsidebarnav li a{ display: block; padding: 0.8rem 0; color: var(--text-on-colour); text-decoration: none; }
				.lijsidebarnav li a .fa{ float: right; margin-top: 5px; transition: all 0.3s; }
					.lijsidebarnav li a:hover .fa{ transform: translateX(10px); }
	.lijsidebarlinks{ display: block; margin: 0 0 1rem; padding: 3rem 2rem 2rem; background-color: #f6f6f6; list-style: none; }
		.lijsidebarlinks li{ display: block; margin-bottom: 1rem; }
			.lijsidebarlinks li.title{ color: var(--colour-secondary-blue); font-family: var(--font-title); font-size: 1.875rem; font-weight: 700; line-height: 2.5rem; }
			.lijsidebarlinks li a{ color: var(--text-black); text-decoration: underline; }
				.lijsidebarlinks li a:hover{ text-decoration: none; }
	.lijnews .categoryblock{ position: relative; padding-bottom: 8rem; }
		.lijnews .categoryblock .categoryblockheader h2 a{ position: absolute; left: 50%; bottom: 4rem; transform: translateX(-50%); }

/* EVENT DETAILS */
	.Xeventdetailspage #masterContentArea{ background-color: #f6f6f6; }
	.Xeventdetailspage #masterMainBreadcrumb{ margin: 0 !important; }
	.eventdetailspage #map{ position: relative; display: none; width: 100%; height: 400px; border: solid 1px #cccccc; }
	.eventdetailspage #premap{ display: none; padding: 2rem; outline: solid 2px #ff3300; }
	.eventregistration .noauth{ display: block; margin: 1rem 0; padding: 1rem; background-color: #eeeeee; font-size: 1.2rem; font-weight: 700; text-align: center; }
	.eventregistration .TitleBarTitle{ display: block; margin: 3rem 0 0; }
	.eventdetails{ display: grid; grid-template-columns: 75% 25%; align-items: start; }
		.eventdetails h2{ margin: 0 0 1rem; }
		.eventdetails .noauth{ display: block; margin: 1rem 0; padding: 1rem; background-color: #eeeeee; font-size: 1.2rem; font-weight: 700; text-align: center; }
		x.eventdetails h2{ display: flex; margin-bottom: 2.5rem !important; align-items: center; color: var(--colour-secondary-teal) !important; white-space: nowrap; }
				x.eventdetails h2{ content: ''; display: block; margin-left: 10px; flex-basis: 100%; height: 2px; background-color: var(--colour-secondary-teal);  }
		.eventdetails h5{ margin: 0 0 1rem; }
		.eventdetails>.main{ padding-right: 2rem; padding-bottom: 3rem; }
		.eventdetails>.side{  }
			.eventdetails>.side .sidepanel{ padding: 1rem 2rem; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
				.eventdetails>.side .sidepanel .pricing{ margin: 1rem 0 2rem; padding: 0; list-style: none; }
					.eventdetails>.side .sidepanel .pricing li{ display: grid; grid-template-columns: 75% 25%; margin: 0 0 0.5rem; font-size: 0.9rem; }
						.eventdetails>.side .sidepanel .pricing li.hidden{ display: none; }
						.eventdetails>.side .sidepanel .pricing li label{ font-weight: 400; }
						.eventdetails>.side .sidepanel .pricing li span{ text-align: right; }
				.eventdetails>.side .sidepanel .regclosing{ color: var(--colour-secondary-teal); line-height: 2rem; }
					.eventdetails>.side .sidepanel .regclosing label{ display: block; color: var(--colour-secondary-teal); font-size: 0.9rem; font-weight: 700; }
					.eventdetails>.side .sidepanel .regclosing span{  font-size: 1.2rem; font-weight: 700; }
						.eventdetails>.side .sidepanel .regclosing span strong{ font-size: 1.5rem; }
	.eventdetails .tablinks{ display: flex; margin: 0 0 4rem; padding: 2rem 0 0; gap: 1px; list-style: none; }
		.eventdetails .tablinks li{  }
			.eventdetails .tablinks li a{ display: block; padding: 1rem 2rem; color: var(--text-default); border-bottom: solid 3px transparent; text-decoration: none; }
				.eventdetails .tablinks li a.selected{ color: var(--colour-primary); border-bottom: solid 3px var(--colour-primary); text-decoration: none; }
				.eventdetails .tablinks li a:hover{ border-bottom: solid 3px var(--colour-secondary-fushia); text-decoration: none; }
	.eventdetails #maincontent{ position: relative; }
		.eventdetails #maincontent>.heart{ position: absolute; right: 0; top: 3rem; }
		.eventdetails #maincontent section{ margin: 0 0 3rem; }
			.eventdetails #maincontent section#registration{  }
				.eventdetails #maincontent section#registration .links{ margin-top: 3rem; }
	.eventdetails .intro{ margin: 0 0 3rem; padding-right: 4rem; }
	.eventdetails .areas{ margin: 0 0 3rem; padding: 0 0 2rem; border-bottom: solid 1px #eeeeee; }
	.eventdetails .venue{ margin: 0 0 3rem; padding: 0 0 2rem; }
		.eventdetails .venue{ display: block; }
			.eventdetails .venue h5{  }
			.eventdetails .venue .dayblock{  }
				.eventdetails .venue .dayblock span{ display: block; margin: 0 0 0.5rem;       }
					.eventdetails .venue .dayblock .day{ color: #d2b467; font-weight: 700; }
					.eventdetails .venue .dayblock .location{ font-weight: 700; }
					.eventdetails .venue .dayblock .address{  }			
	.eventblockheader h2{ margin-bottom: 2rem; padding-bottom: 1rem; color: var(--colour-secondary-teal); border-bottom: solid 2px var(--colour-secondary-teal) !important; font-family: var(--font-default); font-weight: 700; }
		.eventblockheader h2 a{ float: right; margin-top: 5px; padding: 0.6rem 1.8rem; background-color: var(--colour-secondary-teal); color: var(--text-on-colour); font-size: 1rem; line-height: 1rem; border-radius: 2rem; text-decoration: none; }
			.eventblockheader h2 a .fa{ margin-left: 10px; }
			.eventblockheader h2 a:hover{ background-color: var(--colour-secondary-orange-bold); color: var(--text-on-colour); }
	#agendalist{ display: block; margin: 0; padding: 0; list-style: none; }
		#agendalist>li{ margin: 0 0 0.8rem; border: solid 1px var(--text-default); transition: all 0.3s; }
			#agendalist>li.open{ border: solid 1px #cccccc; }
			#agendalist>li>.agendatitlebar{ display: block; margin: 0; padding: 0.6rem 1rem; background-color: #dddddd; color: var(--text-default); }
				#agendalist>li.open>.agendatitlebar{ background-color: var(--colour-primary); color: var(--text-on-colour); border: solid 1px var(--text-default); }
				#agendalist>li>.agendatitlebar span{ display: inline-block; }
					#agendalist>li>.agendatitlebar .day{ margin-right: 1rem; padding: 0.2rem 1rem 0.2rem 0.2rem; border-right: solid 1px #aaaaaa; font-size: 1.2rem; font-weight: 700; }
						#agendalist>li.open>.agendatitlebar .day{ border-right: solid 1px var(--text-on-colour); }
					#agendalist>li>.agendatitlebar .date{ font-size: 1rem; }
					#agendalist>li>.agendatitlebar .fa{ float: right; font-size: 2rem; }
			#agendalist>li>.details{ display: block; max-height: 0; margin: 0; padding: 0 0; list-style: none; overflow: hidden; transition: all 0.6s; }
				#agendalist>li.open>.details{ max-height: 1000vh; padding: 1rem 0; }
				#agendalist>li>.details>li>p{ margin: 0; padding: 1rem 1rem; border-bottom: solid 1px #dfdfdf; cursor: pointer; transition: all 0.3s;	 }
					#agendalist>li>.details>li>p:hover{ background-color: #f4f4f4; }
					#agendalist>li>.details>li>p>span{ display: inline-block; }
						#agendalist>li>.details>li>p>.time{ min-width: 5rem; margin-right: 1rem; padding-right: 1rem; border-right: solid 1px #dfdfdf; font-weight: 700; }
						#agendalist>li>.details>li>p>.title{  }
						#agendalist>li>.details>li>p>.fa{ float: right; font-size: 2rem; }
						#agendalist>li>.details>li li{ list-style-type: disc; }
				#agendalist>li>.details>li>div{ display: block; max-height: 0vh; padding: 0 1rem; overflow: hidden; transition: all 0.6s; }
					#agendalist>li>.details>li.open>div{ max-height: 100vh; padding: 1rem 1rem 2rem; }
	#presenters{  }
		#presenters .presenter{ display: grid; grid-template-columns: 15% 75%; gap: 2rem; margin: 0 0 2rem; }
			#presenters .presenter.noimage{ grid-template-columns: 100%; gap: 0rem; }
			#presenters .presenter .image{  }
				#presenters .presenter .image img{ display: block; max-width: 100%; }
			#presenters .presenter .details{  }
				#presenters .presenter .details .name{ display: block; margin: 0 0 0.3rem; color: var(--text-default); font-size: 1.2rem; font-weight: 700; }
				#presenters .presenter .details .role{ display: block; margin: 0 0 1rem; color: #0eacae; font-size: 1rem; font-weight: 700; }
				#presenters .presenter .details .bio{ font-size: 0.9rem; line-height: 1.5rem; }
		#presenters .miscpresenterinfo{  }
			#presenters .miscpresenterinfo h2{ display: block; margin: 0 0 0.3rem; color: var(--colour-primary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; }
			#presenters .miscpresenterinfo h3{ display: block; margin: 0 0 1rem; color: #0eacae; font-size: 0.9rem; font-weight: 700; line-height: 1.3rem; }
			#presenters .miscpresenterinfo p{ font-size: 1rem; line-height: 1.6rem; }
	#sponsors{ padding: 3rem 2rem; }
		#sponsors h4{ display: block; margin: 0 0 1rem; text-align: center; }
		#sponsors h5{ display: block; margin: 0 0 1rem; font-size: 1rem; font-weight: 700; text-align: center; }
		#sponsors ul.majorsponsors{ display: grid; margin: 0 0 2rem; padding: 0; list-style: none; gap: 35px; }
			#sponsors ul.majorsponsors li{ display: block; margin: 0 0 10px; text-align: center; }
				#sponsors ul.majorsponsors li img{ display: inline-block; max-width: 75%; }
		#sponsors ul.sponsors{ display: grid; grid-template-columns: 1fr; gap: 35px; align-items: center; margin: 0 0 2rem; padding: 0; list-style: none; }
			#sponsors ul.sponsors li{ text-align: center; }
				#sponsors ul.sponsors li img{ display: inline-block; max-width: 50%; }
	.EventDetails .HelperText{ margin-left: 1rem; color: var(--colour-secondary-turquoise); }
	#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegistrationStatusCaption{ margin-left: 0.5rem; }
				
/* FACILITIES */
	.facilities{  } /* layout */
		.facilities h2{ padding-top: 2rem; }
		.facilities h3{ font-size: 1.3rem; line-height: 1.9rem; }
		.facilities .separator{ margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: solid 1px #d3d3d3; }
		.facilities .strongteal{ font-size: 1.2rem; line-height: 1.8rem; }
	.rooms{  }
	.rooms{ display: flex; gap: 2rem; justify-content: space-between; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
		.rooms li{ flex-basis: 30%; margin-bottom: 2rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
			.rooms li .image{ display: block; padding: 0 0 52%; background-position: center; background-repeat: no-repeat; background-size: cover; }
			.rooms li .details{ display: block; padding: 2rem 1rem; }
				.rooms li .details>span{ display: block; margin-bottom: 0.5rem; }
					.rooms li .details .title{ font-weight: 700; }
					.rooms li .details .ratesdesc{ margin: 1.5rem 0; padding: 0.5rem 0; font-size: 0.9rem; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; }
					.rooms li .details p{ margin: 3rem 0 0; }
						.rooms li .details p a{ display: inline-block; padding: 0.4rem 1rem; background-color: #333333; color: #ffffff; border: solid 1px #333333; border-radius: 4px; text-decoration: none; }
							.rooms li .details p a+a{ margin-left: 0.7rem; }
							.rooms li .details p a:hover{ background-color: #ffffff; color: #333333; }
							
/* BOOK DETAILS */
	.bookdetails{  }
		.bookdetails .topbar{ display: block; }
			.bookdetails .topbar .summary{ display: grid; grid-template-columns: 1fr 2fr; gap: 2rem; }
				.bookdetails .topbar .summary h1{ position: relative; padding-right: 2rem; font-family: var(--font-default); font-size: 2rem; line-height: 2.4rem; grid-column: 1 / span 2; }
					.bookdetails .topbar .summary h1 .heart{ position: absolute; right: 0; top: -5px; z-index: 100; }
				.bookdetails .topbar .summary .image{ display: block; }
					.bookdetails .topbar .summary .image span{ display: block; width: 100%; padding: 0 0 140%; background-position: center top; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.1)); }
				.bookdetails .topbar .summary .details{ display: block; }
					.bookdetails .topbar .summary .details p{ display: flex; align-items: flex-start; margin: 0 0 0.5rem; }
						.bookdetails .topbar .summary .details p.skills{ align-items: center; }
						.bookdetails .topbar .summary .details p label{ display: inline-block; min-width: 130px; margin-right: 0.5rem; font-size: 1rem !important; font-weight: 700 !important; line-height: 1.5rem !important; }
			.bookdetails .topbar .pricing{  }
				#ProductDisplay{ position: relative; min-height: 420px; margin-top: 5rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
					#ProductDisplay .ProductTitle{ display: none; }
					#ProductDisplay .ProductImageArea{ display: none; }
					#ProductDisplay .ProductDetails{ padding-top: 0; }
						#ProductDisplay .ProductDetails:before{ content: 'Pricing'; display: block; margin: 1rem 0 0; color: var(--colour-primary); font-size: 1.3rem; font-weight: 700; }
						#ProductDisplay .ProductDetails>span:first-child{ display: none; }
						#ProductDisplay .ProductDetails input.Quantity{ width: 50px; }
						#ProductDisplay .ProductDetails input[type=button]{ display: block; width: 250px; margin: 1rem auto; }
						#ProductDisplay .PricingSection{ margin: 1rem 0; padding: 1rem 0; border-top: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; }
							#ProductDisplay .PricingSection .text-strikethrough:before{ content: '$'; }
							#ProductDisplay .PricingSection .CustomerPrice:before{ content: '$'; }
						#ProductDisplay .ProductLabel{ text-align: left; }
						#ProductDisplay .Significant { margin-left: -8px; margin-right: 17px; }
				#ctl01_TemplateBody_WebPartManager1_gwpciProceedtoCheckout_ciProceedtoCheckout_RedirectToCartButton{ display: block; width: 243px; }
					#ctl01_TemplateBody_WebPartManager1_gwpciProceedtoCheckout_ciProceedtoCheckout_RedirectToCartButton:hover{ }
			#specialalert{ position: relative; display: block; padding: 0 1rem 0 5rem; /*transform: translateY(-40px);*/ }
				#specialalert .fa{ position: absolute; left: 2rem; top: 0.5rem; font-size: 1.5rem; }
				#specialalert span{ display: inline-block; white-space: nowrap; }
	.bookdetails .tablinks{ display: flex; align-items: center; margin: 0 0 1rem; padding: 2rem 0 0; gap: 1px; list-style: none; }
		.bookdetails .tablinks .heart{ margin-left: 3rem; }
		.bookdetails .tablinks li{  }
			.bookdetails .tablinks li a{ display: block; padding: 1rem 2rem; color: var(--text-default); border-bottom: solid 3px transparent; text-decoration: none; }
				.bookdetails .tablinks li a.selected{ color: var(--colour-primary); border-bottom: solid 3px var(--colour-primary); text-decoration: none; }
				.bookdetails .tablinks li a:hover{ border-bottom: solid 3px var(--colour-secondary-fushia); text-decoration: none; }
	.bookdetails .detailsections{ padding: 2rem 2rem; background-color: #f6f6f6; }
		.bookdetails .detailsections section{ display: block; width: 66%; padding: 2rem 0; }
			.bookdetails .detailsections section h2{ color: var(--colour-secondary-teal); }
	.bookdetails .contentslist{ display: block; margin: 0; padding: 0; list-style: none; }
		.bookdetails .contentslist li{ display: block; margin: 0 0 1rem; }
			.bookdetails .contentslist li .chapter{ display: block; margin: 0 0 0.5rem; font-weight: 700; }
			.bookdetails .contentslist li .description{ display: block; font-size: 0.9rem; line-height: 1.5rem; }
			
/* LOOKING FOR LEGAL HELP */
	.helptriage{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; margin: 2rem 0 2rem; padding: 0; list-style: none; }
		.helptriage li{  }
			.helptriage li a{ display: block; padding: 1.5rem 1rem; background-color: #eeeeee; color: #333333; border: solid 1px #cccccc; border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,0.3); text-decoration: none; }
				.helptriage li a span{ display: block; }
					.helptriage li a span.role{ min-height: 90px; margin-bottom: 1.5rem; color: var(--colour-secondary-teal); border-bottom: solid 1px var(--colour-secondary-teal); font-size: 1.2rem; font-weight: 700; }
					.helptriage li a span.description{ min-height: 150px; }
				.helptriage li a:hover{ background-color: #ffffff; }
					.helptriage li a:hover span.role{ color: var(--colour-primary); }


/* FIND A LAWYER */
	#whychooseblock{ display: grid; grid-template-columns: 40% 60%; margin: 3rem 0; background-image: var(--referral-block-bg-1); background-position: center; background-repeat: cover; }
		#whychooseblock>div{ display: block; padding: 3rem 2rem 8rem; color: var(--text-on-colour); }
			#whychooseblock>div:first-child p{ font-size: 2rem; font-weight: 700; line-height: 2.5rem; }
			#whychooseblock>div:last-child{ padding-right: 20%; }
	.referralsourcepanel{ display: none; }
	.insightssource{ display: none; }
	.referraldirectorypanel{ position: relative; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciOrganizationAccountTabs1_ciOrganizationAccountTabs1_NewPanelEditorCommon__Head{ display: none; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciOrganizationAccountTabs1_ciOrganizationAccountTabs1_NewPanelEditorCommon_readOnlyPanel{ display: none; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciOrganizationAccountTabs1_ciOrganizationAccountTabs1_NewPanelEditorCommon_panelEditor_editablePanel{ position: fixed; right: 5%; bottom: 5vh; left: 5%; top: 5vh; z-index: 100000; display: block; padding: 2rem; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.6); }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciOrganizationAccountTabs1_ciOrganizationAccountTabs1_NewPanelEditorCommon_panelEditor_LocalButtonBar{ position: fixed; right: 7%; bottom: 7vh; z-index: 100000; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciTabs_ciTabs_NewPanelEditorCommon__Head{ display: none; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciTabs_ciTabs_NewPanelEditorCommon_readOnlyPanel{ display: none; }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciTabs_ciTabs_NewPanelEditorCommon_panelEditor_editablePanel{ position: fixed; right: 5%; bottom: 5vh; left: 5%; top: 5vh; z-index: 100000; display: block; padding: 2rem; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.6); }
		.referraldirectorypanel #ctl01_TemplateBody_WebPartManager1_gwpciTabs_ciTabs_NewPanelEditorCommon_panelEditor_LocalButtonBar{ position: fixed; right: 7%; bottom: 7vh; z-index: 100000; }
	.referralsourceimage{ display: none; }
	.referralprofile{  }
		.referralprofile .maincol{ padding-right: 2rem; }
		.referralprofile .sidecol{ min-height: 20vh; background-position: center 0.5rem; background-repeat: no-repeat; background-size: contain; }
			.referralprofile .sidecol .profileimage{ display: none; }
		.referralprofile .links{ display: block; margin-bottom: 2rem; text-align: right; }
			.referralprofile .links a{ display: inline-block; margin: 0 0 2rem 0.5rem; padding: 0.5rem 1rem; color: var(--colour-primary); border: solid 1px var(--colour-primary); border-radius: 3px; text-decoration: none; }
				.referralprofile .links a:hover{ color: var(--colour-secondary-fushia); border: solid 1px var(--colour-secondary-fushia); }
	.referralprofile .profileinsightsblock{ position: relative; display: block; margin: 0 0 3rem; padding: 2rem 2rem; background-color: #eeeeee; }
		.referralprofile .profileinsightsblock h3{ margin: 0 0 1rem; }
		.referralprofile .profileinsightsblock .insightslist{ display: flex; gap: 2rem; margin: 0 0 1rem; padding: 0; list-style: none; }
			.referralprofile .profileinsightsblock .insightslist li{ display: block; width: 170px; min-height: 150px; padding: 1rem; background-color: #ffffff; border-radius: 4px; text-align: center; }
				.referralprofile .profileinsightsblock .insightslist li .stat{ display: block; color: var(--colour-primary); font-size: 4rem; font-weight: 700; line-height: 4.5rem; }
				.referralprofile .profileinsightsblock .insightslist li .label{ display: block; color: var(--colour-secondary-turquoise); }
				.referralprofile .profileinsightsblock .insightslist li.publicprofilelinkcntr{ display: block; width: 250px; background-color: transparent; }
	.referralprofile .profilesummaryblock{ position: relative; display: flex; justify-content: space-between; margin: 0 0 3rem; padding: 2rem 2rem; background-color: #eeeeee; }
		.referralprofile .profilesummaryblock .left{ padding-right: 1.5rem; }
			.referralprofile .profilesummaryblock .left h3{ margin: 0 0 1rem; }
			.referralprofile .profilesummaryblock .left .address{ margin: 0 0 3rem; font-size: 1.2rem; }
				.referralprofile .profilesummaryblock .left .address .fa{ margin-right: 0.8rem; font-size: 1.2rem; }
			.referralprofile .profilesummaryblock .left .referralbutton a{ display: inline-block; margin: 0 0 2rem 0.5rem; padding: 0.5rem 1rem; background-color: var(--colour-secondary-turquoise); color: #ffffff; border: solid 1px var(--colour-secondary-turquoise); border-radius: 3px; text-decoration: none; }
				.referralprofile .profilesummaryblock .left .referralbutton a:hover{ transform: scale(0.95); }
		.referralprofile .profilesummaryblock .right{ padding-left: 1.5rem; border-left: solid 1px #cccccc; }
			.referralprofile .profilesummaryblock .right p .fa{ margin-right: 0.8rem; font-size: 1.2rem; }
			.referralprofile .profilesummaryblock .right p.closurestatus{ color: var(--colour-secondary-fushia-bold); font-weight: 700; }
		.referralprofile .profilesummaryblock .editsourcepanel{ position: absolute; top: 1rem; right: 1rem; color: #888888; font-size: 14px; }
			.referralprofile .profilesummaryblock .editsourcepanel.linkbutton{ position: relative; top: auto; right: auto; }
				.referralprofile .profilesummaryblock .editsourcepanel.linkbutton .fa{ margin-right: 10px; }
	.referralprofile .bio{ position: relative; display: block; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: solid 1px #cccccc; }
		.referralprofile .bio .editsourcepanel{ position: absolute; top: 1rem; right: 1rem; color: #888888; font-size: 14px; }
		.referralprofile .bio h4{ margin-bottom: 1rem; }
		.referralprofile .bio .biocontent{  }
			.referralprofile .bio .biocontent p:first-child{ color: var(--colour-secondary-teal); font-weight: 700; }
	.referralprofile .mappane{ margin-bottom: 3rem; }
		.referralprofile .mappane .address{ margin: 0 0 1rem; }
			.referralprofile .mappane .address .fa{ margin-right: 0.8rem; font-size: 1.2rem; }
		.referralprofile .mappane #map{ padding: 0 0 40%; }
	.referralprofile .auxlists{ display: grid; grid-template-columns: 75% 20%; gap: 5%; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: solid 1px #cccccc; }
		.referralprofile .auxlists div{ display: block; }
			.referralprofile .auxlists div h4{ display: block; margin-bottom: 2rem; padding-bottom: 1rem;border-bottom: solid 1px #cccccc; }
		.referralprofile .auxlists ul{ display: block; /*list-style-position: inside;*/ }
			.referralprofile .auxlists li{  }
			.referralprofile .auxlists ul li:first-child{  }
			/*.referralprofile .auxlists ul#areaslist{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; padding-right: 2rem; }*/
			.referralprofile .auxlists ul#areaslist{ display: block; gap: 0 1rem; padding-right: 2rem; padding-bottom: 2rem; columns: 2; column-gap: 3rem; overflow: hidden; }
				.referralprofile .auxlists ul#areaslist li{ padding-bottom: 0.75rem; -webkit-column-break-inside: avoid; column-break-inside: avoid; }
	.referralprofile .contactbar{ margin-bottom: 3rem; }
		.referralprofile .contactbar .referralbutton a{ display: inline-block; margin: 0 0 2rem 0.5rem; padding: 0.5rem 1rem; background-color: var(--colour-secondary-turquoise); color: #ffffff; border: solid 1px var(--colour-secondary-turquoise); border-radius: 3px; text-decoration: none; }
			.referralprofile .contactbar .referralbutton a:hover{ transform: scale(0.95); }
		.referralprofile .contactbar>div{ display: none; /*display: flex;*/ justify-content: flex-start; gap: 0 2rem; }
			.referralprofile .contactbar>div p{  }
				.referralprofile .contactbar>div p .fa{ margin-right: 0.8rem; font-size: 1.2rem; }
	#editloader{ position: fixed; right: 5%; bottom: 5vh; left: 5%; top: 5vh; z-index: 10000; display: none; padding: 2rem; background-color: rgba(255,255,255,0.5); border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.3); }
		#editloader .fa{ position: absolute; left: 50%; top: 50%; color: #888888; font-size: 4rem; transform: translate(-50%,-50%); animation: 1s linear 0s infinite running spin; }
	.referralformclosed{ color: var(--colour-secondary-fushia-bold); font-weight: 700; }

/* MY LIV > ONLINE PROFILE */
	.myonlineprofile #ctl01_TemplateBody_WebPartManager1_gwpciNewPanelEditorCommon_ciNewPanelEditorCommon_panelEditor_editablePanel{  }
	.myonlineprofile #ctl01_TemplateBody_WebPartManager1_gwpciPublicProfileLink_ciPublicProfileLink_LinkRepeater_ctl00_Link{ display: none; }
	.myonlineprofile .onlineprofilepanel{ position: relative; }
		.myonlineprofile .onlineprofilepanel #ctl01_TemplateBody_WebPartManager1_gwpciNewPanelEditorCommon_ciNewPanelEditorCommon__Head{ display: none; }
		.myonlineprofile .onlineprofilepanel #ctl01_TemplateBody_WebPartManager1_gwpciNewPanelEditorCommon_ciNewPanelEditorCommon_readOnlyPanel{ display: none; }
		.myonlineprofile .onlineprofilepanel #ctl01_TemplateBody_WebPartManager1_gwpciNewPanelEditorCommon_ciNewPanelEditorCommon_panelEditor_editablePanel{ position: fixed; right: 5%; bottom: 5vh; left: 5%; top: 5vh; z-index: 100000; display: block; padding: 2rem; background-color: #ffffff; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.6); }
		.myonlineprofile .onlineprofilepanel #ctl01_TemplateBody_WebPartManager1_gwpciNewPanelEditorCommon_ciNewPanelEditorCommon_panelEditor_LocalButtonBar{ position: fixed; right: 7%; bottom: 7vh; z-index: 100000; }
	.myonlineprofile.public .editsourcepanel{ display: none; }

/* LIV ADVANTAGE */
	.advantageslider{ display: block; width: 100% !important; height: 0; margin: 3rem 0 0; /*padding: 0 0 35%;*/ padding: 0 0 45%; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); overflow: hidden; }
		.advantageslider li{ display: block; width: 100% !important; margin-bottom: 0; background-color: #ffffff; box-shadow: none; }
			.advantageslider li .image{ float: left; width: 60%; /*padding: 0 0 35%;*/ padding: 0 0 43%; background-position: center; background-repeat: no-repeat; background-size: cover; }
			.advantageslider li .content{ float: left; width: 40%; padding: 2rem 2rem 2rem 2rem; }
				.advantageslider li .content .auxbar{ color: var(--colour-secondary-teal); font-weight: 700; }
				.advantageslider li .content .details{ margin-bottom: 3rem; }
					.advantageslider li .content .details .title{ color: var(--colour-secondary-teal); font-size: 1.4rem; font-weight: 700; line-height: 2rem; }
				.advantageslider li .content .links{ text-align: right; }
	.advantageslider+.cycle-pager{ display: block; margin-bottom: 3rem; }
	.advantagecards{ display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 3rem 0; padding: 0; list-style: none; }
		.advantagecards li{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
			.advantagecards li .image{ display: block; padding: 0 0 73%; background-position: center; background-repeat: no-repeat; background-size: cover; }
			.advantagecards li .auxbar{ display: flex; justify-content: space-between; padding: 1.5rem 1.5rem 0; }
				.advantagecards li .auxbar .category{ color: var(--colour-secondary-turquoise); font-weight: 700; }
				.advantagecards li .auxbar .logo{ max-width: 50%; }
					.advantagecards li .auxbar .logo img{ display: block; max-width: 100%; }
			.advantagecards li h5{ display: block; padding: 0 1.5rem; color: var(--colour-primary); font-size: 1.1rem; font-weight: 700; }
			.advantagecards li .details{ display: block; /*grid-template-columns: 2fr 1fr; gap: 2rem; align-items: end;*/ padding: 1.5rem 1.5rem 2rem; }
				.advantagecards li .details .description{ display: block; padding-bottom: 2rem; }
				.advantagecards li .details .links{  }
	.livadvantagedetails{  }
		.livadvantagedetails .author{ margin: 0 0 0.8rem; font-size: 1rem; line-height: 1rem; }
		.livadvantagedetails .issue{ margin: 0 0 1.5rem; font-size: 1rem; line-height: 1rem; }
		.livadvantagedetails .tags a{ display: inline-block; margin: 0 0.5rem 1rem 0; padding: 0.5rem 1rem; background-color: #eeeeee; color: var(--text-default); border-radius: 15px; font-size: 0.8rem; line-height: 0.8rem; text-decoration: none; }
				.livadvantagedetails .tags a.primarytag{ font-weight: 700; }
				.livadvantagedetails .tags a:hover{ background-color: var(--colour-primary); color: var(--text-on-colour); }
		.livadvantagedetails .contentbanner{ display: block; margin: 0 0 2rem; padding: 0 0 73%; background-position: center top; background-repeat: no-repeat; background-size: cover; }
		.livadvantagedetails .articleblock{  }
			.livadvantagedetails .articleblock h2{ color: var(--text-black); font-family: var(--font-title); font-weight: 400; }
			.livadvantagedetails .articleblock ul{ margin-bottom: 2rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.livadvantagedetails .articleblock ul li{ margin-bottom: 0.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
			.livadvantagedetails .articleblock p{ margin-bottom: 1.5rem; color: var(--text-black); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; }
				.livadvantagedetails .articleblock p a{ color: var(--colour-secondary-turquoise); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: underline; }
					.livadvantagedetails .articleblock p a:hover{ color: var(--colour-secondary-fushia); font-family: var(--font-title); font-size: 1rem; line-height: 1.8rem; text-decoration: none; }
	
				
	/*
	.cardlist{ display: flex; gap: 2rem; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
		.cardlist li{ flex-basis: 30%; margin-bottom: 2rem; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
			.Xcardlist li.card4{ box-shadow: none; }
			.cardlist li .image{ display: block; padding: 0 0 52%; background-position: center; background-repeat: no-repeat; background-size: cover; }
				.cardlist li .image.square{ display: none; }
			.cardlist li .auxbar{ display: flex; justify-content: space-between; padding: 1.5rem 1.5rem 0; }
				.cardlist li .auxbar p{ flex-basis: 75%; }
					.cardlist li .auxbar p .title{ display: block; color: var(--colour-secondary-turquoise); font-size: 1.1rem; font-weight: 700; }
						.cardlist li .auxbar p a.title:hover{ color: var(--colour-secondary-fushia); }
					.cardlist li .auxbar p .category{ display: block; color: var(--colour-secondary-turquoise); }
					.cardlist li .auxbar p .date{ font-size: 0.9rem; }
				.cardlist li .auxbar>a{ flex-basis: 20%; font-size: 1.3rem; text-align: right; }
					.cardlist li .auxbar>a.off .fa{ color: transparent; text-shadow: 0 0 1px rgba(0,0,0,0.6); }
			.cardlist li .cardinfo{ display: block; padding: 0 1.5rem 1.5rem; }
				.cardlist li .cardinfo h5{ color: var(--text-default); }
					.cardlist li .cardinfo h5 a{ color: var(--text-default); }
						.cardlist li .cardinfo h5 a:hover{ color: var(--colour-secondary-fushia); }
				.cardlist li .cardinfo .summary{ font-size: 0.9rem; }
	*/

/* ETHICS RULINGS */
	.ethics-details{ display: block; padding-bottom: 3rem; }
		.ethics-details .panel-heading{ padding: 0; }
		.ethics-details .panel-body-container{ padding: 0; }
		.ethics-details .PanelField label,.ethics-details .PanelField .Label{ width: 14rem; }
		.ethics-details .PanelField:nth-child(6){ padding: 2rem 0 0; }
			.ethics-details .PanelField:nth-child(6) .Label{ width: 100%; margin: 0 0 1rem; padding: 0; font-size: 1.5rem; }
		.ethics-details .PanelField:nth-child(7){ padding: 2rem 0 0; }
			.ethics-details .PanelField:nth-child(7) .Label{ width: 100%; margin: 0 0 1rem; padding: 0; font-size: 1.5rem; }

/* VIDEO LAYOUT */
	.videopage{  }
		.videopage .row{ max-width: 900px; margin: 0 auto; }
		.videopage .videocntr{  }
			.videopage .videocntr iframe{ width: 100%; }

/* CART */
	body.cart .panel-heading{ padding: 0; }
	body.cart .panel-body-container{ padding: 0; }
	body.cart .TitleBarCaption{ padding: 0; }
	body.cart .TitleBarTitle{ display: block; width: 100%; }
	body.cart h2{ display: block; margin-bottom: 0.5rem; font-size: 1.6rem; border-bottom: solid 2px var(--colour-primary) !important; }
	body.cart .UsePrimaryButton{ margin-bottom: 2rem; }
	.cart-top>.panel>.panel-heading h2{ display: block; margin-bottom: 2rem; font-size: 2.25rem; border-bottom: none !important; }
	.cart-zone-top{ padding: 0 0 2rem; }
	.cart-zone-bottom{ padding: 2rem 2rem 0; }
	.CartCharges{ margin-bottom: 2rem; }
		.CartCharges .PanelField{ padding: 0.5rem 1rem; }
	.CartCharges .GrandTotal .PanelField .Label{ color: var(--colour-primary); }
	.CartCharges .GrandTotal .PanelFieldValue{ color: var(--colour-primary); }
	
/* SIGN IN */
	.liv_sign_in{  }
		.liv_sign_in .inner{ display: grid; grid-template-columns: 40% 60%; /*max-width: 900px;*/ padding: 2rem; background-color: #ffffff; border-radius: 2px; box-shadow: 0 0 1rem rgba(0,0,0,0.3); }
			.liv_sign_in .inner>div{  }
				.liv_sign_in .inner .form{ padding-right: 1rem; }
					.liv_sign_in .inner .form .agreement{ display: block; max-width: 18rem; margin: 2rem auto; padding: 0; font-size: 0.8rem; line-height: 1.4rem; }
				.liv_sign_in .inner .content{ padding-left: 1.5rem; border-left: solid 1px #cccccc; }
					.liv_sign_in .inner .content h2{ margin-bottom: 2rem; color: var(--colour-secondary-turquoise); }
						.liv_sign_in .inner .content h2 a{ color: var(--colour-secondary-blue-bold); }
					.liv_sign_in .inner .content h5{ margin-top: 2rem; margin-bottom: 1rem; }
					.liv_sign_in .inner .content p{ font-size: 0.8rem; line-height: 1.4rem; }
					.liv_sign_in .inner .content li{ margin-bottom: 1rem; font-size: 0.8rem; line-height: 1.4rem; }

/* RAD */
	.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper{ background-color: var(--colour-primary); color: #ffffff; }
	.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a{ color: #ffffff !important; text-decoration: none; }
	/*.RadGrid a, .RadToolTip a,.RadGrid a:visited, .RadToolTip a:visited{ color: var(--colour-secondary-blue-bold) !important; text-decoration: none; }
		.RadGrid a:hover, .RadToolTip a:hover{ color: var(--colour-secondary-blue-bold) !important; text-decoration: underline; }*/
	.RadGrid a, .RadToolTip a,.RadGrid a:visited, .RadToolTip a:visited{ color: var(--colour-secondary-turquoise) !important; text-decoration: none; }
		.RadGrid a:hover, .RadToolTip a:hover{ color: var(--colour-secondary-turquoise) !important; text-decoration: underline; }
	.RadCalendarPopupShadows{ z-index: 100000001 !important; }
	.RadGrid.RadGrid_MetroTouch .rgHeader{ background-color: var(--colour-primary); border-color: var(--colour-primary) !important; }
		.RadGrid.RadGrid_MetroTouch .rgHeader a{ color: #ffffff !important; text-decoration: none !important; }
	.RadGrid.RadGrid_MetroTouch th.rgSorted{ background-color: var(--colour-primary); border-color: var(--colour-primary) !important; }
		.RadGrid_MetroTouch .rgHeader .rgSortDesc{ float: right !important; margin: 7px 2px 0 0 !important; }
	
/* FORMS */
	.formpage .contentwidth{ margin-top: 3rem; }
		.formpage .contentwidth .panel-title{ display: block; margin-bottom: 1rem; }
		.formpage .contentblock{ padding-top: 0 !important; padding-bottom: 0 !important; }
			.formpage .contentblock .inner{ max-width: 900px; }
		.formpage .AddPadding{ padding: 0; }
		.formpage h2{ color: var(--colour-primary) !important; font-size: 2rem; line-height: 2.6rem; }
			.formpage h2.fauxh1{ padding-top: 2rem; padding-right: 0; color: var(--colour-primary); font-family: var(--font-default) !important; font-size: 2.375rem; line-height: 4.4rem; }
		.formpage .panel-heading{ padding: 0 0 1rem !important; }
	.formtable{ display: block; width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }
		.formtable .PanelField label, .formtable .PanelField .Label{ width: 50%; padding-right: 3rem; }
		.formtable .FullWidth td{ padding: 5px 1rem; }
			.formtable .FullWidth>tbody>tr{ background-color: #f8f8f8; }
			.formtable .NeutralShading{ background-color: transparent; }
			.formtable .FullWidth>tbody>tr:nth-child(odd){ background-color: #eeeeee; }

/* RADIUS SEARCH */
	.display-system-wrap input{ font-family: var(--font-default) !important; }
	.pseudoRadiusDisplay a{ color: var(--colour-secondary-teal); font-weight: 700; text-decoration: none !important; }
	.pseudoRadiusDisplay .justify-content-end .mat-raised-button.mat-primary{ background-color: var(--colour-secondary-teal) !important; }
		.pseudoRadiusDisplay .justify-content-end .mat-button-wrapper svg path{ fill: #ffffff !important; }
		.pseudoRadiusDisplay .justify-content-end .mat-button.mat-warn{ color: var(--colour-secondary-fushia); }
		.pseudoRadiusDisplay .justify-content-end .mat-raised-button.mat-primary[disabled=true]{ background-color: #cccccc !important; opacity: 0.5; }
	.pseudoRadiusDisplay .d-flex button:nth-of-type(3) > span:before{ content: 'Refine Search'; margin-right: 15px; }
	/* .pseudoRadiusDisplay .toggle-advance-filter .mat-form-field-has-label.mat-form-field-hide-placeholder{ display: none; } */
	/*.pseudoRadiusDisplay .item1 li:first-child{ display: none; }*/
	.mapbubble{ padding: 1rem 1rem 0; }
		.mapbubble .companyinfo{  }
			.mapbubble .companyinfo span{ display: block; margin-bottom: 5px; }
	#surroundingDiv{  }
	.resultsbg #surroundingDiv{ padding: 2rem; background-color: #dbe3e5 !important; }
		.card-view{  }
			#innerDiv{  }
				.pseudoRadiusDisplay .mb-sm-4, .pseudoRadiusDisplay .my-sm-4{  } /* Card */
					.cardcontent{ display: block; background-color: #ffffff; border-top: solid 20px var(--colour-secondary-teal); box-shadow: 0 0 10px rgba(0,0,0,0.3); }
						.cardcontent.closed{ opacity: 0.6; }
							.cardcontent.closed h4{ position: relative; }
								.cardcontent.closed h4:before{ content: 'Currently closed'; position: absolute; left: 0; top: -1rem; color: #e2163d; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; }
						.rsmediator .cardcontent{ border-top: solid 20px var(--colour-secondary-fushia-dull); }
						.rsarbitrator .cardcontent{ border-top: solid 20px var(--colour-secondary-orange-dull); }
						.rsaccreditedspecialist .cardcontent{ border-top: solid 20px var(--colour-secondary-blue-bold); }
						.cardcontent p{ font-family: var(--font-default) !important; font-size: 0.9rem !important; line-height: 1.5rem !important; }
						.cardcontent .imageblock{ display: block; padding: 1rem 2rem 0; }
							.rsaccreditedspecialist .cardcontent .imageblock{ display: none; }
							.cardcontent .imageblock .image{ display: block; height: 140px; }
								.cardcontent .imageblock .image img{ display: block; max-height: 100%; }
								.cardcontent .imageblock .image img[src*="https://pseudo-"]{ background: none; background-size: auto; background-size: contain; padding: 5.4rem; display: block; content: ''; }
						.cardcontent .detailsblock{ display: block; min-height: 310px; padding: 1rem 2rem 0; }
							.cardcontent .detailsblock h4{ /*min-height: 50px;*/ color: var(--colour-primary); font-size: 1.2rem; font-weight: 700; line-height: 1.5rem; }
							.cardcontent .detailsblock .detail{ display: flex; justify-content: start; }
								.cardcontent .detailsblock .detail .fa{ padding-right: 1rem; font-size: 1rem; }
								.cardcontent .detailsblock .detail span{ display: block; width: 100%; font-size: 1rem; line-height: 1.2rem; word-break: break-all; }
								.cardcontent .detailsblock .detail.email{ min-height: 40px; }
								.cardcontent .detailsblock .specarea{ max-height: 50px; color: var(--colour-secondary-teal) !important; font-size: 1.2rem !important; overflow: hidden; }
								.cardcontent .detailsblock .address{  }
									.cardcontent .detailsblock .address .fa{ margin-top: 2px; }
									.cardcontent .detailsblock .address span{ min-height: 76px; }
						.cardcontent .actionsblock{ display: block; padding: 1rem 2rem 2rem; }
							.cardcontent .actionsblock a{ display: inline-block; padding: 0.5rem 0.8rem; background-color: var(--colour-secondary-teal) !important; color: var(--text-on-colour) !important; border-radius: 4px; font-size: 0.8rem; font-weight: 400; }
								.cardcontent .actionsblock a:hover{ transform: scale(0.9); }
						.cardcontent.accspc{  }
							.cardcontent.accspc .imageblock{ position: relative; display: flex; align-items: center; height: 156px; }
								.cardcontent.accspc .imageblock .image{ display: inline-block; max-width: 58%; }
									.cardcontent.accspc .imageblock .image:before{ content: var(--logo-accredited); position: absolute; right: 1rem; top: 50%; transform: scale(0.8) translateY(-50%); }
	#radiussearchfilteroptions{ display: flex; gap: 0.5rem; margin: 0 0 1rem; padding: 0 0 1rem; list-style: none; }
		#radiussearchfilteroptions li a{ position: relative; display: block; padding: 0.5rem 1.5rem; background-color: var(--colour-midgrey-bg); color: #ffffff; border-radius: 2px; text-decoration: none; }
			#radiussearchfilteroptions li a .fa{ position: absolute; left: 50%; bottom: -85%; display: none; color: var(--colour-primary) !important; font-size: 4rem; transform: translateX(-50%); }
			#radiussearchfilteroptions li a:hover{ background-color: var(--colour-primary); color: var(--text-on-colour); }
			#radiussearchfilteroptions li a.selected{ background-color: var(--colour-primary); color: var(--text-on-colour); }
				#radiussearchfilteroptions li a.selected .fa{ display: block; }
	.pseudoRadiusDisplay .simple-filters .singleselectautocomplete{ display: flex; }
	.pseudoRadiusDisplay .simple-filters .megaMenu{ display: none; }
	.pseudoRadiusDisplay .simple-filters .freeText{ display: none; }
	.pseudoRadiusDisplay .simple-filters .singleselectautocomplete.highlight{ outline: solid 1px #ff3300; }
	.pseudoRadiusDisplay .simple-filters .megaMenu.highlight{ outline: solid 1px #ff3300; }
	.pseudoRadiusDisplay .simple-filters .freeText.highlight{ outline: solid 1px #ff3300; }
					
/* ADVERTS SIDEBAR */
	.zone-rightbar{ /*position: absolute; right: 0; top: 0; display: block; width: 20%;*/ }
	.livadvantageadverts{ display: none; }
	.articlesadverts{ text-align: center; }
		.articlesadverts>a{ display: block; margin-bottom: 1rem; }

/* HEADER BANNER */
	.InternalHeaderArea{ margin-top: -1px; }
		#headerbanner{ position: relative; display: none; align-items: center; height: 430px; padding: 1rem 0 3rem; background: #eeeeee var(--default-event-banner) center no-repeat; background-size: cover; color: var(--colour-primary); }
			X#headerbanner.home{ 
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+30,e1e2e4+70 */
				background: rgb(255,255,255); /* Old browsers */
				background: -moz-linear-gradient(left,  rgba(255,255,255,1) 30%, rgba(225,226,228,1) 70%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 30%,rgba(225,226,228,1) 70%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(225,226,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e2e4',GradientType=1 ); /* IE6-9 */
				background-position: center; background-repeat: no-repeat; background-size: contain;
			}
			#headerbanner.home{ aspect-ratio: 140/43; height: auto; background-color: transparent; background-size: contain; }
				#headerbanner.home:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; z-index: -1; display: block; width: 50%; background-color: rgb(225,226,228); }
			.showheaderbanner #headerbanner{ display: flex; align-items: center; }
			#headerbanner.Xbookshop{ display: block; background-image: var(--bookshop-banner); background-position: right bottom; }
			#headerbanner.bookshop{ display: flex; align-items: center; background-image: var(--bookshop-banner); background-position: right bottom; }
			#headerbanner.referrals{ display: flex; background-image: var(--referrals-banner); background-position: right bottom; }
			#headerbanner.facilities{ display: flex; background-image: var(--facilities-banner); }
			#headerbanner.contentbanner{ display: flex; align-items: center; background-image: var(--content-banner); }
			#headerbanner.advantagebanner{ display: flex; align-items: center; background-image: var(--advantage-banner); }
				#headerbanner.facilities h1{ max-width: 63%; }
			#headerbanner h1, #headerbanner h2{ max-width: 50%; color: var(--text-on-colour); font-family: var(--font-default); font-size: 4rem; line-height: 4.5rem; }
				#headerbanner h1.navy{ color: var(--colour-primary); }
			#headerbanner h2{ color: var(--text-on-colour); }
				#headerbanner h2.navy{ color: var(--colour-primary); }
			#headerbanner h3{ color: var(--text-on-colour); }
				#headerbanner h3.navy{ color: var(--colour-primary); }
			#headerbanner h4{ color: var(--text-on-colour); }
				#headerbanner h4.navy{ color: var(--colour-primary); }
			#headerbanner .bannerintro{ display: block; padding-top: 1rem; max-width: 50%; color: var(--text-on-colour); font-family: var(--font-default); font-size: 0.9rem; line-height: 1.2rem; }
				#headerbanner .bannerintro.navy{ color: var(--colour-primary); }
			#headerbanner.eventdetails{ height: auto; padding: 0; background-image: none; }
				#headerbanner.eventdetails .bannercontent{  }
					#headerbanner #masterMainBreadcrumb{ padding-top: 0.5rem; }
						#headerbanner #masterMainBreadcrumb .breadcrumb{ color: var(--colour-primary); }
						#headerbanner #masterMainBreadcrumb .BreadCrumbLink{ color: var(--colour-primary); }
						#headerbanner #masterMainBreadcrumb .Disabled:after{ color: var(--colour-primary); }
					#headerbanner.eventdetails .bannercontent .content{ display: grid; grid-template-columns: 75% 25%; }
						#headerbanner.eventdetails .bannercontent .content .image{ background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
						#headerbanner.eventdetails .bannercontent .content .headdetails{ padding-right: 2rem; padding-bottom: 3rem; }
							#headerbanner.eventdetails .bannercontent .content .headdetails h1{ max-width: 100%; margin: 0 0 3rem; color: var(--colour-primary); font-size: 2.375rem; line-height: 2.6875rem; }
							#headerbanner.eventdetails .bannercontent .content .headdetails>ul{ display: inline-block; width: 48%; margin: 0; padding: 0; list-style: none; vertical-align: top; }
								#headerbanner.eventdetails .bannercontent .content .headdetails>ul li{ display: block; margin: 0 0 1rem; }
									#headerbanner.eventdetails .bannercontent .content .headdetails>ul li.title{ color: var(--colour-secondary-teal); font-weight: 700; }
									#headerbanner.eventdetails .bannercontent .content .headdetails>ul li.note{ color: var(--colour-primary); }
									#headerbanner.eventdetails .bannercontent .content .headdetails>ul li label{ display: inline-block; min-width: 170px; color: var(--colour-primary); font-weight: 700; }
										#headerbanner.eventdetails .bannercontent .content .headdetails>ul.dates li label{ min-width: 70px; color: var(--colour-primary); }
									#headerbanner.eventdetails .bannercontent .content .headdetails>ul li>span{ color: var(--colour-primary); }
			#headerbanner .filterbar{ position: relative; display: flex; justify-content: space-between; margin: 4rem 0 0; }
				#headerbanner .filterbar .filterlist{ display: flex; gap: 0.4rem; margin: 0; padding: 0.2rem 1rem; background-color: #ffffff; border-radius: 1.5rem; list-style: none; }
					#headerbanner .filterbar .filterlist>li{ border-right: solid 1px #cccccc; }
						#headerbanner .filterbar .filterlist>li:last-child{ border-right: none; }
						#headerbanner .filterbar .filterlist>li select{ display: block; max-width: 200px; margin-right: 1rem; font-size: 0.8rem; border: none; box-shadow: none !important; outline: none !important; }
						#headerbanner .filterbar .filterlist>li input{ display: block; margin-right: 1rem; font-size: 0.8rem; border: none; box-shadow: none !important; outline: none !important; }
							#headerbanner .filterbar .filterlist>li input.areasmultiselectinput{ min-width: 180px; margin-top: 0.4rem; padding: 0 10px; background-color: transparent !important; cursor: pointer !important; }
						#headerbanner .filterbar .filterlist>li.multiselect .multiselect{ min-height: 0 !important; }
							#headerbanner .filterbar .filterlist>li.multiselect .unselectable{ padding: 0 1rem; font-size: 0.8rem; font-weight: 400; line-height: 1.6rem; }
							#headerbanner .filterbar .filterlist>li.multiselect .multiselect__tags{ min-height: 0; padding-top: 0; border: none; font-size: 0.8rem; font-weight: 400; }
							#headerbanner .filterbar .filterlist>li.multiselect .multiselect__select{ top: 13px; height: 0px; }
							#headerbanner .filterbar .filterlist>li.multiselect .multiselect__placeholder{ margin-bottom: 0px !important; }
				#headerbanner .filterbar .filteractionlist{ display: flex; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
				#headerbanner .filterbar .areasgrid{ position: absolute; left: 0; right: 0; top: 3rem; z-index: 10000; /*display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0.5rem 0.5rem;*/ display: block; padding: 1rem; column-count: 5; column-gap: 0.5rem; background-color: #ffffff; border-radius: 1rem; box-shadow: 0 0 2rem rgba(0,0,0,0.3); }
					#headerbanner .filterbar .areasgrid .checkfield{ display: block; margin: 0 0 0.5rem; padding: 0.5rem 1rem; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; background-color: #eeeeee; border: solid 1px transparent; border-radius: 4px; font-size: 0.8rem; cursor: pointer; line-height: 1rem; transition: all 0.3s; }
						#headerbanner .filterbar .areasgrid .checkfield.selected{ background-color: var(--colour-secondary-teal); color: #ffffff; }
						#headerbanner .filterbar .areasgrid .checkfield:hover{ border: solid 1px var(--colour-secondary-teal); }
		#bannerfiltersource{ display: none; }
		.archivedissues #hd{ /*margin-bottom: 430px;*/ }
		#archivebanner{ display: none; }
		.archivebanner{ /*position: absolute; left: 0; top: 130px; right: 0;*/ display: none; height: 430px; /*padding: 5rem 0 3rem;*/ background: var(--archive-search-bg) center no-repeat; background-size: cover; }
			.archivedissues .archivebanner{ display: flex; align-items: center; }
			.archivebanner h1{ color: #ffffff; font-family: var(--font-default); }
			.archivebanner .actionbar{ display: flex; justify-content: space-between; justify-content: flex-end; align-items: flex-end; }
				.archivebanner .actionbar .search{ display: none; margin-right: auto; }
					.archivebanner .actionbar .search p{ color: var(--text-on-colour); font-size: 1.2rem; }
					.archivebanner .actionbar .search .searchfield{ position: relative; display: block; padding: 0.8rem 3rem 0.8rem 2rem; background-color: #ffffff; border-radius: 30px; }
						.archivebanner .actionbar .search .searchfield input{ width: 300px; min-height: 0; border: none; }
							.archivebanner .actionbar .search .searchfield input:focus{ border-color: transparent; box-shadow: none; }
						.archivebanner .actionbar .search .searchfield span{ display: none; }
						.archivebanner .actionbar .search .searchfield a{ position: absolute; top: 7px; right: 7px; display: inline-block; width: 40px; height: 40px; background-color: #eeeeee; color: var(--text-black); border-radius: 100%; line-height: 40px; text-align: center; }
							.archivebanner .actionbar .search .searchfield a:hover{ background-color: var(--colour-secondary-turquoise); color: #ffffff; }
				.archivebanner .actionbar>a{ display: inline-block; padding: 0.9rem 2rem; background-color: #ffffff; color: var(--text-black); border-radius: 30px; }
					.archivebanner .actionbar>a.viewall{ margin-right: 1rem; }
					.archivebanner .actionbar>a .fa{ margin-left: 2rem; }
					.archivebanner .actionbar>a:hover{ background-color: var(--colour-secondary-turquoise); color: #ffffff; }

/* HEADER */
	.navbar{ z-index: 1010; border-bottom: none !important; }
	.InternalHeaderArea{ overflow: unset !important; }
	.header-top-container{ position: relative; left: auto; top: auto; right: auto; z-index: 10000; height: 5.6rem; }
		#masterLogoArea{  }
			#masterHeaderImage{ width: 160px; height: 67px; background-image: var(--asset-logo); background-position: left top; background-repeat: no-repeat; background-size: contain; }
				#masterHeaderImage img{ display: block; width: 160px; height: auto; opacity: 0; }
			#masterLogoArea>div>div{ display: inline-block; vertical-align: top; }
			#masterLogoArea #headsearch{ display: block; margin: 0.8rem 0.5rem 0 1rem; padding: 0 5px; border: solid 2px #cccccc; border-radius: 75px; }
				#masterLogoArea #headsearch input{ display: inline-block; border-color: transparent !important; border-radius: 50px; box-shadow: none !important; }
				/*#masterLogoArea #headsearch a{ display: inline-block; color: var(--text-default); }
					#masterLogoArea #headsearch a span{ display: block; width: 38px; height: 38px; border-radius: 50px; background-color: #eeeeee; font-size: 0.8rem; line-height: 38px; text-align: center; transition: all 0.3s; }
					#masterLogoArea #headsearch a:hover span{ background-color: var(--colour-primary); color: var(--text-on-colour); }*/
			#masterLogoArea #headnav{ padding-top: 1rem; line-height: 1px; }
				#masterLogoArea #headnav>ul{ display: block; margin: 0; padding: 0; list-style: none; line-height: 1.5rem; }
					#masterLogoArea #headnav>ul>li{ position: relative; display: inline-block; margin-right: 0.5rem; }
						#masterLogoArea #headnav>ul>li>a{ display: block; padding: 0.6rem 1rem; color: #222222; font-size: 0.9rem; border-radius: 50px; text-decoration: none; }
							#masterLogoArea #headnav>ul>li>a.expand{ display: none; }
							#masterLogoArea #headnav>ul>li>a .fa{ margin-left: 10px; }
							#masterLogoArea #headnav>ul>li:hover>a,
							#masterLogoArea #headnav>ul>li>a:hover{ background-color: #dbdbdb; }
						#masterLogoArea #headnav>ul>li>ul{ position: absolute; top: 100%; left: 50%; display: block; width: 300px; max-height: 0; margin: 0; padding: 0; list-style: none; background-color: #ffffff; box-shadow: 0 0 15px rgba(0,0,0,0.15); overflow: hidden; transform: translateX(-50%); transition: all 0.6s; }
							#masterLogoArea #headnav>ul>li:focus>ul,
							#masterLogoArea #headnav>ul>li:active>ul,
							#masterLogoArea #headnav>ul>li:hover>ul{ max-height: 100vh; padding-bottom: 1.5rem; }
							#masterLogoArea #headnav>ul>li>ul>li{  }
								#masterLogoArea #headnav>ul>li>ul>li a{ display: block; padding: 0.8rem 1.8rem; color: var(--colour-primary); text-decoration: none; }
									#masterLogoArea #headnav>ul>li>ul>li a:hover{ color: var(--colour-secondary-fushia); }
								#masterLogoArea #headnav>ul>li>ul>li.title{ margin-bottom: 1rem; border-bottom: solid 2px #eeeeee; }
									#masterLogoArea #headnav>ul>li>ul>li.title a{ padding: 2rem 1.8rem 1.6rem; font-weight: 700; overflow: hidden; }
										#masterLogoArea #headnav>ul>li>ul>li.title a .fa{ float: right; font-size: 1.5rem; }
								#masterLogoArea #headnav>ul>li>ul>li>ul{ display: none; }
								#masterLogoArea #headnav>ul>li.lawbooks>a .fa{ display: none; }
								#masterLogoArea #headnav>ul>li.lawbooks>ul{ display: none; }
		.mobilesearch{ display: none; padding: 0.5rem 0.8rem; text-align: left; }
			.mobilesearch .addsearch{ display: block; width: 100%; max-width: 338px; border-radius: 50px; box-shadow: none !important; }
		.navbar-header{  }
			#ste_container_ciUtilityNavigation{ position: relative; display: block; }
				#ste_container_ciUtilityNavigation .UtilitySection{ display: none; }
					#ste_container_ciUtilityNavigation .UtilitySection.UtilitySTEToggle{ position: absolute; right: 0; top: 1.5rem; z-index: 1000; display: block; }
			#headaux{ display: block; margin: 1.1rem 0 0; padding: 0; list-style: none; }
				#headaux li{ display: inline-block; margin-left: 1rem; color: var(--text-default); font-size: 0.9rem; vertical-align: middle; }
					#headaux li.favourites{ display: none; }
					#headaux li .fa{ margin-right: 0.5rem; font-size: 1.4rem; }
					#headaux li .feather{ display: inline-block; margin-right: 0.5rem; font-size: 1.4rem; vertical-align: middle; }
					#headaux li a{ display: inline-block; color: var(--text-default); }
						#headaux li a:hover{ color: var(--colour-secondary-fushia); }
						#headaux li.signin a{ position: relative; z-index: 2; padding: 0.4rem 0.4rem 0.4rem 1rem; background-color: var(--colour-dark-bg); color: var(--colour-dark-fg); border-radius: 50px; }
							#headaux li.signin a .label{ display: inline-block; margin-right: 0.5rem; }
							#headaux li.signin a .fa{ display: inline-block; width: 40px; height: 40px; margin-right: 0; background-color: #5c5c5c; border-radius: 100%; line-height: 2.5rem; text-align: center; vertical-align: middle; }
							#headaux li.signin a .icon{ display: inline-block; width: 40px; height: 40px; margin-right: 0; background-color: #5c5c5c; border-radius: 100%; line-height: 2.0rem; text-align: center; transition: all 0.3s; vertical-align: middle; }
								#headaux li.signin a .icon .feather{ margin: 0; }
							#headaux li.signin a.auth{ background-color: var(--colour-secondary-orange-dull); color: #ffffff; }
								#headaux li.signin a.auth .icon{ background-color: #ffffff; color: var(--colour-secondary-orange-dull); }
							#headaux li.signin a:hover{ background-color: #b0985d; color: #ffffff; }
								#headaux li.signin a:hover .icon{ background-color: #ffffff; color: #b0985d; }
							#headaux li.signin a.signout{ z-index: 1; padding: 0.4rem 0.4rem 0.4rem 4rem; transform: translateX(-60px); }
								#headaux li.signin a.signout:hover{ background-color: var(--colour-secondary-fushia); }
									#headaux li.signin a.signout:hover .fa{ background-color: var(--text-on-colour); color: var(--colour-secondary-fushia); }
						#headaux li.join a{ font-weight: 700; text-transform: uppercase; }
	.header-bottom-container{ position: relative; background-color: var(--colour-secondary-turquoise); }
		.header-bottom-container .header-container{ padding-left: 0; padding-right: 0; }
			.primary-navigation-area .replacednav{ display: none !important; }
			.primary-navigation-area .MegaDropDownMenuOuter{ text-align: left; }
			.RadMenu.RadMenu_GreatBarrierReef{ line-height: 0; }
				.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem{ position: relative; }
					.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem:after{ content: ''; position: absolute; right: -1px; top: 1.6rem; bottom: 1.6rem; display: block; width: 1px; background-color: var(--text-default); opacity: 0.5; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem:last-child:after{ content: ''; display: none; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem:hover:after{ content: ''; display: none; }
					.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink{ padding: 1rem 0.5rem; color: var(--text-on-colour); font-family: var(--font-default); font-size: 1rem; line-height: 1.5rem; border-top: none; letter-spacing: normal; text-transform: none; }
						.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused{ background-color: var(--nav-active-bg) !important; color: var(--nav-active-fg) !important; border-top: none; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
		#mobilenavlink{ display: none; color: var(--text-default); font-size: 2rem; }
			#mobilenavlink:focus,#mobilenavlink:hover{ color: var(--colour-secondary-fushia); }
		#pc-primarynav{ position: relative; z-index: 1002; display: flex; justify-content: flex-start; margin: 0; padding: 0; list-style: none; }
			#pc-primarynav .touch{ display: none; padding: 1.4rem 1rem; font-size: 1.5rem; text-align: center; }
			#pc-primarynav>li{ display: flex; }
				#pc-primarynav>li.manage{ display: flex !important; }
				#pc-primarynav>li.auxnav{ display: none; }
				#pc-primarynav>li.lijnews:before{  }
				#pc-primarynav>li.notprimary{ display: none; }
				#pc-primarynav>li:before{ content: ''; width: 1px; height: 2.7rem; background-color: var(--text-default); opacity: 0.5; transform: translateY(1.4rem); }
					#pc-primarynav>li:first-child:before{ background-color: transparent; }
				#pc-primarynav>li>a{ position: relative; display: block; min-width: 110px; padding: 1.5rem 2rem 1.5rem 1rem; color: var(--text-on-colour); font-family: var(--font-default); font-size: 0.95rem; line-height: 1.3rem; border-top: none; letter-spacing: normal; text-decoration: none; text-transform: none; }
					#pc-primarynav>li>a .fa{ position: absolute; top: 1.8rem; right: 0.7rem; margin-left: 0.8rem; }
					#pc-primarynav>li>a:hover,#pc-primarynav>li:hover>a,#pc-primarynav>li>a:focus,#pc-primarynav>li:focus>a{ background-color: var(--nav-active-bg) !important; color: var(--nav-active-fg) !important; border-top: none; box-shadow: 0 0 10px rgba(0,0,0,0.15); }
					#pc-primarynav>li>a.lijnews{ padding-right: 1rem; }
						#pc-primarynav>li>a.lijnews .fa{ display: none; }
						#pc-primarynav>li>a.lijnews+a{ display: none; }
						#pc-primarynav>li>a.lijnews+a+ul{ display: none; }
				#pc-primarynav>li>ul{ position: absolute; left: 0; top: 100%; right: 0; display: block; margin: 0; padding: 0; max-height: 0px; list-style: none; background-color: var(--nav-active-bg); box-shadow: 0 0 10px rgba(0,0,0,0.15); overflow: hidden; transition: all 0.5s; }
					#pc-primarynav>li:hover>ul{ max-height: 200vh; padding-bottom: 4rem; }
					#pc-primarynav>li>ul>li:not(.title){ display: inline-block; width: 25%; padding: 1rem 2rem; vertical-align: top; }
						#pc-primarynav>li>ul>li.title{ display: block; margin-bottom: 1rem; padding: 2rem 2rem 1rem; border-bottom: solid 2px var(--colour-primary); }
							#pc-primarynav>li>ul>li.title h4{ color: var(--colour-primary); overflow: hidden; }
								#pc-primarynav>li>ul>li.title h4 .close{ float: right; display: none; color: var(--colour-primary); }
									#pc-primarynav>li>ul>li.title h4 .close:hover{ color: var(--colour-secondary-fushia); }
						#pc-primarynav>li>ul>li>a{ display: block; color: var(--colour-primary); font-weight: 700; text-decoration: none; }
							#pc-primarynav>li>ul>li>a:hover{ color: var(--colour-secondary-fushia); }
						#pc-primarynav>li>ul>li>span{ display: block; color: #9f9f9f; font-size: 0.9rem; font-weight: 300; }
						#pc-primarynav>li>ul>li>ul{ display: none; margin: 0; padding: 0; list-style: none; }
							#pc-primarynav>li>ul>li>ul>li{ display: block; }
								#pc-primarynav>li>ul>li>ul>li>a{ display: block; color: var(--colour-primary); font-size: 0.9rem; font-weight: 400; text-decoration: none; }
									#pc-primarynav>li>ul>li>ul>li>a:hover{ color: var(--colour-secondary-fushia); }
		.announcements{ /*position: absolute; left: 0; right: 0;*/ position: relative; z-index: 1; display: block; margin-bottom: -1px; padding: 0.8rem 0; background-color: var(--colour-dark-bg); /*background-color: #0070b8;*/ color: var(--text-on-colour); font-size: 0.8rem; }

/* PRE-FOOTER */
	.prefooter{ display: flex; margin: 4rem 0 0; padding: 0; list-style: none; }
		.prefooter li{ display: block; padding: 0 1rem; border-right: solid 2px var(--colour-primary); }
			.prefooter li:last-child{ border-right: none; }
			.prefooter li a{ display: block; font-weight: 700; text-decoration: none; /*text-transform: uppercase;*/ }

/* FOOTER */
	#ft{ background-color: var(--colour-primary); color: var(--text-on-colour); }
	.footer-content{ position: relative; padding: 4rem 0 2rem; background-color: var(--colour-primary); color: var(--text-on-colour); text-align: left; }
		/*#pc-footernav{ display: flex; height: 35rem; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; text-align: left; }*/
		#pc-footernav{ display: grid; min-height: 35rem; grid-template-columns: 1fr 1fr 1fr; gap: 2rem; margin: 0; padding: 0; list-style: none; text-align: left; }
			#pc-footernav>li{ margin-bottom: 2rem; }
				#pc-footernav>li>a{ display: block; color: var(--text-on-colour); font-weight: 700; text-decoration: none; }
					#pc-footernav>li>a:hover{ text-decoration: underline; }
					#pc-footernav>li>a .fa{ display: none; }
				#pc-footernav>li>ul{ display: block; margin: 0; padding: 0; list-style: none; }
					#pc-footernav>li>ul>li{  }
						#pc-footernav>li>ul>li.title{ display: none; }
						#pc-footernav>li>ul>li>a{ display: block; color: var(--text-on-colour); font-size: 0.8rem; text-decoration: none; }
							#pc-footernav>li>ul>li>a:hover{ text-decoration: underline; }
						#pc-footernav>li>ul>li>span{ display: none; }
						#pc-footernav>li>ul>li>ul{ display: none; margin: 0; padding: 0 0 0 1rem; list-style: none; }
							#pc-footernav>li>ul>li>ul>li{ display: block; }
								#pc-footernav>li>ul>li>ul>li>a{ display: block; color: var(--text-on-colour); font-size: 0.8rem; text-decoration: none; }
									#pc-footernav>li>ul>li>ul>li>a:hover{ text-decoration: underline; }
		.footersignin{ position: absolute; top: -3rem; z-index: 1001; display: block; width: 86.5%; border-bottom: solid 1px var(--colour-secondary-turquoise); text-align: right; }
			.footersignin a{ transform: translateY(50%); }
		#footercontact{ font-size: 0.8rem; }
			#footercontact .contactblock{ margin-bottom: 2rem; }
				#footercontact .contactblock:first-of-type{ padding-top: 4rem; }
				#footercontact .contactblock strong{ color: var(--text-on-colour); font-size: 1rem; }
				#footercontact .contactblock a{ display: block; color: var(--text-on-colour); text-decoration: none; }
					#footercontact .contactblock a:hover{ text-decoration: underline; }
			#footercontact .social{ width: 75%; margin-bottom: 2rem; }
				#footercontact .social strong{ display: block; color: var(--text-on-colour); font-size: 1rem; }
				#footercontact .social ul{ display: block; width: 80%; margin: 0; padding: 0; list-style: none; overflow: hidden; }
					#footercontact .social ul li{ float: left; width: 40%; margin: 1rem 0 0.5rem; }
						#footercontact .social ul li a{ display: inline-block; width: 40px; height: 40px; color: var(--text-on-colour); border: solid 1px var(--text-on-colour); border-radius: 100%; font-size: 1.3rem; line-height: 2.5rem; text-align: center; }
							#footercontact .social ul li a:hover{ background-color: var(--text-on-colour); color: var(--colour-primary); }
	.footer-nav-copyright{ background-color: var(--colour-primary); color: var(--text-on-colour); }
		.footer-copyright p{ margin-bottom: 1.5rem; font-size: 0.8rem; }
		.footer-copyright em{ display: inline-block; margin: 0 0.5rem; font-style: normal; }
			.footer-copyright em:first-of-type{ margin: 0 0.5rem 0 1rem; }
		.footer-copyright span{ display: inline-block; margin: 0 0.5rem; }
		.footer-copyright a{ display: inline-block; margin: 0 0.5rem; color: var(--text-on-colour) !important; text-decoration: none; }
			.footer-copyright a:hover{ text-decoration: underline; }
	
/* SECONDARY NAV */
	.nav-secondary{  }
		.nav-secondary .sub-nav-head{ display: none; }
		.nav-secondary .sub-nav-body{  }
			.RadTreeView .rtUL{  }
				.RadTreeView ul li.rtLI{ padding: 0.5rem; border-bottom: solid 1px #eeeeee; white-space: normal; }
				.RadTreeView .rtPlus, .RadTreeView .rtMinus{ -webkit-font-smoothing: antialiased; display: inline-block !important; font-family: "Font Awesome 5 Free"; font-size: 0.8rem !important; font-style: normal; font-weight: 900; font-variant: normal; line-height: 1; text-rendering: auto; vertical-align: 0 !important; }
					.RadTreeView .rtPlus:before{ content: '\f067'; }
					.RadTreeView .rtMinus:before{ content: '\f068'; }
					.RadTreeView a.rtIn{ display: inline-block; white-space: normal; }
					.RadTreeView .rtIn{ display: inline-block; white-space: normal; }
				/*
				.RadTreeView ul li.rtLI{  }
					.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot{ padding: 0; }
						.RadTreeView .rtSp{ display: none; }
						.RadTreeView .rtTop{ display: block; padding: 0.5rem 1rem 0.5rem 0rem; color: var(--text-default); border-radius: 5px; font-family: var(--font-default); font-size: 1rem !important; font-weight: 700; white-space: normal; }
						.RadTreeView a.rtIn{ display: block; padding: 0.5rem 1rem; color: var(--text-default); border-radius: 5px; font-family: var(--font-default); font-size: 1rem !important; font-weight: 400; white-space: normal; }
							.RadTreeView .rtSelected .rtIn{ background-color: #eeeeee; font-weight: 700 !important; }
							.RadTreeView a.rtIn:hover{ background-color: #eeeeee; }
				.RadTreeView .rtPlus, .RadTreeView .rtMinus{ display: none; }
				*/
							
/* BREADCRUMBS */
	#masterMainBreadcrumb{ display: block; margin-bottom: 2rem; /*margin-bottom: -0.5rem;*/ }
		#masterMainBreadcrumb .breadcrumb{ color: var(--text-default); }
			#masterMainBreadcrumb .Disabled{ color: transparent; }
				#masterMainBreadcrumb .Disabled:after{ content: '\f105'; color: var(--text-default); transform: translateX(-10px); font-family: "Font Awesome 5 Free"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block;  font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
			#masterMainBreadcrumb .BreadCrumbLink{ color: var(--text-default); }
				#masterMainBreadcrumb .BreadCrumbLink:hover{ color: var(--colour-secondary-blue-bold); }

/* SIGN IN */
	#ste_container_ciNewContactSignInCommon{  }
		#ste_container_ciNewContactSignInCommon .panel{ border: none; }
		#ste_container_ciNewContactSignInCommon h2{ display: block; max-width: 18rem; margin: 0 auto; color: var(--colour-secondary-turquoise); }
		#ctl01_TemplateBody_WebPartManager1_gwpciNewContactSignInCommon_ciNewContactSignInCommon_LinkPanel a{ color: var(--colour-secondary-turquoise); }
			#ctl01_TemplateBody_WebPartManager1_gwpciNewContactSignInCommon_ciNewContactSignInCommon_LinkPanel a:hover{ color: var(--colour-secondary-fushia); }
							
/* LARGE OVERWRITES */
	html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs
	, html:not(.t-safari) .UsePrimaryButton .TextButton, html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage
	, html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton
	, html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn, html:not(.t-safari) .RadUpload .ruButton
	, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput{ background: var(--colour-secondary-turquoise) !important; color: var(--text-on-colour) !important; border-radius: 3px; }
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"]
	, input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"]
	, input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ border-radius: 3px; }
	html:not(.t-safari) .btn, html:not(.t-safari) .TextButton{ /*background: var(--colour-secondary-turquoise) !important;*/ background: var(--colour-secondary-teal) !important; color: var(--text-on-colour) !important; border-radius: 3px; transform: scale(1); }
		html:not(.t-safari) .btn:hover, html:not(.t-safari) .TextButton:hover{ transform: scale(0.97); }
	/*.RadGrid .rgHeader a{ color: var(--text-black) !important; text-decoration: none !important; }*/
	
/* PSEUDOTABLE */
	.pseudotable{ display: block; width: 100%; margin: 0; padding: 0; list-style: none; }
		.pseudotable{ margin-bottom: 0 !important; box-sizing: border-box; }
		.pseudotable *{ box-sizing: border-box; }
		.pseudotable>li{ display: block; margin: 0 !important; padding: 0; overflow: hidden; }
			.pseudotable>li:nth-child(odd){ background-color: #f4f4f4; }
			.pseudotable>li>div{ float: left; width: calc(100%/6); padding: 0.5rem 1.5rem; font-family: var(--font-default) !important; font-size: 0.9rem !important; line-height: 1.1rem !important; }
				.pseudotable>li>div .headlabel{ display: none; margin: 0 0 5px; color: var(--colour-secondary-turquoise) !important; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; }
				.pseudotable>li>div ul{ padding-left: 1rem !important; }
				.pseudotable>li>div ol{ padding-left: 1rem !important; }
				.pseudotable>li>div li{ font-family: var(--font-default) !important; font-size: 0.9rem !important; line-height: 1.1rem !important; }
				.pseudotable>li>div p{ font-family: var(--font-default) !important; font-size: 0.9rem !important; line-height: 1.1rem !important; }
					.pseudotable>li>div p:last-child{ margin-bottom: 0; }
			.pseudotable>li.head{ background-color: var(--colour-primary) !important; color: var(--text-on-colour) !important; font-weight: 700; }
				.pseudotable>li.head>div{ border: solid 1px #ffffff; }
	@media(max-width:810px){
		.pseudotable>li.head{ display: none; }
		.pseudotable>li{ margin-bottom: 30px; }
			.pseudotable>li>div{ width: 100% !important; }
			.pseudotable>li>div .headlabel{ display: block; }
	}

/* RESPONSIVE */
@media(max-width:1271px){
	#headerbanner h1{ font-size: 3rem; line-height: 3.5rem; }
}
@media(max-width:1080px){
	html{ font-size: 14px; }
	.desktop{ display: none; }
	.tablet{ display: block !important; }
		.tablet.inlineblock{ display: inline-block !important; }
	#headaux .search{ display: none !important; }
	.showadverts .has-secondary-col.col-on-right .col-primary{ width: 54%; }
	#masterLogoArea #headnav{ display: none; }
	#masterLogoArea #headsearch{ display: none; }
	.navbar-header{ margin-right: 60px; }
	#mobilenavlink{ position: absolute; top: 1.8rem; right: 15px; display: block; }
	.primary-navigation-area{ position: relative; }
	#pc-primarynav{ position: absolute; flex-direction: column; width: 100%; padding: 2rem 0rem; background-color: var(--text-on-colour); box-shadow: 0 10px 10px rgba(0,0,0,0.15); overflow: hidden; transform: translateX(-150%); transition: all 0.3s ease-out; }
		#pc-primarynav.active{ min-height: 100vh; background-color: var(--text-on-colour); transform: translateX(0%); }
		#pc-primarynav .notouch{ display: none; }
		#pc-primarynav .touch{ display: inline-block; padding: 0.8rem 1rem; flex-basis: 25%; }
		#pc-primarynav>li{ position: static !important; width: 33%; }
			#pc-primarynav>li.notprimary{ display: flex; }
			#pc-primarynav>li.auxnav{ display: flex; }
			#pc-primarynav>li:before{ display: none; }
			#pc-primarynav>li>a{ display: block; width: 100%; padding: 0.8rem 1.5rem; color: var(--text-default); }
				#pc-primarynav>li>a .fa{ top: 8px; }
				#pc-primarynav>li>a:first-child{ flex-basis: 75%; }
				#pc-primarynav>li>a:hover, #pc-primarynav>li:hover>a
				, #pc-primarynav>li>a:focus, #pc-primarynav>li:focus>a
				, #pc-primarynav>li>a.active{ background-color: var(--mobile-nav-active-bg) !important; box-shadow: none; }
			#pc-primarynav>li>ul{ left: 33%; top: 0; bottom: 0; right: auto; display: block; width: 33%; max-height: 100%; padding: 2rem 1rem; background-color: var(--mobile-nav-active-bg); box-shadow: none;  transform: translateX(-250%); transition: all 0.3s ease-out; }
				#pc-primarynav>li:hover>ul{ padding-bottom: 0; transform: translateX(0%); }
				#pc-primarynav>li>ul>li:not(.title){ display: block; width: 100%; padding: 0; }
					#pc-primarynav>li>ul>li.title{ display: none; }
					#pc-primarynav>li>ul>li>a{ display: block; width: 100%; padding: 0.8rem 1rem; color: var(--text-default); font-weight: 400; }
						#pc-primarynav>li>ul>li>span{ display: none; }
	.primary-navigation-area .replacednav{ display: block !important; }
	.lijnavigation ul li a{ font-size: 0.8rem; line-height: 1.2rem; text-align: center; }
	#footercontact .social ul li a{ line-height: 2.8rem; }
	.sidebar{ width: 100%; margin-left: -15px; padding-left: 0; }
		.showadverts .has-secondary-col.col-on-right .col-sidebar{ width: 200px; }
	.contentlayoutone .contentblock .inner, .contentlayouttwo .contentblock .inner{ padding-left: 15px; padding-right: 15px; }
	.areasoflawlist{ column-count: 3; }
	.eventslides li.extended1.slide .content .details .title{ max-height: 38px; margin-bottom: 0; overflow: hidden; }
	.eventslides li.extended1.slide .content .details .description{ max-height: 60px; overflow: hidden; }
	#profilesummaryblock .summary{ gap: 2rem; }
}
@media(max-width:1271px){
	#headerbanner h1{ max-width: 95% !important; font-size: 2.5rem !important; line-height: 3rem !important; }
		#headerbanner.home h1{ max-width: 60% !important; font-size: 1.6rem !important; line-height: 2rem !important; }
	#headerbanner .bannerintro{ max-width: 45%; }
}
@media(max-width:1080px){
    .lijsubpage .body-container{ display: grid; grid-template-columns: 20% 1fr 215px; }
}
@media(max-width:820px){
	.has-secondary-col.col-on-right .col-primary{ width: 100%; border-left: 0; }
	.has-secondary-col.col-on-right .col-secondary{ display: none; }
		.showadverts .has-secondary-col.col-on-right .col-primary{ width: 70%; }
		.showadverts .has-secondary-col.col-on-right .col-sidebar{ float: left; }
	#pc-primarynav>li.auxnav{ display: grid; }
	#footercontact .social ul{ width: 100%; }
	.lijnavigation ul{ display: grid; grid-template-columns: repeat(5,1fr); }
	.lijbanner .actionbar{ display: block; }
		.lijbanner .actionbar .search{ display: block; margin-bottom: 1rem; }
			.lijbanner .actionbar .search .searchfield a{ top: 4px; }
		.lijbanner .actionbar>a{ display: block; width: 100%; margin: 0 0 1rem; }
	.lijsidebarnav{ padding: 1rem; }
	.lijsidebarlinks{ padding: 1rem; }
	.lijpage .announcements{ margin-top: 0px; }
	.lijpage .lijnavigation{ display: none; }
	#headerbanner .filterbar{ flex-direction: column; gap: 2rem; }
		#headerbanner .filterbar .filterlist{ display: grid; grid-template-columns: repeat(3,1fr); background-color: transparent; }
			#headerbanner .filterbar .filterlist>li{ border-right: none; }
				#headerbanner .filterbar .filterlist>li select{ max-width: 100%; width: 100%; }
				#headerbanner .filterbar .filterlist>li input.areasmultiselectinput{ min-width: 0; }
				#headerbanner .filterbar .filterlist>li.areasmultiselect{ grid-column: 1/4; background-color: #ffffff; border-radius: 3px; }
					#headerbanner .filterbar .filterlist>li input.areasmultiselectinput{ width: 100%; margin: 0.5rem 4px; }
					#headerbanner .filterbar .areasgrid{ top: 6rem; }
		#headerbanner .filterbar .filteractionlist{ justify-content: flex-end; padding: 0 1rem; }
	#headerbanner.home:after{ width: 100%; }
	.cardlist li .auxbar{ padding: 1rem 1rem 0; }
		.cardlist li .auxbar p .category{ display: block; font-size: 0.7rem; line-height: 1rem; text-transform: uppercase; }
		.cardlist li .auxbar p .date{ display: block; font-size: 0.7rem; line-height: 1rem; }
	.cardlist li .cardinfo{ padding: 0 1rem 1rem; }
	.cardlist.filterresults.preset-1 li.card2 .cardinfo .description{ font-size: 0.8rem; line-height: 1rem; }
	#headerbanner h1{ max-width: 70%; }
	.contentblock.quoteblock .inner .text{ padding-left: 3rem; }
	.contentblock.quoteblock .inner .image{ flex-basis: 40%; background-position: center top; background-repeat: no-repeat; background-size: contain; }
	.cardlist{ grid-template-columns: 1fr; }
		.cardlist li.extended1 .details .title{ height: auto; font-size: 1.2rem; line-height: 1.5rem; }
		.cardlist li.extended1 .details .dates{ font-size: 1rem; line-height: 1.5rem; }
		.cardlist li.extended1 .details .skills{ font-size: 1rem; line-height: 1.5rem; }
		.cardlist li.card7 .image{ padding: 0 0 70%; background-size: auto 80%; }
	.eventslides{ padding: 0 0 130%; }
		.eventslides li.extended1.slide .image{ width: 100%; padding: 0 0 74%; }
		.cardlist li.extended1.slide .content{ width: 100%; padding: 1rem; }
	#headerbanner.eventdetails .bannercontent .content{ grid-template-columns: 1fr; }
		#headerbanner.eventdetails .bannercontent .content .image{ padding: 0 0 80%; }
	.eventdetails{ grid-template-columns: 70% 30%; }
		.eventdetails .tablinks li a{ padding: 1rem 1rem; font-size: 0.8rem; }
	#profilesummaryblock .summary .details h1{ margin: 0 0 1rem; line-height: 1.6rem; }
	#profilesummaryblock .progress h3{ margin: 0 0 1rem; line-height: 1.4rem; }
	.helptriage{ grid-template-columns: 1fr 1fr; }
	.liv_sign_in .inner{ grid-template-columns: 1fr; }
		.liv_sign_in .inner .content{ padding-left: 0; border-left: 0; }
		.lijsubpage .body-container{ display: grid; grid-template-columns: 1fr 215px; }    
		.lijsubpage .col-secondary{ display: none; }
}
@media(max-width:767px){
	
	/* row margins zero'ed */
	.col-primary .row:first-of-type{ margin-left: 0; margin-right: 0; }
	#fullwidthbody .row{ margin-left: 0; margin-right: 0; }
		#fullwidthbody .row .col-sm-12{ padding-left: 0; padding-right: 0; }
	
	html{ font-size: 14px; }
	.mobile{ display: block !important; }
	.columns .col{ width: 100% !important; margin: 0 0 2rem !important; padding: 0 !important; }
	.header-top-container{ height: 5.8rem; }
	#masterHeaderImage{ width: 100px; background-position: left 10px; }
	#masterMainBreadcrumb{ margin: 0 1rem 2rem; }
	#masterContentArea{ padding-right: 0; padding-left: 0; }
	.sidebar{ margin: 0 auto; padding: 0 15px 0 0; }
	.lijsidebarnav{ margin: 0 auto 2rem; max-width: 300px; }
	.showadverts .has-secondary-col.col-on-right .col-secondary{ display: none; }
	.showadverts .has-secondary-col.col-on-right .col-primary{ width: 100% !important; padding: 0 !important; }
	.showadverts .has-secondary-col.col-on-right .col-sidebar{ float: none; display: block; width: 300px; margin: 3rem auto; overflow: hidden; }
	.navbar{ background-color: #ffffff; }
	#pc-primarynav{ display: block; padding-bottom: 4rem; }
		#pc-primarynav>li{ display: grid; grid-template-columns: 5fr 1fr; width: 100%; }
			#pc-primarynav>li.notprimary{ display: block; width: 100%; }
			#pc-primarynav>li>a:first-child{ display: inline-block; width: 75%; padding: 0.8rem 1rem; }
			#pc-primarynav>li>a.touch{ display: inline-block; width: 30px; min-width: 0px; padding: 0; transform: rotateZ(90deg); }
				#pc-primarynav>li>a.touch .fa{ margin-top: -5px; margin-left: 18px; }
			#pc-primarynav>li>a:hover, #pc-primarynav>li:hover>a, #pc-primarynav>li>a:focus, #pc-primarynav>li:focus>a, #pc-primarynav>li>a.active{ background-color: transparent !important; }
			#pc-primarynav>li>ul{ position: relative; inset: auto; display: block; width: 100%; max-height: 0px; padding: 0 0 0 2rem; background-color: #ffffff; transform: translateX(0); overflow: hidden; }
				#pc-primarynav>li:hover>ul{ max-height: 100vh; padding-bottom: 2rem; background-color: transparent !important; }
				#pc-primarynav>li>ul>li>a{ padding: 0.4rem 1rem; font-size: 0.8rem; }
	.header-container .nav-auxiliary{ margin-top: 11px; }
	.navbar-header{ margin-right: 10px; zoom: 0.8; }
	#headaux{ margin: 0.4rem 3rem 0 0; }
		#headaux .search{ display: none !important; }
		#headaux li.signin a{ padding: 0.4rem; }
			#headaux li.signin a .label{ display: none; }
			#headaux li.signin a .icon{ width: 35px; height: 35px; line-height: 27px; }
				#headaux li.signin a .icon .feather{ margin: 0 0 0 -1px; }
			#headaux li.signin a.signout{ transform: translateX(-45px); }
				#headaux li.signin a .fa{ width: 35px; height: 35px; line-height: 35px; }
		#headaux .join{ display: none !important; }
	#headerbanner{ height: 500px; }
		#headerbanner.home{ background-size: cover; }
	#banner{ background-size: contain; }
		#banner .inner{ height: 30vh; padding: 1.5rem 2rem 1rem; }
			#banner p{ margin: 1.5rem 0 0; }
				#banner p.bannertext{ font-size: 1.5rem; line-height: 1.5rem; }
				#banner p .linkbutton{ transform: scale(0.9); }
	.quickaccessblock{ display: block; margin-left: -15px; margin-right: -15px; }
		.quickaccessblock .inner{ display: block; /*margin-top: 1.5rem;*/ }
		.quickaccessblock ul{ width: 100%; }
	.linkbutton, .linkbutton:visited{ padding: 0.6rem 1.3rem; font-size: 0.8rem; }
	#searchblock .searchfieldbox input{ width: 80%; }
	.searchfieldbox{ display: block; }
	.cardlist{ display: block; }
		.cardlist li{ margin-bottom: 2rem; }
	#memberblock .linkbutton{ margin: 0 0 2rem; }
	.doublepanel .contentplaque .plaqueblock{ width: 100%; }
	#pc-footernav{ display: block; height: auto; margin-top: 3rem; text-align: center; }
	#footercontact{ text-align: center; }
		#footercontact .social{ width: 100%; }
			#footercontact .social ul{ width: 100%; max-width: 300px; margin: 2rem auto; }
				#footercontact .social ul li{ width: 25%; text-align: center; }
					#footercontact .social ul li a{  }
	.footer-copyright{ text-align: center; }
		.footer-copyright a{ display: block; margin: 0 0 0.5rem; }
		.footer-copyright span{ display: block; margin: 0 0 0.5rem; }
		.footer-copyright em{ display: none; }
	#profilesummaryblock{ display: block; padding-left: 0; text-align: center; }
		#profilesummaryblock .summary{ grid-template-columns: none; grid-template-rows: 1fr 1fr; }
			#profilesummaryblock .summary .image{ text-align: center; }
				#profilesummaryblock .summary .image span{ display: inline-block; }
			#profilesummaryblock .summary .details{ padding: 0; }
				#profilesummaryblock .summary .details .linkbutton{ /*position: relative;*/ }
	.has-secondary-col.col-on-right .col-primary .cardblock{ padding: 2rem 0rem; }
	.dashboard.cardblock .intro h2{ white-space: normal; }
		.dashboard.cardblock .intro h2:after{ display: none; }
	#headerbanner h1{ max-width: 95% !important; font-size: 2.5rem !important; line-height: 3rem !important; }
		#headerbanner.home h1{ max-width: 95% !important; font-size: 2.5rem !important; line-height: 3rem !important; }
	#headerbanner .bannerintro{ max-width: 95%; }
	.filterlist{ display: none; }
	.lijbanner .actionbar .search .searchfield{ margin-bottom: 1rem; }
	.lijnavigation{ display: none; }
	#lijnewsnav{ display: none; }
	.lijbanner .logo{ height: 60px; }
	.lijbanner .actionbar .search .searchfield input{ width: 100%; max-width: 250px; }
	.lijnews .iqa2htmlblock{ margin-left: -15px; }
	.articleslider .articleslides{ padding: 0 0 150%; }
		.articleslider .articleslides .articleslide{ padding: 0 0 150%; }
			.articleslider .articleslides .articleslide .slidecontent{ padding: 1rem; }
				.articleslider .articleslides .articleslide .slidecontent .articleinfo h5 a{ font-size: 1.5rem; line-height: 2rem; }
				.articleslider .articleslides .articleslide .slidecontent .articleinfo p{ max-width: 100%; }
	.articlelist{ display: block !important; }
		.articlelist>li{ margin: 0 0 1rem !important; }
	#headerbanner .filterbar .filterlist{ grid-template-columns: 1fr; gap: 1rem }
		#headerbanner .filterbar .filterlist>li.areasmultiselect{ grid-column: 1; }
			#headerbanner .filterbar .areasgrid{ top: 14rem; column-count: 2; }
	.pagenav li a{ padding: 0.3rem 0.6rem; }
	.cardlist.filterresults.preset-1 li.card2{ margin: 0 0 3rem; }
		.cardlist.filterresults.preset-1 li.card2 .image{ width: 100%; }
		.cardlist.filterresults.preset-1 li.card2 .cardinfo .description{ display: none; }
	.contentblock.quoteblock .inner{ display: block; }
		.contentblock.quoteblock .inner .image{ padding: 0 0 60%; }
	.contentblock.sideimageblock .inner{ display: block; }
		.contentblock.sideimageblock .inner .image{ padding: 0 0 60%; }
	.contentblock.doublecolumntextblock .inner>div{ flex-direction: column; gap: 0; margin-bottom: 4rem; }
	.contentblock.videocards ul{ flex-direction: column; flex-wrap: nowrap; }
	.contentblock .benefitscards{ grid-template-columns: 1fr; }
	.contentblock.linktiles .inner{ grid-template-columns: 1fr; }
	.contentblock.links.double .inner{ grid-template-columns: 1fr; gap: 2rem 0; }
	.contentlayoutone .contentblock h1{ line-height: 3rem; }
	.contentblock.links ul{ grid-template-columns: 1fr; gap: 1rem 0; }
		.contentblock.links ul .title{ grid-column-end: unset; }
	.areasoflawlist{ column-count: 2; }
	.cardlist li.extended1 .auxbar{ padding: 1rem 1rem 0;}
	.cardlist li.extended1 .details{ padding: 0 1rem; }
	.cardlist li.extended1 .links{ padding: 0.5rem 1rem 1rem; }
	.eventslides{ padding: 0 0 170%; }
		.eventslides li.extended1.slide .content .details .title{ font-size: 1rem; line-height: 1.6rem; }
		.eventslides li.extended1.slide .content .details .subdetails{ font-size: 0.7rem; line-height: 1rem; }
			.eventslides li.extended1.slide .content .details .subdetails .dates{ width: 100%; }
			.eventslides li.extended1.slide .content .details .subdetails .skills{ width: 100%; }
				.eventslides li.extended1.slide .content .details .subdetails .skills .label{ display: inline-block; margin-right: 1rem; vertical-align: 0; }
		.eventslides li.extended1.slide .content .details .description{ display: none; }
	.cardlist li.extended1 .details .skills .skill{ font-size: 0.8rem; }
		.cardlist li.extended1 .details .skills .skill:before{ top: -4px; }
		.cardlist li.extended1 .details .skills .skill:after{ bottom: -4px; }
	.cardlist li.extended1 .links a{ padding: 0.5rem 0.8rem; text-transform: uppercase; }
	#headerbanner.eventdetails .bannercontent .content .headdetails>ul.dates li label{ width: 100%; }
	.eventdetails{ grid-template-columns: 1fr; }
		#headerbanner.eventdetails .bannercontent .content .headdetails>ul{ display: block; margin-bottom: 2rem; }
		.eventdetails .tablinks li a{ padding: 1rem 1rem; /*font-size: 0.6rem;*/ text-transform: uppercase; }
		.eventdetails #maincontent section{ padding: 0 1rem; }
			.eventdetails>.main{ padding-right: 0; }
			.eventdetails .intro{ padding-right: 0; }
			.eventdetails>.side{ padding-left: 15px; }
	.bookdetails .topbar .summary{ display: block; }
		.bookdetails .topbar .summary .image span{ margin: 2rem 0; padding: 0 0 80%; }
	.bookdetails .detailsections section{ width: 100%; }
	/*#ProductDisplay .ProductDetails input.AddToCartButton{ width: 100%; margin: 2rem 0; }*/
	.prefooter{ flex-direction: column; }
		.prefooter li{ margin: 0 0 1rem; border: none; }
			.prefooter li a{ text-align: center; }
	#favourites>ul{ grid-template-columns: 1fr; }
	.referralprofile .profilesummaryblock{ flex-direction: column; }
		.referralprofile .profilesummaryblock .left{ padding-right: 0; }
		.referralprofile .profilesummaryblock .right{ padding-left: 0; border-left: none; }
		.referralprofile .links{ margin-top: 1rem; text-align: left; }
	.referralprofile .maincol{ padding-right: 0; }
	.referralprofile .mappane{ padding: 1rem; }
	.referralprofile .auxlists{ display: block; }
		.referralprofile .auxlists div{ padding: 1rem 1rem 2rem; }
		.referralprofile .auxlists ul#areaslist{ columns: unset; }
	.rooms{ display: block; }
	#pagecover{ overflow-y: auto !important; overflow-x: hidden !important; }
	#app #roompopup{ position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; transform: none !important; }
		#app #roompopup .details{ float: right !important; width: 100% !important; }
			#app #roompopup .details .title{ font-size: 1.6rem !important; }
		#app #roompopup .image{ float: left !important; width: 100% !important; margin: 2rem 0 !important; }
	.inner.noaccessmsg .linkbutton{ display: block; }
		.inner.noaccessmsg .linkbutton+.linkbutton{ margin: 2rem 0 0; }
	.helptriage{ grid-template-columns: 1fr; }
	h2.lined{ display: flex; margin-bottom: 2.5rem !important; align-items: center; color: var(--colour-secondary-teal) !important; white-space: normal; }
		h2.lined:after{ content: ''; display: none;  }
	.livbillboard img{ max-width: 300px; margin: 0 auto; }
	.lijsubpage .body-container{ display: grid; grid-template-columns: 1fr; }
}

@keyframes spin{
	from{ transform: rotate(0deg); }
	to{ transform: rotate(359deg); }
}