@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/content-buddy-theme/cb3/contentbuddy.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

:root{
	--logo-url:	url('https://essa.org.au/images/web2024/logo.svg');
	--logo-full-white-url:	url('https://essa.org.au/images/web2024/logo-full-white.svg');
	--icon-nav-account-url:	url('https://essa.org.au/images/web2024/icon-nav-account.svg');
	--icon-nav-cart-url:	url('https://essa.org.au/images/web2024/icon-nav-cart.svg');
	--icon-nav-search-url:	url('https://essa.org.au/images/web2024/icon-nav-search.svg');
	--event-banner-url:	url('https://essa.org.au/images/web2024/banner-event.jpg');
	--container-width: 1170px;
	--container-width-reduced: 900px;
	--container-width-increased: 1300px;
	--font-family-default: "Nunito Sans", sans-serif;
	--font-family-title: "Nunito Sans", sans-serif;
	--brand-1-bg: #ff4f00;
	--brand-1-fg: #ffffff;
	--brand-2-bg: #0030e8;
	--brand-2-fg: #ffffff;
	--brand-3-bg: #052560;
	--brand-3-fg: #ffffff;
	--neutral-pale: #f9f9f9;
	--neutral-mid: #939393;
	--default-bg: #ffffff;
	--default-fg: #000000;
	--default-transition: all 0.3s;
	--default-gap: 3em;
	--widget-padding-top: 3em;
	--widget-padding-bottom: 3em;
	--header-height: 0;
	--header-nav-top: 6em;
	--button-padding: 0.5em 2em;
	--button-bg: var(--brand-1-bg);
	--button-fg: var(--brand-1-fg);
	--button-hover-bg: var(--brand-2-bg);
	--button-hover-fg: var(--brand-2-fg);
	--button-border-radius: 2em;
	--button-font-size: 1em;
	--button-text-transform: none;
	--accordion-bg: var(--default-bg);
	--accordion-fg: var(--default-fg);
	--accordion-bg-active: var(--neutral-pale);
	--accordion-fg-active: var(--default-fg);
	--accordion-font-size: 1em;
	--banner-content-width: 50%;
	--card-title-colour: var(--brand-3-bg);
	--card-bg: #ffffff;
	--card-border-radius: 1em;
	--card-image-height: 66%;
	--card-title-font-size: 24px;
    --card-title-line-height: 26px;
    --card-title-margin-bottom: 1.3em;
    --card-description-font-size: 0.8em;
    --card-description-font-weight: 500;
    --card-description-line-height: 1.2em;
	--tab-border-colour: transparent;
	--tab-border-radius: 0;
	--tab-nav-active-bg: transparent;
	--tab-nav-active-fg: var(--brand-2-bg);
	--tab-nav-inactive-bg: transparent;
	--tab-nav-inactive-fg: var(--brand-3-bg);
	--tab-nav-padding: 0.25em 3em;
	--tab-padding: 2em 0em;
	--tab-shadow: none;
	--feature-text-align: left !important;

	--sd-rating-good-color:var(--brand-3-bg) !important;
	--sd-rating-good-color-light:var(--brand-3-bg) !important;
}

/* General */
html{ font-size: 16px; scroll-behavior: smooth; }
body{ padding-top: var(--header-height); color: var(--default-fg); font-family: var(--font-family-default); font-size: 1rem; font-weight: 500; line-height: 1rem; overflow-x: hidden; }
h1,h2,h3,h4,h5,h6,.h4,.SectionLabel{ display: block; margin: 0 0 1em; color: var(--brand-3-bg); font-family: var(--font-family-title); line-height: 1.2em; border: none; }
	:is(h1,h2,h3,h4,h5,h6):after{ display: none; }
h1{ font-size: 3em; }
h2{ font-size: 2.5em; font-weight: 900;}
h3{ font-size: 2em;font-weight: 900!important; }
h4,.h4,.SectionLabel{ font-size: 1.8em;font-weight: 900!important; }
h5{ font-size: 1.5em; }
h6{ font-size: 1.2em; }
a,input,button{ transition: var(--default-transition); }
p>a{ color: var(--brand-2-bg); text-decoration: none; }
	p>a:hover{ color: var(--brand-1-bg); text-decoration: none; }
input,button,select{ font-family: var(--font-family-default); }
.frontselect,input[type='text'].fronttextfield{ display: block; width: 100%; height: auto; padding: 0.5em 1em; font-size: 1em; line-height: 1.4em; border: none; border-radius: 0.3em; }
p a,li a,td a{ color: var(--brand-2-bg); text-decoration: none; }
p a:hover,li a:hover,td a:hover{ color: var(--brand-1-bg); text-decoration: none; }
.quicklinks a:hover .icon svg {
    fill: #fff;
}
.RadGrid_MetroTouch .rgMasterTable {
    font-size: var(--base-font-size) !important;
    line-height: normal !important;
	font-family: var(--font-family-default)!important;
	}
	/****Form styles****/
.RadUpload.RadUpload .ruFakeInput, 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, .input-fake {
    border-radius: 8px;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: var(--font-family-title) !important;
    font-weight: 400;
    font-size: 16px !important;
    text-transform: capitalize;
    clear: both;
    padding: 0px !important;
    border-bottom: 1px solid var(--brand-2-bg) !important;
}
.RadTabStrip_MetroTouch.RadTabStrip, .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
    background-color: transparent !important;
}

.RadTabStrip_MetroTouch .rtsDisabled .rtsTxt {
    filter: alpha(opacity = 100);
    opacity: 1!important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: var(--brand-2-fg) !important;
    border-color: var(--brand-2-fg) !important;
    color: #000 !important;
    border-bottom: 4px solid var(--brand-2-fg) !important;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--brand-2-bg) !important;
    border-bottom: 4px solid var(--brand-2-bg) !important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    text-decoration: none !important;
}
.CauseisPanel label.Required, .CauseisPanel label, .CauseisPanel .Label {
    margin-bottom: 8px;
}
.RadTabStrip .rtsDisabled, .RadTabStripVertical .rtsDisabled {
    cursor: default;
    text-decoration: none;
    opacity: .8;
}
.RadMultiPage {
    border-style: solid;
    border-color: #eee !important;
    padding: 40px 40px !important;
    background-color: var(--card-bg);
    border-radius: var(--card-border-radius);
    box-shadow: var(--card-shadow);
    margin: 20px 0px;
}
.PanelEditorEditForm .CheckBoxList {
    height: fit-content !important;
    border-width: 0px !important;
}
    html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
    background: var(--brand-2-bg) no-repeat top center !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    border-radius: 20px;
    padding: 0.3em 2em;
    font-size: 1em;}
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(--brand-1-bg) no-repeat top center !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    border-radius: 20px;
    padding: 0.3em 2em;
    font-size: 1em;
}
/***** Store cards 5 across****/
.psc-cb-cardsperrow-five {
grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
}
.psc-cb-cardsperrow-five.psc-cb-cards {
    gap: 1em;
}
:is(a,button).careerbtn, :is(a,button).careerbtn:visited {
    background-color: var(--brand-2-bg);
}
:is(a,button).careerbtn:is(:hover,:focus,:active) {
    background-color: var(--brand-1-bg);
}
/**** Linksblocks - Turns links into blocks with a button ****/
.linksblock .psc-cb-text-body a, .linksblockapply .psc-cb-text-body a {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 24px 40px 18px;
    font-size: 1.3em;
    border-radius: 16px;
    box-shadow: 0 4px 4px #0000001a;
    text-decoration: none;
    margin: 8px 0px;
    color:var(--brand-3-bg);
}
.linksblock:hover, .linksblockapply:hover{
text-decoration: none;
}
.linksblock .psc-cb-text-body a::after {
    content: "Download";
}
.linksblockapply .psc-cb-text-body a::after {
    content: "Apply";
}
.linksblock .psc-cb-text-body a::after, .linksblockapply .psc-cb-text-body a::after {
    position: relative;
    display: block;
    float: right;
    padding: 0.4em 2em .3em;
    background-color:var(--brand-3-bg);
    color: #fff;
    border: none;
    border-radius: 24px;
    margin-top: -8px;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 700;
}
.linksblock .psc-cb-text-body a:hover::after, .linksblockapply .psc-cb-text-body a:hover::after{
    background-color: var(--brand-2-bg);
    }

