@import url('https://d1qtx34w5zi8yw.cloudfront.net/sunflower/sunflower-cloudfront.css');
body.Wrapper-HomePage{ 
	--header-height: 0;
	--logo-url: var(--logo-white-url);
	--secnav-fg: var(--brand-1-fg);
	--secnav-icon-colour: var(--brand-1-fg);
	--nav-fg: var(--brand-1-fg);
	--nav-border-colour: rgba(255,255,255,0.1);
}
body.Wrapper-HomePage.scrolled{
	--logo-url: var(--logo-colour-url);
	--nav-fg: var(--brand-1-bg);
}

/* global */
h2, .h2{ color: var(--brand-1-bg); }

/* header */
body.hasscrollindicator #hd{ box-shadow: none; }
body.scrolled #hd{ box-shadow: 0 0 1em rgba(0,0,0,0.3); }
body.Wrapper-HomePage #hd{ background-color: var(--brand-2-bg); }
body.Wrapper-HomePage.scrolled #hd{ background-color: var(--header-bg); box-shadow: 0 0 1em rgba(0, 0, 0, 0.3); }
#masterHeaderImage{ height: 5.5em; }
body.Wrapper-HomePage .auxiliary-navigation a:hover, .auxiliary-navigation a:hover:before{ color: var(--brand-1-bg); }
#hd.style2 .psc-navigation>li>a.emphasis,#hd.style2 .psc-navigation>li>a.emphasis:visited{ background-color: var(--ASTRA-green); color: var(--brand-1-fg); }
	#hd.style2 .psc-navigation>li>a.emphasis:is(:hover,:active,:focus){ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
#hd .psc-navigation li ul.psc-submenu-level1 .menucontainer>li>a{ color: var(--brand-1-bg); }
body.Wrapper-HomePage .dropdown-menu>li>a, body.Wrapper-HomePage .dropdown-menu>li>div{ color: var(--brand-1-bg); }
	body.Wrapper-HomePage .dropdown-menu>li>a:hover, body.Wrapper-HomePage .dropdown-menu>li>div:hover{ color: var(--brand-1-fg); }
body.scrolled #masterHeaderImage{ height: 4em; }
body.scrolled #hd .psc-navigation-container ul{ transform: translateY(-0.5em); }

/* footer */
.footerlogo{ display: block; height: 5em; margin-bottom: 1em; background-image: var(--logo-white-url); background-position: left center; background-repeat: no-repeat; background-size: contain; }
.socialnav{ justify-content: flex-end; }
.footerlinks{ display: flex; align-items: center; justify-content: flex-end; gap: 1em; margin: 2em 0 0; padding: 0; list-style: none; }
	.footerlinks a{ color: var(--brand-2-fg); text-decoration: none; }
		.footerlinks a:is(:active,:hover,:focus){ color: var(--brand-1-bg); text-decoration: none; }
.credit{ margin-top: 1em; font-size: 0.9em; font-weight: 300; opacity: 0.8; text-align: right; }
	.credit a{ color: var(--brand-2-fg); font-weight: 500; text-decoration: none; }
		.credit a:is(:active,:hover,:focus){ color: var(--brand-1-bg); text-decoration: none; }
.footer-acknowledgement{ display: none; }
.footer-nav-copyright{ display: none; }

