ul.cardLinks.nav a .image,
.cardLinks .image img  {
	transition: all .3s ease-out;
}


body {
	background-color:var(--franki-bright-yellow);
}


h1,h2,h3, h4 {
	color:var(--gd-font-color-dkr);
	font-weight:400;
}


.fs-title1 {
	font-size:var(--gd-font-size-body-1);
	color:var(--gd-font-color-ltr);
	line-height:1.5;
	margin:0;
	font-weight:700;
}



.fs-title2 {
	font-size:24px;
	line-height:1.3;
	font-weight:700;
	margin:30px 0 15px 0;
}

.fs-title3 {
	font-size:20px;
	line-height:1.3;
	font-weight:700;
	margin:60px 0 15px 0;
}

.fs-title4 {
	font-size:16px;
	line-height:1.3;
	font-weight:700;
	margin:0px 0 15px 0;
}

[class*="fs-title"] .subline {
	font-size:16px;
	display:block;
	margin-top:10px;
}

[class*="fs-title"] .superline {
	font-size:14px;
	display:block;
	margin-bottom:10px;
}

.underline {
	border-bottom:var(--gd-font-color-dkr) solid 3px;
}


sup {
	position:relative;
	font-size:14px;
	display:inline-block;
	bottom:5px;
}


.videoContainer {
	position:relative;
	width:100%;
	aspect-ratio: 16 / 9;
}

.videoContainer > * {
	position:absolute;
	top:0;
	height:100%;
	object-fit:cover;
	object-position:top;
}


ol {
	padding-left:20px;
}

ol.numeral {
	list-style: none;
  	counter-reset: counter;
	margin:0 0 30px 0;
	padding:0;
}

ol.numeral li {
	position:relative;
	padding-left:30px;
	counter-increment: counter;
  }


ol.numeral li:before {
	content: counter(counter) ". ";
	color:#000000;
	font-weight: bold;
	position:absolute;
	left:0;
  }

ol.numeral p {
	margin-bottom:10px;
}



/* ---- accordion ---- */

ul.accordion {
	list-style:none;
	padding:0;
	margin:0 auto 30px auto;
	max-width:700px;
	border:var(--gd-border-color-dkr) solid 1px;
}

ul.accordion p:last-child {
	margin:0;
}

ul.accordion > li {
	border-top:var(--gd-border-color-dkr) solid 1px;
}

ul.accordion > li:first-child {
	border-top:0;
}

ul.accordion .toggle {
	display:block;
	width:100%;
	padding:15px 50px 15px 15px;
	border:0;
	background-color:transparent;
	position:relative;
	font-family:inherit;
	font-size:16px;
	color:var(--gd-link-color-default);
	font-weight:600;
	text-align:left;
	cursor:pointer;
	transition: font-size .3s ease-out;
}




ul.accordion .toggle:after {
	position:absolute;
	display:inline-block;
	font-family: "Font Awesome 6 Pro";
	content: "\f2ec";
	font-size:8px;
	top:50%;
	transform:translateY(-50%) rotate(180deg);
	right:20px;
	color:var(--gd-link-color-default);
}


ul.accordion  .toggle.open:after {
	transform:translateY(-50%) rotate(0deg);
}


ul.accordion .toggle:hover,
ul.accordion .toggle:focus-visible,
ul.accordion .toggle:active,
ul.accordion .toggle:hover:after,
ul.accordion .toggle:focus-visible:after,
ul.accordion .toggle:active:after {
	color:var(--gd-link-color-hover);
}

ul.accordion .panel {
	padding:10px 15px 15px 15px;
	display:none;
}










/* ----------- STRUCTURES ----------- */
.site {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	position:relative;
	background-color:var(--franki-bright-yellow);
}

.siteMain {
	margin-bottom:20px;
}

.contentContainer {
	width:100%;
	max-width:1400px;
	padding:0 20px;
	margin:0 auto;
	position:relative;
}

.contentLimit {
	max-width:700px;
	margin:0 auto;
}


