/*-----------------------------------------------------------------------------------
 *
 *
 * Custom styles for The Building Block website:
 *
 * - centre logo
 * - centre footer
 * - centre main nav
 *
 *
 *-----------------------------------------------------------------------------------*/

body {
	font: 14px/24px 'Gotham Rounded SSm A', 'Gotham Rounded SSm B'; 
	font-weight: 300; 
	font-style: normal;
	color:#999;
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}

body p {
	font-weight: 300; 
}


#banner,
#main-menu .container-fluid {
	background:transparent;
}

#main-menu {
	border-bottom:0;
}
	
#main-menu .container-fluid {
	padding: 20px 20px 15px 20px;
}

.twenty .container-fluid.main {
	padding: 0 20px 20px 20px;
}



.navbar.filter {
	max-width:1000px;
	margin: 0px auto 25px auto;
}


#logo-container .span12 {
	width:100% !important;
}

#content {
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}

#inner-logo {
	float: none !important;
	text-align: center;
	opacity:.1;
	margin-bottom:20px;
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}
#inner-logo:hover {
	opacity:.2;
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
	
}


#inner-logo #logo img {
	width:150px;
	height:150px;
}

body.home #banner {
	position:absolute;
	top:50%;
	left:50%;
	width:775px;
	height:519px;
	margin-top:-320px;
	margin-left:-400px;
	opacity:0;
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}

body.home #banner.visible {
	opacity:1;
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
}

body.home #inner-logo {
	opacity:.5;
	-moz-transition: all 1s ease-in-out; 
	-webkit-transition: all 1s ease-in-out; 
	-o-transition: all 1s ease-in-out; 
	transition: all 1s ease-in-out;
}

body.home #inner-logo:hover {
	opacity:.9;
	-moz-transition: all .5s ease-in-out; 
	-webkit-transition: all .5s ease-in-out; 
	-o-transition: all .5s ease-in-out; 
	transition: all .5s ease-in-out;
}


body.home #inner-logo #logo img {
	display:none;
}

body.home #inner-logo #logo {
	width:775px;
	height:428px;
	margin:0 auto;
	background:URL(/wp-content/uploads/2013/05/bb_white.png) center no-repeat;
}

body.home #banner {
	background: transparent;
}
body.home #main-menu {
	border-bottom: 0;
}

body.home #footer {
	border-top: 0;
}
body.home #main-menu .container-fluid {
	padding: 20px;
	background: transparent;
}

body.home .fr-loading {
	display:none!important;
}


#footer {
	background:transparent;
}

#copyright {
	width: 100%;
	text-align: center;
}

#copyright p {
	font-size: 12px;
	line-height: 16px;
}
body.home #footer {
	display:none;
}

body.home #copyright p {
	color:#efefef;
}

#go-up {
	width: 100%;
	text-align: center;
}
.go-up.glyph.btn {
	display: inline-block;
	float: none;
	margin: 0 0 20px 0;
}

#footer a.go-up.glyph.btn {
	width:46px;
	height:46px;
	background:URL(assets/img/up.png) no-repeat;
	border:0;
	opacity:.7;
}
#footer a.go-up.glyph.btn:hover {
	opacity:.4;
}

#footer #go-up [data-icon]:before {
	font-family:inherit;
	content: '';
}


#nav-main {
    text-align: center;
	overflow:auto;
}
#nav-main ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	/* For IE */
	zoom:1;
	*display: inline;
}

.navbar .nav.main-menu > li > a {
	padding: 0 10px;
	font: 15px/24px 'Gotham Rounded SSm A', 'Gotham Rounded SSm B' !important; 
	font-weight: 700 !important; 
}

.navbar .nav > li > a, .dropdown-menu a {
	color: #000;
	opacity:.25;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #000;
	opacity:1;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav > li > a:hover .caret {
	color: #000;
	opacity:1;
}
	
body.home .navbar .nav > li > a, .dropdown-menu a,
body.home .navbar .nav > .active > a, body.home .navbar .nav > .active > a:hover, body.home .navbar .nav > .active > a:focus,
body.home .navbar .nav > li > a:focus, body.home .navbar .nav > li > a:hover, body.home .navbar .nav > li > a:hover .caret {
	color:#efefef;
	opacity:1;
}
body.home .navbar .nav > li > a:focus, body.home .navbar .nav > li > a:hover, body.home .navbar .nav > li > a:hover .caret {
	opacity:.5;
}
	
.navbar .nav {
	position:inherit;
	left:inherit;
	display: inline-block;
	float: none;
}

/* show portfolio text before images: */

.portfolio-container .main-cont {
	display:table;
}
.portfolio-container .main-cont .entry-cont {
	display: table-header-group;
}

.portfolio-container .main-cont .entry-cont .span12 {
	
	padding: 30px 20px 30px 20px;
}
.portfolio-container .main-cont .entry-cont .clearfix {
	border-bottom:20px solid #f5f5f5;
}

.portfolio-container .main-cont .img-cont {
	display: table-footer-group;
}
.portfolio-container .main-cont .img-cont p.flex-caption {
	text-align:center;
}


@media only screen and (max-width: 1861px) {
	body.twenty .container-isotope {
		width:1384px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (max-width: 1440px) {
	body.twenty .container-isotope {
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}
}

@media only screen and (max-width: 1257px) {
	
	.isotope .isotope-item {
		width:70%!important;
		margin-left:15%;
		margin-right:15%;
	}

}

@media only screen and (max-width: 1024px) {
	
	.isotope .isotope-item {
		width:80%!important;
		margin-left:10%;
		margin-right:10%;
	}

}

@media only screen and (max-width: 768px) {
	
	body.home #banner {
		width:775px;
		height:428px;
		margin-top:-240px;
	}

	body.home #main-menu {
		display:none !important;
	}
}
	
@media only screen and (max-width: 767px) {
	
	body.home #banner {
		width:480px;
		height:265px;
		margin-top:-165px;
		margin-left:-255px;
	}

	body.home #inner-logo #logo {
		width:480px;
		height:265px;
		background:URL(/wp-content/uploads/2013/05/bb_whitex480.png) center no-repeat;
	}

	.isotope .isotope-item {
		width:100%!important;
		margin-left:0;
		margin-right:0;
	}
	
	#nav-main ul {
		width:100%;
	}

	.navbar .nav.main-menu > li > a {
		padding: 15px 10px 12px 10px !important;
		font: 12px/12px 'Gotham Rounded SSm A', 'Gotham Rounded SSm B' !important;
		font-weight: 500 !important;
		opacity: 1;
		background: #fff;
	}
	
	.navbar.filter {
		margin: 0px 0px 10px;
	}
	
	.navbar.filter > li,
	.navbar .nav > li {
		text-align:center;
	}
	
	.navbar .nav.main-menu.filter > li a {
		border: 1px solid #E5E5E5;
		background: #fff;
		opacity: 1;
	}
	.navbar .nav.main-menu > li.active a,
	.navbar .nav.main-menu.filter > li.active a {
		background: #e9f5f8;
		color:#00adef;
	}

}

@media only screen and (max-width: 479px) {
	
	body.home #banner {
		width:320px;
		height:177px;
		margin-top:-120px;
		margin-left:-180px;
	}
	body.home #inner-logo #logo {
		width:320px;
		height:177px;
		background:URL(/wp-content/uploads/2013/05/bb_whitex320.png) center no-repeat;
	}
}