/* content buddy */
	/* general */
	.white-bg{ background-color: #ffffff; }
	.sky-bg{ background-color: var(--brand-2-bg); }
		.sky-bg .psc-cb-ipart-title{ color: var(--brand-2-fg); }
	.sky-title :is(h2, .h2){ color: var(--brand-2-bg); }
	.green-title :is(h2, .h2){ color: var(--ASTRA-green); }
	.orange-title :is(h2, .h2){ color: var(--ASTRA-orange); }
	.red-title :is(h2, .h2){ color: var(--ASTRA-red); }
	.yellow-title :is(h2, .h2){ color: var(--ASTRA-yellow); }

	/* accordion */
	.outline .psc-cb-accordion-group .psc-cb-accordion-toggle{ margin-bottom: -1px; background-color: transparent; color: var(--accordion-bg); border: solid 1px var(--accordion-bg); }
		.outline .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle{ margin-bottom: -1px; background-color: transparent; color: var(--accordion-bg-active); border: solid 1px var(--accordion-bg-active); }
	.singleborder{ --accordion-bg: var(--brand-1-bg); --accordion-bg-active: var(--brand-2-bg); }
		.singleborder .psc-cb-accordion-group .psc-cb-accordion-toggle{ margin-bottom: -1px; padding: 0.5em 0; background-color: transparent; color: var(--accordion-bg); border-bottom: solid 1px #dddddd; }
			.singleborder .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle{ margin-bottom: -1px; background-color: transparent; color: var(--accordion-bg-active); border-bottom: solid 1px #dddddd; }
				.singleborder .psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-stateicon{ padding: 0.5em; background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
					.singleborder .psc-cb-accordion-group.expanded .psc-cb-accordion-toggle .psc-cb-accordion-stateicon{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
			.singleborder .psc-cb-accordion-group .psc-cb-accordion-content{ padding: 0em 0; border-color: transparent; }
				.singleborder .psc-cb-accordion-group.expanded .psc-cb-accordion-content{ padding: 1em 0; border-color: transparent; }

	/* banner */
	.herobanner{ 
		--banner-overlay: linear-gradient(to bottom,rgba(42,162,219,1) 25%,rgba(42,162,219,0.8)); 
		--banner-content-width: 40%; 
		--button-padding: 1em 2em;
		--button-font-size: 1em;
		--button-font-weight: 300;
		--button-bg: var(--ASTRA-green);
		--button-fg: var(--brand-2-fg);
		--button-hover-bg: var(--brand-1-bg);
		--button-hover-fg: var(--brand-1-fg);
	}
		.herobanner .psc-cb-header-content :is(h1,h2){ font-size: 4em; font-weight: 100; line-height: 1.2em; }
		.herobanner .psc-cb-header-content .description{ font-size: 1.15em; font-weight: 500; }
		.herobanner .psc-cb-header-container:after{ content: '\f103'; position: absolute; left: 50%; bottom: 0; z-index: 100; display: block; padding: 0.4em 1em 0; background-color: var(--body-bg); color: var(--brand-1-bg); font-family: "Font Awesome 6 Free"; font-size: 1.5em; font-weight: 900; border-radius: 2em 2em 0 0; transform: translateX(-50%); }
	.shortbanner .psc-cb-header-content :is(h1,h2){ font-size: 4em; font-weight: 300; }

	/* embedded media */
	.psc-cb-media-body>div{ height: 35em; }

	/* flipboxes */
	.iconboxes{ --card-gap: 5px; }
		.iconboxes .psc-cb-flipbox-card .psc-cb-flipbox-front .psc-cb-flipbox-content .psc-cb-flipbox-icon-image-bar .psc-cb-flipbox-icon-image{ filter: brightness(0) contrast(1) invert(1); }
		.iconboxes .psc-cb-flipbox-card .psc-cb-flipbox-content .psc-cb-flipbox-description{ margin-bottom: 2em; }

/* event details */
	.iqaeventdisplay{ padding-top: 0rem; padding-bottom: var(--widget-padding-bottom); }
		.iqaeventdisplay .panel-heading{ display: none; }
		.iqaeventdisplay .banner{ --title-colour: var(--brand-1-fg); position: relative; background-color: var(--ASTRA-green); color: var(--brand-1-fg); overflow: hidden; }
			.iqaeventdisplay .banner .bannerimage{ position: absolute; inset: -10px; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; filter: grayscale(0.5) blur(5px); opacity: 0.1; }
			.iqaeventdisplay .banner .inner{ position: relative; z-index: 10; display: grid; grid-template-columns: 1fr 23em; gap: 3em; padding-top: 3em; padding-bottom: 3em; }
			.iqaeventdisplay .banner .title{ font-size: 3em; }
			.iqaeventdisplay .banner .titledetails{ font-size: 1.2em; font-weight: 300; }
				.iqaeventdisplay .banner .titledetails>div{ display: grid; grid-template-columns: 1.5em 1fr; align-items: center; gap: 0.5em; }
					.iqaeventdisplay .banner .titledetails>div+div{ margin-top: 0.5em; }
					.iqaeventdisplay .banner .titledetails.squareicons>div em{ width: 1.5em; height: 1.5em; /*background-color: var(--brand-1-fg); color: var(--brand-1-bg);*/ line-height: 1.5em; border-radius: var(--default-border-radius); text-align: center; }
		.iqaeventdisplay .eventcontent{ position: relative; z-index: 10; display: grid; grid-template-columns: 1fr 23em; gap: 3em; align-items: start; }
			.iqaeventdisplay .eventcontent .event_description_container{ padding-top: 0em; }
				.iqaeventdisplay .eventcontent .event_description_container .description{ margin: 0 0 1em; padding: 0 0 1em; font-size: 1.1em; font-weight: 600; line-height: 1.6em; border-bottom: solid 1px var(--light-bg); }
				.iqaeventdisplay .eventcontent .event_description_container .additional_description{ margin-bottom: 3em; }
				.iqaeventdisplay .eventcontent .event_description_container .RegistrationArea{ width: 100%; max-width: 100%; margin: 0; padding: 0; background-color: transparent; border: none; border-top: solid 1px var(--light-bg); border-radius: 0; box-shadow: none; }
					.iqaeventdisplay .eventcontent .event_description_container .RegistrationArea .PrimaryButton.LargeButton{ font-size: 1.2em !important; border-radius: var(--default-border-radius); }
					.iqaeventdisplay .eventcontent .event_description_container .RegistrationArea div[id$="_DivRegisterButtonError"]{ margin-top: -1em; }
				.iqaeventdisplay .eventcontent .event_description_container div[id$="_ciEventProgramDisplay"]{ margin: 1em 0 0; padding: 2em 0 0; border-top: solid 1px var(--light-bg); }
			.iqaeventdisplay .eventcontent .event_details_container{ margin-top: -3.8em; background-color: var(--card-bg); border-radius: var(--default-border-radius); box-shadow: 0 -2px 5px rgba(0,0,0,0.3); overflow: hidden; }
				.iqaeventdisplay .eventcontent .event_image{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; }
				.iqaeventdisplay .eventcontent .event_details{ display: flex; flex-direction: column; gap: 0; margin: 0 0 1em; padding: 1em 0 0; list-style: none; }
					.iqaeventdisplay .eventcontent .event_details li{ padding: 0.5em 1em; border-bottom: solid 1px var(--light-bg); }
						.iqaeventdisplay .eventcontent .event_details li.message{ margin: 0 1em 1em; padding: 1em; background-color: rgba(255,255,255,0.5); border: solid 3px var(--ASTRA-yellow); border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); }
						.iqaeventdisplay .eventcontent .event_details li:last-child{ border-bottom: none; }
						.iqaeventdisplay .eventcontent .event_details li>label{ display: block; background-color: var(--brand-1-bg); color: var(--brand-1-fg); font-size: 0.8em; font-weight: 700; text-transform: uppercase; }
							.iqaeventdisplay .eventcontent .event_details li>label :is(.fa,.fas,.far){ margin-right: 1em; }
						.iqaeventdisplay .eventcontent .event_details li>span{ display: block; padding: 0.25em 0 0.25em 1.75em; font-size: 1em; line-height: 1.4em; }
	div[id$="_ciEventDisplay"] :is(.panel-title,.EventSummary,.ContactLocationArea,.Section){ display: none; }
	span[id$="_ciEventDisplay_RegistrationLabel"]{ display: none; }
	.EventDetails{ --button-font-size: 0.9em; margin: 0 0 1em; background-color: #ffffff; border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); }
		.eventpaneiqa .card-body{ padding: 1em; }
		.iqaeventdisplay .RegistrationArea .PreRegistrationArea{ margin-bottom: 0; border: none !important; }
			div[id$="_ciEventDisplay_DivRegisterSomeoneElseButton"]{ justify-content: flex-end !important; margin: -1em 0 0; padding: 0 1em; }
	#AdmissionTitlePanel{ padding: 0.5em 0 !important; }
	div[id$="_ciEventDisplay_RegistrationOptionsDiv"]{ padding: 0; }
		div[id$="_ciEventDisplay_RegistrationOptionsGrid"]{ border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); }
	div[id$="_ciEventProgramDisplay_TitleBar"]{ padding: 0.5em 0; }
	div[id$="_ciEventDisplay_RegistrationOptionsGrid"] input[type="radio"]{ display: inline-block; margin-right: 0.5em; vertical-align: -1px; }
	div[id$="_ciEventProgramDisplay_DivGroupWrapper"]{ border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); overflow: hidden; }
		.ProgramGroup .PanelHead, .ProgramGroup .panel-heading{ background-color: var(--brand-2-bg); }
			.ProgramGroup .PanelTitle, .ProgramGroup .panel-title{ color: var(--brand-2-fg); font-family: var(--title-font-family); }
	body:has(.iqaeventdisplay) .footer .footer-social{ display: none; }
	.ticketbox{ margin: 2em 0 1em; padding: 1em; background-color: rgba(255,255,255,0.5); border: solid 3px var(--ASTRA-yellow); border-radius: 0.3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1); }
		.ticketbox.red{ border: solid 3px var(--ASTRA-red); }
		.ticketbox.green{ border: solid 3px var(--ASTRA-green); }
		.ticketbox.sky{ border: solid 3px var(--ASTRA-blue-sky); }
		.ticketbox.navy{ border: solid 3px var(--ASTRA-blue-deep); }

@media(max-width: 768px){
	#hd.style2{ background-color: var(--brand-2-bg); }
	.header-top-container .header-container{ margin-bottom: 0; }
	.herobanner .psc-cb-header-content :is(h1,h2){ font-size: 3em; }
		.herobanner .psc-cb-header .inner{ margin-top: -15em; }
	.footerlogo{ background-position: center; }
	.socialnav{ justify-content: center; }
	.footerlinks{ justify-content: center; }
	.credit{ text-align: center; }
	.iqaeventdisplay{ padding-top: 0; }
	.iqaeventdisplay .banner .inner{ grid-template-columns: 1fr; }
		.iqaeventdisplay .banner .title{ margin-bottom: 1em; font-size: 2.5em; }
		.iqaeventdisplay .banner .titledetails>div{ line-height: 1.2em; }
	.iqaeventdisplay .eventcontent{ grid-template-columns: 1fr; }
}