.bgMask {
	background-color:#ffffff;
	opacity:1;
	transition: opacity 0.75s ease-out;

}

.ready .bgMask {
	/* opacity:0.35; */
	opacity:0;
}





/* header */
.siteHeader {
	left:0;
	height:100px;
	width:100%;
	padding:15px 0;
	position:relative;
	z-index:10;
}

.navOpen header {
	height:100px;
}

.navOpen.navClose .headerContainer {
	position:relative;
}

.navOpen .headerContainer {
	position:fixed;
	z-index:11;
}


.siteHeader .contentContainer {
	height:70px;
}

.siteHeader .contentContainer:before {
	content:'';
	width:0;
	height:100%;
	display:inline-block;
	vertical-align: middle;
}

.siteHeader .eventGroup {
	white-space: nowrap;
}

.siteHeader .eventLogo {
	display:inline-block;
	vertical-align: middle;
	width:160px;
	margin:0;
}

.siteHeader .eventName {
	color:#000000;
	font-size:16px;
	font-weight:700;
	width:calc(100% - 150px);
	max-width:300px;
	display:inline-block;
	vertical-align: middle;
	white-space: normal;
	margin:0 0 0 20px;
}


.pageTitle {
	padding:15px 20px;
	background-color:#000000;
	position:relative;
	overflow: hidden;
}



.pageTitle .fs-title1 {
	text-align:center;
}


.pageContent {
	position:relative;
}



/* ------------------- NAV TOGGLE ---------------------- */
.navToggleContainer {
	position:fixed;
	z-index:12;
	width:100%;
	top:0;
	left:0;
}

.navToggleContainer .contentContainer {
	height:0;
	text-align:right;
}

.navToggle {
	/* background-color:rgba(103,0,103,0.5); */
	border-radius:var(--gd-button-border-radius);
	background-color:var(--franki-bright-yellow);
	border:0;
	position:relative;
	width:50px;
	height:50px;
	margin-top:25px;
	cursor:pointer;
	display:inline-block;
	transition: background-color .2s linear;
}

.navOpen.navClose .navToggle {
	ackground-color:var(--franki-bright-yellow);
}


.navToggle .top, 
.navToggle .middle1, 
.navToggle .middle2, 
.navToggle .bottom {
	width:28px;
	height:3px;
	background-color:#000000;
	position:absolute;
	transition: transform .2s linear, opacity .2s linear;
	display:block;
}



.navToggle .top 		{ top:16px; left:11px;}
.navToggle .bottom 		{ top:30px; left:11px;}
.navToggle .middle1,
.navToggle .middle2		{ top:23px; left:11px;}
	


.navToggle	.middle1,
.navToggle	.middle2,
.navOpen.trans .navToggle	.middle1,
.navOpen.trans .navToggle	.middle2,
.navOpen.navClose .navToggle	.middle1,
.navOpen.navClose .navToggle	.middle2 {	
	transform: rotate(0deg); 
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
}


.navOpen.trans .navToggle .top,
.navOpen.trans .navToggle .bottom,
.navOpen.navClose .navToggle .top,
.navOpen.navClose .navToggle .bottom {
	opacity:1;
}

.navOpen .navToggle .top,
.navOpen .navToggle .bottom {
	opacity: 0;
}


.navOpen .navToggle	.middle1	{	
	transform: rotate(-45deg) scaleX(1); 
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
 }

.navOpen .navToggle	.middle2	{	
	transform: rotate(45deg)  scaleX(1);; 
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
 }

.no-touch .navToggle:hover span,
.no-touch .navToggle:focus-visible span,
.navToggle:active span {
	background-color:var(--gd-link-color-hover);
}
 







/* ---- NAV ---- */
body.navOpen {
	overflow: hidden;
}


/* nav background */
.navBg {
	opacity:0;
	position:fixed;
	z-index:8;
	overflow:hidden;
	height:0;
	width:100vw;
	top:0;
	left:0;
	background-color:var(--franki-bright-yellow);
	transition: opacity .5s linear;
}


