@import url('https://pseudo-imis.s3.ap-southeast-2.amazonaws.com/content-buddy-theme/cb3/contentbuddy.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root{
	--logo: url('https://www.advsol.com/images/innovations/logos/innov-logo-color.svg');
	--logo-white: url('https://www.advsol.com/images/innovations/logos/innov-logo-white.svg');
	--bluebar-badge: url('https://www.advsol.com/images/asi2022/iMIS-jigsaw-ems-white.png');
	--banner-mobile: url('https://www.advsol.com/images/innovations/homefeature/innovations-home-mobile.jpg');
	/* --banner-overlay: linear-gradient(0.35turn,rgba(0,167,225,0.9),rgba(0,167,225,0.6)); */
	--banner-overlay: linear-gradient(0.35turn,rgba(165,225,251,0.9),rgba(165,225,251,0.6));
	--brand-1-bg: #484c56;
	--brand-1-fg: #ffffff;
	--brand-2-bg: #002632;
	--brand-2-fg: #ffffff;
	--brand-3-bg: #002632;
	--brand-3-fg: #ffffff;
	--brand-4-bg: #a1e1fb;
	--brand-4-fg: #ffffff;
	--loader-colour: var(--brand-2-bg);
	--colour-default-bg: #ffffff;
	--colour-default-fg: #666666;
	--colour-on-light: #666666;
	--colour-on-dark: #ffffff;
	--colour-on-image: #002632;
	--base-font-size: 16px;
	--widget-padding-top: 4em;
	--widget-padding-bottom: 4em;
	--font-family-default: 'Open Sans', sans-serif;
	--font-family-title: 'Open Sans', sans-serif;
	--testimonial-quote-font: 'Open Sans', sans-serif;
	--font-size-default: 1rem; /* assuming html has font-size: 16px; */
	--font-weight-default: 400;
	--line-height-default: 160%;
	--banner-content-width: 100%;
	--button-bg: var(--brand-4-bg);
	--button-fg: var(--brand-3-bg);
	--button-hover-bg: var(--brand-3-bg);
	--button-hover-fg: var(--brand-3-fg);
	--button-font-size: 0.9rem;
	--button-text-transform: none;
	--testimonial-quotes: "“" "”" "“" "”";
	--accordion-bg: var(--brand-1-bg);
	--accordion-fg: var(--brand-1-fg);
	--accordion-bg-active: var(--brand-2-bg);
	--accordion-fg-active: var(--brand-2-fg);
	--banner-text-colour: var(--colour-on-image);
	--card-action-align: center;
	--text-image-height: 50em;
	--flipbox-description-size: 0.85em;
	--pcarousel-inactive-filters: saturate(0) blur(1px);
	--pcarousel-bg: #eeeeee;

	/* titles */
		--font-size-title1: 2.5rem;
		--font-size-title2: 2rem;
		--font-size-title3: 1.5rem;
		--font-size-title4: 1.5rem;
		--font-size-title5: 1.2rem;
		--font-size-title6: 1.2rem;
		--font-weight-title: 400;
		--line-height-title: 140%;
		--text-shadow-title: none;
		--text-transform-title: none;
		/* prominent titles like banners */
			--font-size-special: 3em;
			--font-weight-special: 400;
			--text-shadow-title-special: 0 0 1em rgba(0,0,0,0.3);
}

html{ height: 100%; font-size: 16px; scroll-behavior: smooth; overflow: auto; overflow-x: hidden; }
body{ position: relative; height: 100%; padding-top: 90px; color: var(--colour-default-fg); font-family: var(--font-family-default); letter-spacing: 0.14px; }
a{ transition: all 0.6s !important; }
	a.nopointer{ cursor: default; /*pointer-events: none;*/ }
.demorequest{ /*width: 0px; padding: 0; border: none; opacity: 0;*/ } /* hidden until javascript handler kicks in */
	.demorequest.ready{ width: auto; padding: var(--button-padding); border: solid 1px transparent; opacity: 1; }
p a,p a:visited{ color: var(--brand-2-bg); text-decoration: none; }
	p a:hover{ color: var(--brand-4-bg); text-decoration: underline; }
#returnToTop{ position: fixed; z-index: 1000000; right: 2em; bottom: 1em; display: block; width: 52px; height: 52px; background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 2px var(--brand-2-fg); font-size: 1.5em; line-height: 2.2em; border-radius: 100%; opacity: 0; text-align: center; }
	body.scrolled #returnToTop{ opacity: 1; }
.backToTop{ display: none; }
.inner{ display: block; width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
	.inner.section-counter{ padding-top: 3rem; padding-bottom: 3rem; }
h1,h2,h3,h4,h5,h6{ margin: 0 0 1rem; color: var(--brand-1-bg); font-family: var(--font-family-title); font-weight: var(--font-weight-title); line-height: var(--line-height-title); border-bottom: none; text-shadow: var(--text-shadow-title); text-transform: var(--text-transform-title); }
	h1{ font-size: var(--font-size-title1); }
	h2{ font-size: var(--font-size-title2); }
	h3{ font-size: var(--font-size-title3); }
	h4{ font-size: var(--font-size-title4); font-weight: 500; }
	h5{ font-size: var(--font-size-title5); }
	h6{ font-size: var(--font-size-title6); }
.bluetext{ color: var(--brand-2-bg); }
.linkbutton{ display: inline-block; padding: 0.7rem 1.2rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); font-size: 1rem; font-weight: var(--font-weight-button); border-radius: var(--default-border-radius); box-shadow: var(--default-box-shadow); text-decoration: none; text-transform: none; transition: all .6s; }
	.linkbutton:visited{ color: var(--brand-2-fg); }
	.linkbutton:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); text-decoration: none !important; }
#exploreimis{ text-align: center; }
	#exploreimis .inner>h2{ margin: 0 0 0.5rem; }
	#exploreimis .inner>p{ margin: 0 auto 1rem; }
	#exploreimis .integrationlist{ position: relative; display: block; width: 100%; height: 500px; margin: 2rem 0; padding: 0; list-style: none; text-align: center; }
		#exploreimis .integrationlist:after{ content: ''; position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; padding: 0.5rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); background-image: var(--logo-white); background-position: center; background-repeat: no-repeat; background-size: 75% auto; border-radius: 100%; transform: translate(-50%,-50%); }
		#exploreimis .integrationlist li{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 1s; }
			#exploreimis .integrationlist.outofview li{ left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important; }
			#exploreimis .integrationlist li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 7rem; height: 7rem; padding: 0.5rem; color: var(--brand-2-bg); border: solid 1px var(--brand-2-bg); border-radius: 100%; text-align: center; text-decoration: none; }
				#exploreimis .integrationlist li a .icon{ display: block; font-size: 1.4rem; line-height: 1.6rem; text-align: center; }
					#exploreimis .integrationlist li a .icon img{ display: inline-block; width: 35px; }
				#exploreimis .integrationlist li a .label{ display: block; font-size: 0.8rem; line-height: 1rem; }
				#exploreimis .integrationlist li a:hover{ color: var(--brand-2-bg); box-shadow: 0 0 1rem; transform: scale(1.1); }

/* layout */
	.container, .SliderPage1{ max-width: 100%; padding-left: 0; padding-right: 0; }
	.Wrapper-FullWidth #masterContentArea .container-inner, .Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer{ max-width: 100%; }
	.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer{ margin-bottom: 0; }
	.panel, .StandardPanel{ border: none; }
	.panel-body, .PanelBody{ padding: 0; }
	.row{ margin-left: 0; margin-right: 0; }
		.row>div{ padding-left: 0; padding-right: 0; }
	.OnBehalfOfContainer{ display: none; }
	.col-primary,.has-secondary-col .col-primary,.has-secondary-col.col-on-right .col-primary{ width: 100%; margin-right: 0; }
	.col-secondary{ display: none; }
	body:not(.Wrapper-HomePage) #hd,#hd{ min-height: 0px; height: auto; margin-top: 0; background-color: var(--colour-default-bg); box-shadow: none; }
	body:not(.Wrapper-HomePage) #hd{ /*margin-top: 23px;*/ margin-top: 0; }
	.header-top-container .navbar-header{ display: none; }
	body:not(.Wrapper-HomePage) .header-bottom-container,.header-bottom-container{ position: relative; inset: auto; min-height: 80px; background-color: transparent; }
	body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea,.header-top-container #masterLogoArea{ position: relative; inset: auto; }
	.InternalHeaderArea{ display: none; }
	.asi2022singlecolumn{ position: relative; padding: 2rem 0; text-align: center; }
		.asi2022singlecolumn h1{ display: block; line-height: 5rem; }
	.asi2022singlecolumntext{ position: relative; padding: 2rem 0; text-align: left; }
		.asi2022singlecolumntext h1{ display: block; line-height: 5rem; text-align: center; }
		.asi2022singlecolumntext h3{ display: block; margin: 2rem 0 1rem; color: var(--brand-2-bg); font-weight: 500; }
	.asi2022mixedwidth{ position: relative; padding: 2rem 0 0; text-align: center; }
		.asi2022mixedwidth h1{ display: block; line-height: 3rem; }
		.asi2022mixedwidth .bluebar{ display: block; padding: 6rem 0; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
			.asi2022mixedwidth .bluebar .inner{ max-width: 1170px; }
			.asi2022mixedwidth .bluebar h2{ display: block; color: var(--brand-2-fg); text-align: center; }
	.bluebar .psc-cb-button,.bluebar .psc-cb-button:visited{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
		.bluebar .psc-cb-button:hover{ background-color: var(--brand-3-fg); color: var(--brand-3-bg); box-shadow: var(--button-shadow-hover); }
	.asi2022oneovertwocolumn{ position: relative; padding: 2rem 0; text-align: center; }
		.asi2022oneovertwocolumn h1{ display: block; line-height: 5rem; }
		.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1){ width: 70%; padding-right: 10%; text-align: left; }
			.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) h2{ font-size: 1.5rem; }
			.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) p{ display: block; margin-bottom: 1px; }
				.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) p a{ display: block; padding: 0.5rem 1.5rem; background-color: #eeeeee; color: var(--colour-default-fg); border: solid 1px #cccccc; text-decoration: none; }
					.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) p a:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 1px var(--brand-2-bg); text-decoration: none; }
		.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(2){ width: 30%; }

