/* HOMEPAGE OVERRIRDES */

body {background:url(../../sitegraphics/mountain-lands.jpg) right top no-repeat; background-size:cover; }


header nav {right:5%; z-index:9999;}
header nav input {padding:0; margin:0;}
header nav li .submit {border:0; display:inline; background:none; text-transform:uppercase; color:white; text-shadow:0 0 5px rgba(0, 0, 64, 1), 0 0 2px rgba(0, 0, 0, 1); padding:3px 10px;}
header nav li a {color:white; text-shadow:0 0 5px rgba(0, 0, 64, 1), 0 0 2px rgba(0, 0, 0, 1)}
header nav li a:hover {color:@red;}
header nav li input.submit:hover {color:red;}


#speakers {
	border-top:20px solid black;
	color:white;
	background-color:#334;
	text-align:center;
	font-family: 'Josefin Sans', sans-serif;
	}

#speakers.grid {  display: grid;
	grid-template-columns: repeat (6 1fr);
	grid-template-rows: repeat (7, 1fr);
	}

#welcomemsg {grid-row: 1 ; grid-column: 1 / span 3;  padding:2em 3em;background-color:rgba(50,50,70,.75); }

#explanation {grid-row: 2 ; grid-column: 4 / span 3; padding:4em 2em;background-color:rgba(50,50,70,.75); }

#form {grid-row: 3 ; grid-column: 1 / span 3;  padding:4em 1em;background-color:rgba(15,15,25,1);}

#bio1 {grid-row: 4 / span 2 ; grid-column: 5 / span 2; padding:4em 6em;background-color:rgba(40,40,60,1); text-align:left;}

#bio2 {grid-row: 6 ; grid-column: 5 / span 2; padding:4em 6em;background-color:rgba(40,40,60,1); text-align:left;}

#form1 {grid-row: 7 ; grid-column: 1 / span 6; padding:4em 6em;background-color:rgba(20,20, 30,1);}


#jeff1 {grid-row: 1 ; grid-column: 1 / span 6; 
	background:url(../../sitegraphics/speaker-jeff1.jpg) right top no-repeat; background-size:cover;
	}

#gayla1 {grid-row: 2 ; grid-column: 1 / span 6; 
	background:url(../../sitegraphics/speaker-gayla1.jpg) right top no-repeat; background-position:0% 20%; background-size:cover;
	}

#grayson1 {grid-row: 3 ; grid-column: 2 / span 5; 
	background:url(../../sitegraphics/speaker-grayson2.jpg) right top no-repeat; background-position:center; background-size:cover;
	   -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	}

#jeff2 {grid-row: 4 ; grid-column: 1 / span 4; 
	background:url(../../sitegraphics/speaker-jeff2.jpg) left top no-repeat; background-size:cover;
	}

#gayla2 {grid-row: 5 ; grid-column: 1 / span 4; 
	background:url(../../sitegraphics/speaker-gayla2.jpg) left top no-repeat; background-size:cover;
	}

#grayson2 {grid-row: 6 ; grid-column: 1 / span 4; 
	background:url(../../sitegraphics/speaker-grayson1.jpg) left top no-repeat; background-size:cover;
	}


#form table, #form1 table  {margin:0 auto; }
#form td, #form1 td {padding: .5em; text-align:right; }


#speakers p {font-size:130%;}
#speakers h1, #speakers h2, #speakers h3 {font-family: 'Josefin Slab', serif; color:#eee; text-transform:none;}

.x20 {font-size:230%; line-height:.9em;}
.x15 {font-size:140%; line-height:1em;}
.x12 {font-size:110%; line-height:1em;}


@media (max-height:720px) {
	div#homeslides  {top:-8%; transition-duration:1s}
	#magic-button {
		width:170px; 
		height:170px;
		margin-left:-85px;
		transition-duration:.6s;
		}
	#magic-button h1{
		font-size:2.2em;
		margin-top:30px;
		transition-duration:.6s;
		}
	}

@media (max-width:800px) {
	#homecontent nav {display:none;}
	#colorbox {max-width:96%; transform:scale(.8)}

	speakers.grid {  display: grid;
		grid-template-columns: repeat (6 1fr);
		grid-template-rows: minmax(200px, 1fr) 1fr 1fr 1fr 1fr 1fr 1fr;
		}

	#welcomemsg {grid-row: 2 ; grid-column: 1 / span 6;  padding:2em 3em;background-color:rgba(50,50,70,.75); }

	#explanation {grid-row: 3 ; grid-column: 1/ span 6; padding:4em 2em;background-color:rgba(50,50,70,.75); }

	#form {
	display:none;
/*	grid-row: 3 ; grid-column: 1 / span 6;  padding:4em 1em;background-color:rgba(15,15,25,.75); */
	}

	#bio1 {grid-row: 4 ; grid-column: 1 / span 6; padding:4em 4em;background-color:rgba(40,40,60,1); text-align:left;}

	#bio2 {grid-row: 5 ; grid-column: 1 / span 6; padding:0em 4em 4em 4em;background-color:rgba(40,40,60,1); text-align:left;}

	#form1 {grid-row: 6 ; grid-column: 1 / span 6; padding:4em 2em;background-color:rgba(20,20, 30,1);}


	#jeff1 {grid-row: 2 ; grid-column: 1 / span 6; 
		background:url(../../sitegraphics/speaker-jeff1.jpg) right top no-repeat; background-size:cover;
		}

	#gayla1 {grid-row: 3 ; grid-column: 1 / span 6; 
		background:url(../../sitegraphics/speaker-gayla1.jpg)  top left no-repeat; background-position:0% 20%; background-size:cover;
		}

	#grayson1 {
		display:none;
/*		grid-row: 3 ; grid-column: 1 / span 6; 
		background:url(../../sitegraphics/speaker-grayson2.jpg) right top no-repeat; background-position:center; background-size:cover;
		   -moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
		*/
		}

	#form td, #form1 td {padding:.2em 0;}
	
	.eklipseform textarea, .eklipseform input {
    width: 200px;
    }
/* 
	#jeff2 {display:none;
		}

	#gayla2 {display:none;
		}

	#grayson2 {display:none;
		}
 */

#jeff2 {height:200px;grid-row: 1 ; grid-column: 1 / span 2; 
	background:url(../../sitegraphics/speaker-jeff2.jpg) left top no-repeat; background-size:cover;
	}

#gayla2 {height:200px;grid-row: 1 ; grid-column: 3 / span 2; 
	background:url(../../sitegraphics/speaker-gayla2.jpg) left top no-repeat; background-size:cover;
	}

#grayson2 {height:200px;grid-row: 1 ; grid-column: 5 / span 2; 
	background:url(../../sitegraphics/speaker-grayson1.jpg) left top no-repeat; background-size:cover;
	}

	}