.navOpen .navBg {
	height:150vh;
	opacity:1;
	transition: opacity .1s linear;
}

.navClose.navOpen .navBg {
	opacity:0;
}


.siteNav {
	color:var(--gd-font-color-dkr);
	position:fixed;
	visibility: hidden;
	top:120vh;
	left:0;
	width:100vw;
	height:calc(100vh - 100px);
	z-index:9;
	transition: visibility 0.25s ease-out ;
}


.siteNav .cardLinks.nav {
	width:100%;
}


.navOpen .siteNav {
	visibility: visible;
	top:100px;
	overflow-y:auto;	
	scrollbar-color: var(--franki-gold) transparent;
}

.navOpen .siteNav::-webkit-scrollbar-track {
	background-color:transparent;
}

.navOpen .siteNav::-webkit-scrollbar-thumb {
	background-color:var(--franki-gold);
}





.siteNav .contentContainer {
	margin:0px auto 0 auto;
	padding-bottom:40px;
	text-align:center;
	
}

.siteNav .navContent {
	width:100%;
	margin:0 auto;
	opacity:0;
	transform: translate(0px, 20px);
	transition: transform 0.25s ease-out, opacity 0.25s ease-out;
	padding-top:5px;
}

.navOpen nav .navContent {
	opacity:1;
	transform: translate(0px, 0px);
}

.navClose.navOpen nav .navContent {
	opacity:0;
	transform: translate(0px, 50px);
}


body.navOpen.navClose {
	border-top:0;
}


.navOpen.navClose .eventGroup {
	position:relative;
}






/* card links */
ul.cardLinks {
	width:100%;
	gap:5px;
	list-style:none;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:stretch;
}


.cardLinks li {
	background-color:#ffffff;
	width:100%;
}

.cardLinks li:empty {
	height:0;
}


.cardLinks  li a:not(.gd-button) {
	display:block;
	height:100%;
	text-align:center;
	position:relative;
	color:#555555;
	font-size:14px;
}

.cardLinks  li a:not(.gd-button):hover,
.cardLinks  li a:not(.gd-button):focus-visible,
.cardLinks  li a:not(.gd-button):active {
	background-color:var(--gd-link-color-hover);
	color:#ffffff;
}

.cardLinks  li a:not(.gd-button):hover b,
.cardLinks  li a:not(.gd-button):focus-visible b,
.cardLinks  li a:not(.gd-button):active b{
	color:#ffffff;
}

.cardLinks li > span,
.cardLinks li > div {
	display:block;
	position:relative;
}

.cardLinks .title {
	margin-bottom:10px;
}

.cardLinks .title b {
	font-size:16px;
}

.cardLinks .image  {
	height:0;
	background-color:var(--franki-bright-yellow);
	width:100%;
	padding-top:66.66%;
	overflow: hidden;
}

.cardLinks .image img {
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50% ,-50%);
	width:100%;
}

.cardLinks li a:hover .image img,
.cardLinks li a:focus-visible .image img,
.cardLinks li a:active .image img {
	width:110%;
	left:-5%;
	top:-5%;
}

.cardLinks .details {
	padding:20px;
}





/* if there's only 1 card */
.cardLinks.single {
	justify-content: center;
}

.cardLinks.single li {
	width:100%;
	max-width:300px;	
}



/* cardlinks nav */
ul.cardLinks.nav {
	width: calc(100% - 40px);
	max-width:1000px;
	margin:0 auto;
}

ul.cardLinks.nav li {
	margin:0;
	width:calc((100% - 5px)/2);
	background-color:transparent;
}


ul.cardLinks.nav a {
	border-radius:var(--franki-border-radius-1);
	background-color:var(--franki-gold);
	font-size:14px;
	display:grid;
	color:#000000;
	text-align:center;
	height:100%;
	padding:10px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
}

