/*
Main CSS
*/

body {
}

img {
	max-width:100%;
}

h1, h2, h3, h4 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}

.nav-wrapper {
	margin:0 25px;
}

.banner {
	background-image:url('/wp-content/themes/contemp/img/banner1.jpg');
	width: 100%;
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
}

.aboutPage {
	background-image:url('/wp-content/themes/contemp/img/banner1.jpg');
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom:30px;
}

.aboutPage h2 {
	  background-color: rgba(0, 0, 0, 0.53);
	  padding: 10px;
	  color: #fff;
	  font-family: HelveticaNeueLT-Thin; 
	  font-size: 45px;
	  font-weight: 100;
}

.banner-text {
	background-color: rgba(0, 0, 0, 0.58);
	padding: 60px 0;
	text-align: center;
	position: relative;
	top: 90px;
}

.banner h2 {
	color:#fff;
	font-size: 53px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 4px;
	width: 70%;
   margin: 0 auto;
	line-height: 78px;
	font-family: HelveticaNeueLT-Thin; 
}

.org-btn {
	background-color: #f47b20;
	border-radius: 0;
	color: #fff;
	padding: 10px 25px;
	margin-top: 20px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 200;
	font-family: 'Montserrat', sans-serif;
}

.org-btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: #F48F44;
	transition:background-color ease-out .3s;
}

.fp-headline {
	padding:15px 0;
}

.fp-headline h2 {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 27px;
	text-align: center;
	line-height: 36px;
}

.fp-port {
	padding:50px 0;
	text-align:center;
}

.fp-port h4 {
	margin: 40px 0 25px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 200;
}

.fp-port p {
	font-size:16px;
	line-height:25px;
	font-weight:200;
}

.fp-bath {
	width:100%;
	height:342px;
	display:block;
	background-repeat:no-repeat;
}

.fp-kitch {
	width:100%;
	height:342px;
	display:block;
	background-repeat:no-repeat;
}

.fp-reno {
	width:100%;
	height:342px;
	display:block;
	background-repeat:no-repeat;
}

#overlay {  
	background:rgba(0,0,0,.75);
    text-align:center;
    padding: 103px 0;
    opacity:0;
    -webkit-transition: opacity .25s ease;
	-moz-transition: opacity .25s ease;
}

.fp-bath:hover {
	text-decoration:none;
}

.fp-kitch:hover {
	text-decoration:none;
}

.fp-reno:hover {
	text-decoration:none;
}
	
.fp-bath:hover #overlay {
	opacity:1;
	text-decoration:none;
}

.fp-kitch:hover #overlay {
	opacity:1;
	text-decoration:none;
}

.fp-reno:hover #overlay {
	opacity:1;
	text-decoration:none;
}

#plus {  
	font-family:Helvetica;
    font-weight:900;
    color:rgba(255,255,255,.85);
    font-size:96px;
}

.philos {
	background-color:#eee;
	padding:25px 0;
	text-align:center;
}

.philos h3 {
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 25px
}

.philos p {
	font-size: 16px;
	line-height: 25px;
	font-weight: 200;
}



.loft {
	background:
	url('/wp-content/themes/contemp/img/bg_pattern.png') fixed repeat,
	url('/wp-content/themes/contemp/img/loft-home.jpg') fixed no-repeat;
	background-attachment:fixed;
	background-size:cover;
	padding:100px 0;
	text-align: center;
}

.center {
	text-align:center;
}

.section-text {
	background-color: rgba(0, 0, 0, 0.22);
	padding: 10px;
}

.section-text h2 {
	font-size: 53px;
	font-weight: 100;
	text-transform: uppercase;
	text-align:center;
	color:#fff;
	letter-spacing: 4px;
	line-height: 62px;
	font-family: HelveticaNeueLT-Thin; 
}

.pad20 {
	padding:20px 0;
}

.pad30 {
	padding:30px 0;
}

.foot-wrapper {
	background-color:#252525;
	color:#fff;
	padding:40px 0;
}

.footer {
	text-align:center;
}

.footer p {
	line-height: 28px;
	margin-top: 20px;
	font-weight: 100;
	font-size: 23px;
}

.footer a {
	color:#f47b20;
}

.footer a:hover {
	color:#F48F44;
	text-decoration:none;
	transition:color .5s;
}

.call {
	font-size: 36px;
	font-weight: 200;
	line-height: 34px;
	margin-top: -10px;
}

.touch {
	text-transform: uppercase;
	font-size: 12px;
	
}

.bottom-footer {
	padding:15px 0;
	background-color:#000;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
}

#content {
	min-height:750px;
}
	
#bathroom {
  background: url('/wp-content/themes/contemp/img/bathroom.jpg') no-repeat;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

#kitch {
  background: url('/wp-content/themes/contemp/img/kitchen.jpg') no-repeat;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