/* PseudoNav.js generated navigation */
	#hd{ position: fixed; left: 0; top: 0; right: 0; z-index: 1000; height: 90px; padding-top: 15px; transition: all 0.6s; }
	#masterHeaderImage{ background-image: var(--logo); width: 352px; height: 39px; }
	.megamenu-news{ display: none; }
	.primary-navigation-area{ position: relative; padding-top: 13px; }
		body:not(.Wrapper-HomePage) .primary-navigation-area,.primary-navigation-area{ margin-top: 26.25px; }
		.primary-navigation-area>ul{ display: flex; justify-content: flex-end; gap: 1rem; margin: 0; padding: 0; list-style: none; transition: all 0.6s; }
			.primary-navigation-area>ul>li{ display: block; }
				.primary-navigation-area>ul>li>a{ display: block; padding: 0.7rem 1rem; color: var(--colour-default-fg); font-family: var(--font-family-default); font-size: 1.2rem; line-height: 1.2rem; text-align: center; text-decoration: none; }
		#pc-auxnav{ gap: 0; position: absolute; right: 0; top: -30px; transition: all 0.6s; }
			#pc-auxnav>li>a{ padding: 0 1rem; font-size: 0.8rem; line-height: 0.8rem; }
				#pc-auxnav>li>a:hover, #pc-auxnav>li:hover>a{ color: var(--brand-2-bg); text-decoration: none; }
			#pc-auxnav>li.account{ position: relative; }
				#pc-auxnav>li.account>a{ display: flex; margin-top: -1px; padding-right: 0; }
					#pc-auxnav>li.account>a .picture-primary{ width: 15px; }
				#pc-auxnav>li.account .dropdown-menu{ left: 50%; top: 1.2rem; font-family: 'Open Sans'; font-size: 0.8rem; transform: translateX(-45%); }
					#pc-auxnav>li.account .dropdown-menu li.js-show-more-sites{ display: none; }
					#pc-auxnav>li.account .dropdown-menu li .dropdown-header{ display: none; }
						#pc-auxnav>li.account .dropdown-menu>li>a:hover
						, #pc-auxnav>li.account .dropdown-menu>li>a:focus{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
		#pc-primarynav{  }
			#pc-primarynav>li.auxnav{ display: none; }
	#fullwidthprimarynav{ position: relative; }
		.inner.primarynav{ max-width: 1170px; }
			.primarynav>ul{ display: flex; align-items: center; justify-content: flex-end; gap: 1rem; margin: 0; padding: 0; list-style: none; transition: all 0.6s; }
				.primarynav>ul>li{ display: block; margin-top: -40px; transition: all 0.6s; }
					.primarynav>ul>li>a{ position: relative; display: block; padding: 0.7rem 1rem; color: var(--colour-default-fg); font-family: var(--font-family-default); font-size: 1.125rem; line-height: 1.2rem; text-align: center; text-decoration: none; }
						.primarynav>ul>li>a:not(.standout):after{ content: ''; position: absolute; left: 50%; bottom: -5px; right: 50%; display: block; height: 2px; background-color: var(--brand-2-bg); transition: all 0.6s; }
							.primarynav>ul>li:hover>a:not(.standout):after{ left: 0%; right: 0%; }
						.primarynav>ul>li>.expand{ display: none; }
						.primarynav>ul>li>a .notouch{ display: inline-block; margin-left: 1rem; transition: all 0.6s; }
							.primarynav>ul>li:hover>a .notouch{ transform: rotateX(-180deg); }
						.primarynav>ul>li>a:hover{ color: var(--brand-2-bg); text-decoration: none; }
						.primarynav>ul>li>a.standout{ padding: 0.3rem 1rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); font-size: 0.7rem; border-radius: 4px; text-transform: uppercase; }
							.primarynav>ul>li>a.standout:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
						.primarynav>ul>li .psc-mega-menu{ position: absolute; left: 0; top: 10px; right: 0; max-height: 0px; padding: 0; background-color: #ffffff; box-shadow: 0 1rem 1rem rgba(0,0,0,0.1); overflow: hidden; transition: all 0.3s; }
							.primarynav>ul>li .psc-mega-menu .inner{ display: grid; grid-template-columns: 2fr 1.5fr; max-width: 1170px; }
								.primarynav>ul>li .psc-mega-menu ul{ margin: 0; padding: 0; list-style: none; }
								.primarynav>ul>li .psc-mega-menu .navlists>ul{ display: flex; align-items: flex-start; justify-content: center; gap: 4rem; }
									.primarynav>ul>li .psc-mega-menu .navlists>ul>li{ display: block; }
										.primarynav>ul>li .psc-mega-menu .navlists>ul>li>a{ display: block; margin-bottom: 1rem; padding: 0 0 1rem; color: var(--brand-2-bg); border-bottom: solid 1px var(--brand-2-bg); font-family: var(--font-family-default); font-size: 1rem; font-weight: 700; line-height: 1rem; text-decoration: none; }
											.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul{ display: block; }
												.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul>li{ display: block; }
													.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul>li>a{ display: block; padding: 0.5rem 0; color: var(--colour-default-fg); font-family: var(--font-family-default); font-size: 1rem; line-height: 1.4rem; text-decoration: none; }
														.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul>li>.description{ display: block; margin-top: -0.4rem; color: rgba(0,0,0,0.3); font-size: 0.8rem; line-height: 1.2rem; font-weight: 700; }
														.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul>li>a:hover{ color: var(--brand-2-bg); }
								.primarynav>ul>li .psc-mega-menu .news{ display: block; margin-left: 2rem; padding: 2rem; background-color: #eeeeee; }
									.primarynav>ul>li .psc-mega-menu .news .menunews{  }
										.primarynav>ul>li .psc-mega-menu .news .menunews li{ display: block; margin: 0 0 1rem; opacity: 0; transform: translateX(100%); transition: all 0.6s; }
											.primarynav>ul>li .psc-mega-menu .news .menunews li:nth-child(2){ transition-delay: 0.1s; }
											.primarynav>ul>li .psc-mega-menu .news .menunews li a{ display: grid; grid-template-columns: 35% 60%; align-items: center; gap: 5%; padding: 1rem; background-color: var(--brand-2-fg); color: var(--colour-default-fg); text-decoration: none; }
												.primarynav>ul>li .psc-mega-menu .news .menunews li a .image{ display: block; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
												.primarynav>ul>li .psc-mega-menu .news .menunews li a .text{  }
													.primarynav>ul>li .psc-mega-menu .news .menunews li a .title{ display: block; color: var(--brand-2-bg); font-size: 1em; line-height: 1.4em; font-weight: 700; }
													.primarynav>ul>li .psc-mega-menu .news .menunews li a .ctalabel{ display: block; padding-top: 0.5em; font-size: 0.875em; line-height: 1.2em; }
													.primarynav>ul>li .psc-mega-menu .news .menunews li a:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
														.primarynav>ul>li .psc-mega-menu .news .menunews li a:hover .title{ color: var(--brand-2-fg); }
								.primarynav>ul>li .psc-mega-menu .linkbar{ position: absolute; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 0rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
									.primarynav>ul>li .psc-mega-menu .linkbar a{ display: block; padding: 1rem 2rem 1rem 1.5rem; color: var(--brand-2-fg); font-size: 1.2rem; line-height: 1.2rem; text-decoration: none; }
										.primarynav>ul>li .psc-mega-menu .linkbar a span{ display: inline-block; }
											.primarynav>ul>li .psc-mega-menu .linkbar a span.icon{ width: 35px; margin-right: 5px; vertical-align: middle; }
												.primarynav>ul>li .psc-mega-menu .linkbar a span.icon img{ display: block; width: 100%; }
												.primarynav>ul>li .psc-mega-menu .linkbar a span.icon .positive{ display: none; }
												.primarynav>ul>li .psc-mega-menu .linkbar a span.icon .negative{ display: block; }
										.primarynav>ul>li .psc-mega-menu .linkbar a:hover{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); box-shadow: var(--default-box-shadow); }
											.primarynav>ul>li .psc-mega-menu .linkbar a:hover span.icon .positive{ display: block; }
											.primarynav>ul>li .psc-mega-menu .linkbar a:hover span.icon .negative{ display: none; }
							.primarynav>ul>li:hover .psc-mega-menu
							,.primarynav>ul>li .psc-mega-menu.active{ max-height: 100vh; padding: 3rem 0 6rem; transition: all 1s; }
								.primarynav>ul>li:hover .psc-mega-menu
								,.primarynav>ul>li .psc-mega-menu.active{ max-height: 100vh; padding: 3rem 0 3.2rem; transition: all 1s; }
									.primarynav>ul>li:hover .psc-mega-menu .news .menunews li
									,.primarynav>ul>li .psc-mega-menu.active .news .menunews li{ opacity: 1; transform: translateX(0%); }
						.primarynav>ul>li a>span{ pointer-events: none; }
						.primarynav>ul>li a.external{  }
							.primarynav>ul>li a.external:after{ content: '\f35d'; display: inline-block; margin-left: 10px; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; line-height: 1; opacity: 0.6; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; vertical-align: 0; }
	#mobilenavlink{ position: absolute; right: 1rem; top: 1.7rem; z-index: 10000; display: none; color: var(--brand-1-bg); font-size: 2rem; transition: all 0.6s; }
	
	/* temp primary nav overwrites */
	.primarynav>ul>li:first-child .psc-mega-menu .navlists>ul{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0.5rem 4rem; }
		.primarynav>ul>li:first-child .psc-mega-menu .navlists>ul>li:nth-child(3){ grid-column-start: 2; margin-top: -4rem; padding-bottom: 3rem; }
	.primarynav>ul>li:nth-child(3) .psc-mega-menu .navlists>ul{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0.5rem 4rem; }
		.primarynav>ul>li:nth-child(3) .psc-mega-menu .navlists>ul>li:nth-child(3){ grid-column-start: 1; margin-top: -2rem; padding-bottom: 3rem; }
	
/* footer */
	#ft{ /*background-color: #474c56;*/ background-color: var(--brand-3-bg); color: #ffffff; }
		.footer-content{ display: block; padding: 3rem 0 0; /*background-color: #474c56;*/ background-color: var(--brand-3-bg); color: #ffffff; }
			.footer-content .sectionheading{ display: block; margin-top: 2rem; font-family: var(--font-family-default); font-size: 1rem; font-weight: 500; text-align: center; }
			.footer-content .social{  }
				.footer-content .social h2{  }
				.footer-content .social .sociallinks{ display: flex; align-items: center; justify-content: center; gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
					.footer-content .social .sociallinks li{ display: block; }
						.footer-content .social .sociallinks li a{ display: block; font-size: 1.5rem; }
							.footer-content .social .sociallinks li a img{ display: inline-block; min-width: 30px; max-height: 30px; transition: all 0.6s; }
								.footer-content .social .sociallinks li a:hover img{ transform: scale(1.1); }
							.footer-content .social .sociallinks li a .fab{ transition: all 0.6s; }
								.footer-content .social .sociallinks li a:hover .fab{ transform: rotateY(360deg); }
			#footernav{  }
				X#pc-footernav{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin: 0; padding: 2rem 0; list-style: none; text-align: left; }
				#pc-footernav{ display: flex; justify-content: center; gap: 7rem; width: 100%; margin: 0; padding: 2rem 0; list-style: none; text-align: left; }
					#pc-footernav+#pc-footernav{ margin-top: -1em; padding-top: 0; }
					#pc-footernav.conferencelinks{ gap: 0 7em; flex-wrap: wrap; }
						#pc-footernav.conferencelinks .title{ flex-basis: 100%; text-align: center; }
						#pc-footernav.conferencelinks :not(.title) a{ margin-top: 1em; font-weight: 400; text-decoration: none; }
							#pc-footernav.conferencelinks :not(.title) a:hover{ text-decoration: underline; }
					#pc-footernav .touch{ display: none; }
					#pc-footernav .notouch{ display: none; }
					#pc-footernav ul{ margin: 0; padding: 0; list-style: none; }
						#pc-footernav ul li{ display: block; }
							#pc-footernav ul li a{ display: block; color: #ffffff; font-family: var(--font-family-default); text-decoration: none; }
								#pc-footernav ul li a:hover{ color: #ffffff; text-decoration: underline; }
					#pc-footernav>li>a{ display: block; margin-top: 2rem; font-family: var(--font-family-default); font-size: 1rem; font-weight: 500; text-decoration: none; }
						#pc-footernav>li>a.standalone:hover{ text-decoration: underline; }
						#pc-footernav>li>ul>li>a{ margin-top: 0.6rem; font-family: var(--font-family-default); font-size: 0.9rem; font-weight: 300; text-decoration: none; }
							#pc-footernav>li>ul>li>a .fa{ margin-left: 10px; }
					#brandsnav{ display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 1rem 0 2rem; padding: 0; list-style: none; }
						#brandsnav li{ display: block; }
							#brandsnav li a{ display: block; color: #ffffff; font-family: var(--font-family-default); font-size: 0.9rem; font-weight: 300; text-decoration: none; }
								#brandsnav li a .fa{ margin-left: 5px; }
								#brandsnav li a:hover{ color: #ffffff; text-decoration: underline; }
					#contactnav{ display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 0 0 3rem; padding: 0; list-style: none; }
						#contactnav li{ display: block; }
							#contactnav li a{ display: block; color: #ffffff; font-family: var(--font-family-default); font-size: 1rem; font-weight: 500; text-decoration: none; }
								#contactnav li a .fa{ margin-left: 5px; }
								#contactnav li a:hover{ color: #ffffff; text-decoration: underline; }
		.footer-nav-copyright{ /*background-color: #474c56;*/ background-color: var(--brand-3-bg); color: #ffffff; }
			.footer-nav-copyright .footer-copyright{ display: block; width: 100%; padding: 2rem 0 1rem; text-align: center; }
				.footer-nav-copyright .footer-copyright p{ font-family: var(--font-family-default); font-size: 0.9rem; }
				.footer-nav-copyright .footer-copyright a{ text-decoration: none; }
					.footer-nav-copyright .footer-copyright a:hover{ text-decoration: underline; }
			.footer-copyright p.logocredits{ display: block; padding: 1rem; text-align: center; }
				.footer-copyright p.logocredits a{ display: inline-block; }
				.footer-copyright p.logocredits img{ display: inline-block; max-height: 13px; margin: 0 5px; vertical-align: -1px; }
				p.logocredits .jsver{ display: none; }

/* scrolled */
	body.scrolled{  }
		body.scrolled #hd{ height: 50px; background-color: var(--brand-2-bg); color: var(--brand-2-fg); box-shadow: 0 0 1rem rgba(0,0,0,0.4); }
		body.scrolled #masterHeaderImage{ margin-top: -10px; height: 20px; background-image: var(--logo-white); }
		body.scrolled #pc-auxnav{ top: -10vh; }
		body.scrolled .primarynav>ul>li{ margin-top: -60px; }
			body.scrolled .primarynav>ul>li>a{ color: var(--brand-2-fg); }
				body.scrolled .primarynav>ul>li>a.standout{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
					body.scrolled .primarynav>ul>li>a.standout:hover{ background-color: var(--brand-1-fg); color: var(--brand-1-bg); }
				body.scrolled .primarynav>ul>li>a:not(.standout):after{ height: 4px; background-color: var(--brand-2-fg); }
			body.scrolled .primarynav>ul>li .psc-mega-menu{ top: -5px; }
		body.scrolled #mobilenavlink{ top: -0.1em; color: var(--brand-2-fg); }

/* embedded forms */
	.legal-consent-container .hs-form-booleancheckbox-display>span{ margin-left: 0; }
	.hs_submit.hs-submit{ grid-column: 1 / 3; }
	.embeddedforms{  }
	#testForm{  }
	.formoverlay{ position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,1); /*backdrop-filter: blur(5px);*/ overflow: auto; overflow-x: hidden; transform: translateY(120%) scale(0.25); transition: all 0.6s; }
		.formoverlay.visible{ transform: translateY(0%) scale(1); }
		.formoverlay .inner{ position: relative; padding-top: 2rem; padding-bottom: 0vh; background-color: var(--brand-2-bg); box-shadow: var(--default-box-shadow); border-radius: var(--default-border-radius); transition: all 0.6s; }
			.formoverlay .inner:before{ content: ''; position: absolute; left: 3rem; top: 1rem; display: block; width: 120px; height: 60px; background-image: var(--logo-white); background-position: left bottom; background-repeat: no-repeat; background-size: contain; }
			body.scrolled .formoverlay .inner{  }
		.formoverlay h2{ position: relative; margin-bottom: 0; color: var(--brand-2-fg); font-size: var(--font-size-title2); }
			.formoverlay h2>span{ position: absolute; right: 4rem; top: 8px; color: var(--brand-2-fg); cursor: pointer; transition: all 0.6s; }
				.formoverlay h2>span:hover{ color: var(--brand-3-bg); }
		.formoverlay form{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2rem; padding: 2rem; font-family: var(--font-family-default); font-size: 0.8rem; text-align: left; }
			.formoverlay form fieldset{ display: block; padding-bottom: 0.6rem; }
				.formoverlay form fieldset.form-columns-2 .hs-form-field{ width: 48%; }
				.formoverlay form fieldset input[type=text]
				,.formoverlay form fieldset select
				,.formoverlay form fieldset textarea{ display: block; height: auto; width: 100%; padding: 5px 10px; font-family: var(--font-family-default); font-size: 0.8rem; }
			.formoverlay form label{ display: block; padding-bottom: 0px; color: var(--brand-2-fg); }
			.formoverlay form .hs-error-msgs{ display: block; margin: 0; padding: 0; list-style: none; }
				.formoverlay form .hs-error-msgs .hs-error-msg{ color: var(--brand-3-bg); font-size: 0.6rem; }
			.formoverlay form .inputs-list{ display: block; margin: 0; padding: 0; list-style: none; }
			.formoverlay form .hs-form-booleancheckbox-display{ display: flex; align-items: flex-start; gap: 10px; }
			.formoverlay form a{ color: var(--brand-2-fg); font-weight: 700; text-decoration: underline; }
				.formoverlay form a:hover{ color: var(--brand-3-bg); font-weight: 700; text-decoration: none; }
			.formoverlay form .actions{ padding-right: 3%; text-align: right; }
				.formoverlay form .actions input{ display: inline-block; padding: var(--button-padding); background-color: var(--brand-2-fg); color: var(--brand-2-bg); font-size: var(--font-size-button); font-weight: var(--font-weight-button); border: solid 1px transparent; border-radius: var(--button-border-radius); box-shadow: var(--button-shadow); text-decoration: none; text-transform: var(--text-transform-button); transition: all .6s; }
					.formoverlay form .actions input:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); box-shadow: var(--button-shadow-hover); text-decoration: none; }
		.bluebar iframe{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2rem; padding: 2rem; background-color: #ffffff; box-shadow: var(--default-box-shadow); border-radius: var(--default-border-radius); font-family: var(--font-family-default); font-size: 0.8rem; text-align: left; }
		.bluebar p a{ color: var(--brand-2-fg); text-decoration: underline; }
			.bluebar p a:hover{ color: var(--brand-2-fg); text-decoration: none; }
			.bluebar .contactform p a{ color: var(--colour-default-fg); text-decoration: underline; }
				.bluebar .contactform p a:hover{ color: var(--colour-default-fg); text-decoration: none; }
		.bluebar form{ display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2rem; padding: 2rem; background-color: #ffffff; box-shadow: var(--default-box-shadow); border-radius: var(--default-border-radius); font-family: var(--font-family-default); font-size: 0.8rem; text-align: left; }
			.bluebar form fieldset{ display: block; padding-bottom: 1rem; }
				.bluebar form fieldset.form-columns-2 .hs-form-field{ width: 48%; }
				.bluebar form fieldset input[type=text]
				,.bluebar form fieldset select
				,.bluebar form fieldset textarea{ display: block; height: auto; width: 100%; padding: 10px 10px; font-family: var(--font-family-default); font-size: 0.8rem; }
			.bluebar form label{ display: block; padding-bottom: 5px; color: var(--colour-default-fg); }
			.bluebar form .hs-error-msgs{ display: block; margin: 0; padding: 0; list-style: none; }
				.bluebar form .hs-error-msgs .hs-error-msg{ color: var(--brand-2-bg); }
			.bluebar form .inputs-list{ display: block; margin: 0; padding: 0; list-style: none; }
			.bluebar form .hs-form-booleancheckbox-display{ display: flex; align-items: flex-start; gap: 10px; }
			.bluebar form .actions{ grid-column: 1 / 3; padding-right: 3%; text-align: right; }
				.bluebar form .actions input{ display: inline-block; padding: var(--button-padding); background-color: var(--brand-2-bg); color: var(--brand-2-fg); font-size: var(--font-size-button); font-weight: var(--font-weight-button); border: solid 1px transparent; border-radius: var(--button-border-radius); box-shadow: var(--button-shadow); text-decoration: none; text-transform: var(--text-transform-button); transition: all .6s; }
					.bluebar form .actions input:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); box-shadow: var(--button-shadow-hover); text-decoration: none; }
		#nominateForm iframe{ height: 70vh; padding: 2rem; }
		.wufoo ul{ display: grid; grid-template-columns: repeat(2,1fr); }
		.wufoo li{ display: block; width: 100%; }
		h2#FormHead1{ color: var(--brand-3-bg) !important; }
		h2#FormHead2{ color: var(--brand-3-bg) !important; }

/* static content */
	#homebanner{ display: block; margin: 0 0 2rem 0; background-position: center!important; background-repeat: no-repeat; background-size: cover!important; font-size: 1rem; }
		#homebanner .inner{ display: flex; align-items: flex-start; justify-content: center; min-height: 500px; }
			#homebanner .inner .bannercontent{ display: block; flex-basis: 35%; width: 40%; padding:5em 0 0 1em; text-align: center; }
				#homebanner .inner .bannercontent h1{ font-size: 2rem; margin-bottom: .5em; }
				#homebanner .inner .bannercontent p{  }
	.videobar{  }
		.videobar video{ display: block; }
		.videobar .mobileimage{ display: none; width: 100%; max-width: 900px; margin: 3rem auto; }

/* sign in */
	.signinframe{ position: relative; padding: 2rem 0; }
		.signinframe:after{ content: ''; position: absolute; inset: 10rem 0; z-index: 1; display: block; background-color: var(--brand-2-bg); }
		.signinframe .inner{ position: relative; z-index: 10; max-width: 1170px; padding-top: 6rem; padding-bottom: 6rem; }
			.signinframe .inner .signincontent{ display: grid; grid-template-columns: 50% 50%; align-items: center; }
				.signinframe .inner .signincontent>div:nth-child(2){ padding: 4rem 2rem; background-color: var(--brand-2-fg); border-radius: var(--default-border-radius); box-shadow: var(--default-box-shadow); }
				.signinframe .inner .signincontent .signinside{ padding-right: 4rem; transform: translateY(-4.5rem); text-align: center; }
					.signinframe .inner .signincontent .signinside h1{ display: block; margin: 0 0 5rem; }
					.signinframe .inner .signincontent .signinside .image{ display: block; padding: 0 0 60%; background-position: left center; background-repeat: no-repeat; background-size: contain; }
	#ctl01_TemplateBody_WebPartManager1_gwpciSignIn_ciSignIn_LinkPanel{ color: #999999; }
		#ctl01_TemplateBody_WebPartManager1_gwpciSignIn_ciSignIn_LinkPanel a{ color: var(--colour-default-fg); font-size: 0.8rem; font-weight: 500; text-decoration: none; }
			#ctl01_TemplateBody_WebPartManager1_gwpciSignIn_ciSignIn_LinkPanel a:hover{ color: var(--brand-2-bg); font-weight: 500; text-decoration: none; }

/* contact us */
	.contactrow{ display: block; margin: 0 0 4rem; }
		.contactrow h2{ display: block; margin: 0 0 2rem; }
		.contactrow ul{ display: flex; align-items: center; justify-content: center; gap: 2rem; margin: 0; padding: 0; list-style: none; }
			.contactrow ul li{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 33%; min-height: 22rem; padding: 2rem; background-color: var(--brand-3-bg); color: var(--brand-3-fg); border-radius: var(--default-border-radius); box-shadow: var(--default-box-shadow); overflow: hidden; transition: all 0.6s; }
			.contactrow ul li h4{ position: relative; z-index: 10; color: var(--brand-3-fg); transition: all 0.4s; }
			.contactrow ul li p{ position: relative; z-index: 10; transition: all 0.4s; }
				.contactrow ul li:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); box-shadow: 0 0 1.2rem rgba(0,0,0,0.4); transform: scale(1.05); }
					.contactrow ul li:hover :is(h4,p,a){ color: var(--brand-2-fg); }

/* resources for you */
	#tempresourcesforyou{ padding: 4rem 0; text-align: center; }
		#tempresourcesforyou .contentgrid{ display: grid; grid-template-columns: 66% 33%; }
			#tempresourcesforyou .contentgrid .resources{ padding-right: 2rem; border-right: solid 1px var(--brand-2-bg); text-align: right; }
				#tempresourcesforyou .contentgrid .psc-cb-dynfilter-events-list{ grid-template-columns: 1fr 1fr; margin-bottom: 2rem; }
			#tempresourcesforyou .contentgrid .blog{ padding-left: 2rem; text-align: right; }
				#tempresourcesforyou .contentgrid .blog h3{ margin-bottom: 1.5rem; color: var(--brand-2-bg); font-weight: 700; text-align: left; }
				#tempresourcesforyou .contentgrid .blog>ul{ display: block; margin: 0 0 2.5rem; padding: 0; min-height: 28.4rem; list-style: none; text-align: left; }
					#tempresourcesforyou .contentgrid .blog>ul li{ display: block; margin: 0 0 1.5rem; }
						#tempresourcesforyou .contentgrid .blog>ul li a{ display: grid; grid-template-columns: 30% 65%; align-items: center; gap: 5%; color: var(--colour-default-fg); border-radius: var(--default-border-radius); text-decoration: none; }
							#tempresourcesforyou .contentgrid .blog>ul li a .blogimage{ display: block; }
								#tempresourcesforyou .contentgrid .blog>ul li a .blogimage .image{ display: block; padding: 0 0 120%; background-position: center; background-repeat: no-repeat; background-size: cover; }
							#tempresourcesforyou .contentgrid .blog>ul li a:hover{ box-shadow: var(--default-box-shadow); }

			#tempresourcesforyou .contentgrid .unionblog{ padding-left: 2rem; text-align: right; }
				#tempresourcesforyou .contentgrid .unionblog h3{ margin-bottom: 1.5rem; color: var(--brand-2-bg); font-weight: 700; text-align: left; }
				#tempresourcesforyou .contentgrid .unionblog>ul{ display: block; margin: 0 0 2.5rem; padding: 0; min-height: 28.4rem; list-style: none; text-align: left; }
					#tempresourcesforyou .contentgrid .unionblog>ul li{ display: block; margin: 0 0 1.5rem; }
						#tempresourcesforyou .contentgrid .unionblog>ul li a{ display: grid; grid-template-columns: 30% 65%; align-items: center; gap: 5%; color: var(--colour-default-fg); border-radius: var(--default-border-radius); text-decoration: none; }
							#tempresourcesforyou .contentgrid .unionblog>ul li a .blogimage{ display: block; }
								#tempresourcesforyou .contentgrid .unionblog>ul li a .blogimage .image{ display: block; padding: 0 0 120%; background-position: center; background-repeat: no-repeat; background-size: cover; }
							#tempresourcesforyou .contentgrid .unionblog>ul li a:hover{ box-shadow: var(--default-box-shadow); }

/* content buddy */
	#reset-filter{ padding:  0.74em 1em; }
	.psc-cb-root .psc-cb-button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
	:is(a,button).psc-cb-button.psc-cb-button-secondary, :is(a,button).psc-cb-button.psc-cb-button-secondary:visited{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); border: solid 1px var(--brand-2-bg); }
		:is(a,button).psc-cb-button.psc-cb-button-secondary:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 1px var(--brand-2-bg); }
	.psc-cb-button.external:after{ content: '\f35d'; display: inline-block; margin-left: 10px; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; font-weight: 900; line-height: 1; opacity: 0.6; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; vertical-align: 0; }
	.psc-cb-pagination{ gap: 5px; }
		.psc-cb-pagination .page-item a{ min-width: 3em; padding: 0.5em; color: var(--colour-default-fg); border: solid 1px #dddddd; border-radius: var(--default-border-radius); }
			.psc-cb-pagination .page-item.active a,.psc-cb-pagination .page-item a:hover,.psc-cb-pagination .page-item.active a:hover{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 1px #dddddd; }
	.section-header .psc-cb-ipart-container:not(.no-bottom-padding,.no-b-padding){ padding-bottom: 2em; }
	.nooverlay .psc-cb-header:before{ display: none; }
		.section-header .psc-cb-header .psc-cb-button
		,.section-header .psc-cb-header .psc-cb-button:visited{ background-color: transparent; color: var(--brand-3-bg); border: solid 1px var(--brand-3-bg); }
			.section-header .psc-cb-header .psc-cb-button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
	.psc-cb-cardsperrow-four{ grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)); }
	.psc-cb-cards .psc-cb-card .psc-cb-card-description li{ margin-bottom: 1em; line-height: 1.3em; }
		.psc-cb-cards .psc-cb-card .psc-cb-card-description li a{ color: var(--brand-2-bg); text-decoration: none; }
			.psc-cb-cards .psc-cb-card .psc-cb-card-description li a:hover{ color: var(--brand-2-bg); text-decoration: underline; }
	.psc-cb-cards .psc-cb-card .psc-cb-card-heading a{ color: var(--brand-2-bg); text-decoration: none; }
		.psc-cb-cards .psc-cb-card .psc-cb-card-heading a:hover{ color: var(--brand-2-bg); text-decoration: underline; }
	.psc-cb-header{ background-position: center top; }
		.psc-cb-header-content{ width: 100%; }
			.psc-cb-header.preset1 .psc-cb-header-content{ max-width: 70%; }
				.psc-cb-header.preset1 .psc-cb-header-content :is(h1,h2){ font-size: 2em; font-weight: 400; text-shadow: var(--text-shadow-title-special); }
			.psc-cb-header-content :is(h1,h2){ margin: 0 0 0.25em; }
			.psc-cb-header-content .description{ margin: 0 0 2em; }
				.psc-cb-header-content .description p{ line-height: 1em; }
			.psc-cb-header-content>a{ display: inline-block; padding: 0.5em 1.5em; background-color: transparent; color: var(--brand-2-fg); font-size: 0.9em; font-weight: 400; border: solid 1px var(--brand-2-fg); border-radius: 3px; text-decoration: none; }
				.psc-cb-header-content>a.psc-cb-button{ padding: 1em 1.5em; }
				.psc-cb-header-content>a:hover{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
		.psc-cb-header-container .VueCarousel-navigation-button{ display: block; font-size: 4rem; }
			.psc-cb-header-container .VueCarousel-navigation-button:is(:active,:focus){ outline: none; }
			.psc-cb-header-container .VueCarousel .VueCarousel-navigation-prev{ left: 2%; }
			.psc-cb-header-container .VueCarousel .VueCarousel-navigation-next{ right: 2%; }
	.psc-cb-root .VueCarousel-pagination{ z-index: 100; margin-top: -3em; transform: none; }
	.psc-cb-text-container.preset2{ grid-template-columns: 2fr 1fr; gap: 4em; }
		.leftimage .psc-cb-text-container.preset2{ grid-template-columns: 1fr 2fr; }
		.psc-cb-text-container.preset2 .psc-cb-text-body p{ margin-bottom: 2em; }
			.psc-cb-text-container.preset2 .psc-cb-text-body p:last-child{ margin-bottom: 0; }
	.section-dynfilter :is(.preset6,.preset7) .psc-cb-filterbar{ margin: 1em 0 4em; padding: 1em; border: solid 1px #eeeeee; border-radius: var(--default-border-radius); }
		.section-dynfilter :is(.preset6,.preset7) .psc-cb-filterbar .psc-cb-filterbar-search>ul .searchtrigger a{ padding: 0.7em 0.8em; }
	.section-dynfilter .psc-cb-ipart-content-heading .psc-cb-ipart-title.hasTitleLink{ display: flex; align-items: center; justify-content: space-between; }
 	.clientlogolist .psc-cb-dyncontent-list{ grid-template-columns: repeat(4,1fr); }
		.clientlogolist .psc-cb-dyncontent-content{ background-color: var(--brand-2-fg); box-shadow: none; }
			.clientlogolist .psc-cb-dyncontent-content:hover{ background-color: var(--brand-2-fg); box-shadow: none; }
			.clientlogolist .psc-cb-dyncontent-content .dynamichead{ display: none; }
			.clientlogolist .psc-cb-dyncontent-content .dynamicbody{ position: relative; height: auto; padding: 0; box-shadow: var(--default-box-shadow); transition: all 0.6s; }
				.clientlogolist .psc-cb-dyncontent-content .dynamicbody:after{ display: none; }
				.clientlogolist .psc-cb-dyncontent-content .dynamicbody:hover{ transform: scale(1.03); /*box-shadow: 0 0 0.4rem rgba(0,0,0,0.6);*/ }
				.clientlogolist .psc-cb-dyncontent-content .dynamicbody a{ display: block; padding: 0.5rem 1rem; overflow: hidden; }
					.clientlogolist .psc-cb-dyncontent-content .dynamicbody a span{ display: block; padding: 0 0 100%; background-position: center; background-repeat: no-repeat; background-size: contain; }
						.clientlogolist .psc-cb-dyncontent-content .dynamicbody a span.name{ position: absolute; left: 0; bottom: -100%; right: 0; display: flex; padding: 1rem; align-items: center; justify-content: center; background-color:var(--brand-2-bg); color: var(--brand-2-fg); font-size: 1rem; font-weight: 500; line-height: 1.6rem; box-shadow: 0 0 1rem rgba(0,0,0,0.3); text-align: center; transition: all 0.6s; }
							.clientlogolist .psc-cb-dyncontent-content .dynamicbody a:hover span.name{ bottom: 0%; }
			.clientlogolist .psc-cb-dyncontent-content .dynamicfoot{ display: none; }
	.resourcecards .psc-cb-dyncontent-list .psc-cb-card{  }
		.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamichead>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: var(--card-border-radius) var(--card-border-radius) 0 0; }
		.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody{ height: 14em; padding: 1em 1.5em; }
			.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody:after{ height: 4em; }
			.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody h4{ margin: 0; font-size: 1.2em; font-weight: 400; }
			.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .aux{ margin: 0 0 1.2em; color: var(--brand-2-bg); font-size: 0.8em; font-weight: 700; }
				.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .aux.date{ color: var(--colour-default-fg); font-weight: 400; }
				.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .aux+.aux.date{ margin: -1.2em 0 1.2em; }
			.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .description{ font-size: 0.8em; line-height: 1.4em; }
				.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicbody .description p{ font-size: 0.8em; }
		.resourcecards .psc-cb-dyncontent-list .psc-cb-card .dynamicfoot{ text-align: right; }
		.resourcecards.viewallblocklink .psc-cb-ipart-blocklink :is(a,button).psc-cb-button:before{ content: 'View All'; }
	.productfeaturecards .psc-cb-cards .psc-cb-card{ background-color: transparent; box-shadow: none; }
		.productfeaturecards .psc-cb-cards .psc-cb-card .psc-cb-card-content{ display: flex; flex-direction: column; }
			.productfeaturecards .psc-cb-cards .psc-cb-card .psc-cb-card-subheading{ order: 2; margin: 0 0 1.5em; font-size: 1em; font-weight: 500; line-height: 1.5em; }
			.productfeaturecards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ order: 1; margin: 0 0 0.5rem; color: var(--colour-default-fg); font-size: 1.5em; }
			.productfeaturecards .psc-cb-cards .psc-cb-card .psc-cb-card-details{ order: 3; }
			.productfeaturecards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ background-size: contain; }
	.psc-cb-testimonial-container.preset2 .psc-cb-card{ padding: 0; background-color: var(--brand-2-fg); box-shadow: none; }
		.psc-cb-testimonial-container.preset2 .psc-cb-testimonial-card-quote{ font-size: 1.2em; }
			/* .psc-cb-testimonial-container.preset2 .psc-cb-testimonial-card-quote p{ padding: 0 1em 1.5em; } */
			.psc-cb-testimonial-container.preset2 .psc-cb-testimonial-card-quote:before{ font-weight: 700; }
			.psc-cb-testimonial-container.preset2 .psc-cb-testimonial-card-quote:after{ font-weight: 700; }
		.psc-cb-testimonial-container.preset2 .psc-cb-card .psc-cb-testimonial-card-name{ display: none; }
		.psc-cb-testimonial-container.preset2 .psc-cb-card .psc-cb-testimonial-card-role{ display: none; }
		.psc-cb-testimonial-container.preset2 .psc-cb-card .psc-cb-testimonial-card-image{ display: none; }
	.psc-cb-accordion-group .psc-cb-accordion-toggle{ padding: 1em 2em; font-size: 1.2em; }
		.psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-title{ font-size: 1.2em; }
		.psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-stateicon{ font-size: 1.2em; }
	.psc-cb-accordion-group.expanded .psc-cb-accordion-content{ padding: 2em; }
	.centred .psc-cb-accordion-group .psc-cb-accordion-toggle{ display: grid; grid-template-columns: 1fr 2em; gap: 2em; }
		.centred .psc-cb-accordion-group .psc-cb-accordion-toggle .psc-cb-accordion-title{ display: block; text-align: center; }
	.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text{ display: flex; align-items: center; }
		.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div{  }
			.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div a{ display: block; padding: 0 3rem; filter: grayscale(1); text-align: center; }
				.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div a.noimage{ display: none; }
				.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div a img{ display: inline-block; max-width: 200px; max-height: 150px; }
				.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div a:hover{ filter: grayscale(0); }
					.psc-cb-root .section-marquee .psc-cb-marquee-container .marquee-text-wrap .marquee-text-content .marquee-text-text>div a:hover img{  }
	.psc-cb-text-container.preset4 .psc-cb-text-imagecontent{ margin-top: 3em; }
	.psc-cb-ipart-container.negativesecondary.leftimage .psc-cb-text-container.preset2{ grid-template-columns: 1fr 5fr; }
		.psc-cb-ipart-container.negativesecondary.leftimage .psc-cb-text-container.preset2 .psc-cb-text-title{ text-align: center; }
		.psc-cb-ipart-container.negativesecondary.leftimage .psc-cb-text-container.preset2 .psc-cb-text-textcontent{ text-align: center; }
	.psc-cb-ipart-container.negativesecondary .psc-cb-ipart-blocklink .psc-cb-button{ color: var(--brand-3-bg); border: none; }
		.psc-cb-ipart-container.negativesecondary .psc-cb-ipart-blocklink .psc-cb-button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
	.psc-cb-flipbox-card{ min-height: 16em; }
	.dollarprefix .psc-cb-counters-counters .psc-cb-counters-counter:before{ content: '$'; }
	.psc-cb-badges-list a img{ max-width: 5em; }
	.secondrow .psc-cb-badges-container .psc-cb-ipart-content-heading{ display: none; }
	.secondrow .psc-cb-badges-list a img{ max-width: 7em; }
	.logocards .psc-cb-cards .psc-cb-card{ background-color: var(--brand-2-fg); }
		.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-image{ padding: 2em 3em; }
			.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ background-size: contain; }
		.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ color: var(--colour-default-fg); font-size: 1.2em; font-weight: 400; text-align: center; }
		.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-subheading{ color: var(--colour-default-fg); font-size: 0.7em; text-align: center; }
		.logocards.notext .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ display: none; }
	.logocards.supportcards .psc-cb-cards{ gap: 1em; }
		.logocards.supportcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ min-height: 3em; }
	.cardlinks .psc-cb-cards .psc-cb-card .psc-cb-card-content .psc-cb-card-details{ display: none; }
		.cardlinks .psc-cb-cards .psc-cb-card{ transition: all 0.3s; }
			.cardlinks .psc-cb-cards .psc-cb-card:hover{ box-shadow: 0 0.1em 1em rgba(0,0,0,0.3); }
			.cardlinks.logocards .psc-cb-cards .psc-cb-card:hover .psc-cb-card-image>*{ transform: scale(1.05); }
		.cardlinks.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-image{ padding: 1em 0; }
		.cardlinks.logocards .psc-cb-cards .psc-cb-card .psc-cb-card-image{ padding: 1em 2em; }
	.sideimage .psc-cb-cards .psc-cb-card{ display: grid; grid-template-columns: 1fr 2fr; background-color: var(--brand-2-fg); box-shadow: none; }
		.sideimage .preset4 .psc-cb-cards .psc-cb-card .psc-cb-card-image{ padding: 0; }
			.sideimage .preset4 .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ background-size: contain; border-radius: 0; }
		.sideimage .psc-cb-cards .psc-cb-card .psc-cb-card-content{ font-size: 1.3em; }
			.sideimage .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ margin-bottom: 1em; color: var(--colour-default-fg); font-size: 1.2em; font-weight: 400; }
			.sideimage .psc-cb-cards .psc-cb-card .psc-cb-card-description{ line-height: 1.5em; }
		.sideimage .psc-cb-cards .psc-cb-card .psc-cb-card-action{ margin-bottom: 0; }
	.largeicons .psc-cb-flipbox-card .psc-cb-flipbox-front .psc-cb-flipbox-content .psc-cb-flipbox-icon-image-bar .psc-cb-flipbox-icon-image{ width: 10em; }
	.psc-cb-perspective-carousel-container:is(.preset1,.preset3,.preset4) .psc-cb-perspective-carousel-contentbar{ grid-template-columns: 1fr 1fr; gap: 4em; }
		.psc-cb-perspective-carousel-container .psc-cb-perspective-carousel-card-image{ background-size: contain; border-radius: 0; box-shadow: none; }
	.psc-cb-cards.psc-cb-cardsperrow-two{ grid-template-columns: repeat(2,20em); justify-content: center; }
	.psc-cb-cards.psc-cb-cardsperrow-three{ grid-template-columns: repeat(3,20em); justify-content: center; }
	.psc-cb-cardsperrow-five{ grid-template-columns: repeat(5,1fr); }
	.halfimage .psc-cb-text-image img{ max-width: 50%; }
	.imagewidth50 .psc-cb-text-image img{ max-width: 50%; }
	.imagewidth33 .psc-cb-text-image img{ max-width: 33%; }
	.imagewidth66 .psc-cb-text-image img{ max-width: 66%; }
	.imagewidth75 .psc-cb-text-image img{ max-width: 75%; }
	.teamcards .psc-cb-cards{ gap: 1em; }
		.teamcards .psc-cb-cards .psc-cb-card{ background-color: var(--brand-2-fg); }
			.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-image>*{ padding: 0 0 65%; }
			.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-action .psc-cb-button:before{ content: '\f0e1'; font-family: "Font Awesome 5 Brands"; font-weight: 400; margin-right: 0.5em; }
			.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-content{ display: flex; flex-direction: column; align-items: center; text-align: center; }
				.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-content .psc-cb-card-subheading{ order: 2; min-height: 5em; margin: 0 0 0em; color: var(--brand-2-bg); font-size: 0.9em; }
				.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-content .psc-cb-card-heading{ order: 1; margin: 0 0 0.25em; color: var(--colour-default-fg); font-weight: 400; }
				.teamcards .psc-cb-cards .psc-cb-card .psc-cb-card-content .psc-cb-card-details{ order: 3; }
	.connectcards{  }
		.connectcards .psc-cb-cards.psc-cb-cardsperrow-two{ grid-template-columns: repeat(2,25em); }
		.connectcards .psc-cb-cards .psc-cb-card{ background-color: var(--brand-2-fg); }
			.connectcards .psc-cb-cards .psc-cb-card .psc-cb-card-content{ padding: 2em 1em 0; }
				.connectcards .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ text-align: center; }
				.connectcards .psc-cb-cards .psc-cb-card .psc-cb-card-subheading{ font-size: 0.7em; }
				.connectcards .psc-cb-cards .psc-cb-card .psc-cb-card-heading{ margin: 1em 0 0.25em; color: var(--colour-default-fg); font-size: 1.2em; font-weight: 400; }
				.connectcards .psc-cb-cards .psc-cb-card .psc-cb-card-description{ min-height: 3em; color: var(--brand-2-bg); font-size: 0.9em; }
	.psc-cb-flipbox-card .psc-cb-flipbox-content .psc-cb-button.scrolltolink{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
		.psc-cb-flipbox-card .psc-cb-flipbox-content .psc-cb-button.scrolltolink:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
	.partnerdirectory{  }
		.partnerdirectory .psc-cb-ipart-content-heading{ margin: 0; padding: 3em 2em 2em; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
			.partnerdirectory .psc-cb-ipart-content-heading .psc-cb-ipart-title{ color: var(--brand-2-fg); text-align: center; }
		.partnerdirectory .section-dynfilter :is(.preset6,.preset7) .psc-cb-filterbar{ justify-content: center; margin-top: 0; padding: 0 2em 3em; background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: none; border-radius: none; }
			.partnerdirectory .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-filtersandactions{ align-items: end; }
			.partnerdirectory .section-dynfilter .psc-cb-filterbar .psc-cb-button{ padding:  0.74em 1em; background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
				.partnerdirectory .section-dynfilter .psc-cb-filterbar .psc-cb-button:hover{ background-color: var(--brand-1-bg); color: var(--brand-1-fg); }
			.partnerdirectory .section-dynfilter .psc-cb-select{ flex-direction: column; justify-content: center; }
				.partnerdirectory .section-dynfilter .psc-cb-select label{ color: var(--brand-2-fg); }
				.partnerdirectory .section-dynfilter .psc-cb-select .psc-cb-dropdown{ width: 15em; background-color: var(--colour-default-bg); color: var(--colour-default-fg); border-color: var(--brand-2-fg); }
					.partnerdirectory .section-dynfilter .psc-cb-select .psc-cb-dropdown>span{ color: var(--colour-default-fg); }
						.partnerdirectory .section-dynfilter .psc-cb-select .psc-cb-dropdown>span:after{ color: var(--colour-default-fg); }
			.partnerdirectory .section-dynfilter .psc-cb-ipart-content-body{ width: 100%; max-width: var(--inner-width); margin: 0 auto; }
			.partnerdirectory .psc-cb-card{ background-color: var(--brand-2-fg); }
			.partnerdirectory .dynamichead{ padding: 2em 2em 0; }
				.partnerdirectory .dynamichead>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: contain; }
			.partnerdirectory .dynamicbody{ height: 18em; text-align: center; }
				.partnerdirectory .dynamicbody h4{ margin: 0 0 1.2em; font-size: 1.2em; font-weight: 400; line-height: 1.6em; }
				.partnerdirectory .dynamicbody p{ margin: 0 0 1em; color: var(--brand-2-bg); font-size: 0.9em; font-weight: 500; }
				.partnerdirectory .dynamicbody:after{ display: none; }
			.partnerdirectory .dynamicfoot{ padding: 0 1em 2em; text-align: center; }
	.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
		.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:visited{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); }
		.psc-cb-root .section-flipbox .psc-cb-flipbox-container .psc-cb-flipbox-card .psc-cb-flipbox-actions>a:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }

	/* custom classes */
		.psc-cb-root .psc-cb-ipart-container.divider{ margin-top: var(--widget-padding-top); box-shadow: 0 -1.5rem 2rem rgba(0,0,0,0.1); }
		.quotetitle :is(.psc-cb-text-title,.psc-cb-ipart-title){ font-size: 1.5em; font-weight: 700; }
		.quotetitle :is(.psc-cb-text-body,.psc-cb-ipart-body){ font-size: 0.8em; }
		.psc-cb-ipart-container.centred :is(h1,h2,h3,h4,h5,h6,p,div){ text-align: center; }
		.textimage3366 .psc-cb-text-container.preset2{ grid-template-columns: 1fr 2fr; }
		.textimage6633 .psc-cb-text-container.preset2{ grid-template-columns: 2fr 1fr; }
		.negativesecondary :is(a,button).psc-cb-button-primary, .negativesecondary :is(a,button).psc-cb-button-primary:visited{ color: var(--colour-default-fg); }
			.negativesecondary :is(a,button).psc-cb-button-primary:hover{ color: var(--brand-1-fg); }
		.negativesecondary :is(a,button).psc-cb-button-secondary, .negativesecondary :is(a,button).psc-cb-button-secondary:visited{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); border: solid 1px var(--brand-2-fg); }
			.negativesecondary :is(a,button).psc-cb-button-secondary:hover{ background-color: var(--brand-2-fg); color: var(--brand-2-bg); border: solid 1px var(--brand-2-fg); }
		.greybg{ background-color: #eeeeee; }
		.boldheaders .psc-cb-ipart-content-body :is(h1,h2,h3,h4,h5,h6){ font-weight: var(--bold-weight) !important; }
		.nopagination .psc-cb-pagination{ display: none; }
		.nosidecontent .psc-cb-perspective-carousel-container:is(.preset1,.preset3,.preset4) .psc-cb-perspective-carousel-contentbar{ grid-template-columns: 1fr; gap: 0; }

/* testimonial pages */
	/*
	.testimonialpage .psc-cb-root .psc-cb-ipart-container.bluebar{ padding-top: 4rem; padding-bottom: 4rem; }
	.testimonialpage .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-body{ text-align: left; }
	.quote .psc-cb-text-body p{ font-size: 1.2rem; quotes: "“" "”" "“" "”"; text-align: center; }
		.quote .psc-cb-text-body p:before{ content: open-quote; color: var(--brand-2-bg); font-size: 2rem; line-height: 0; }
		.quote .psc-cb-text-body p:after{ content: close-quote; color: var(--brand-2-bg); font-size: 2rem; line-height: 0; }
	.psc-cb-root .psc-cb-ipart-container.casestudy{  }
		.psc-cb-root .psc-cb-ipart-container.casestudy .section-accordion .psc-cb-accordion-container .psc-cb-accordion-group .psc-cb-accordion-toggle{ padding: 1rem 2rem; font-size: 1.5rem; font-weight: 700; text-align: center; }
	.casedetails{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; align-items: stretch; margin: 0 0 4rem; }
		.casedetails .detail{ padding: 0; background-color: #ffffff; border: solid 1px var(--brand-2-bg); }
			.casedetails .detail h3{ margin: -1px -1px 0; padding: 1rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); font-size: 2rem; font-weight: 400; text-align: center; }
			.casedetails .detail p{ padding: 1.5rem 1rem; color: var(--colour-default-fg); font-size: 1rem; line-height: 1.6rem; }
	.psc-cb-root .section-testimonial .psc-cb-testimonial-container .psc-cb-testimonial-cards .psc-cb-testimonial-card .psc-cb-testimonial-card-quote{ font-size: 1.2rem; }
	*/
	.psc-cb-embvideo-container{ padding: 0 0 1rem; }
		.psc-cb-embvideo-container .psc-cb-ipart-content-body>div{ display: flex; align-items: center; justify-content: center; }
			.psc-cb-embvideo-container .psc-cb-embvideo-video iframe{ width: 50em; height: 28em; border-radius: 0.8em; box-shadow: 0 0 3em rgba(0,0,0,0.3); }
	.gta{ display: flex; align-items: center; justify-content: center; }
		.gta>div:nth-child(2){ margin-left: 3rem; padding: 1rem 0 1rem 3rem; color: var(--colour-default-fg); font-size: 1rem; line-height: 1.6rem; border-left: solid 1px #cccccc; }
			.gta>div:nth-child(2) a img{ display: inline-block; max-width: 300px; max-height: 80px; }

/* on-page & in-nav form bar */
.formbar{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .formbar .bluebox{ display: block; padding: 2rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
        .formbar .bluebox h2{ color: var(--brand-2-fg); }
        .formbar .bluebox ul{ display: block; margin: 0; padding: 0; list-style: none; }
            .formbar .bluebox ul>li{ display: block; padding: 0 0 1rem; }
                .formbar .bluebox ul>li input[type='text']{ display: block; width: 100%; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
                .formbar .bluebox ul>li input[type='checkbox']{ margin-right: 10px; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
                .formbar .bluebox ul>li label{ color: var(--brand-2-fg); font-size: 0.8rem; font-weight: 500; line-height: 1.2rem; }
                .formbar .bluebox ul>li button{ display: inline-block; margin: 0 0 3rem; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
                    .formbar .bluebox ul>li button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
                .formbar .bluebox ul>li.single{  }
                .formbar .bluebox ul>li.checkbox{ display: flex; gap: 1rem; }
                    .formbar .bluebox ul>li.checkbox input{  }
                    .formbar .bluebox ul>li.checkbox label{  }
                .formbar .bluebox ul>li.actions{ text-align: right; }
                .formbar .bluebox .actions{ text-align: right; }
                .formbar .bluebox input[type=submit]{ display: inline-block; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
                    .formbar .bluebox input[type=submit]:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
        .formbar .bluebox label{ display: block; padding-top: 7px; color: #ffffff; }

/* landing page - designed with 16px font size on html element */
body.landingpage{ padding: 0; color: var(--colour-default-fg); font-family: var(--font-family-default); }
	body.landingpage .inner{ display: block; width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; }
	body.landingpage h1{ color: var(--brand-1-bg); }
	body.landingpage h2{ color: var(--brand-1-bg); }
	body.landingpage #hd{ display: none; }
	body.landingpage #ft{ display: none; }
	body.landingpage #lpheader{ display: block; }
		body.landingpage #lpheader .inner{  }
			body.landingpage #lpheader .topbar{ display: flex; align-items: center; justify-content: space-between; margin: 0 0 2rem; padding: 0.5rem 0; }
				body.landingpage #lpheader .topbar>a{ display: block; width: 100%; max-width: 150px; }
					body.landingpage #lpheader .topbar>a img{ display: block; width: 100%; }
			body.landingpage #lpheader .headbar{ display: grid; grid-template-columns: 55% 45%; align-items: start; gap: 0; }
				body.landingpage #lpheader .headbar h1{ font-size: 2.2rem; }
				body.landingpage #lpheader .headbar h3{ margin: 2rem 0 0.5rem; font-weight: 500; }
				body.landingpage #lpheader .headbar p{ display: block; font-size: 1rem; line-height: 1.6rem; }
					body.landingpage #lpheader .headbar p a{ color: var(--brand-2-fg); text-decoration: underline; }
						body.landingpage #lpheader .headbar p a:hover{ color: var(--brand-2-fg); text-decoration: none; }
				body.landingpage #lpheader .headbar .banner{ display: block; padding: 2rem 2rem 2rem 0; text-align: center; }
					body.landingpage #lpheader .headbar .banner .image{ display: block; padding: 0 0 50%; background-position: left center; background-repeat: no-repeat; background-size: cover; }
					body.landingpage #lpheader .headbar .banner p{ display: block; padding: 0 5%; }
				body.landingpage #lpheader .headbar .intro{ display: block; padding: 2rem 2rem 2rem 0; text-align: center; }
				body.landingpage #lpheader .headbar .bluebox{ display: block; padding: 2rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
					body.landingpage #lpheader .headbar .bluebox h2{ color: var(--brand-2-fg); }
					body.landingpage #lpheader .headbar .bluebox ul{ display: block; margin: 0; padding: 0; list-style: none; }
						body.landingpage #lpheader .headbar .bluebox ul>li{ display: block; padding: 0 0 1rem; }
							body.landingpage #lpheader .headbar .bluebox ul>li input[type='text']{ display: block; width: 100%; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
							body.landingpage #lpheader .headbar .bluebox ul>li input[type='checkbox']{ margin-right: 10px; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
							body.landingpage #lpheader .headbar .bluebox ul>li label{ color: var(--brand-2-fg); font-size: 0.8rem; font-weight: 500; line-height: 1.2rem; }
							body.landingpage #lpheader .headbar .bluebox ul>li button{ display: inline-block; margin: 0 0 3rem; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
								body.landingpage #lpheader .headbar .bluebox ul>li button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
							body.landingpage #lpheader .headbar .bluebox ul>li.single{  }
							body.landingpage #lpheader .headbar .bluebox ul>li.checkbox{ display: flex; gap: 1rem; }
								body.landingpage #lpheader .headbar .bluebox ul>li.checkbox input{  }
								body.landingpage #lpheader .headbar .bluebox ul>li.checkbox label{  }
							body.landingpage #lpheader .headbar .bluebox ul>li.actions{ text-align: right; }
							body.landingpage #lpheader .headbar .bluebox .actions{ text-align: right; }
							body.landingpage #lpheader .headbar .bluebox input[type=submit]{ display: inline-block; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
								body.landingpage #lpheader .headbar .bluebox input[type=submit]:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
					body.landingpage #lpheader .headbar .bluebox label{ display: block; padding-top: 7px; color: #ffffff; }
	body.landingpage #lpfooter{ display: block; padding: 6rem 0 2rem; background-color: var(--brand-3-bg); color: var(--brand-3-fg); text-align: center; }
		body.landingpage #lpfooter .inner{  }
		body.landingpage #lpfooter p{ font-family: var(--font-family-default); font-size: 0.9rem; }
			body.landingpage #lpfooter p a{ color: var(--brand-3-fg); text-decoration: none; }
				body.landingpage #lpfooter p a:hover{ color: var(--brand-3-fg); text-decoration: underline; }
			body.landingpage #lpfooter p.logocredits{  }
				body.landingpage #lpfooter p.logocredits img{ display: inline-block; max-height: 13px; margin: 0 5px; vertical-align: -1px; }
	body.landingpage .buttonlink{ display: inline-block; padding: var(--button-padding); font-size: var(--font-size-button); font-weight: var(--font-weight-button); border: solid 1px transparent; border-radius: var(--button-border-radius); box-shadow: var(--button-shadow); text-decoration: none !important; text-transform: var(--text-transform-button); transition: all .6s; }
		body.landingpage .buttonlink,body.landingpage .buttonlink:visited{ background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
		body.landingpage .buttonlink .fa{ margin-left: 0.5rem; }
		body.landingpage .buttonlink:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); box-shadow: var(--button-shadow-hover); text-decoration: none; }
	
	/* HubSpot can ignore the landingpagebody styles - these are temporary for the iMIS environment */
		body.landingpage .landingpagebody{ display: block; }
			body.landingpage .landingpagebody .inner{ display: flex; align-items: center; justify-content: center; min-height: 25vh; }
	/* end of temporary styles */

	@media(max-width: 700px){
		body.landingpage #lpheader .topbar{ flex-direction: column; }
		body.landingpage #lpheader .headbar{ grid-template-columns: 1fr; }
			body.landingpage #lpheader .headbar h1{ font-size: 2rem; }
	}

/* event display */
body.eventdisplay{  }
	body.eventdisplay .inner{ max-width: 1170px; }
	body.eventdisplay #loader{ display: flex; align-items: center; justify-content: center; min-height: 50vh; padding-bottom: 10vh; color: var(--brand-2-bg); font-size: 2rem; }
		body.eventdisplay #loader .fa{ animation: 1s spin infinite linear; }
		body.eventdisplay #loader span{ color: var(--colour-default-fg); font-size: 1.2rem; }
	body.eventdisplay #eventpane{ display: none; grid-template-columns: 60% 40%; align-items: start; gap: 0; margin-bottom: 3rem; }
		body.eventdisplay #eventpane .details{ display: block; padding: 2rem 2rem 2rem 0; text-align: left; }
			body.eventdisplay #eventpane .details h1{ font-size: 2.2rem; }
			body.eventdisplay #eventpane .details h3{ margin: 2rem 0 0.5rem; font-weight: 500; }
			body.eventdisplay #eventpane .details p{ display: block; font-size: 1rem; line-height: 1.6rem; }
				body.eventdisplay #eventpane .details p a{ color: var(--brand-2-fg); text-decoration: underline; }
					body.eventdisplay #eventpane .details p a:hover{ color: var(--brand-2-fg); text-decoration: none; }
				body.eventdisplay #eventpane .details #dates{ margin-bottom: 2rem; }
					body.eventdisplay #eventpane .details #dates p{ margin-bottom: 0.5rem; }
						body.eventdisplay #eventpane .details #dates p strong{ display: inline-block; width: 4rem; }
				body.eventdisplay #eventpane .details #description{  }
		body.eventdisplay #eventpane .bluebox{ display: block; min-height: 60vh; padding: 2rem; background-color: var(--brand-2-bg); color: var(--brand-2-fg); }
			body.eventdisplay #eventpane .bluebox h2{ color: var(--brand-2-fg); }
			body.eventdisplay #eventpane .bluebox ul{ display: block; margin: 0; padding: 0; list-style: none; }
				body.eventdisplay #eventpane .bluebox ul>li{ display: block; padding: 0 0 1rem; }
					body.eventdisplay #eventpane .bluebox ul>li input[type='text']{ display: block; width: 100%; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
					body.eventdisplay #eventpane .bluebox ul>li input[type='checkbox']{ margin-right: 10px; background-color: #ffffff; color: #666666; border: solid 1px #cccccc; border-radius: 3px; }
					body.eventdisplay #eventpane .bluebox ul>li label{ color: var(--brand-2-fg); font-size: 0.8rem; font-weight: 500; line-height: 1.2rem; }
					body.eventdisplay #eventpane .bluebox ul>li button{ display: inline-block; margin: 0 0 3rem; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
						body.eventdisplay #eventpane .bluebox ul>li button:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
					body.eventdisplay #eventpane .bluebox ul>li.single{  }
					body.eventdisplay #eventpane .bluebox ul>li.checkbox{ display: flex; gap: 1rem; }
						body.eventdisplay #eventpane .bluebox ul>li.checkbox input{  }
						body.eventdisplay #eventpane .bluebox ul>li.checkbox label{  }
					body.eventdisplay #eventpane .bluebox ul>li.actions{ text-align: right; }
					body.eventdisplay #eventpane .bluebox .actions{ text-align: right; }
					body.eventdisplay #eventpane .bluebox input[type=submit]{ display: inline-block; padding: 0.3rem 1.2rem; background-color: var(--brand-3-fg); color: var(--brand-2-bg); border: none; border-radius: 3px; font-size: 1rem; transition: all 0.6s; }
						body.eventdisplay #eventpane .bluebox input[type=submit]:hover{ background-color: var(--brand-3-bg); color: var(--brand-3-fg); }
			body.eventdisplay #eventpane .bluebox label{ display: block; padding-top: 7px; color: #ffffff; }
	body.eventdisplay .legal-consent-container a{ color: #ffffff; text-decoration: underline; }

/* resources for you */
	#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list{ display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; }
		#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event{ display: flex; flex-direction: column; background-color: var(--card-bg); color: var(--colour-default-fg); border-radius: var(--default-border-radius); box-shadow: var(--default-box-shadow); overflow: hidden; }
			#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamichead{  }
				#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .psc-cb-dyncontent-image{ display: block; }
					#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .psc-cb-dyncontent-image>div{ display: block; padding: 0 0 60%; background-position: center; background-repeat: no-repeat; background-size: cover; }
			#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicbody{ position: relative; height: 15em; padding: 1rem 1.5rem; overflow: hidden; text-align: center; }
				#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicbody:after{ content: ''; position: absolute; left: 0.5rem; bottom: 0; right: 0.5rem; display: block; height: 2.5rem; background: var(--dynamic-body-overlay); }
				#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar{ margin: 0 0 1rem; }
					#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar>span{ color: var(--brand-1-bg); font-size: var(--font-size-prominent); font-weight: var(--font-weight-prominent); text-transform: var(--font-transform-prominent); }
					#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .titlebar>h5{ color: var(--colour-default-front); font-size: var(--font-size-title5); font-weight: var(--font-weight-title); }
				#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar{ margin: 0 0 1rem; }
					#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar>span{  }
						#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux{ color: var(--colour-default-front); font-weight: var(--font-weight-prominent); }
							#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux.firstaux{  }
							#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .aux.lastaux{  }
						#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .auxbar .separator{  }
				#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .description{  }
			#tempresourcesforyou .psc-cb-dynfilter-container .psc-cb-dynfilter-events-list .psc-cb-dynfilter-events-event .dynamicfoot{ padding: 1rem 1.5rem 2rem; text-align: right; }

	#tempresourcesforyou{ padding: 4rem 0; text-align: center; }
		#tempresourcesforyou .contentgrid{ display: grid; grid-template-columns: 66% 33%; }
			#tempresourcesforyou .contentgrid .resources{ padding-right: 2rem; border-right: solid 1px var(--brand-2-bg); text-align: right; }
				#tempresourcesforyou .contentgrid .resources>.psc-cb-button{ margin-top: 0.75em; }
				#tempresourcesforyou .contentgrid .psc-cb-dynfilter-events-list{ grid-template-columns: 1fr 1fr; margin-bottom: 2rem; }
			#tempresourcesforyou .contentgrid .blog{ padding-left: 2rem; text-align: right; }
				#tempresourcesforyou .contentgrid .blog h3{ margin-bottom: 1.5rem; color: var(--brand-2-bg); font-weight: 700; text-align: left; }
				#tempresourcesforyou .contentgrid .blog>ul{ display: block; margin: 0 0 2.2rem; padding: 0; min-height: 28.4rem; list-style: none; text-align: left; }
					#tempresourcesforyou .contentgrid .blog>ul li{ display: block; margin: 0 0 1.5rem; }
						#tempresourcesforyou .contentgrid .blog>ul li a{ display: grid; grid-template-columns: 30% 65%; align-items: center; gap: 5%; color: var(--colour-default-fg); border-radius: var(--default-border-radius); text-decoration: none; }
							#tempresourcesforyou .contentgrid .blog>ul li a .blogimage{ display: block; }
								#tempresourcesforyou .contentgrid .blog>ul li a .blogimage .image{ display: block; padding: 0 0 120%; background-position: center; background-repeat: no-repeat; background-size: cover; }
							#tempresourcesforyou .contentgrid .blog>ul li a:hover{ box-shadow: var(--default-box-shadow); }

			#tempresourcesforyou .contentgrid .unionblog{ padding-left: 2rem; text-align: right; }
				#tempresourcesforyou .contentgrid .unionblog h3{ margin-bottom: 1.5rem; color: var(--brand-2-bg); font-weight: 700; text-align: left; }
				#tempresourcesforyou .contentgrid .unionblog>ul{ display: block; margin: 0 0 2.5rem; padding: 0; min-height: 28.4rem; list-style: none; text-align: left; }
					#tempresourcesforyou .contentgrid .unionblog>ul li{ display: block; margin: 0 0 1.5rem; }
						#tempresourcesforyou .contentgrid .unionblog>ul li a{ display: grid; grid-template-columns: 30% 65%; align-items: center; gap: 5%; color: var(--colour-default-fg); border-radius: var(--default-border-radius); text-decoration: none; }
							#tempresourcesforyou .contentgrid .unionblog>ul li a .blogimage{ display: block; }
								#tempresourcesforyou .contentgrid .unionblog>ul li a .blogimage .image{ display: block; padding: 0 0 120%; background-position: center; background-repeat: no-repeat; background-size: cover; }
							#tempresourcesforyou .contentgrid .unionblog>ul li a:hover{ box-shadow: var(--default-box-shadow); }

/* animations */
@keyframes spin{ to{ transform: rotateZ(360deg); } }

/* Osano Cook Widget */
	button.osano-cm-window__widget > svg > path:nth-child(1){ stroke: rgb(2, 45, 62, 1) !important; } /* cookie outline */
	button.osano-cm-window__widget > svg > path:nth-child(2){ stroke: rgb(2, 45, 62) !important; /* needs to match stroke color from outline */ fill: rgb(0, 169, 224) !important; } /* cookie background */
	button.osano-cm-window__widget > svg > g{ fill: rgb(2 45 62) !important; } /* cookie dots */

/* responsive */
@media(max-width: 1680px){
	#homebanner{display: block; margin: 0 0 2rem 0; background-position: center!important; background-repeat: no-repeat; background-size: contain!important; }
}
@media(max-width: 1080px){
	html{ font-size: 14px; }
	#homebanner .inner{ min-height: 300px; }
}
@media(max-width: 770px){
	body:not(.Wrapper-HomePage) .header-bottom-container, .header-bottom-container{ min-height: 0; }
	#mobilenavlink{ top: 0.7rem; display: block; }
	#masterHeaderImage{ width: 96px; height: 36px; background-position: center; }
	#pc-auxnav{ display: none; }
	#pc-primarynav{ flex-direction: column; gap: 0.5rem; max-height: 0px; position: absolute; left: 0; top: -6rem; right: 0; background-color: var(--colour-default-bg); }
		#pc-primarynav.active{ top: -0.5rem; max-height: 200vh; padding: 2rem 0; box-shadow: 0 10px 10px rgba(0,0,0,0.3); }
		#pc-primarynav>li>a{ position: relative; font-size: 1rem; text-align: left; }
			#pc-primarynav>li>a:after{ display: none; }
			#pc-primarynav>li>a.expand{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; text-align: right; }
			.primary-navigation-area>ul>li>a.standout{ border-radius: 0; }
		#pc-primarynav>li.standout{ margin-bottom: 1rem; }
		#pc-primarynav>li.auxnav{ display: block; }
		#pc-primarynav>li.account{ display: none; }
			#pc-primarynav>li.auxnav>a{ padding: 0.4rem 1rem; font-size: 0.8rem; }
		.primarynav>ul>li{ position: relative; width: 100%; margin-top: -10px; }
			.primarynav>ul>li>a .notouch{ /*float: right; margin-top: -3px;*/ display: none; }
			.primarynav>ul>li>a.standout{ padding: 0.7rem 1rem; border-radius: 0; }
				.primarynav>ul>li>a:hover{  }
			.primarynav>ul>li .psc-mega-menu{ z-index: 100; }
				.primarynav>ul>li:hover .psc-mega-menu{ top: -10px; max-height: 0px; padding: 0; box-shadow: none; }
				.primarynav>ul>li .psc-mega-menu.active{ top: 2.0rem; max-height: 200vh; padding: 1rem 0 5rem; box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.3); }
				.primarynav>ul>li .psc-mega-menu .inner{ display: block; }
				.primarynav>ul>li .psc-mega-menu .navlists>ul, .primarynav>ul>li:first-child .psc-mega-menu .navlists>ul{ display: block; }
				.primarynav>ul>li .psc-mega-menu .navlists>ul, .primarynav>ul>li:nth-child(3) .psc-mega-menu .navlists>ul{ display: block; }
					.primarynav>ul>li .psc-mega-menu .navlists>ul>li{ display: block; margin-bottom: 1rem; }
						.primarynav>ul>li:first-child .psc-mega-menu .navlists>ul>li:nth-child(3){ margin-top: 0; padding-bottom: 0; }
						.primarynav>ul>li:nth-child(3) .psc-mega-menu .navlists>ul>li:nth-child(3){ margin-top: 0; padding-bottom: 0; }
						.primarynav>ul>li .psc-mega-menu .navlists>ul>li>a{ margin-bottom: 0.5rem; padding: 0 0 0.5rem; font-size: 0.8rem; }
							.primarynav>ul>li .psc-mega-menu .navlists>ul>li>ul>li>a{ font-size: 0.8rem; line-height: 1rem; }
				.primarynav>ul>li .psc-mega-menu .linkbar a{ text-align: center; }
					.primarynav>ul>li .psc-mega-menu .linkbar a span{ font-size: 0.7rem; }
				.primarynav>ul>li .psc-mega-menu .news{ display: none; }
	body.scrolled .primarynav #pc-primarynav{ width: 100vw; }
		body.scrolled .primarynav>ul>li{ margin-top: -10px; }
			body.scrolled .primarynav>ul>li>a{ color: var(--colour-default-fg); }
				body.scrolled .primarynav>ul>li>a:hover{  }
				body.scrolled .primarynav>ul>li:hover .psc-mega-menu{ top: -10px; max-height: 0px; padding: 0; box-shadow: none; }
				body.scrolled .primarynav>ul>li .psc-mega-menu.active{ top: 2.3rem; max-height: 200vh; padding: 1rem 0 5rem; box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.3); }
	.footer-content .social{ margin-bottom: 4rem; }
	#pc-footernav{ display: none; flex-direction: column; text-align: center; }
	.footer-content .sectionheading{ display: none; }
	#brandsnav{ display: none; }
	.footer-nav-copyright .footer-copyright p{ font-size: 0.8rem; }
	.footer-copyright p.logocredits img{ max-height: 10px; }
	#tempresourcesforyou .contentgrid{ grid-template-columns: 1fr; }
		#tempresourcesforyou .contentgrid .resources{ padding-right: 0; padding-bottom: 2rem; border-right: none; }
			#tempresourcesforyou .contentgrid .psc-cb-dynfilter-events-list{ grid-template-columns: 1fr; }
		#tempresourcesforyou .contentgrid .blog{ padding-left: 0; }
		#tempresourcesforyou .contentgrid .unionblog{ padding-left: 0; }
	.psc-cb-root .psc-cb-ipart-container.bluebar.sideimage .section-text .psc-cb-text-container{ padding-left: 25rem; }
	.formoverlay{ inset: 0 0 auto; }
		.formoverlay .inner{ height: 100vh; padding-top: 0rem; padding-bottom: 10rem; overflow: auto; overflow-x: hidden; }
			.formoverlay .inner:before{ left: 1rem; }
			.formoverlay h2{ margin-top: 6rem; padding-right: 4rem; text-align: left; }
				.formoverlay h2>span{ right: 1rem; }
			.formoverlay form{ display: block; padding: 0; }
			
	#homebanner{ display: block; padding-top: 28vh; background-image: var(--banner-mobile) !important; background-position: center top; text-align: center; margin-top:-15vh; }
		#homebanner .inner{ display: block; min-height: 0; }
			#homebanner .inner .bannercontent{ width: 100%; padding:0; margin-top:25vh; }
	#homebanner br {
		display: none;
	}
	#ste_container_ciCarouselTestimonials1{ display: none; }
	
	.psc-cb-root .fourcards .section-flipbox .psc-cb-flipbox-container{ grid-template-columns: repeat(2,1fr); }
	.psc-cb-filterbar{ grid-template-columns: repeat(2,1fr); }
	
	.psc-cb-root .psc-cb-ipart-container.partnerslist .section-dynfilter .psc-cb-filterbar{ grid-template-columns: 4fr 2fr; }
	
	.contactrow ul{ flex-direction: column; }
		.contactrow ul li{ width: 100%; min-width: 0px; min-height: 0px; }
		
	.psc-cb-cardsperrow-four{ grid-template-columns: repeat(2,1fr) !important; }
	.leftimage .psc-cb-text-container.preset2{ grid-template-columns: 1fr; gap: 1em; }
}
@media(max-width: 700px){
	html, body, form{ overflow-x: hidden; }
	#mobilenavlink{ top: 0.25em; }
	.psc-cb-root .psc-cb-ipart-container.bluebar.sideimage .section-text .psc-cb-text-container{ padding-top: 16rem; padding-left: 0; background-position: center top; background-size: 50% auto; }
	.psc-cb-root .fourcards .section-flipbox .psc-cb-flipbox-container{ grid-template-columns: 1fr; }
	.psc-cb-cardsperrow-two{ width: 100%; grid-template-columns: 1fr !important; }
	.psc-cb-cardsperrow-four{ width: 100%; grid-template-columns: 1fr !important; }
	.productfeature .section-cards .psc-cb-card-container.preset4 .psc-cb-card{ grid-template-columns: 1fr; }
		.productfeature.altrows .section-cards .psc-cb-card-container.preset4 .psc-cb-cards .psc-cb-card:nth-child(even) .psc-cb-card-image{ order: 1; }
		.productfeature.altrows .section-cards .psc-cb-card-container.preset4 .psc-cb-cards .psc-cb-card:nth-child(even) .psc-cb-card-detailcol{ order: 2; text-align: left; }
		.productfeature.altrows .section-cards .psc-cb-card-container.preset4 .psc-cb-cards .psc-cb-card:nth-child(even) .psc-cb-card-detailcol .psc-cb-card-description{ text-align: left; }
			.productfeature.altrows .section-cards .psc-cb-card-container.preset4 .psc-cb-cards .psc-cb-card:nth-child(even) .psc-cb-card-detailcol .psc-cb-card-content{ text-align: left; }
			.productfeature.altrows .section-cards .psc-cb-card-container.preset4 .psc-cb-card:nth-child(even) .psc-cb-card-detailcol .psc-cb-card-content .psc-cb-card-details{ text-align: left; }
	.psc-cb-filterbar{ grid-template-columns: 1fr; }
		.psc-cb-filterbar .psc-cb-filterbar-filters{ display: block; }
			.psc-cb-filterbar .psc-cb-filterbar-filters .psc-cb-filterbar-filters-inline{ padding-bottom: 1rem; }
	.bluebar form{ display: block; }
	
	#homebanner{ padding-top: 30vh; text-align: left; }
	#homebanner .inner .bannercontent{ padding:0; }
	#homebanner br {
		display: none;
	}
	#exploreimis .integrationlist{ zoom: 0.8; }
	
	.psc-cb-root .psc-cb-ipart-container.partnerslist:before{ height: 25rem; }
	.psc-cb-root .psc-cb-ipart-container.partnerslist .section-dynfilter .psc-cb-filterbar{ grid-template-columns: 1fr; padding-right: 0; }
		.psc-cb-root .psc-cb-ipart-container.partnerslist .section-dynfilter .psc-cb-filterbar .psc-cb-filterbar-filters{ grid-template-columns: 1fr; }
	
	.psc-cb-root .psc-cb-dyncontent-content .dynamicbody .description{ display: none; }
	.psc-cb-root .psc-cb-dyncontent-content .dynamicbody:after{ display: none; }
	
	.psc-cb-root .section-header .VueCarousel .VueCarousel-navigation-prev{ left: 12%; }
	.psc-cb-root .section-header .VueCarousel .VueCarousel-navigation-next{ right: 12%; }
	#ste_container_ciTestimonialsSlider{ display: none; }
	
	.psc-cb-root .clientlogolist .psc-cb-dyncontent-list{ grid-template-columns: 1fr; }
	.psc-cb-root .clientlogolist .psc-cb-dyncontent-content .dynamicbody a span.name{ bottom: 0; font-size: 0.8rem; }
	.gta{ flex-direction: column; }
		.gta>div:nth-child(2){ margin-left: 0; padding: 1rem 0; border-left: none; text-align: center; }
	.testimonialpage .psc-cb-root .section-text .psc-cb-text-container .psc-cb-text-textcontent .psc-cb-text-body{ text-align: center; }
		
	.signinframe .inner .signincontent{ grid-template-columns: 1fr; }
		.signinframe .inner .signincontent .signinside{ padding-right: 0; }
			.signinframe .inner .signincontent .signinside .image{ display: none; padding: 0; }
			.signinframe .inner .signincontent>div:nth-child(2){ transform: translateY(-4rem); }
			
	.asi2022oneovertwocolumn h1{ line-height: 3rem; }
	.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1){ width: 100%; padding-right: 0%; }
		.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) h2{ text-align: center; }
			.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(1) p a{ text-align: center; }
	.servermessage .asi2022oneovertwocolumn .col-sm-6:nth-child(2){ display: none; }
	
	.psc-cb-root .psc-cb-ipart-container>div.section-marquee{ display: none; }

	.videobar video{ display: none; }
	.videobar .mobileimage{ display: block; }

	body.eventdisplay #eventpane{ grid-template-columns: 1fr; }

	.psc-cb-perspective-carousel-container:is(.preset1,.preset3,.preset4) .psc-cb-perspective-carousel-contentbar{ grid-template-columns: 1fr; }
	.VueCarousel-navigation{ display: none; }
	.sideimage .psc-cb-cards .psc-cb-card{ grid-template-columns: 1fr; gap: 0; }
		.sideimage :is(.preset4,.preset8) .psc-cb-cards .psc-cb-card .psc-cb-card-detailcol{ text-align: center; }
		.sideimage :is(.preset4,.preset8) .psc-cb-cards .psc-cb-card .psc-cb-card-action{ text-align: center; }
	.psc-cb-ipart-container.negativesecondary.leftimage .psc-cb-text-container.preset2{ grid-template-columns: 1fr; gap: 1em; }
	.psc-cb-cardsperrow-two{ grid-template-columns: 1fr; gap: 1em; }
	.psc-cb-cardsperrow-three{ grid-template-columns: 1fr; gap: 1em; }
	.psc-cb-cardsperrow-four{ grid-template-columns: 1fr; gap: 1em; }
	.psc-cb-cardsperrow-five{ grid-template-columns: 1fr; gap: 1em; }

	/* DEBUGGING */
	body.devmode p.logocredits:after{ content: 'CSS: 2205200432'; display: block; opacity: 0.1; padding: 2rem 0; }
	body.devmode p.logocredits .jsver{ display: block; opacity: 0.1; padding: 2rem 0; transform: translateY(100px); }
}


/* Osano Cook Widget */

/* cookie outline */
button.osano-cm-window__widget > svg > path:nth-child(1) {
stroke: rgb(0, 38, 50) !important;
}

/* cookie background */
button.osano-cm-window__widget > svg > path:nth-child(2) {
stroke: rgb(0, 38, 50) !important; /* needs to match stroke color from outline */
fill: rgb(165, 225, 251) !important;
}

/* cookie dots */
button.osano-cm-window__widget > svg > g {
fill: rgb(0 38 50) !important;
}

/*-------------- adding padding to iParts -------------------------------------------*/

.yes-tb-padding {
    padding: 3em 0 !important;
}

/*-------------- Bluebar to iParts -------------------------------------------*/
.psc-cb-root .psc-cb-ipart-container.bluebar{
	background-color: var(--brand-4-bg);
	color: var(--brand-2-bg);
}
.psc-cb-root .psc-cb-ipart-container.bluebar h2{
	color: var(--brand-3-bg);
}
.psc-cb-root .psc-cb-ipart-container.bluebar .psc-cb-ipart-blocklink .psc-cb-button:hover{
	background-color: var(--brand-3-fg);
	color: var(--brand-3-bg);
	box-shadow: var(--button-shadow-hover);
}



/* --------------- Adding Event Display, Shopping Cart, Checkout Updates ---------------------------*/
.row,
.row > *{
	background-position:center;
	background-size:cover;
}

.padding30{
   padding-top:30px;
   padding-bottom:30px;
}

.padding40{
   padding-top:40px;
   padding-bottom:40px;
}

.padding50{
   padding-top:50px;
   padding-bottom:50px;
}

.padding60{
   padding-top:60px;
   padding-bottom:60px;
}

.padding70{
   padding-top:70px;
   padding-bottom:70px;
}

.padding80{
   padding-top:80px;
   padding-bottom:80px;
}

.padding90{
   padding-top:90px;
   padding-bottom:90px;
}

.padding100{
   padding-top:100px;
   padding-bottom:100px;
}

.rowWrapper{
	background-position:center;
	background-size:cover;
	position:relative;
}

.rowWrapper.overlay .row{
	position:relative;
	z-index:1;
}

.rowWrapper.grey{
	background-color: #f5f5f5;
}

.rowWrapper.overlay:before{
	position:absolute;
	display:block;
	content:'';
	top:0; right:0; bottom:0; left:0;
	background:rgba(0,0,0,0.25);
}

@media(max-width:767px){
	.padding50,
	.padding60,
	.padding70,
	.padding80,
	.padding90,
	.padding100{
		padding-top:40px;
		padding-bottom:40px;
	}
}



.pricing{
	display:block;
	background: rgb(161, 225, 251);
	padding: 25px;
	color: #002632;
	border-radius: 3px;
	float:right;
}

.pricing h3{
	color: #002632;
	margin-bottom: 15px;
}

.pricing ul{
	list-style:none;
	font-size:18px;
	margin:0;
	padding:0;
}

.pricing ul li{
	margin:5px 0px;
	padding:5px 0px;
	border-bottom: 1px solid #002632;
}

.pricing ul li:last-child{
	border:0;
}

.innov .EventDetails.row{
	display:flex;
	margin-top: 40px!important;
}

.innov .RegistrationArea{
 text-align:center;	
}

.innov .RegistrationArea .Section{
	text-align:left;
}

.innov .RegistrationArea div:not(.PriceOverrideForm) > .TextButton {
    width: 100%;
	
}

.innov .EventSummary {
    background-color: #ffffff;
	display:flex;
	align-items:center;
	font-size:20px;
}

.innov .Section .panel-title{
	text-align:center;
	float: none;
	font-size: 2.5rem;
}

.innov .EventSummary .PhotoArea {
    float: none;
    padding:0;
    flex-shrink: 0;
}

.innov .EventSummary .PhotoArea img{
	border: 0!important;
	max-width: 450px;
	width: 100%;
}



.innov .EventDetails .Label{
	font-weight:400;
	font-size:20px;
	color: #000;
	float: none;
}

.innov .PanelBlock .PanelField {
    display: flex;
    float: none;
    width: 100%;
    align-items: center;
}

.innov .EventDetails .PanelFieldLabel{
	padding-right: 30px;
	vertical-align:middle;
	min-width: 200px;
}

.innov .EventDetails .PanelFieldValue{
	display:block;	
}

.innov .EventDetails .PanelBlock.PanelField.PanelFieldValue{
	vertical-align:middle;
}

.innov .ContactLocationArea{
	font-size:16px;
	color:#666666;
}

.innov .EventDetails .PrimaryButton,
.innov .EventDetails .MediumButton{
	font-size:1.3rem;
}

.terms{
	font-size: 13px;
	line-height: 1.3;
	padding:20px;
	color: #333;
	box-shadow: 0 0 0.8rem rgba(0,0,0,0.3);
	border-radius:3px;
	
}

.terms >div{
	display:flex;
	align-items:center;
	gap: 0px 30px;
}

.terms img{
	max-width: 120px;
}

@media(max-width:500px){
	.terms >div{
		display:block;
	}
	
	.terms img{
		margin:0px auto 20px auto;
		display:block;
	}

	
}

@media(max-width:991px){
	.pricing{
		float:none;
		max-width: 400px;
		margin: 0px auto;
	}

	.EventSummary .Description {
	    padding: 0;
	}
	
	.innov .EventSummary {
		display:block;
	}

	.innov .EventSummary .PhotoArea img {
	    margin-bottom:30px;
	}

	.innov .EventDetails .PanelFieldLabel{
		padding-right: 30px;
		min-width:auto;
		display: block;
	}

		
	.innov .PanelBlock .PanelField {
	    display: block;
	}

	.innov .EventDetails.row{
		display:flex;
		margin-top: 20px!important;
	}

}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    display: inline-block;
    margin-bottom: 0;
    font-weight: var(--font-weight-button);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: normal;
    text-decoration: none;
    padding:var(--button-padding);
    font-size: 15px;
    line-height: 1.8;
    border-radius: 3px;
    -webkit-user-select: none;
    user-select: none;
    transition: all .6s;
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
	background-color: var(--brand-2-fg);
    color: var(--brand-2-bg);
    border: solid 1px var(--brand-2-bg);
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--brand-2-bg);
  border-color: rgba(0, 0, 0, 0);
}

.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
    background-color: var(--brand-4-bg);
    color: var(--brand-3-bg);
	border-color:var(--brand-4-bg);
}

.SignIn label{
	font-weight:400;
	font-size:18px;
}


.innov .EventDetails .HelperText {
    font-weight: 500;
    font-size: 16px;
}

.CartCharges .GrandTotal .PanelField .Label {
    color: #000;
}

.CartCharges .GrandTotal .PanelField {
    background-color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    color: #444;
 border-top: 1px solid #ddd;
}

.CartCharges label, .CartCharges .Label {
    width: auto !important;
    padding-right: 2em;
    font-weight:500;
    font-size:18px;
    padding-left: 20px;
}

h2.panel-title{
	font-size:1.5em;
}

.innov .SignIn{
	margin-bottom:30px;
}


.CartCharges {
    background: transparent;
    max-width:100%;
}

#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_PromotionInnerDiv{
	margin-top:30px;
	margin-left:15px;
	
}

#ctl01_TemplateBody_WebPartManager1_gwpciPromotionManagerCommon_ciPromotionManagerCommon_PromotionInnerDiv label{
	font-weight:400;
	font-size:16px;
}