/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 800px;
	background-color: #000;
	font-size: 1.2em;
}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 800px; }
.content-jobs { 
	margin: 10px auto;
	width: 800px;
	font-size: 0.9em;
	background-color: #EEE;
}
.clear { clear: both; }
a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }

h1 {
	font-size:5em;
	font-weight:bold;
	text-align:center;
}

/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	width: 100%; 
	background: url('../img/header-bg.png'); 
	height: 80px; 	
	position: fixed;
	margin-top: 30px;
}

#nav { width: 410px; float: right; margin-top: 20px; }
#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 20px; font-weight: bold; }
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
}

#nav li{
	margin-top: 9px;	
	float: left;
	padding-left: 21px;
}

#nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; }
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #fff; opacity:1;  }



/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------*/
.section-title {
	text-decoration:underline;
	font-size: 1.2em;
	font-weight: bold;
}
#divider { background: url('../img/edvenue_logo.png')no-repeat; width: 400px; height: 113px; margin: 0px auto 0px auto; }


/*= BUTTONS
--------------------------------------------------------*/

button.btn-know { 
	padding: 15px 47px; 
	margin: 40px 38.8%;
	text-align: center;
	border: 4px solid #fff; 
	color: #fff; 
	background: transparent; 
	font-size: 19px;
	cursor: pointer;
	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-know:hover { background: #fff; color: transparent; }
ul.built { list-style: none; margin: 0 auto; width: 730px; }
.built li img{ float: left; padding-right: 34px; }



/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%; }
#slide1{
	background:url('../img/bg1.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 300px;
	margin: 0;
	padding: 200px 0 200px 0;
	background-size: cover;
}

#about{
	background-color: #fff;
	color: #333333;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 0 150px 0;
}

#slide3{
	background: url(../img/bg2.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 300px;
	padding: 200px 0 200px 0;
	background-size: cover;
}

#our_services{
	background-color: #fff;
	color: #333333;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 0 200px 0;
}

#slide5{
	background: url(../img/bg3.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 300px;
	padding: 200px 0 200px 0;
	background-size: cover;
}

#join_us{
	background-color: #fff;
	color: #333333;
	height: 3800px;
	margin: 0 auto;
	overflow: hidden;
	padding: 100px 0 200px 0;
}

/*iPhone 6*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	#slide1{
		background:url('../img/bg1.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
	#slide3{
		background:url('../img/bg2.jpg') 50% 0 no-repeat;
		background-size: cover;
	}	
	#slide5{
		background:url('../img/bg3.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
}

/*iPhone 6 Plus*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	#slide1{
		background:url('../img/bg1.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
	#slide3{
		background:url('../img/bg2.jpg') 50% 0 no-repeat;
		background-size: cover;
	}	
	#slide5{
		background:url('../img/bg3.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
}

/*iPhone 5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	#slide1{
		background:url('../img/bg1.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
	#slide3{
		background:url('../img/bg2.jpg') 50% 0 no-repeat;
		background-size: cover;
	}	
	#slide5{
		background:url('../img/bg3.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
}

/*iPads*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#slide1{
		background:url('../img/bg1.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
	#slide3{
		background:url('../img/bg2.jpg') 50% 0 no-repeat;
		background-size: cover;
	}	
	#slide5{
		background:url('../img/bg3.jpg') 50% 0 no-repeat;
		background-size: cover;
	}
}

/*= FOOTER 
--------------------------------------------------------*/
#footer {
	color: #FFF;
	padding: 5px;
	text-align:right;
	font-size: 0.9em;
}
#copyright  { color: #fff; font-family:"Wellfleet";  font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }