/*
Theme Name: INOWAVE
Theme URI: http://www.inowave.com/
Author: inoWave
Author URI: http://www.inowave.com/
Description: Theme for inoWave WordPress page.
Version: 1.0
*/

@font-face {
    font-family: 'Track';
    src: url('../fonts/Track.otf');
}

@font-face {
    font-family: 'TrackItalic';
    src: url('../fonts/Track Italic.otf');
}

html * {
    outline: 0 !important;
}

h1{
	font-family: Track;
	padding-bottom:20px;
}

a{
	color:white;
	text-decoration:none;
}

a:hover{
	color:#FF7F66;
}

#topnav{
	background-color:#3E454C;
	color:#FFF6E5;
	height:75px;
	border-bottom:1px solid #FFF6E5;
	transition: all 0.5s ease;
}

#topnavlinks{
	padding-top:20px;
	font-size:16px;
	transition: all 0.5s ease;
}

#topnav  img{
	height:48px;
	transition: all 0.5s ease;
}

#topnavlinks ul li a{
	color:#FFF6E5;
        background-color: #3e454c;
}

#topnavlinks ul li a:hover{
	border-bottom:5px solid #FF7F66;
}

#topnav.shrink{
	height:55px;
	transition: all 0.5s ease;
	border-bottom:none;
}

#topnav.shrink #topnavlinks{
	padding-top:0px;
	transition: all 0.5s ease;
}

#topnav.shrink  img{
	height:32px;
	transition: all 0.5s ease;
}

#header{
    background: url('../images/header.jpg');
	padding-top:250px;
	height:865px;
	color:#FFF6E5;
}

#header h1 small{
	color:#7ECEFD;
}

#about{
	margin-top:-30px;
	background-color:#FFF6E5;
	padding-top:25px;
	padding-bottom:45px;
}
	
#contact{
	background-color:#7ECEFD;
	padding-top:25px;
	padding-bottom:35px;
}

#footer{
	background-color:#3E454C;
	color:#FFF6E5;
	padding-top:35px;
	padding-bottom:15px;
}

.social{
	margin-top:65px;
}

.social i{
	margin-left:35px;
}

#copyright{
	border-top:1px solid #36404C;
	background-color:#3E454C;
	color:#FFF6E5;
	padding-top:10px;
}

/* PORTFOLIO ITEMS */
#projects{
	background-color:#2185C5;
	color:#FFF6E5;
	padding-top:55px;
	padding-bottom:65px;
}

.portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 127, 102, 0.6);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
	margin:-5px;
	box-shadow: 0px 0px 10px #000000;
}

.portfolio-hover:hover {
    opacity: 1;
}

.portfolio-hover-content {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.portfolio-item-next-border{
	border:5px solid #2185C5;
	padding:0px;
	margin-bottom:20px;
}

.portfolio-item{
	background-color:#FFF6E5;
	padding:5px;
	border:5px solid #2185C5;
	margin-bottom:20px;
}

.portfolio-caption{
	color:#3E454C;
}

.portfolio-item-next{
	color:#FFF6E5;
	text-align:center;
	padding-top:20px;
	border:5px dashed #FFF6E5;
}

@media (max-width: 766px ) { 

	.portfolio-item-next-border{
		border:5px solid #2185C5;
		padding:0px;
		margin:5px auto 5px auto;

	}
	
	.portfolio-item-next{
		margin:0px;
		padding-bottom:100px;
	}

}

@media (min-width: 766px ) { 
	.portfolio-item-next-border{
		border:5px solid #2185C5;
		padding:0px;
		margin:0px auto 5px auto;

	}
	
	.portfolio-item-next{
		margin:0px;
		padding-bottom:67px;
	}
}

@media (min-width: 992px ) { 
	
	.portfolio-item-next{
		margin:0px;
		padding:5px 0px 10px 0px;
	}
}

@media (min-width: 1200px ) { 
	
	.portfolio-item-next{
		margin:0px;
		padding:15px 0px 80px 0px;
	}
}

/* BLOG ITEMS */
#fromblog{
	background-color:#3E454C;
	color:#FFF6E5;
	padding-top:35px;
	padding-bottom:55px;
}

.post-item{
	color: #3E454C;
	background-color:#FFF6E5;
	padding:5px 5px 15px 5px;
	border:5px solid #3E454C;
	margin-bottom:20px;
}

@media (max-width: 766px ) { 

	.post-item{
		padding:5px 5px 35px 5px;

	}

}

/* CUSTOM BOOTSRAP STYLES */

blockquote{
	border-left:5px solid #FF7F66;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color:#3E454C;
	border-bottom:5px solid #FF7F66;
	color:#FFF6E5;
}

.btn-primary,
.btn-primary .active{
	background-color:#FF7F66;
	border:1px solid #FFF6E5;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
	color:#3E454C;
	background-color:#FF7F66 !important;
	border:1px solid #FFF6E5;
}