/**** Member Home Styles ****/
.memberbanner {
    background-image: url(/images/web2024/banner-page.jpg);
    background-size: cover;
    padding: 40px;
}
 .psc_layout .memberbanner .colthirds {
    gap: 1.5rem;
    align-items: center!important;
grid-template-columns: 25% 45% 30%!important;
}
.memberupcpd .QueryTemplateSet {
    grid-template-columns: repeat(1, 1fr);
	}
	.memberupcpd .QueryTemplateSet .card {
    border-radius: 16px;
	}

/**** Careers Styles ****/
.orgbox {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
}
.aboutorg h2{
margin-bottom:8px;
}
.careersearch .psc-cb-dyncontent-list {
    grid-template-columns: repeat(1, 1fr)!important;
}
.careersearch .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot {
    margin-top: auto;
    text-align: right;
}
.careerresults {
    display: flex;
    flex-direction: column;
    gap: .5em;
    justify-content: center;
    border-left: 2px solid var(--brand-3-bg);
}
.careerresults span{
    padding-left: 16px;
}
.careerresults .fa-solid, .careerresults .fa-regular {
    font-weight: 600;
    font-size: 18px;
    margin-right: 10px;
    text-align: center;
    width: 18px;
}
.careertitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
color:var(--brand-2-bg);
}

.careeremployer {
    font-weight: 700;
}
.careerbtn {
    margin-right: 24px;
}
.careerdescription {
    padding: 8px 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
/****Member search****/
.profileimagethumb a {
    background-image: url(/assets/images/default/person.png);
    display: block;
    width: 100%;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 16px;
}
.membersearchname {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    color: var(--brand-2-bg);
    width: 100%;
    display: block;
}
.membersearchbio {
    margin-bottom: 16px;
    display: block;
}
.membersearchbio p {
    padding: 16px;
    display: block;
    height: fit-content;

}
.memberspecial {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
}
.memberspecialty,.memberlanguage,.memberregion,.memberphone,.memberemail,.membersearchbio,.memberbutton {
    font-size: 90%!important;
    line-height: 18px!important;
}
.memberaction .memberbutton {
    padding: .5em 1.2em !important;
}
.memberaction{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}
.memberresults {
    display: grid;
    gap: .5em;
    flex: auto;
    grid-template-columns: 10% 90%;
    justify-items: start;
    align-items: start;
    height: fit-content;
}
.memberresults span{
    padding-left: 16px;
}
.memberresults .fa-solid, .memberresults .fa-regular {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    width: 16px;
}
.colorhide i{
color:#fff!important;
height: 0px;
overflow:none;
}
/***** iqatext allows an iqa to show an uncluttered text cell****/
.iqatext thead {
    display: none;
}
.iqatext .panel .RadGrid {
    overflow: visible !important;
    border-width: 0px;
}
.iqatext .RadGrid.RadGrid_MetroTouch .rgSelectedRow{
color: inherit;
background-color: transparent;
border-color: transparent;
}
.iqatext .RadGrid.RadGrid_MetroTouch .rgSelectedRow td{
    border-color: transparent;
	}

.iqatext .RadGrid.RadGrid_MetroTouch .rgRow td{
padding: 0px 0px;
}
.iqatext .psc-cb-button{
  color: #fff!important;
  text-decoration: none!important;
  text-align: center!important;
}
/* Layout */
.row{ --bs-gutter-x: 0; }
.inner, .SliderPage1, .standalonebuttons, #asi_BreadCrumbNav{ width: 100%; max-width: var(--container-width); margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
	:is(.container,.inner) .inner{ padding-left: 0; padding-right: 0; }
	:is(.container,.inner).reduced{ max-width: var(--container-width-reduced); }
	:is(.container,.inner).slightlywider{ max-width: var(--container-width-increased); }
.psc_layout{ padding: 0; }
 	body.dashboard .psc_layout{ padding: 3em 0 0; }
 	body.padlayout .psc_layout{ padding: 3em 0; }
	body.Wrapper-HomePage .psc_layout{ padding-top: 0; padding-bottom: 0; }
	.psc_layout .col7525{ display: grid; grid-template-columns: 3fr 1fr; gap: 5rem; }
	.psc_layout .col6633{ display: grid; grid-template-columns: 2fr 1fr; gap: 5rem; }
	.psc_layout .col3366{ display: grid; grid-template-columns: 1fr 2fr; gap: 5rem; }
	.psc_layout .col5050{ display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; }
	.psc_layout .col2575{ display: grid; grid-template-columns: 1fr 2fr; gap: 5rem; }
	.psc_layout .col255025{ display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 2.5rem; }
	.psc_layout .colthirds{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; }
	.psc_layout .colhalves{ display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
	.psc_layout .colquarters{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
	.psc_layout .cols-two{ display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; }
	.psc_layout .cols-three{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; }
	.psc_layout .cols-four{ display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
	.psc_layout .cols-five{ display: grid; grid-template-columns: repeat(5,1fr); gap: 2rem; }
#ctl01_masterWrapper{ display: flex; flex-direction: column; min-height: 100vh; }
	#ctl01_masterWrapper #sitefooter{ margin-top: auto; }
#masterContentArea{ margin-top: 0; }
.panel-body, .PanelBody, .panel-heading.Distinguish, .iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer{ margin: 0; padding: 0; border: none; }
.panel, .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish{ border: none; }

/* Header */
#siteheader{ box-shadow: 0 0 1em rgba(0,0,0,0.2); }
	#siteheader .header-top-bar{ display: block; padding: 0.25em 0 0.5em; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
		#siteheader .header-top-bar .inner{ display: flex; justify-content: flex-end; }
			#siteheader .header-top-bar .inner .NavigationUnorderedList{ display: flex; margin-right: 0.75em; }
				#siteheader .header-top-bar .inner .NavigationUnorderedList>li{ display: block; padding: 0 0.75em; border-right: solid 1px var(--brand-2-fg); }
					#siteheader .header-top-bar .inner :is(.NavigationLink,.sign-in-link){ display: block; padding: 0; color: var(--brand-2-fg); font-size: 0.8em; font-weight: 400; line-height: 1em; text-decoration: none; }
						#siteheader .header-top-bar .inner :is(.NavigationLink,.sign-in-link):hover{ color: var(--brand-2-fg); text-decoration: underline; }
	#siteheader .header-main-bar{ margin: 0; }
		#siteheader .header-main-bar .inner{ position: relative; display: flex; align-items: center; justify-content: space-between; }
			#siteheader .header-main-bar .inner #sitelogo{ display: block; width: 11em; height: 4em; background-image: var(--logo-url); background-position: left top; background-repeat: no-repeat; background-size: contain; overflow: hidden; text-indent: -9999px; }
			#siteheader .header-main-bar .inner .navblock{ display: flex; gap: 1em; align-items: center; }
				.psc-navigation{ display: flex; gap: 1.5em; margin: 0; padding: 0; list-style: none; }
					.psc-navigation li.footermenu{ display: none; }
					.psc-navigation li a:not(.psc-cb-button){ display: block; padding: 0; color: var(--brand-3-bg); font-family: var(--font-family-default); font-size: 1em; font-weight: 600; text-decoration: none; }
						.psc-navigation li a:not(.psc-cb-button):hover{ color: var(--brand-2-bg); }
						.psc-navigation li a.level0{ padding: 2.5em 0.5em; }
							.psc-navigation li a.level0.hassubmenu .navtoggle{ display: none; }
								.psc-navigation li a.level0.hassubmenu .navtoggle:before{ content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; }
									.psc-navigation li a.level0.hassubmenu.expanded .navtoggle:before{ content: '\f077'; }
						.psc-navigation li a.level1{ margin-bottom: 1em; color: var(--brand-2-bg); font-size: 1.4em; font-weight: 700; }
						.psc-navigation li a.level2{ margin-bottom: 0.5em; }
					.psc-navigation li.level0 .psc-submenu-level1{ position: absolute; inset: 0; top: var(--header-nav-top); bottom: auto; z-index: 1000; display: grid; grid-template-columns: 1fr 3fr; gap: 4em; max-height: 0px; margin: 0; padding: 0 2em; list-style: none; background-color: var(--default-bg); color: var(--default-fg); border-radius: 0 0 2em 2em; box-shadow: 0 0.3em 0.3em rgba(0,0,0,0.1); overflow: hidden; transition: all 0.3s; }
						.psc-navigation li.level0:hover a.level0{ color: var(--brand-2-bg); }
						.psc-navigation li.level0 .psc-submenu-level1 .titlebar{ font-size: 0.8em; }
							.psc-navigation li.level0 .psc-submenu-level1 .titlebar h4{ color: var(--brand-2-bg); font-weight: 700; line-height: 1em; }
							.psc-navigation li.level0 .psc-submenu-level1 .titlebar .psc-cb-button{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
								.psc-navigation li.level0 .psc-submenu-level1 .titlebar .psc-cb-button:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
						.psc-navigation li.level0 .psc-submenu-level1 .menucontainer{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2em; }
							.psc-navigation li.level0 .psc-submenu-level2{ display: block; margin: 0; padding: 0; list-style: none; }
				#siteheader .header-main-bar .inner .navblock .primary-nav-post{ display: flex; gap: 1.5em; margin: 0 0 1em; padding: 0; list-style: none; }
					#siteheader .header-main-bar .inner .navblock .primary-nav-post a{ display: block; padding: 0.5em 1em; background-position: center; background-repeat: no-repeat; background-size: auto 90%; overflow: hidden; text-indent: -9999px; }
						#siteheader .header-main-bar .inner .navblock .primary-nav-post .account a{ background-image: var(--icon-nav-account-url); }
						#siteheader .header-main-bar .inner .navblock .primary-nav-post .cart a{ background-image: var(--icon-nav-cart-url); }
						#siteheader .header-main-bar .inner .navblock .primary-nav-post .search{ /*display: none;*/ }
							#siteheader .header-main-bar .inner .navblock .primary-nav-post .search a{ background-image: var(--icon-nav-search-url); }
						#siteheader .header-main-bar .inner .navblock .primary-nav-post .mobilenav{ display: none; }
							#siteheader .header-main-bar .inner .navblock .primary-nav-post .mobilenav a{ display: block; padding: 0 0.25em; color: var(--default-fg); font-size: 2em; text-indent: 0; }
				#siteheader .header-main-bar .inner .navblock .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink{ color: var(--brand-3-bg); font-family: var(--font-family-default); font-size: 1em; font-weight: 600; border-top: none; text-transform: none; }
					#siteheader .header-main-bar .inner .navblock .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink .rmText{ padding: 0.5em 1em; }
					#siteheader .header-main-bar .inner .navblock .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused{ border-top: none; }
					#siteheader .header-main-bar .inner .navblock .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover{ color: var(--brand-2-bg); }
				#siteheader .RadMenu .rmRootGroup>li>.rmSlide{ left: 0; right: 0; width: 100vw !important; }
					#siteheader .RadMenu .rmRootGroup>li>.rmSlide>.rmGroup{ display: grid !important; grid-template-columns: repeat(3,1fr); padding: 2em; background-color: var(--default-bg); }
						#siteheader .RadMenu .rmRootGroup>li>.rmSlide>.rmGroup .rmSlide{ width: auto !important; }
							#siteheader .RadMenu .rmRootGroup>li>.rmSlide>.rmGroup .rmSlide>.rmGroup{ background-color: var(--default-bg); }
						#siteheader .RadMenu .rmSlide .rmGroup .rmLink{ color: var(--default-fg); }
						li.level2 a.level1{pointer-events:none;}
			#siteheader .header-main-bar .inner .navblock .auxlinks{ position: relative; }
				#siteheader .header-main-bar .inner .navblock .auxlinks #ste_container_SiteSearch360SearchField{ position: absolute; z-index: 10; left: -10em; top: 3em; right: 0; opacity: 0; pointer-events: none; transition: all 0.3s; }
					#siteheader .header-main-bar .inner .navblock .auxlinks #ste_container_SiteSearch360SearchField.open{ opacity: 1; pointer-events: all; }
				#ste_container_SiteSearch360SearchField .ss360-custom-search .ss360-custom-search__searchbox{ border-radius: 1em 0 0 1em; }
				#ste_container_SiteSearch360SearchField .ss360-custom-search .ss360-custom-search__searchbutton{ border: none; border-radius: 0 1em 1em 0; }

/* Footer */
#sitefooter{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
	#sitefooter h6{ margin: 0 0 0.5em; color: var(--brand-2-fg); font-size: 1em; font-weight: 600; line-height: 1em; }
	#sitefooter .footercontent{ padding: 4em 0 2em; }
		#sitefooter .footercontent .colthirds{ align-items: center; }
			#sitefooter .footercontent #footerlogo{ display: block; padding: 0 0 5em; background-image: var(--logo-full-white-url); background-position: left center; background-repeat: no-repeat; background-size: contain; }
			#sitefooter .footercontent .socialnav{ display: flex; gap: 1em; margin: 0; padding: 0; list-style: none; }
				#sitefooter .footercontent .socialnav a{ display: block; width: 2.2em; color: var(--brand-2-fg); font-size: 1.2em; line-height: 1.8em; border: solid 1px var(--brand-2-fg); border-radius: 100%; text-align: center; }
					#sitefooter .footercontent .socialnav a .fab{ line-height: 2em; transition: var(--default-transition); }
					#sitefooter .footercontent .socialnav a:hover{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
	#sitefooter .subscribeform{ padding-right: 4em; }
		#sitefooter .subscribeform .formcntr{ display: grid; grid-template-columns: 1fr 3em; }
			#sitefooter .subscribeform .formcntr input{ display: block; width: 100%; height: auto; border: none; border-radius: 0.5em 0 0 0.5em; }
			#sitefooter .subscribeform .formcntr button{ display: block; background-color: var(--brand-3-bg); color: var(--brand-3-fg); border: none; border-radius: 0 0.5em 0.5em 0; }
				#sitefooter .subscribeform .formcntr button:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
	#sitefooter #footernav{ display: grid; grid-template-columns: repeat(6,1fr); gap: 3em 2em; margin: 0; padding: 4em 0; list-style: none; }
		#sitefooter #footernav a.level1{ display: block; padding: 0 0 0.25em; color: var(--brand-2-fg); font-weight: 600; text-decoration: none; }
			#sitefooter #footernav a.level1:hover{ color: var(--brand-2-fg); text-decoration: underline; }
		#sitefooter #footernav ul{ display: block; margin: 0; padding: 0; list-style: none; }
			#sitefooter #footernav ul a{ display: block; padding: 0.25em 0; color: var(--brand-2-fg); font-size: 0.8em; font-weight: 300; text-decoration: none; }
				#sitefooter #footernav ul a:hover{ color: var(--brand-2-fg); text-decoration: underline; }
	#sitefooter .footercopyright{ padding: 1em 0 4em; }
		#sitefooter .footercopyright p{ font-size: 0.8em; text-align: center; }

/* Forgot password and username pages */
#mainContentWrapper:has(div[id$="_requestUserNameDiv"]){ width: 100%; max-width: var(--container-width); margin: 3em auto; padding-left: 1rem; padding-right: 1rem; }
#mainContentWrapper:has(div[id$="_requestPasswordDiv"]){ width: 100%; max-width: var(--container-width); margin: 3em auto; padding-left: 1rem; padding-right: 1rem; }

/* Content Buddy */
	.psc-cb-root{ line-height: 1.6em; }
	.psc-cb-ipart-title, .psc-cb-text-title{ font-weight: 900; }
	:is(a,button).psc-cb-button.secondary, :is(a,button).psc-cb-button.secondary:visited{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
	:is(a,button).psc-cb-button.textonly, :is(a,button).psc-cb-button.textonly:visited{ padding: 0; background-color: var(--brand-2-fg); color: var(--brand-2-bg); font-weight: 600; }
		:is(a,button).psc-cb-button.textonly:hover{ background-color: var(--brand-1-fg); color: var(--brand-1-bg); }
		:is(a,button).psc-cb-button.secondary:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
		:is(a,button).psc-cb-button.secondaryblue, :is(a,button).psc-cb-button.secondaryblue:visited {background-color: var(--brand-2-bg);color: var(--brand-2-fg);}
        :is(a,button).psc-cb-button.secondaryblue:hover {background-color: var(--brand-1-bg);color: var(--brand-2-fg);}
	:is(a,button).psc-cb-button.reset, :is(a,button).psc-cb-button.reset:visited{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
		:is(a,button).psc-cb-button.reset:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
	.centre :is(.psc-cb-ipart-body,.psc-cb-text-body){ text-align: center; }
	.lightgreybg{ background-color: var(--neutral-pale); }
	.bannerstrip{  }
		.bannerstrip .psc-cb-header{ min-height: 0px !important; height: 180px; }
		.bannerstrip .psc-cb-header-content{ padding-top: 0; padding-bottom: 0; }
			.bannerstrip .psc-cb-header-content :is(h1,h2){ font-size: 1.5em; }
			.bannerstrip .psc-cb-header-content .psc-cb-button{ padding: 1em 2em; font-size: 0.8em; }
	.blockquote .psc-cb-ipart-content-body{  }
	.psc-cb-ipart-container.border-top{ border-top: solid 2px var(--brand-2-bg) !important; }
	.psc-cb-ipart-container.border-bottom{ border-bottom: solid 2px var(--brand-2-bg) !important; }

	/* Accordion */
	.psc-cb-accordion-group{ margin-bottom: 1em; }
		.psc-cb-accordion-group .psc-cb-accordion-toggle{ padding: 0.75em 1em; border-radius: 0.3em; box-shadow: 0 0 0.3em rgba(0,0,0,0.15); }
		.psc-cb-accordion-group .psc-cb-accordion-content{ border: none; }
			.psc-cb-accordion-group.expanded .psc-cb-accordion-content{ border: none; }

	/* Article */
	.psc-cb-article-container .psc-cb-introbar{ margin-bottom: 4em; border-bottom: solid 2px var(--brand-2-bg); }
		.psc-cb-article-container .psc-cb-introbar .psc-cb-article-title{ margin-bottom: 0; }
	.psc-cb-article-container .psc-cb-article-image{ height: auto; margin-right: var(--default-gap); padding: 0; }
		.psc-cb-article-container .psc-cb-article-image picture{ position: relative; }
			.psc-cb-article-container .psc-cb-article-image picture img{ object-fit: contain; border-radius: 2em; }
	.psc-cb-article-container .psc-cb-article-body-intro{ color: var(--default-fg); }

	/* Banner */
	.psc-cb-header-content{ padding-bottom: calc(var(--default-gap) * 3); }
		.psc-cb-header-content :is(h1,h2){ font-size: 3em; line-height: 1.2em; }
		.psc-cb-header-content.align3{ padding-left: 2em; }
	.pagebanner .psc-cb-header{ min-height: 20em; }
		.pagebanner .psc-cb-header-content{ padding: 0; }
			.pagebanner .psc-cb-header-content .description{ margin: 0; }
			.pagebanner .psc-cb-header-content :is(h1,h2){ margin: 0; padding: 0; }
	/*.bannerstrip .psc-cb-header{ height: 10em !important; min-height: 0 !important; }*/
	#bannersearchform{  }
		#bannersearchform>ul{ display: grid; grid-template-columns: 1fr 7em; gap: 1em; margin: 0; padding: 1.5em 0 0; list-style: none; }
		#bannersearchform .psc-cb-button{ padding: 0.75em 2em; }

	/* Cards */
	.linklists .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ display: flex; align-items: flex-end; min-height: 2.5em; font-weight: 900; }
	.linklists .psc-cb-card-description a{ display: grid; grid-template-columns: 1fr 2em; gap: 1em; color: var(--brand-2-bg); text-decoration: none; }
		.linklists .psc-cb-card-description a:after{ content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 900; transition: var(--default-transition); }
		.linklists .psc-cb-card-description a:hover{ color: var(--brand-1-bg); }
	.iconcards .psc-cb-cards .psc-cb-card{ padding-left: 2em; padding-right: 6em; border-left: solid 3px var(--brand-2-bg); border-radius: 0; }
		.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ padding: 0 0 4em; background-position: left center; }
		.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ padding-bottom: 0; }
			.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading:after{ display: none; }
		.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-content{ padding: 1em 0; text-align: left; }
			.iconcards .psc-cb-cards .psc-cb-card .psc-cb-card-description{ padding: 0; }

	/* Dynamic Widgets */
	.psc-cb-dynamic-titlebar :is(h3,h4,h5){ margin-bottom: 0.5em; font-weight: 900; }
	.psc-cb-dynamic-titlebar .auxbar{ margin-bottom: 0.75em; }
		.psc-cb-dynamic-titlebar .auxbar>span{ color: var(--default-fg); }
			.psc-cb-dynamic-titlebar .auxbar>span .fa{ color: var(--brand-1-bg); }


	/* Event Calendar */
	.psc-cb-events-slider .psc-cb-dynamic-image{ margin: 2em; }
		.psc-cb-events-slider .dynamichead{ order: 2; }
		.psc-cb-events-slider .dynamiccontentgroup{ order: 1; }
		.psc-cb-events-slider .psc-cb-card .psc-cb-dynamic-image>:is(div,a){ border-radius: var(--card-border-radius); }

	/* Filtered Data */
	.psc-cb-dyncontent-list .psc-cb-card .dynamicbody .psc-cb-dynamic-titlebar h5{ font-weight: 900; }
	.eventslist{ --button-padding: 0.5em 2em; --card-gap: 1em; --dynamic-body-height: auto; }
		.eventslist .psc-cb-dyncontent-list{ grid-template-columns: repeat(4,1fr); }
			.eventslist .psc-cb-dyncontent-list .psc-cb-card{ display: flex; flex-direction: column; }
				.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicbody:after{ display: none; }
				.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .psc-cb-dynamic-description{ margin-bottom: 1em; }
				.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .psc-cb-dynamic-details{ padding-top: 1em; font-size: var(--card-description-font-size); border-top: solid 1px var(--brand-2-bg); }
					.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .psc-cb-dynamic-details p{ margin: 0; line-height: 1.6em; }
				.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot{ margin-top: auto; text-align: center; }
					.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot .psc-cb-button+.psc-cb-button{ margin-top: 0.75em; }
					.eventslist .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot .psc-cb-button.secondary{ --button-font-size: 0.8em; --button-bg: var(--brand-2-fg); --button-fg: var(--brand-2-bg); border-radius: 2em; }
	.videoslist .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot .psc-cb-button.secondary{ --button-font-size: 0.8em; --button-bg: var(--brand-2-fg); --button-fg: var(--brand-2-bg); border-radius: 2em; }
	@media(min-width:768px){
		.sidefilters{  }
			.sidefilters .section-dynfilter .psc-cb-dynfilterparent-container{ display: grid; grid-template-columns: 1fr 4.5fr; align-items: start; gap: 2em; }
				.sidefilters .section-dynfilter .psc-cb-dynfilterparent-container .psc-cb-ipart-content-heading{ grid-column: 1/3; margin: 0; }
					.sidefilters .section-dynfilter .psc-cb-dynfilterparent-container .psc-cb-ipart-content-heading h2{ display: block; margin: 0 0 -1em; font-size: 1.2em; font-weight: 700; }
				.sidefilters .section-dynfilter .psc-cb-filterbar{ flex-direction: column-reverse; align-items: flex-start; gap: 1em; padding-top: 1em; border-top: solid 1px var(--neutral-mid); }
					.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-filtersandactions{ flex-direction: column; align-items: flex-start; gap: 1em; }
						.sidefilters .psc-cb-filterbar .psc-cb-filterbar-filtersandactions .psc-cb-filterbar-filters{ flex-direction: column; align-items: flex-start; gap: 1em; padding-bottom: 1em; border-bottom: solid 1px var(--neutral-mid); }
							.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-filters .psc-cb-filterbar-filters-inline{ padding-top: 1em; border-top: solid 1px var(--neutral-mid); }
								.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-filters .psc-cb-filterbar-filters-inline+.psc-cb-filterbar-filters-inline{  }
							.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select{ flex-direction: column; align-items: flex-start; }
								.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown{ width: 100%; border: none; border-radius: 0; }
									.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>span{ display: none; }
									.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul{ position: relative; inset: auto; max-height: 200vh; border-radius: 0; box-shadow: none; }
										.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul>li:first-child{ display: none; }
										.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul li a{ display: grid; grid-template-columns: 1.5em 1fr; padding: 0.5em 0; background-color: var(--default-bg); color: var(--default-fg); font-size: 0.9em; }
											.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul li a:hover{ background-color: var(--default-bg); color: var(--brand-2-bg); }
											.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul li a:before{ content: '\f111'; margin-right: 0.5em; font-family: "Font Awesome 5 Free"; font-weight: 900; opacity: 0.25; transition: var(--default-transition); }
											.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul li.selected a{ color: var(--brand-2-bg); }
												.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-select .psc-cb-dropdown>ul li.selected a:before{ content: '\f192'; color: var(--brand-2-bg); opacity: 1; }
						.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-search{ margin-left: 0; }
							.sidefilters .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-search>ul .searchfield input{ width: 100%; }
			.sidefilters .psc-cb-dyncontent-list{ grid-template-columns: repeat(3,1fr); gap: 1em; padding-left: 1em; }
			.sidefilters .psc-cb-button.reset{ display: none; }
	}


	/* Marquee */
	.section-marquee.inner{ max-width: 100%; }
		.psc-cb-marquee-container.preset2 .marquee-text-text>div a span{ filter: grayscale(1); }
	
	/* Tabs */
	.psc-cb-tabset-nav{ padding: 0; border-bottom: solid 2px var(--brand-3-bg); }
		.psc-cb-tabset-nav li a{ border-bottom: solid 4px transparent; }
			.psc-cb-tabset-nav li.active a{ border-bottom: solid 4px var(--brand-2-bg); }

	/* Text */
	.psc-cb-text-image img{ border-radius: 2em; }
	.psc-cb-text-container.preset2{ grid-template-columns: 1fr 1.25fr; gap: var(--default-gap); }
		.leftimage .psc-cb-text-container.preset2{ grid-template-columns: 1.25fr 1fr; }

	/* Video */
	.blockquote .psc-cb-embvideo-container{ display: grid; grid-template-columns: repeat(2,1fr); align-items: center; gap: var(--default-gap); }
		.blockquote .psc-cb-embvideo-container .psc-cb-embvideo-video iframe{ width: 100%; border-radius: 2em; }
		.blockquote .psc-cb-ipart-title{ display: none; }
		.blockquote .psc-cb-ipart-intro{ padding-right: 30%; }
			.blockquote .psc-cb-ipart-intro p{ margin: 0; padding: 1em 2em; font-size: 1.4em; font-style: italic; font-weight: 300; line-height: 1.4em; border-left: solid 2px var(--brand-1-bg); }

/* Help Search */
	.helpsearch{ --button-hover-bg: var(--brand-3-bg); --button-hover-fg: var(--brand-3-fg); }
	.helpsearch{ display: block; padding: 2em 2em 3em; background-color: var(--brand-2-bg); color: var(--brand-2-fg); border-radius: 1.25em; }
		.helpsearch.bannercover{ position: relative; margin-top: -6em; }
		.helpsearch h2{ margin: 0 0 1em; color: var(--brand-2-fg); }
		.helpsearch ul{ display: grid; grid-template-columns: 1fr 1fr 7em; align-items: center; gap: 1em; margin: 0; padding: 0; list-style: none; }
		.helpsearch .psc-cb-button{ padding: 0.9em 1.5em; }

/* Quicklinks */
	.quicklinksbar{ display: block; padding: var(--default-gap) 0; background-color: var(--neutral-pale); }
	.quicklinks{ display: grid; grid-template-columns: repeat(6,11em); justify-content: center; gap: 1em; margin: 0; padding: 0; list-style: none; }
		.quicklinks a{ display: block; color: var(--default-fg); text-align: center; text-decoration: none; }
			.quicklinks a>span{ display: block; transition: var(--default-transition); }
				.quicklinks a .icon{ display: inline-flex; align-items: center; justify-content: center; width: 7em; height: 7em; margin: 0 0 1em; padding: 0; border: solid 1px var(--default-fg); border-radius: 100%; }
					.quicklinks a .icon svg{ display: inline-block; width: 4em; }
						.quicklinks a .icon svg :is(path,circle,rect){ transition: var(--default-transition); }
					.quicklinks a:hover .icon{ background-color: var(--brand-2-bg); border: solid 1px var(--brand-2-bg); }
						.quicklinks a:hover .icon svg :is(path,circle,rect){ stroke: var(--brand-2-fg); }
				.quicklinks a .title{ padding: 0 2em; font-weight: 700; line-height: 1.2em; }
					.quicklinks a:hover .title{ color: var(--brand-2-bg); }

/* Connect Panel */
	.connectpanelbar{ display: block; padding: var(--default-gap) 0; }
	.connectpanel{ display: flex; justify-content: flex-end; background-color: var(--brand-3-bg); color: var(--brand-3-fg); background-position: left center; background-repeat: no-repeat; background-size: auto 100%; border-radius: 1em; }
		.connectpanel>ul{ display: flex; flex-direction: column; gap: 1em; width: 60%; margin: 0; padding: 2em 4em 2em 3em; list-style: none; }
			.connectpanel h2{ margin: 0; color: var(--brand-2-fg); }
			.connectpanel label{ display: block; margin: 1em 0 1em; padding: 0; color: var(--brand-3-fg); font-size: 1.2em; font-weight: 500; line-height: 1.2em; }
				.connectpanel label.largelabel{ margin: 0 0 1em; font-size: 2em; }
			.connectpanel li:has(.psc-cb-button){ margin: 1em 0; }
				.connectpanel .psc-cb-button{ --button-bg: var(--brand-2-bg); --button-fg: var(--brand-2-fg); --button-hover-bg: var(--brand-1-bg); --button-hover-fg: var(--brand-1-fg); padding: 0.75em 2em; }
					.connectpanel .psc-cb-button.secondary{ --button-bg: var(--brand-3-bg); --button-fg: var(--brand-3-fg); --button-font-size: 0.8em; padding: 1em 2em; }
					.connectpanel .psc-cb-button+.psc-cb-button{ margin-left: 2em; }

/* Event Display */
	#eventbanner{ display: flex; align-items: center; height: 35vh; background-image: var(--event-banner-url); background-position: center; background-repeat: no-repeat; background-size: cover; }
		#eventbanner .inner{  }
		#eventbanner h1{ max-width: var(--banner-content-width); margin: 0; color: var(--brand-2-fg); }

/* Events page*/
.psc-cb-dynfilter-container.preset4 .dynamicbody {
    height: fit-content;
}
.psc-cb-dynfilter-container.preset4  .dynamicbody p {
      margin: 0;
    line-height: 1.6em;
}
.psc-cb-dynfilter-container.preset4 .psc-cb-dynamic-details{
    padding-top: 1em;
    font-size: var(--card-description-font-size);
    border-top: solid 1px var(--brand-2-bg);
}
.psc-cb-dynfilter-container.preset4 .dynamicbody:after {
    display: none;
}
.psc-cb-dynfilter-container.preset4 .psc-cb-dynfilter-events-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;
	}
	.eventdisplay .rgNoRecords td div{
display:none;}
.eventdisplay .rgNoRecords td::after{
content: "Information to come";
}
#eventbanner {
    margin-bottom: 40px;
}

#eventbanner h1 {
    max-width: 70%;
}
.eventdisplay .panel-title {
    margin-top: 48px;
}
.eventpagedetail .EventSummary .PhotoArea, .eventpagedetail .EventSummary .Description, .eventpagedetail .panel-title, .eventpagedetail .ContactLocationArea {
  display: none!important;
}
.eventpagedetail{
margin-bottom: 40px;
}
/****Member ACC page****/

.accountcco .WebPartZone .ContentItemContainer{
  margin: 1em 0em!important;
}

.psc_layout .col2575{ display: grid; grid-template-columns: 1fr 3fr; gap: 1rem; }


#ste_container_ciAccreditationMenu1 .dropdown-toggle {
  width: 100%;
}
#ste_container_ciAccreditationMenu1 .PanelFieldValue  {
  width: 100%!important;
  padding: 0px;
}
.accountcco .PanelEditorEditForm {
    margin-top: 8px!important;
    margin-bottom: 20px!important;
}
/**** tables ****/

