/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html{
	height:100%;
	background:url(img/lightblurple.png);
}
body{
	margin-top:0;
	padding-top:50px;
	height:100%;
	/*background:url(img/white_textured.png);*/
	background:none;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-family: 'Dosis', sans-serif;
    margin: 0 0 23px 0;
    }
h2 {
    font-family: 'Dosis', sans-serif;
    margin: 0 0 23px 0;
    }
h3 {
    font-family: 'Dosis', sans-serif;
    margin: 0 0 15px 0;
    }
h4 {
    font-family: 'Dosis', sans-serif;
    font-weight:500;
    margin: 0 0 5px 0;
    }
p {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 23px 0;
    }

section{
	padding-bottom:50px;
}
section h1{
	border-bottom:solid 1px #999;
	border-top:solid 1px #999;
	margin-top:80px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:30px;
}



.navbar-fixed-top{
	background:url(img/white_textured.png);
      
      -moz-box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
   -webkit-box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
           box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
}
.navbar-toggle .icon-bar{
	background:black;

}
.navbar-brand{
	color:#333;
    font-family: 'Roboto', sans-serif;
    font-size:18px;
}
.navbar-brand:hover{
}
.navbar-nav>li>a {
	/*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
}
.navbar-nav>li>a:hover {
	background:#ECECFD;
}














.big-top{
	/*background:#DFE3F3 url(img/lightblurple.png);*/
	padding:50px 0;

}


.big-top .container{
	height:100%;
}
.big-top .inner{
	height:100%;
}
.big-top h1{
	margin-top:0;
	margin-bottom:0px;
	padding-bottom: 5px;
	font-size: 40px;
	border-bottom: solid 1px #666;

}
.big-top hr{
	margin-top:10px;
	border-color:black;
}
.big-top p{
	line-height:30px;
	margin-left:4px;
	margin-bottom:10px;
	font-size:18px;
}

.big-top .nav{
	float:right;
}
.big-top .nav li{
	float:left;
}


/*.main{
	position:relative;
	z-index:10;
	background:white;
}*/





#portfolio {
	background:url(img/white_textured.png);
	overflow:visible;
	padding-bottom:50px;
	position:relative;

	-moz-box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
 -webkit-box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
		 box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
}


#portfolio h1 .glyphicon{
	padding-right:15px;
	position:relative;
	top:4px;
}

#portfolio h2{
	margin-bottom:10px;
}

#portfolio h3{
	margin-bottom:5px;
	font-size:20px;
}

#portfolio hr{
	border-color:#999;
	margin-top:0;
	margin-bottom:30px;
	border-style:dashed;
}
#portfolio .project-callout{
	padding-bottom:20px;
	height:100%;

}


#portfolio .project-callout img{
	height:100%;
	width:100%;
	/*border-radius:50%;*/
	background:black;
	background-clip: padding-box;
	border:solid 5px black;
	overflow:hidden;
	position:relative;

	-webkit-transition: border-radius .2s, top .2s;
	transition: border-radius .2s, top .2s;

	      -moz-box-shadow: 3px 2px 17px #747171;
   -webkit-box-shadow: 3px 2px 17px #747171;
           box-shadow: 3px 2px 17px #747171;
}



#portfolio .project-callout .back .content{
	position:absolute;
	top:0;
	z-index:10;
}

#portfolio .project-image{
	margin-bottom:20px;
}
#portfolio .main-image{
	width:100%;
}






#portfolio .project-callout .inner{
	vertical-align: middle;
	display:table;
	width:100%;

}
#portfolio .project-callout .name-plate{
	display:table-cell;
	vertical-align: middle;
	height:70px;
}

#portfolio h3{
	font-weight:bold;

}

#portfolio p{
	margin-top:15px;
	margin-bottom:10px;
	font-size:16px;
	line-height:24px;
}

#portfolio .stats h3,
#portfolio .stats p{
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	font-family: 'Open Sans',sans-serif;
	line-height:30px;
}

#portfolio .stats h3{
	font-family: 'Dosis', sans-serif;
}










.about-me{
/*	   -moz-box-shadow:    inset 0 0 20px #B6B5C4;
   -webkit-box-shadow: inset 0 0 20px #B6B5C4;
   box-shadow:         inset 0 0 20px #B6B5C4;*/
   color:#333;
}
.about-me h1{
	border-color:#666;
}



.about-me .glyphicon{
	padding-right:15px;
	position:relative;
	top:5px;
}














#contact{
  -moz-box-shadow:    0 0px 20px rgba(10,10,43, 0.3);
   -webkit-box-shadow: 0 0px 20px rgba(10,10,43, 0.3);
   box-shadow:         0 0px 20px rgba(10,10,43, 0.3);
   position:relative;
   overflow:visible;
	background:url(img/white_textured.png);
}
#contact .input-group{
	width:100%;
	margin-bottom:10px;
}
#contact input,
#contact textarea{
	width:100%;
	border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
	background-clip: padding-box;
}
#contact textarea{
	padding:10px 15px;
	height:200px;
	border:solid 1px #ccc;
	font-size: 18px;
color: #666;
}
#contact .glyphicon{
	padding-right:15px;
	position:relative;
	top:5px;
}

#contact .form-success{
	color: #6C6;
}
#contact .form-failure{
	color: #C66;
}
#contact .form-success,
#contact .form-failure{
	line-height: 34px;
	margin-bottom: 0;
	padding-left:5px;
	display:none;
}


footer{
		background:url(img/white_textured.png);
		display:none;
}







.carousel{


}

.carousel .item{
}
.carousel .item-inner{
	overflow:hidden;

}
.carousel .item img{
	  border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

	  background-clip: padding-box;
}
.carousel .item h3{
	margin-top:0;
}

.carousel-indicators {
	position:relative;
	bottom:auto;
	margin-bottom:0;
}

.carousel-indicators li{
	background:white;
	border:solid 1px black;
}
.carousel-indicators li.active{
	background:#ccc;

}
.carousel-control.left,
.carousel-control.right{
	color:black;
	font-size:50px;
	background:none;
	padding-top:15%;
	text-align:center;
}
@media (min-width: 600px) {
	.jumbotron nav a{
		display:inline-block;
	}

}