ul.cardLinks.nav a:hover,
ul.cardLinks.nav a:focus-visible,
ul.cardLinks.nav a:active {
	background-color:var(--franki-gold);
	color:var(--franki-bright-yellow); 
}

ul.cardLinks.nav .details {
	display:block;
	padding:15px 0 5px;
}


ul.cardLinks.nav .image {
	display:block;
	position:relative;
	height:0;
	width:100%;
	border-radius:6px;
	overflow:hidden;
	/* padding-top:56.25%; */
	padding-top:66.66%;
	overflow: hidden;
}


ul.cardLinks.nav .image img {
	position:absolute;
	width:100%;
}

ul.cardLinks.nav a:hover .image img,
ul.cardLinks.nav a:focus-visible .image img,
ul.cardLinks.nav a:active .image img {
	background-size:120%;
	left:50%;
	top:50%;
	transform:translate(-50% ,-50%);
}





/* aux links */
div.auxLinks {
	padding:30px 0;
	margin-top:20px;
}

ul.textLinks:empty {
	display:none;
}

ul.textLinks {
	list-style:none;
	text-align:center;
	margin-bottom:40px;
	font-size:14px;
}
ul.textLinks li {
	display:block;
	margin:0 0 20px 0px;
}


ul.textLinks a {
	color:var(--gd-link-color-default);
	text-decoration:none;
}

ul.textLinks a:hover,
ul.textLinks a:focus-visible,
ul.textLinks a:active{
	color:var(--gd-link-color-hover);
	text-decoration:underline;
}

ul.textLinks button {
	display:inline-block;
	padding:0;
	margin:0;
	background-color:transparent;
	border:0;
	font-size: 14px;
	cursor:pointer;
	color:var(--gd-link-color-default);
}

ul.textLinks button:hover,
ul.textLinks button:focus-visible,
ul.textLinks button:active,
ul.textLinks button:hover span,
ul.textLinks button:focus-visible span,
ul.textLinks button:active span {
	color:var(--gd-link-color-hover);
	text-decoration:underline;
}



/* log out */
 .navLogOut button:before {
	display:inline-block;
	vertical-align: middle;
	content:'';
	width:30px;
	height:30px;
	background-image:url(../images/shell/icon-logout.svg);
	background-position:center center;
	background-size:30px;
	margin-right:5px;
}


/* row links */
ul.rowLinks {
	border:#cccccc solid 1px;
	list-style: none;
	margin:0 0 30px 0;
	padding:0;
}

ul.rowLinks li {
	padding:10px 15px;
	border-top:#cccccc solid 1px;
}

ul.rowLinks li:first-child {
	border-top:0;
}


/* show based on screensize */
.showMobile { display:block;}
.showTablet { display:none;}
.showDesk	{ display:none;}



/* ---- FOOTER ---- */
.siteFooter {
	padding-top:30px;
	padding-bottom:50px;
}

.siteFooter .contentContainer {
	text-align:center;
}

.siteFooter {
	position:relative;
}

.siteFooter .contentContainer:has(:only-child:empty) {
	display:none;
}



/* ---- GUESTDECK BADGE ---- */
.gd_badge {
	margin-top:50px;
	text-align:center;
}

.gd_badge img {
	display:inline-block;
	width:100px;
}


/* ---- PAGE TRANSITION ---- */
.pageMask {
	position:fixed;
	top:0px;
	left:0px;
	width:100vw;
	height:150vh;
	z-index:9;
	background-color:var(--franki-bright-yellow);
	display:none;
}







/* ---- OVERLAY ---- */
div.overlay {
	width:100%;
	max-width:700px;
	background-color:#ffffff;
	display:none;
}

div.overlay .header {
	padding:20px 70px 20px 20px;
	background-color:#000000;
	position:relative;
}

div.overlay .header .fs-title1 {
	color:#ffffff;
}

div.overlay .content {
	padding:20px;
}