.feetable {
    margin: 0px;
}

.psc-cb-text-body table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.psc-cb-text-body table tr {
border: 1px solid #e6ebfd;
}
.psc-cb-text-body table th {
    font-weight: bold;
    text-align: left;
    background-color: var(--brand-3-fg);
}
.psc-cb-text-body table td {
    padding: 4px 16px;
	text-align: left;
color: var(--brand-3-bg);
}
.psc-cb-text-body table th {
    padding: 12px 16px 8px 16px;
	text-align: left;
color: var(--brand-3-bg);
}
.lastcolumnright .psc-cb-text-body table th:last-child, .lastcolumnright .psc-cb-text-body table td:last-child {
text-align: right;
}
.psc-cb-text-body table tr td:first-child{
border-left: 1px solid #e6ebfd;
}
.psc-cb-text-body table tr td:last-child{
border-right: 1px solid #e6ebfd;
}
.psc-cb-text-body table tr th{
border: 1px solid #e6ebfd;
font-size:1.2rem;
}
.psc-cb-text-body table tr th:first-child{
border-right: 1px solid transparent;
}
.psc-cb-text-body table tr th:last-child{
border-left: 1px solid transparent;
}
.psc-cb-text-body table tr:nth-child(even){
background-color:#e6ebfd;
}
.psc-cb-text-body table tr:last-child td:first-child{
    border-bottom-left-radius: 12px;
}
.psc-cb-text-body table tr:last-child td:last-child{
    border-bottom-right-radius: 12px;
}
.psc-cb-text-body table tr:first-child th:first-child{
    border-top-left-radius: 12px;
}
.psc-cb-text-body table tr:first-child th:last-child{
    border-top-right-radius: 12px;
}

.FilterPanel {
    background-color: #fff!important;
}
.cpdfield {
    color: var(--brand-2-bg);
    font-size: 130%;
    font-family: var(--font-family-title);
    font-weight: 900;
}
.bannerstrip .psc-cb-header-content :is(h1,h2) {
    font-size: 2em;
    font-weight: 900;
}
.feescalc .sd-action-bar{
display:none;
}
.feecalcresult  {
    display: grid;
    align-items: center;
    gap: 2em;
    grid-template-columns: repeat(2, 1fr);
}
.feeblock {
    border: 1px solid;
    padding: 16px;
    color: white;
}
.feeblock:first-child{
    background-color: var(--brand-2-bg);
}
.feeblock:last-child{
    background-color: var(--brand-1-bg);
}
 
.feeblock span {
    width: 100%;
    display: block;
}
.feetitle {
    text-align: center;
    font-weight: 900 !important;
font-size:150%;
}
.feeamount {
    text-align: center;
    font-weight: 900 !important;
    font-size: 200% !important;
    padding: 24px;
}
.navicons .psc-cb-cards .psc-cb-card.selected{ pointer-events: none; opacity: 0.5; }

@media(min-width: 768px){
	.psc-navigation li.level0:hover .psc-submenu-level1{ max-height: 200vh; padding: 2em 2em; transition: all 0.6s; }
}
@media(max-width: 767px){
	/* global */
	:root{ font-size: 14px; }
	.psc_layout *[class^="col"]{ grid-template-columns: 1fr; gap: 2em; }
	.psc_layout .memberbanner .colthirds{ grid-template-columns: 1fr !important; }
	h2{ font-size: 2em; }

	/* header and footer */
	#siteheader .header-top-bar .inner{ justify-content: center; gap: 1em; }
	#siteheader .header-main-bar{ margin-top: 1em; }
		#siteheader .header-main-bar .inner{ flex-direction: column; }
			#siteheader .header-main-bar .inner .navblock{ flex-direction: column-reverse; width: 100%; margin-top: 1em; }
				#siteheader .header-main-bar .inner .navblock .primary-nav-post{ margin: 0; }
					#siteheader .header-main-bar .inner .navblock .primary-nav-post .mobilenav{ display: block; }
			.primarynav{ display: block; width: 100%; max-height: 0px; overflow: hidden; transition: all 0.3s; }
				.primarynav.on{ max-height: 200vh; }
			.psc-navigation{ flex-direction: column; gap: 1em; width: 100%; padding-bottom: 2em; }
				.psc-navigation li a.level0{ padding: 0.5em 1em; }
					.psc-navigation li a.level0.hassubmenu{ display: flex; align-items: center; justify-content: space-between; }
						.psc-navigation li a.level0.hassubmenu .navtoggle{ display: block; }
					.psc-navigation li.level0 .psc-submenu-level1{ position: relative; top: auto; grid-template-columns: 1fr; gap: 1em; }
						.psc-navigation li.level0 a.expanded+.psc-submenu-level1{ max-height: 200vh; padding: 2em 2em; transition: all 0.6s; }
						.psc-navigation li.level0 .psc-submenu-level1 .menucontainer{ grid-template-columns: 1fr; gap: 2em; }
	#siteheader .header-top-bar .nav-auxiliary{ display: grid; grid-template-columns: 1fr 3em; gap: 1em; padding: 0.5em 0 0.75em; }
		#siteheader .header-top-bar .inner .NavigationUnorderedList{ gap: 0.5em 0; flex-wrap: wrap; }
			#siteheader .header-top-bar .inner .NavigationUnorderedList>li.auxaccount{ display: none; }
			#siteheader .open > .dropdown-menu{ left: auto; right: 0; }
	#sitefooter .footercontent #footerlogo{ background-position: center; }
	#sitefooter .subscribeform{ padding-right: 0; }
	#sitefooter h6{ text-align: center; }
	#sitefooter #footernav{ grid-template-columns: 1fr; text-align: center; }
	#sitefooter .footercontent .socialnav{ justify-content: center; }

	/* homepage */
	.psc-cb-header{ background-position: center right; }
		.psc-cb-header-content :is(h1,h2){ font-size: 2em; }
	.helpsearch ul{ grid-template-columns: 1fr; }
	.quicklinks{ grid-template-columns: 1fr 1fr; }
	.connectpanel>ul{ width: 100%; }
		.connectpanel .psc-cb-button+.psc-cb-button{ margin-left: 0; margin-top: 1em; }
	.VueCarousel-slide .psc-cb-card{ grid-template-columns: 1fr; }

	/* resources */
	.sidefilters .section-dynfilter .psc-cb-dynfilterparent-container{ grid-template-columns: 1fr; }
		.sidefilters .section-dynfilter .psc-cb-dynfilterparent-container .psc-cb-ipart-content-heading{ grid-column: auto; }

	/* filtered data */
	.section-dynfilter .psc-cb-filterbar{ flex-direction: column-reverse; gap: 1em; }
		.psc-cb-filterbar .psc-cb-filterbar-filtersandactions{ gap: 0; }
			.psc-cb-filterbar .psc-cb-filterbar-filtersandactions .psc-cb-filterbar-filters{ display: block; width: 100%; }
				.psc-cb-filterbar .psc-cb-filterbar-filtersandactions .psc-cb-filterbar-filters>li{ margin-bottom: 1em; }
	.section-dynfilter :is(.preset6,.preset7) .psc-cb-filterbar .psc-cb-filterbar-search{ margin-left: 0; }
		.section-dynfilter :is(.preset6,.preset7) .psc-cb-filterbar .psc-cb-filterbar-search>ul{ display: block; }
	
	/* event details */
	#eventbanner h1{ font-size: 2em; }

	#bannersearchform>ul{ grid-template-columns: 1fr; margin: 0 0 1em; }
	.jobdetails{ margin-bottom: 2em; }
	.memberupcpd .QueryTemplateSet .card p{ line-height: 1.4em; }
	.QueryTemplateSet:has(.essaupdates){ grid-template-columns: 1fr; }
	.leftimage .psc-cb-text-container.preset2,.psc-cb-text-container.preset2{ grid-template-columns: 1fr; }
	.eventslist .psc-cb-dyncontent-list{ grid-template-columns: 1fr; }
	.feecalcresult { grid-template-columns: repeat(1, 1fr); }
}


