@import url(/2020/js/fa5/css/fontawesome.css);
@import url(/2020/js/fa5/css/brands.css);
@import url(/2020/js/fa5/css/solid.css);

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,800;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,700;1,300&display=swap');


* { box-sizing:border-box; -webkit-font-smoothing: antialiased; }
figure, figcaption, section { margin:0; padding:0; }
a img { border:none; }

iframe, .yui-panel-container { background:#FFF !important; padding:20px; }
.container-close { position:absolute; top:10px; right:10px; z-index:9999999 !important; }

.yui-panel-container.shadow { text-shadow:none !important; }

.mask { background:rgba(0,0,0,0.7);  }

body { 

	margin:0; 
	padding:0; 
	font-size:18px;
	font-family:'Open Sans', Helvetica, Sans-Serif; 
	font-weight:300; 
	color:#000; 
	width:100%;
	overflow-x:hidden;
}


#top {
	position:fixed;
	top:0; 
	left:0;
	width:100%;
	height:56px;
	background: #3185c6;
	text-align:left
	z-index:10;


}




#covid {

	position:absolute;
	left:0;
	top:calc(100vh - 135px - 50px);
	width:100%;
	height:50px;
	line-height:50px;
	background:rgba(224, 25, 40, 0.5);
	color:#FFF;
	text-align:center;
	font-size:15px;
	font-weight:700;
	z-index:7;
	padding:0;
	margin:0;
	

}

#covid a { color:#FFF; text-decoration:none;  line-height:40px; }

#midgard { 

	position:absolute;
	top:calc(100vh - 135px);
	width:100%;
	height:135px;
	background:rgba(255,255,255, 0.70);
	text-align:center;
	padding:20px;
	z-index:7;
}


#midgard h1 { font-size:55px; color:#3185c6; font-style:italic; font-weight:300; font-family: 'Cormorant Garamond', serif; margin:0; padding:0; }
#midgard h2 { font-size:19px; color:#000; font-weight:300; text-transform: uppercase; margin-top:0; }


#bar { padding:18px 0; background: #3185c6; text-align:center; margin:10px 0; }

#bar a, #bar h1 { font-size:27px; color:#FFF; font-weight:300; margin:0; padding:0; }
#bar a:hover { text-decoration:underline;  }

header {

	position:absolute;
	background:url(/images/curve.svg) no-repeat;
	background-size:contain;
	width:100%;
	height:15vw;
	text-align:center;
	z-index:5;
	margin-top:56px;
}


header#redactor_modal_header {

	position:static;
	background:none;
	width:auto;
	height:auto;
	text-align:center;
	z-index:100;
	margin-top:0;

}


header #twitter {

	position:absolute;
	top:30px;
	left:30px;
	font-size:36px;
	color:#3185c6;
	color:#FFF;
}


header #cart {

	position:absolute;
	top:30px;
	right:30px;
	font-size:32px;
	color:#3185c6;
	color:#FFF;
}


#cart:hover, #twitter:hover {

	color:#FFF;
}



#logo { 

	position:relative;
	width:40vw; 
	height:auto; 
	margin-top:20px;
	margin-bottom:30px;
	left:-10px;
}



#logo-oval { 

	position:relative;
	display:inline-block;
	width:130px;
	

}


#logo-oval img {

	position:absolute;
	top:5px;
	height:30px;
	width:auto;
}




.interior #banner {

	position:relative;
	width:100%;
	height:70vh;
	color:#FFF;
	background-size: cover;
	background-position: top center;

}


.interior #banner h1 {

	position:absolute;
	left:0; bottom:0;
	height:80px;
	font-size:40px;
	line-height:70px;
	background:rgba(0,0,0,0.4);
	text-align:center;
	color:#FFF;
	width:100%;
	margin:0;
	padding:0;
	font-weight:200;
	font-family: 'Open Sans';
	border-bottom:10px solid #3185c6;
}




section#content {
	position:relative;
	margin:0;
	padding:20px 40px 40px 40px;
	vertical-align:top;

}


section#content div.block {

	display:inline-block;
	max-width:50%;
	vertical-align:top;
	min-width:200px;

	
}

#aussie {

	position:absolute;
	right:40px;
}

div.block:first-child {
	margin-right:10px	;
}

div.block p { margin-top:-20px; text-align:justify; }

div.block img {

	width:120px; 
	height:120px;
}

div.block h1, div.block h2 {

	display:block;
	height:60px;
	overflow:hidden;
	vertical-align:bottom;
	font-family:'Open Sans';
	font-size:30px;
}

div.block h2 {
	font-size:20px;
}

section#content article {

	max-width:720px;
	min-height:400px;
	font-weight:400;
}




.interior section#content {

	margin:0;
	padding:40px 70px 70px 70px;
	vertical-align:top;
}


.short section#content {

	margin:0;
	padding:40px 5vw;
}


.short section#content .webinar {

	margin:0 auto; 
	width:90vw; 
	height:56vw;
}



.webinar-code-box {


	width:100%;
	background:rgba(0, 153, 255, 0.1); 
	background:rgba(0, 0, 0, 0.05);
	background:url(/images/preview-fade.jpg) no-repeat;
	background-size:cover;
	padding:15px 20px;
	margin-bottom:50px; 
	font-size:22px;
	overflow:hidden;
	text-align:left;
	font-size:16px;
	text-align:center;

}

#webinar-form {
	display:inline-block;
	width:340px;
	margin:10px auto;
	padding:30px 30px;
	background:rgba(255,255,255, 0.7);
	margin-right:50px;
}


#retrieve {
	width:200px;
	height:200px;
	display:inline-block;
	vertical-align:top;
}

#retrieve-graphic {

	width:200px;
	height:200px;
	display:inline-block;
	vertical-align:top;
}

#webinar-form input[type=text] {
	font-size:24px;
	width:210px;
	color:#933;
	text-transform:uppercase;
	height:36px;
}


#webinar-form select {

	font-size:22px;
	margin-bottom:10px;
	padding:6px 8px;
	background:#99cc33;
	color:#FFF;
	width:100%;

}


#webinar-form input[type=submit] {

	position:relative;
	top:-2px;
}


#dev-bar { 

	position:fixed;
	top:100px;
	left:50px;
	width:800px;
	height:70px;
	line-height:70px;
	color:#FFF;
	background:rgba(128,24,24,0.5);
	z-index:1000000;
	text-align:left;
	padding:0px 20px;
	border:2px solid #FFF;
	display:none;
}

#dev-bar button {
	color:#FFF;
	border:1px solid #FFF;
	float:none;
}



footer { 

	position:relative;
	width:100%;
	height:200px;
	background: #2c2e2f;
	padding:40px;
	color:#FFF;
	margin-top:72px;


}


footer nav {

	display:inline-block;
	margin-right:40px;
	vertical-align:top;
	color:#FFF;
}


footer nav strong {
	font-style:normal;
	font-weight:600;
	color:#adbf34;
	display:block;
}

footer nav a {

	display:block;
}


footer nav a:hover {
	text-decoration:underline;
}


footer address {

	position:absolute;
	right:30px;
	top:140px;
	color:#FFF;
	font-style:normal;
	font-weight:400;
}

footer a { color:#FFF; }

footer #logo-footer {
	position:absolute; 
	right:30px;
	top:30px;
	width:500px;
	height:auto;
}




/* Responsive Nav */
#menu, #close { 

	position:absolute; 
	color:#FFF;
	font-size:30px;
	top:20px;
	right:10px;
	width:40px;
	height:40px;
	z-index:1000;
	display:none; 

}


#menu:hover { color:#3185c6; }

#wrapper { position:relative; width:100%; left:0%;  } 
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-100%; width:100%; padding:20px;  overflow:hidden;  }
#responder.open { left:0; }

#responder li { list-style:none; }
#responder a { text-decoration: none; font-size:20px; line-height:36px; color:#000;  display:block; margin:0; padding:5px;  }
#responsider a:hover { color:#888;  }


#questionEditDiv.questions-content {

	position:relative;
	left:320px;
	width:600px;
	height:600px;
	

}


#questionEditDiv #chart {

	position:absolute;
	top:100px; 
	left:0;
}


#questionEditDiv #otherNav {

	position:absolute;
	top:60px; 
	left:0;
	height:20px;
}


.circle { 

	display:block;
	border-radius:50%;
	height:60px;
	width:60px;
	background:rgba(255,255,255,0);
	padding:8px;
	text-align:center;
}



#responder, #wrapper, figure, div.bar a, nav > ul > li:hover, a.details img  {

	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

figure  {

	-webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;

}



.fifty {

	width:50%;
	padding:20px !important;

}


.aussie {
	font-size:16px;
}

.aussie-logos img {
	height:140px;
	width:auto;
}

@media only screen and (max-width: 1023px) {

	#top, #twitter { display:none; }
	#menu, #close { display:block; }
	header #cart { top:25px; left:20px;  text-align:left; }
	header { margin-top:0; }

	section#content div.block { 
		display:block;
		width:100%;
		max-width:100%;
		position:static;
	}

	div.block h1 {
		text-align:center;
		overflow:hidden;
	}

	section#content article {
		min-height:0;
	}

	footer, #policies { padding:20px; text-align:center; height:auto; }
	footer #logo-footer, footer address { position:static; text-align:center; }
	footer #logo-footer { width:300px; }
	footer nav { margin-bottom:50px; }

} /* End Medium Screen Media Query */



@media only screen and (max-width: 720px) {


	header {

		position:absolute;
		background:url(/images/curve.svg) no-repeat;
		background-size:contain;
		width:130%;
		height:30vw;
		text-align:cover;
		z-index:5;
		margin-top:0;
		margin-left:-15%;
	}

	#logo { 


		width:50vw; 
		height:auto; 
		margin-top:10px;


	}


	.interior section#content {

		padding:20px 30px 30px 30px;
	}

	#webinar-form {

		margin:0 0 20px 0;

	}



	.aussie-logos, .aussie h2 { display:block; width:100%; text-align:center; }
	

	#wrapper.open header { display:none; }


	

} /* End Small Screen Media Query */