div.overlay .header .overlayClose {
	position:absolute;
	top:12px;
	right:10px;
	width:40px;
	height:40px;
	overflow:hidden;
	border:0;
	text-indent:-9999px;
	background-color:transparent;
	cursor:pointer;
}

div.overlay .header .overlayClose:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:40px;
	height:40px;
	background-image:url(../images/shell/icon-close.svg);
	background-repeat: no-repeat;
	background-size:30px;
	background-position: center center;
}



/* ALERT OVERLAY */

div.overlay.alert {
	max-width:500px;
	text-align:center;
}

div.overlay.alert .header,
div.overlay.alert .content {
	background-color:var(--gd-link-color-default);
	color:#ffffff;
}

div.overlay.alert .content {
	padding:30px;
}

div.overlay.alert .fs-title1,
div.overlay.alert .fs-title2,
div.overlay.alert .fs-title3,
div.overlay.alert .fs-title4 {
	color:#ffffff;
	margin:0 0 10px 0;
}

div.overlay .header .overlayClose {
	position:absolute;
	top:12px;
	right:10px;
	width:40px;
	min-width:40px;
	height:40px;
	overflow:hidden;
	border:0;
	text-indent:-9999px;
	background-color:transparent;
	cursor:pointer;
}

div.overlay .header .overlayClose:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:40px;
	height:40px;
	background-image:url(../images/shell/icon-close.svg);
	background-repeat: no-repeat;
	background-size:30px;
	background-position: center center;
}






/* ---- LOGIN PAGE ---- */
.pgLogIn .siteHeader {
	display:none;
}


.pgLogIn .siteMain {
	padding:40px 0 0;
	margin-bottom:0;
}

.pgLogIn .siteMain .contentContainer {
	max-width:1000px;
}

.pgLogIn .siteMain .eventLogo {
	display:block;
	width:90%;
	max-width:500px;
	margin:0 auto 40px auto;
}

.pgLogIn .intro {
	padding:30px;
	background-color:var(--franki-gold);
}


.pgLogIn .intro .pageTitle,
.pgLogIn .intro p {
	color:var(--gd-font-color-dkr);
}

.pgLogIn .intro .fs-title1 {
	color:var(--gd-font-color-dkr);
	margin-bottom:40px;
}


.pgLogIn .intro .eventName {
	display:block;
	font-size:24px;
	margin:30px 0 5px 0;
	font-weight: 700;
	line-height:1.3;
}


.pgLogIn .intro .superLine,
.pgLogIn .intro .subLine {
	display:block;
	font-size: 18px;
}

.logInContainer {
	border-radius:15px;
	overflow:hidden;
}

.logInPanel {
	width:100%;
	margin:0 auto;
	padding:30px;
	background-color:#ffffff;
	/* border:# solid 1px; */
}

.logInPanel .fs-title2 {
	margin-top:0px;
}


.pfForm  .pfLabel {
	color:#dddddd;
}
.pfForm {
	font-family:'Roboto', Helvetica Neue, Arial, sans-serif;
}
.pfOptionSet ul li input[type="radio"], .pfOptionSet ul li input[type="checkbox"]  {
	top:0;
}





.pgLogIn .formFooter {
	margin-top:30px;
}
.pgLogIn .formFooter .button {
	width:150px;
	cursor:pointer;
}

/* error overrides */
.pfField.pfError {
	padding-left:10px;
}

.pfField.pfError .pfIcon {
	display:inline-block;
	margin-right:5px;
	left:0;
	vertical-align:middle;
	position:relative;
}

.pfField.pfError .error {
	display:inline-block;
	vertical-align: middle;
}




/* ---- flash message ---- */
.flashMessage {
	padding:10px;
	background-color:#bb0000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px 0;
}

.flashMessage .icon {
	font-size:24px;
	margin-bottom:10px;
}

.flashMessage p:last-child {
	margin:0;
}




/* --- PREVIEW PAGE --- */
.pgLogIn.pgPreview .intro {
	width:100%;
}

.pgLogIn.pgPreview .logInContainer {
	max-width:500px;
	margin:0 auto;
}


/* ---- HOME ---- */

.pgHome .siteMain ul.cardLinks {
	margin:0 auto;
}

.pgHome .eventGroup,
.pgHome.navOpen.navClose .eventGroup {
	display:none;
}

.navOpen.pgHome .eventGroup {
	display:inline-block;
}

/* hero */
.hero {
	position:relative;
	width:100%;
	overflow:hidden;
}


.hero .preamble {
	padding:30px 10px;
	text-align: center;
}

.hero .preamble p:last-child {
	margin-bottom:0;
}

.hero .preamble p {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}


.pgHome .hero {
	margin-bottom:40px;
	border-radius:var(--franki-border-radius-1);
	overflow:hidden;
}

.pgHome .heroBg {
	display:block;
	width:100%;
	height:450px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:1200px;
	background-image:url(../images/general/lobby-bg.jpg);
	position:relative;
}





/* ---- HOME WELCOME ALERT OVERLAY ---- */
#welcomeAlertOverlay {
	max-width:700px;
}

#welcomeAlertOverlay h3:first-child {
	margin:10px 0 30px 0;
	color:#002F6C;
}


#welcomeAlertOverlay .button {
	display:block;
	margin-left:auto;
	margin-right:auto;
}




/* ---- AGENDA ---- */
.pgAgenda .siteMain {
	margin-bottom:0;
}

.pgAgenda .pageTitle {
	background-color:var(--franki-gold);
	padding-bottom:0;
}


.pgAgenda.pgGeneral .siteMain [class*="fs-title"] {
	color:var(--gd-font-color-dkr);
}

.pgAgenda .agendaTopic {
	margin:0 0 30px;
	text-align:center;
}

.pgAgenda .agendaTopic .subline  {
	font-weight:normal;
}

.pgAgenda .agendaTopic .subline i {
	font-weight:bold;
}

.pgAgenda .tableGeneral ul {
	margin-bottom:0;
}


.cardLinks.hotel li,
.cardLinks.speakers li,
.pgAgenda .agendaContainer {
	border-radius:var(--franki-border-radius-2);
	overflow:hidden;
}



.agendaHero {
	background-color:var(--franki-bright-yellow);
	display:none;
}



/* if using html agenda */
.tableGeneral {
	border-collapse: separate;
    border-spacing: 0;
	width:100%;
	background-color:var(--franki-bright-yellow);
	color:var(--gd-font-color-dkr);
	margin-bottom:0;
}

.tableGeneral tr:first-child th {
	border:0;
}

.tableGeneral th {
	font-size:18px;
	font-weight:800;
	background-color:var(--franki-bright-yellow);
	color:var(--gd-font-color-dkr);
	padding:10px 15px 0 15px;
	text-align:left;
	border-top:var(--gd-border-color-dkr) solid 1px;
}


.tableGeneral td {
	/* border-top:var(--franki-charcoal) solid 1px; */
	padding:12px 15px;
}

.tableGeneral p {
	margin:0;
}

.tableGeneral p + p {
	margin-top:20px;
}











/* ---- DOCUMENT CENTRE, BREAKOUT ROOMS ---- */
.pgGeneral .pageContent{
	background-color:var(--franki-gold);
}


.pgGeneral .siteMain {
	color:#ffffff;
	margin-bottom:0;
	border-radius:var(--franki-border-radius-1);
	overflow:hidden;
	
}

.pgGeneral .siteMain,
.pgGeneral .siteMain .fs-title2,
.pgGeneral .siteMain .fs-title3,
.pgGeneral .siteMain .fs-title4 {
	color:#ffffff;
}


.pgGeneral  .siteMain .cardLinks [class*="fs-title"] {
	color:var(--gd-font-color-dkr);
}


.pgGeneral ol.numeral li:before {
	color:#ffffff;
}


.pgGeneral .siteMain .contentContainer {
	min-height:400px;
}