#ste_container_ciAccreditationMenu1 .dropdown-toggle {
  width: fit-content!important;
}
#siteheader .header-main-bar .inner .navblock .primary-nav-post .cart a {
    background-image: url(/images/web2024/Icons/icon-shop-navy.svg);
    background-size: 100%;
    padding-top: 12px;
}
.psc-cb-text-body ul, .psc-cb-text-body ol {
    margin-top: 0;
    margin-bottom: 16px!important;
    padding-left: 64px!important;
}
.eventdisplay .registerbutton .rgNoRecords td::after {
    content: "Registration Unavailable or closed";
font-weight:bold;
}
.eventslist .psc-cb-dynamic-image span{
    background-color: var(--brand-1-bg);
    float: right;
    padding: 6px 6px 5px 8px;
    font-weight: 700;
    border-radius: 2em;
    margin: 5px 5px;
    color: var(--brand-1-fg);
    pointer-events: none;
    font-size: 80%;
    line-height: normal;
}
.essaeventoptions {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}
td a,.eventdescription a{ color: var(--brand-2-bg); text-decoration: none; }
td a:hover, .eventdescription a:hover{ color: var(--brand-1-bg); text-decoration: none; }
.sd-item--checked .sd-item__decorator {
    background: var(--brand-2-bg) !important;
}
.sd-boolean__thumb {
    color: var(--brand-3-bg) !important;
}
.sd-matrix__text--checked {
    background-color: var(--brand-3-bg) !important;
}
.sd-body--empty a,.sd-body--empty button,.sd-body--loading a,.sd-body--loading button {
    color: var(--brand-3-bg) !important;
}
.memberaction {
    justify-content: flex-end;
}
.agm-map-container-inner{
border-radius:20px;
}
    .p-md-4 {
        padding: 0rem !important;
    }
.mat-raised-button.mat-primary {
    background-color: var(--brand-1-bg)!important;
    border-radius: 30px;
}
.mat-raised-button.mat-primary:hover {
    background-color: var(--brand-3-bg)!important;
}
.pseudoRadiusDisplay .d-flex button:nth-of-type(3) > span:before {
    content: 'Refine results with a key word search';
    margin-right: 15px;
}
#ActionButtons{
  padding-bottom: 40px;
padding-top: 40px;
  }
#jobbanner {
    min-height: 35vh;
    background-image: url(/images/web2024/banner-page.jpg);
    padding: 40px 0px;
    margin-bottom: 40px;
}
#jobbanner h1,#jobbanner h2,#jobbanner h3 {
color:#ffffff;
}
.QueryTemplateItem #logo {
    padding-bottom: 16px;
}

/* Fees calculator */
.feescalc .sd-body.sd-body--static {
    max-width: 1170px!important;
    padding: 0px;
font-family: var(--font-family-default);

}
.feescalc .sd-body.sd-body--static .sd-body__page{
    padding: 0px 16px;
font-family: var(--font-family-default);
}
.feescalc .sv-components-column{
background-color:#fff;
font-family: var(--font-family-default);
}
.feescalc .sd-title.sd-element__title, .feescalc .sd-item__control-label, .sd-boolean__label, .sd-boolean__thumb {
    font-family: var(--font-family-default);
	}

