@charset "UTF-8";

/* CSS Document */

.testing{
	background-color:#6FC;
	width:40%;
	margin:5% auto;
	padding:2% 0;
	font-style:italic;
	font-weight:500;
}
.content{
	width:100%;
	margin:0 auto;
	padding:0 10%;
	max-width:700px;
}

/*Main Intro Style ---------------*/

#main-intro, .main-nav-scrolled{
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

#main-intro{
	height:601px;
	z-index:-150;
}
.main-content{
	position:relative;
	top:0;
	left:0;
}
.sub-head-bg{
	margin:100px 0 0 0;
}
.sub-head-intro-contact{
	margin-top:90px;
}
.sub-head-intro-travel{
	margin-top:110px;
}
.sub-head-bg-img{
	padding:0 20%;
}
.intro-content{
	padding:0 10%;
	margin:85px 0;
}
.first-sec{ /*spacing between Intro and the first content*/
	margin-top:75px;
}
.hidden{
	visibility:hidden;
}
/* Featured / Homepage - Style ---------------*/

.featured-col{
	width:100%;
	display:inline-block;
	border:10px solid #FFF;
	margin:-2px;
	line-height:0;
}
#follow .featured-col{
	border:none;
	background-color:inherit;
	padding:7px;
}
#follow .featured-col img{
	border-radius:1px;
}
.featured-image{
	width:100%;
	height:100%;
}

/* Service / About - Style  ---------------*/

.service-col{
	float:left;
	margin:7%;
}
.service-col p, .content p{
	line-height:1.6em;
}
#services .service-col img{
	width:150px;	
}


/* Contact Form - Style  ---------------*/

.contact{
	width:80%;
	position:relative;
	margin:0 auto;
	padding:0 10%;
}
input[type=text]{
	height:25px;
}

input[type=text], textarea{
	width: 100%;
	display:block;
    margin: 10px 0;
	border: 1px solid #f5f5f5;
}
input[type=submit], input[type=reset]{
	color:#fff;
	background-color:black;
	border-radius:none;
}

label{
	font-size:0.9em;
	letter-spacing:1px;
}
form{
	text-align:left;
}
form .btn{
	margin-top:20px;
}

/* Travel Blog - Style  ---------------*/

.travel-post{
	max-width:80%;
	background:#fff;
	margin:0 auto 50px auto;
	padding:2% 2% 5% 2%;
}
.travel-post header{
	margin:50px 0;	
}
.travel-post img{
	width:100%;
}
.travel-section{
	margin:1% auto 3% auto;
}
.travel-image-1, .travel-image-2{
	width:49%;
	float:left;
}
.travel-image-1{
	margin-right:1%;
}
.travel-image-2{
	margin-left:1%;
}
.travel-post p{
	padding:50px 25px;
	text-align:left;
}


@media screen and (max-width:768px){
	.travel-post{
		max-width:100%;
	}
}
@media screen and (max-width:480px){

	.travel-image-1, .travel-image-2{
		width:100%;
		float:none;
		margin:0;
}
}
/* Project Page - Style  ---------------*/

.entry-header, .sidebar-header{
	margin:75px 0 50px 0;
	border-bottom:1px solid #f4f4f4;
}
#sidebar{
	margin-top:50px;
}
#sidebar-content{
	text-align:left;
}
#sidebar-content p{
	font-size:0.9em;
	line-height:1.6em;
	letter-spacing:0.03em;
	
}
ul#sidebar-detail{
	margin-top:50px;
}
ul#sidebar-detail li{
	padding:0.8% 0;
	font-size:0.9em;
	letter-spacing:0.1em;
}
span.side-bar-desc{
	font-weight:bold;
}

/*Previous & Next buttons*/

#sidebar-nav{
	margin:40px auto;
}
#sidebar-nav>div{
	display:inline-block;
	margin:0 20px;
}
#sidebar-nav .btn{
	margin:0;
	font-size:0.8em;
	padding:5px 10px;
}