@charset "UTF-8"
/* CSS DOCUMENT */

/* MAIN NAV BAR INFO*/
.header {
	width: 99.9%;
	z-index: 100;
		}

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

ul {
  list-style-type: none;
}

.header h2 {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
}

.nav li {
  color: #ffffff;
  display: inline-block;
}

.nav a {
	 	font-family: "Helvetica", Sans-serif;
	 	text-decoration: none;
	 	color: black; 	
	 	font-size: 1.5em;
	 	padding-right: 10px;
	 	}

/*this is for the pages with dark BG*/
#whiteheader {
	width: 99.9%;
	z-index: 100;
		}

#whitenav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}

ul {
  list-style-type: none;
}

#whiteheader h2 {
  color: white;
  font-size: 1.5em;
  font-weight: bold;
}

#whitenav li {
  color: white;
  display: inline-block;
}

#whitenav a {
	 	font-family: "Helvetica", Sans-serif;
	 	text-decoration: none;
	 	color: white; 	
	 	font-size: 1.5em;
	 	padding-right: 10px;
	 	}

/* PAGE DESIGN INFO*/
		#fullscreen-bg__video {
    		position: fixed;
    		z-index: -1;
  			top: 50%; left: 50%;
  			transform: translate(-50%, -50%);
  			min-width: 100%;
  			min-height: 100%;
			width: auto;
			height: auto;
			}

		#nightritual_bg {
			position:absolute;
    		z-index:-1;
    		top:0;
    		left:0;
    		width:100%; 
    		height:100vh;
		}

	   /* #title {
	    	padding-left: 50px;
	    }

	    #title h2 {
	    	font-weight: bold;
	    }

		#titlewhite {
		padding-left: 50px;
		}

		#titlewhite h2 {
			font-weight: bold;
			color: white;
		}
*/
	 	#projects {
	 		position: absolute;
	 		padding-left: 10px;
	 		/*margin: 0% 5% 5% 5%;*/
	 		clear: both;
	 	}

	 	#projects a {
	 		color: white;
	 		text-decoration: none;
	 		font-size: 1.25em;
	 	}

	 	#projects li {
	 		padding-bottom: 7px;
	 		list-style-type: none;
	 	}

	 	#photos {
	 		clear: both;
	 		position: relative;
	 		margin-top: 5%;
	 		margin-left: 10%;
	 		margin-right: 10%;
	 		padding-bottom: 10px;
	 	}

	 	iframe {
	 		margin-left: 10%;
	 		padding: 1em;
	 	}

	 	img {
	 		padding: 1em;
	 	}

	 	#imagecenter {
	 		margin-left: 20%;
	 	}

	 	#abouttext {
	 		background-color: rgba(0,0,0,.6);
	 		padding: .5em 2em 1em 2em;
	 		margin: 4% 8% 8% 8%;

	 	}

	 	#abouttext h3 {
	 		color: white;
	 		line-height: 1.3;
	 	}

	 	#buttons {
	 		display: flex;
		  	justify-content: space-between;
		  	align-items: center;
		  	margin-left: 10%;
		  	margin-right: 10%;
	 	}

	 	#buttons a {
	 		font-family: "Helvetica", Sans-serif;
	 		color: white;
	 		font-size: 1.25em;
	 		padding: 5px;
	 		border: 1px white;
	 		text-decoration: none;
	 	}

	 	#contacttext h2 a {
	 		color: white;
	 		font-size: 1.25em;
	 	}

	 	#videoblock {
	 		margin: 5% 0 0 10%;
	 	}

	 	#videoembeds{
	 		margin: 5% 0 0 5%;
	 	}

		#design-vids {
		/*position: relative;
		overflow: hidden;*/
		margin: 3% 0 0 8%;
		font-weight: normal;
    	font-family: Helvetica, Sans-serif;
		}

		#secrettext {
			z-index: -100;
			opacity: 0;
		}

		.member {
		    float:left;
		    margin:1% 1% 1% 1%;
		}
	
		.name {
		   margin: 0px 5px -10px 14px;
		   text-align: center;
		}
		.member img {
		    display: block;
		}

		#map {
			margin-left: 5%;
		}

		#hands {
			margin: 0;
			padding: 0;
			background-color: red;
			box-sizing: border-box;
		}

		#lefthand {
			position:fixed;
			float: left;
			margin-left: -26px;
		}

		#righthand {
			clear: both;
			position: fixed;
			float: right;
			margin-right: -1000px;
		}
		
		article {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  width: 100%;
		  padding: 20px;
		}


		.container {
		  display: table;
		  width: 100%;
		}

		.left-half {
		  position: absolute;
		  left: 0px;
		  width: 50%;
		}

		.right-half {
		  position: absolute;
		  right: 0px;
		  width: 50%;
		}
	 	

	
	 	#foodfuturesbox {
	 		align-content: center;
	 		padding: 3em 5em 1em 4em;
	 		margin: 3% 3% 3% 3%;
	 		/*position: relative;*/
			overflow: hidden;
		}

		#foodfuturesbox h3 {
		    font-weight: normal;
		    font-family: Helvetica, Sans-serif;
		    line-height: 1.6em;
		}
			

		#food-grid {
			/*position: relative;
			overflow: hidden;*/
			margin: 0% 0 0 0%;
			font-weight: normal;
	    	font-family: Helvetica, Sans-serif;
			}

/*TEXT PARAMETERS*/
    h1, h2, h3, h4, h5, h6 {
    	font-weight: normal;
    	font-family: Helvetica, Sans-serif;
    	color: black;
    	}
    

	p {
		margin-left: 55px;
		margin-right:50px;
		line-height: 20px;
		font-family: Helvetica, Sans-serif;
		color: black;
		}

	a {
		font-family: Helvetica, Sans-serif;
		color: black;
		}

	a:hover {
		font-weight: bold;
	}

	a:visited {
		color: #000;
	}


/* FOOTER INFO*/

    footer {
    	border-top: 1px solid white;
	 	margin-top: 0;
	 	padding-top: 0;
	 	}

	 footer ul {
	 	list-style-type: none;	
	 	}

	 footer ul li {
	 	display: inline;
	 	margin-top: 0;
	 	margin-left: 10px;
	 	padding-top: 0;
	 	padding-left: 10px
	 	padding-right: 10px;
	 	}
	 
  </style>