@charset "utf-8";
/* CSS Document */

body { 
	box-sizing:border-box;
	color:#fff;
	font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-wrap:pretty;
	line-height:150%;
}
* {margin:0; font-weight:normal; box-sizing:border-box;}
.displaytext { font-size: 2.5em; margin:0; line-height:1; }
h1 {
	font-size:1.4em;
	margin-bottom:.75em;
}
#togglerCont span {
	text-align:right;
	border-bottom:1px solid #fff;
}
main p {
	padding-bottom:.75em;
}
main h1 { position:relative; }
.focus {
	background:#21129f;
	padding: 20px 0;
	font-size:.9em;
}
.hipoints {
	border-top:1px solid #fff;
	display:grid;
	grid-template-columns: 1fr 1fr;
	justify-items:start;
	column-gap:10%;
	padding-top:10px;
}
.hipoints h2 {
	font-style:italic;
	color:#fdffd1;
	font-size:1em;
	margin-bottom:.5em;
}
.hipoints a {
	color:#fff;
	text-decoration:none;
}
.hipoints a:hover, .hipoints a:active, .hipoints a:focus {
	border-bottom:1px solid #fff;	
}

/* base nav styling */
nav { box-sizing:border-box;}
nav input[type=checkbox], .nav-cont input[type=checkbox] {position:absolute; opacity:0; }
nav ul, nav li, .nav-social ul, .nav-social li {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	text-indent:0;
}

/** contact nav **/
#menuToggleCont, #menuToggleCont label, #menuToggleCont span { width:100%; display:block;text-align:right !important;}
.togglerCont {
	position:relative;
	display:block;
	margin:0 auto;
	padding:12px 0 8px;
	z-index:20;
	text-align:right;
}
.togglerCont:before, .togglerCont:after {
	position:absolute;
	width:100%;
	height:100px;
	content:'';
	transform-origin:top;
	z-index:21;
}

.togglerCont span { position:relative; z-index:22;}
.togglerCont span:first-child {
	padding:10px 48px;
}
.togglerCont span:nth-child(1) {
	display:block;
	padding:0;
}
.togglerCont span:nth-child(2) {
	display:none;
}
.nav-cont form {
	display:none;
	padding:10px 0;
	color:#fefefe;
	position:relative;
}
.nav-cont input[type=checkbox] ~ form { 
		position:relative;
		top:0;
		left:0;
		width:100%;
		max-height:0 !important;
	  min-height:0;
	  line-height:0;
	  display:block; 
	  transition: all .8s ease-in-out;
	  transform: translateY(-700px);
		opacity:1;
	}
	.nav-cont input[type=checkbox]:checked ~ form {
	  line-height:1;
	  height:100%;
	  transform: translate(0);
	  z-index:19;
	margin-top:-62px;
	padding-top:80px !important;
	}
.nav-cont input[type=checkbox]:checked ~ label span:nth-child(1) { display:none;}
.nav-cont input[type=checkbox]:checked ~ label span:nth-child(2) { display:block; }
.nav-cont form p {
	font-style:italic;
	font-size:.95em;
	padding-top:7px;
	display:block;
	clear:both;
}

/* form styling */
.formcontainer {
	border:1px solid #fff;
	background:rgba(0,0,0,.8);
	padding:10px;	
}
fieldset {
	padding:7px 10px;
	border:none;
	border-bottom:1px solid rgba(255,255,255,.7);
	margin:5px 0;
}
fieldset.fieldset-mssg {border-bottom:none;}
fieldset label {
	font-size:.7em;
	text-transform:uppercase;
	line-height:1;
}
fieldset label.inputLabel {
	display:inline-block;
	width:38%;
	float:left;
}
fieldset label.standaloneLabel {display:block; }
.contactform input, .contactform select {
	margin-top:0;
	width:60%;
	float:right;
}
.contactform input,.contactform textarea {
	font-size:1em;	
}
.contactform input[type=submit] {
	background:#A037D2;
	border:1px solid #fff;
	margin:5px 0 10px;
	text-transform:uppercase;
	width:100%;
	padding:5px;
	color:#fff;
	font-size:1.1em;
}
.contactform input[type=submit]:hover,.contactform input[type=submit]:active,.contactform input[type=submit]:focus {
	background:#4F235B;	
}
textarea {
	width:100%;
	margin:2px 0;
	height:120px;
}


footer {
 text-align:center;
 font-size:.8em;
 padding:15px 0 35px;
 border-top:1px solid #fff;
 background:url(/images/tgc2025_bgMilkyWay_footerStrip.jpg) center top no-repeat;
 background-size:100%;
}
footer a {text-decoration:none; color:#A037D2; }
footer a:hover, footer a:active, footer a:focus {
	color:#fff; border-bottom:1px dotted #fff;
}
@media screen and (max-width:800px) {
	body {
		background:#030B39 url(/images/tgc2025_bgMilkyWay_small.jpg) no-repeat;
		font-size:1em;	
	}
	.wrap {
		padding:10px 25px;	
	}
	form {max-width:85%;}
	.hipoints {position:relative;}
	.hipoints::before {
		position:absolute;
		right: 0px;
		top: 20px;
		content:'';
		width:42px;
		height:37px;
		background:url(/images/TGC_logo.png) top left no-repeat;
		background-size:100%;
	}
}
@media screen and (max-width:499px) {
	main { padding-top:50px; }
}
@media screen and (min-width:500px) and (max-width:799px) {
	main { padding-top:190px; }
	
}
@media screen and (min-width:750px) and (max-width:885px) {
		
}
@media screen and (max-width:799px) {
	.hipoints {display:block;}
	.hipoints section {display:block;width:100%;}
	.hipoints {border:none; }
	.hipoints h2 { margin:0; padding:10px 0 14px; }
}
@media screen and (max-width:1100px) {
		
}
@media screen and (max-width:1400px) {
	.nav-cont form p {
		background:rgba(0,0,0,.7);
		border:1px solid #fff;
		padding:7px 12px;
	}
	ul, li {
		margin-left:0;
	}
	ul { padding-left:14px; }
	li { padding-left:8px;}
}
@media screen and (min-width:801px) and (max-width:1100px) {
	.displaytext { padding-bottom:220px; }
}
@media screen and (min-width:801px) and (max-width:1400px) {
	 body {
		background:#030B39 url(/images/tgc2025_bgMilkyWay_med.jpg) no-repeat;
		font-size:1.15em; 		
	}
	.wrap { padding:20px 80px; }
	main h1::before {
		position:absolute;
		right: 0px;
		top: -20px;
		content:'';
		width:62px;
		height:54px;
		background:url(/images/TGC_logo.png) top left no-repeat;
		background-size:100%;
	}
}
@media screen and (min-width:1101px) and (max-width:1400px) {
	.displaytext { padding-bottom:340px; }
	main h1:before { position:absolute;
		right: 0px;
		top: 30px;
		content:'';
		width:71px;
		height:62px;
		background:url(/images/TGC_logo.png) top left no-repeat;
		background-size:100%;
		}
 }
 @media screen and (min-width:1401px) {
	body {
		background:#030B39 url(/images/tgc2025_bgMilkyWay_full.jpg) no-repeat;			
	}
	.wrap {
		padding: 35px 300px;
		max-width:2400px;
	}
	.displaytext {
		padding:85px 0 485px;	
	}
	main h1::before {
		position:absolute;
		left: -130px;
		top: -25px;
		content:'';
		width:85px;
		height:74px;
		background:url(/images/TGC_logo.png) top left no-repeat;
		background-size:100%;
	}
}
body {background-size:100%;	}

* {white-space:normal; }