.pgGeneral .siteMain .contentContainer,
.pgSupport .siteMain .contentContainer {
	padding-top:20px;
	padding-bottom:20px;
}


.cardLinks.hotel,
.cardLinks.speakers {
	color:var(--gd-font-color-dk);
}

.cardLinks.hotel li,
.cardLinks.speakers li {
	width:100%;
}

.cardLinks.hotel a:not(.gd-button),
.cardLinks.speakers a:not(.gd-button) {
	text-align:left;
	display:inline;
	color:var(--gd-link-color-default);
}

.cardLinks.hotel a:not(.gd-button):hover,
.cardLinks.hotel a:not(.gd-button):focus-visible,
.cardLinks.hotel a:not(.gd-button):active,
.cardLinks.speakers a:not(.gd-button):hover,
.cardLinks.speakers a:not(.gd-button):focus-visible,
.cardLinks.speakers a:not(.gd-button):active {
	background-color:transparent;
	color:var(--franki-gold);
}  

.cardLinks.documents  a,
.cardLinks.breakouts  a{
	padding-bottom:80px;
}


.cardLinks.documents  a:after,
.cardLinks.breakouts  a:after {
	content:'';
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	bottom:20px;
	margin:0 0 0 -20px;
	background-repeat: no-repeat;
	background-size:cover;
}

.cardLinks.documents a:after {
	background-image:url(../images/shell/icon-download.svg);
}

.cardLinks.breakouts a:after {
	background-image:url(../images/shell/icon-go.svg);
}

.cardLinks.documents  a:hover:after,
.cardLinks.documents  a:focus-visible:after,
.cardLinks.documents  a:active:after,
.cardLinks.breakouts  a:hover:after,
.cardLinks.breakouts a:focus-visible:after,
.cardLinks.breakouts  a:active:after {
	filter:invert(100%) sepia(6%) saturate(24%) hue-rotate(246deg) brightness(108%) contrast(107%);
}











/* ---- SUPPORT ---- */
.pgSupport .siteMain {
	border-radius:var(--franki-border-radius-1);
	overflow:hidden;
	background-color:var(--franki-gold);
	color:var(--gd-font-color-dkr);
}

.pgSupport .hero {
	border-radius:var(--franki-border-radius-2);
	overflow:hidden;
	background-color:var(--franki-bright-yellow);
	margin-bottom:30px;
}

.pgSupport .hero img {
	max-width:500px;
	margin:0 auto;
}







/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:500px) {

	.siteHeader .eventLogo {
		width:185px;
	}


	.cardLinks li {
		width:calc((100% - 5px)/2);
	}
	
	
	.pgSupport .preamble {
		background-color:transparent;
	}




	
}