.hideimage .psc-cb-testimonial-card-image {
    display: none;
}
.storesignin .panel-title {
    text-align: center;
}
.memberbanner {
    background-image: url(/images/web2024/banner-page.jpg);
}
/**** essaupdates ****/
    .essaupdates a {
    width: 100%;
    display: block;
    padding: 8px 8px;
    border-bottom: 1px solid;
    text-decoration: none;
    }
    .myessa .memberupdates .QueryTemplateSet{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    margin: 24px 0px;
    align-items: end;
    }

    .memberupdates .QueryTemplateSet .essaupdates a .arrow {
    float: right;
    }
    .essaupdates a, .essaupdates a:visited{
    width: 100%;
    display: block;
    padding: 8px 8px;
    border-bottom: 1px solid;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    }
    .essaupdates a:hover {
    color: var(--brand-2-bg);
    }

/**** essaupdates end ****/


/**** navicons ****/
.myessainternal .navicons .section-cards{
  margin-top: -16px;
}
.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-description {
  display: none;
  }
 #ste_container_ciNAVrow2{margin-top: -40px;
}
.myessainternal .navicons .psc-cb-cards {
  gap: 1em 3em;
  scale: 0.9;
}
.navicons {
    padding: 1em 0em 0em;
}

.navicons .psc-cb-cards {
    display: flex;
    gap: 1em 3em;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.navicons.rowlayout .psc-cb-cards {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.navicons .psc-cb-cards .psc-cb-card {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
}

.navicons.rowlayout .psc-cb-cards .psc-cb-card {
    width: 7em;
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-image>* {
    padding: 0 0 45%;
    background-size: 60px;
    transition: all 0.3s;
}

.navicons.rowlayout .psc-cb-cards .psc-cb-card .psc-cb-card-image>* {
    background-size: auto;
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-image:hover>* {
    transform: scale(1.1);
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-heading {
    color: var(--brand-1-fg);
    font-size: 1rem;
    font-weight: 700 !important;
    width: 140px;
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-action {
    display: none;
}

.navicons .psc-cb-cards .psc-cb-card {
    position: relative;
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-image {
    height: 4em;
}

.navicons.rowlayout .psc-cb-cards .psc-cb-card .psc-cb-card-image {
    height: 2.5em;
}

.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-image>* {
    position: absolute;
    inset: 0;
    z-index: 100;
    background-position: center top;
}
.navicons .psc-cb-cards .psc-cb-card .psc-cb-card-content {
    padding: 0em;
}

/*.navicons .psc-cb-cards .psc-cb-card-vertical:hover .psc-cb-card-detailcol .psc-cb-card-heading{
color:#ff4f00!important;
transition: var(--default-transition);
}
.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-account.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-account-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-finances.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-invoice-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-preferences.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-pass-fail-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-jobs.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-work-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-public-profile.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-user-location-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="#discounts"]:hover {
    background-image: url(/images/web2024/Icons/icon-discount-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-promo-codes.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-ticket-orange.svg) !important;
}
.navicons .psc-cb-card-image a[href="/Web/My-ESSA/My-CPD-logbook.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-moleskine-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="/Public/SSO/topclass.aspx"]:hover {
    background-image: url(/images/web2024/Icons/icon-learning-orange.svg) !important;
}

.navicons .psc-cb-card-image a[href="#consultations"]:hover {
    background-image: url(/images/web2024/Icons/icon-talking-orange.svg) !important;
}
*/
/**** navicons END****/

/**** MyESSA****/
.myessa .memberbanner {
    background-image: url(/images/web2024/banner-page.jpg);
    background-size: cover;
    padding: 40px 0px 8px;
}
.icontitle {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 2.5em;
    height: 40px;
    gap: 1em;
    color: var(--brand-3-bg) !important;
    font-family: var(--font-family-default);
}
.icontitle span img {
    width: 80px;
}
.myessa .myessatitle h1 {
    color: #ffffff;
    margin-bottom: .5em;
}
.myessa .shadowpanel {
  padding: 16px 24px;
  border: 1px solid #eee;
  background-color: var(--card-bg);
  border-radius: var(--card-border-radius);
  box-shadow: var(--card-shadow);
  text-align: var(--feature-text-align);
  margin-bottom: 40px;
}
.myessa .shadowpanel .panel-title {
  margin-bottom: 8px;
}
.myessa .memberhomename{display: block;margin: 0px; line-height: 1.2em; border: none; font-size: 1.5em; font-family: var(--font-family-title); color: var(--brand-2-fg);}
.myessa .memberhomestatus, .myessa .Member-home-CPD{
    color: #fff;
    }
.myessa .memberupdates{
    padding-top: var(--widget-padding-top);
    padding-bottom: var(--widget-padding-bottom);
}

.webalerts .AlertSet {
    display: flex;
    gap: 2em;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3em;
}
.webalerts {
    margin-bottom: 3em;
    background-color: orange;
    padding: 8px;
    margin-top: -42px;
}
.webalerts .AlertItem {
    list-style: none;
    border: none;
    margin-top: -1px !important;
    padding: 8px 18px;
    background-color: #fff;
    border-radius: var(--card-border-radius);
    box-shadow: var(--card-shadow);
}
.myessa .essaupdates:before{
content:"";
display:block;
}
.myessainternal .psc_layout .memberbanner .colthirds {
  gap: 1em;
  align-items: center !important;
  grid-template-columns: 15% 15% 70% !important;
}
 #ctl01_TemplateBody_WebPartManager1_gwpciSelfEducation_ciSelfEducation_QueryControlsPanel .PanelFieldValue,  
 #ctl01_TemplateBody_WebPartManager1_gwpciFurtherEducation_ciFurtherEducation_QueryControlsPanel .PanelFieldValue {
  position: relative;
  left: 44%;
  font-size: 180%;
  margin-top: 10px;
}

/**** Accordion tables ***/

.psc-cb-accordion-content table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}
.psc-cb-accordion-content table tr {
border: 1px solid #e6ebfd;
}
.psc-cb-accordion-content table th {
    font-weight: bold;
    text-align: left;
    background-color: var(--brand-3-fg);
}
.psc-cb-accordion-content table td {
    padding: 4px 16px;
	text-align: left;
color: var(--brand-3-bg);
}
.psc-cb-accordion-content table th {
    padding: 12px 16px 8px 16px;
	text-align: left;
color: var(--brand-3-bg);
}
.lastcolumnright .psc-cb-accordion-content table th:last-child, .lastcolumnright .psc-cb-accordion-content table td:last-child {
text-align: right;
}
.psc-cb-accordion-content table tr td:first-child{
border-left: 1px solid #e6ebfd;
}
.psc-cb-accordion-content table tr td:last-child{
border-right: 1px solid #e6ebfd;
}
.psc-cb-accordion-content table tr th{
border: 1px solid #e6ebfd;
font-size:1rem;
}
.psc-cb-accordion-content table tr th:first-child{
border-right: 1px solid transparent;
}
.psc-cb-accordion-content table tr th:last-child{
border-left: 1px solid transparent;
}
.psc-cb-accordion-content table tr:nth-child(even){
background-color:#e6ebfd;
}
.psc-cb-accordion-content table tr:last-child td:first-child{
    border-bottom-left-radius: 12px;
}
.psc-cb-accordion-content table tr:last-child td:last-child{
    border-bottom-right-radius: 12px;
}
.psc-cb-accordion-content table tr:first-child th:first-child{
    border-top-left-radius: 12px;
}
.psc-cb-accordion-content table tr:first-child th:last-child{
    border-top-right-radius: 12px;
}
.videoleft .psc-cb-embvideo-container div:first-child{
order:2;
}
/***Accordion tables end ***/

@media(max-width: 767px) {
.myessainternal .psc_layout .memberbanner .colthirds {
  grid-template-columns: 25% 25% 50% !important;
}
}
/**** Modal backdrop fix ****/
.modal-backdrop {
  z-index: -1!important;
  }