#woodwork {
  background: url('/wp-content/themes/contemp/img/woodwork.jpg') no-repeat;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

#childrens {
  background: url('/wp-content/themes/contemp/img/childrens.jpg') no-repeat;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

#childrens h2 {
	font-size:40px;
}

#remodel {
  background: url('/wp-content/themes/contemp/img/remodel.jpg') no-repeat;
  background-size: 100%;
  padding: 20px 0;
  text-align: center;
}

#remodel h2 {
	font-size:48px;
}
	
.spec-text {
	text-align:center;
	padding:40px 0;
}

.spec-text h4 {
	font-size:21px;
}

.spec-text-banner {
  background-color: rgba(0, 0, 0, 0.56);
  padding: 10px 10px;
}

.spec-text-banner h2 {
  font-size: 53px;
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  letter-spacing: 4px;
  line-height: 62px;
  font-family: HelveticaNeueLT-Thin; 
}

.env-banner {
	margin:20px 0;
}




/*
Bootstrap Styles--------------------------->
*/

.navbar {
	margin-bottom:0;
	padding:5px 0 20px;
}

.navbar-brand {
	padding:15px 0;
}

.navbar-brand img {
	width:80%;
}

.navbar-default {
	border-color:transparent;
	background-color:#fff;
}

.navbar-nav {
	float: right;
	margin-top: 20px;
}
	
.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	border: 2px solid transparent;
}

.navbar-default .navbar-nav>li:last-child {
	border: 2px solid #f47b20;
}

.navbar-default .navbar-nav>li:last-child a:hover {
	background-color: #f47b20;
	transition:background-color .5s;
	color:#fff!important;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #6F6F6F;
	background-color: transparent;
	transition:color .5s;
	
}

.navbar-toggle {
	top:6px;
}

.btn-primary {
	background-color: #f47b20;
	border-color:transparent;

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
	  color: #fff;
	  background-color: #F48F44;
	  border-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  color: #f47b20;
  background-color: transparent
}




/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}



 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

 

	
	  @media only screen and (max-width : 992px) {
		 .navbar-default .navbar-nav>li>a {
			font-size: 12px;
		}
		
		.fp-bath {
			background-position:115px;
		}
		
		.fp-kitch 	{
			background-position:115px;
		}
		
		.fp-reno {
			background-position:115px;
		}
		
		.nav-wrapper {
 			 margin: 0 2px;
		}
		
		.navbar-nav {
			  float: left;
			  margin-top: 23px;
		}
		
		#content {
			padding:20px;
		}
		
		
	  }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 767px) {
		.navbar-brand img {
			  width: 70%;
			  padding: 10px;
			  margin: -22px 10px;
			}
			
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border-color:transparent;
		}
		
		.navbar-nav {
		  float: none;
		  margin-top: 20px;
		  text-align: center;
		}
		
		.fp-bath {
			background-position:115px;
		}
		
		.fp-kitch 	{
			background-position:115px;
		}
		
		.fp-reno {
			background-position:115px;
		}
		
		.nav-wrapper {
  			margin: 0;
		}
		
		.navbar-default .navbar-nav>li>a {
			font-size: 17px;
		}
		
		header h2 {
			padding:10px;
		}
		
		#content {
			margin-bottom:40px;
			
		}
		
		#content img {
			display: block;
  			margin: 0 auto;
		}
		
		.navbar-nav {
			margin-top:50px;
		}
		
		
		
			

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.navbar-brand {
			margin-top:-14px;
			padding:10px;
		}
		
		.navbar-brand img {
		width: 60%;
 		margin:4px;
		}
		
		.navbar-default .navbar-collapse, .navbar-default .navbar-form {
			border-color:transparent;
		}
		
		.navbar-nav {
		  float: none;
		  margin-top: 20px;
		  text-align: center;
		}
		
		
		
		
		.fp-bath {
			background-position:0px;
		}
		
		.fp-kitch 	{
			background-position:0px;
		}
		
		.fp-reno {
			background-position:0px;
		}
		
		header h2 {
			text-align:center;
		}
		
		#content img {
			display: block;
  			margin: 0 auto;
		}
		
		.navbar-toggle {
 			 top: 10px;
		}
		
		.section-text h2 {
			font-size: 35px;
			line-height: 40px;
		}
		
		.spec-text-banner {
			padding:0;
		}
		
		.spec-text {
			padding:0;
		}
		
		#remodel h2 {
  			font-size: 30px;
		}
		
		.banner h2 {
			font-size:38px;
			line-height:50px;
		}

    }
	
	
		

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
	    .banner h2 {
    font-size: 28px;
    line-height: 38px;
}

.navbar-brand {
    margin-top: -60px;
    padding: 10px;
}

.section-text h2 {
    font-size: 26px;
    line-height: 40px;
}
        
    }
	
	@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  } 
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}