/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:768px) {

	body {
		padding:20px;
		background-color:var(--franki-gold);
	}

	.site {
		min-height: calc(100vh - 40px);
		border-radius:15px;
		padding:0 20px;
	}

	.fs-title2 {
		font-size:28px;
	}

	.fs-title3 {
		font-size:24px;
	}
	

	
	
	/* show based on screensize */
	.showMobile { display:none;}
	.showTablet { display:block;}
	.showDesk	{ display:none;}
	
	
	/* ---- NAV--- */

	.navToggleContainer {
		width:calc(100% - 40px);
		left:20px;
	}

	.navToggleContainer .contentContainer {
		padding:0 40px;
	}

	.navToggle {
		margin-top:45px;
	}
	
	.siteNav {
		height:calc(100vh - 120px);
	}

	.siteNav .contentContainer {
		padding:0 40px;
	}

	.navOpen .siteNav {
		top:120px;
	}


	ul.cardLinks.nav {
		width:100%;
	}

	ul.cardLinks.nav li { 
		width:calc((100% - 10px)/3);
	}
	
	/* ---- HEADER ---- */
	.siteHeader .eventName {
		font-size:18px;
	}

	


		
	/* ----- STRUCTURES ----- */



	.pgLogIn .contentContainer {
		padding:0;
	}
	
	/* ---- FOOTER ---- */
	
	
	
	ul.textLinks li {
		margin:0 30px;
		display:inline-block;
	}
	

	/* ---- GUESTDECK BADGE ---- */
	.gd_badge {
		margin-top:30px;
	}

		
	
	/* ---- OVERLAY ---- */

	div.overlay .header {
		padding-left:30px;
	}

	div.overlay .content {
		padding: 30px;
	}

	.overlayClose {
		right:20px;
	}
	

	/* ---- HOME WELCOME ALERT OVERLAY ---- */
	#welcomeAlertOverlay {
		width:66.66%;
	}

	
	/* ----- LOGIN PAGE ---- */
	.logInContainer {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:stretch;
		justify-content: space-between;
	}
	
	.pgLogIn .intro,
	.pgLogIn .logInPanel{
		width:50%;
	}
	
	
	/* ---- HOME ---- */
	.pgHome .bannerVert ul.links {
		width:calc(100% + 2px);
		margin-left:-2px;
	}
	.pgHome .bannerVert ul.links li {
		width:calc((100% - 4px)/2);
		margin-left:2px;
		display:inline-block;
	}
	
	
	
	
	/* ---- DOCUMENT CENTRE, BREAKOUT ROOMS ---- */
	
	.cardLinks li {
		width: calc((100% - 10px)/3);
		max-width:none;
	}

	.cardLinks.hotel li,
	.cardLinks.speakers li {
		width: calc((100% - 5px)/2);
	}

	
	
	
	
}


/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:992px) {
	
	/* show based on screensize */
	.showMobile { display:none;}
	.showTablet { display:none;}
	.showDesk	{ display:block;}
	
	

	/* ---- HOME ---- */
	.pgHome .screenLink {
		width:90px;
		height:190px;
		margin-left:575px;
		margin-top:-48px;
	}
	/* hero */
	
	.pgHome .heroBg {
		min-height:600px;
		background-size:1500px;
	}
	


	/* ---- AGENDA ---- */
	.agendaContainer {
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
		width:100%;
	}

	.agendaContent,
	.agendaHero {
		width:50%;
	}

	.agendaHero {
		display:block;
		position:relative;
	}

	.pgAgenda .tableGeneral {
		border-right:var(--gd-border-color-dkr) solid 1px;
	}

	.agendaHero > * {
		position:absolute;
		top:0;
		height:100%;
		object-fit:contain;
		object-position:center right;
	}


	/* ---- DOCUMENT CENTRE, BREAKOUT ROOMS ---- */
	.cardLinks li {
		width: calc((100% - 15px)/4);
	}

	.cardLinks.speakers li {
		width: calc((100% - 10px)/3);
	}
	




	/* ---- SUPPORT ---- */
	.pgSupport  .heroBg {
		background-size:1700px;
	}
	
	
}




/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width:1400px) {
	
	
	/* ---- HOME ---- */
	
	.pgHome .heroBg {
		background-size:2000px;
	}
	
	/* ---- SUPPORT ---- */
	
	.pgSupport  .heroBg {
		background-size:2000px;
		background-position:center -200px;
	}
	
}








/* --------------------------- OVERRIDES ---------------------------- */

/* FOCUS OUTLINES */



.pfHasError input[type="text"].pfField,
.pfHasError input[type="date"].pfField,
.pfHasError input[type="number"].pfField,
.pfHasError input[type="email"].pfField,
.pfHasError input[type="password"].pfField,
.pfHasError textarea.pfField,
.pfHasError select.pfField {
	border-color: var(--gd-state-error-color);
}

/* outline color for field with an error */
.pfHasError input:focus-visible,
.pfHasError textarea:focus-visible,
.pfHasError select:focus-visible {
	outline-color: var(--gd-state-error-color);
	border-color: var(--gd-state-error-color);
}

/* -- */
main *:first-child {
	margin-top:0;
}


/* captcha */
.g-recaptcha {
	position:relative;
	z-index:1;
}