/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.css'); 
/*@import url('http://www.royalpavilionpoundbury.co.uk/wp-content/themes/wpbootstrap/bootstrap/css/bootstrap-responsive.css');*/
@import url('EngraverDidot.css');
@import url('BemboStdRoman.css');

html {
  min-height: 100%;
  position: relative;
}

body {
	font-family: 'BemboStd'; 
	font-size: 18px;
	line-height: 24px;
	color: #55555A;
	background-color: #DBD8CE;}


footer, footer p{

	background-color: #fff;
}

footer, footer p, .caption{
	font-size: 13px;
	line-height: 18px;
}

footer img {margin-top: -5px}

a, a:link, a:visited, a:active, a:focus {text-decoration: none; color: #666666; outline: none}
.engravers a, .lightgrey a:hover {color: #a0a0a0 !important}
.engravers a:hover {text-decoration: underline}
.header {

}

h1, .h1, h2, .h2, h3, .h3 {
  margin-bottom: 0px;
  margin-top: 0px;
}


h1 {
	font-family: 'DidotLTPro-Headline';
	text-transform: uppercase;
	color: #55555A;
	margin-top: 48px;
}

h3,
.h3,
.wpcf7-form-control.wpcf7-submit {
	font-family: 'EngraversGothicBold';
	text-transform: uppercase;
	color: #55555A;}

h1 {
	font-size: 58px;
	line-height: 62px;
	}

h2 {
	font-size: 21px;
	line-height: 28px;
	}

h3,
.h3,
.wpcf7-form-control.wpcf7-submit {
	font-size: 13px;
	line-height: 22px;
	letter-spacing: 3px;
	}	
	
h3.large {
	font-size: 16px; 
	margin-top: -1px
	}

em {
	font-size: 95%;
}

.small {
	font-size: 16px;
	line-height: 22px;
}

.small2{	
	font-size: 14px;
	line-height: 22px;
}

.small2.top10 {display: block; margin-top: 10PX}

.container.main {
    margin-top: 48px;
}

p {
  margin: 0 0 23px;
}

.engravers {
	font-family: 'EngraversGothicBold';
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #55555A;
}

.footer {
	bottom: 0;
	height: 185px;
	position: absolute;

	background-color: #fff;
	width: 100%;
}

.right {text-align: right}

.arrow {margin-top: 5px}

input {
	padding: 0 15px;
}

textarea {
	padding: 10px 15px;
}

input[type="submit"] {
	padding: 0px 0 4px
}





.logo_intro {width: 330px}
/*@-moz-document url-prefix() {
    input, textarea {
	padding: 3px 15px 0;
}
}*/

.blue {background-color: rgb(195, 208, 219) !important}
.brown {background-color: #DBD8CE;}
.white {background-color: #fff;}
body {margin-bottom: 185px; margin-top: 48px}

@media (max-width: 767px) {
	body {margin-bottom: 140px;}
	.footer {height: 140px}
}

/*grid 5 columns*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-sm-45 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-sm-45 {width: 80%}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.flex-center-center {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

	height: 100%
    }


#intro_img img {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10}



.cover {position: fixed; top:0;right: 0; width: 100%; height: 100%; background-color: #242845; z-index: 10}



.home-hide, .img-hide {opacity: 0;
	transition: opacity 1s;
}
.home-hide-nav {background-color: transparent !important}
.home-show {opacity: 1;

}

.img-responsive {
	margin: auto;
}

.wp-post-image {
  display: block;
  height: auto;
  max-width: 100%;
}

.border-left {
	border-left: 1px solid #a0a0a0;
}

.borders-box,
.wpcf7-form-control.wpcf7-submit {
	border: 1px solid #A0A0A0 !important;
	padding: 11px 0 13px;
	background-color: transparent;
}

.borders-box:hover,
.wpcf7-form-control.wpcf7-submit:hover {
	background-color: rgba(0,0,0,0.07);
}


.pad48 {padding: 10px 0 13px}
.pad48b {padding: 12px 0 10px}
.pad48c {padding: 0px 0 13px}
.pad55 {padding: 25px 0 15px}
.palegrey {
	color: #999999;
}

.border-top {
	border-top: 1px solid #a0a0a0;

}

.border-bottom {
	border-bottom: 1px solid #a0a0a0;
}

.padding15 {
	padding: 0 15px;
}


.form p {
	margin: 0 0 25px;	
}

.form input[type="submit"] {
	background-color: transparent;
	/*border: 1px solid #A0A0A0;
	color: #666666; */
}


input[type="text"],
input[type="email"],
input[type="submit"]
	 {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
     border: none;
     height: 50px;
     -moz-border-radius: 0;
	 -webkit-border-radius: 0;
}

textarea {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
     border: none;
     -moz-border-radius: 0;
	 -webkit-border-radius: 0;
}

textarea:focus, input:focus{
	-webkit-appearance: none;
	outline: none;
	border-color: #a0a0a0 !important;
	-moz-box-shadow:   0 0 3px 2px #a0a0a0 !important;
	-webkit-box-shadow: 0 0 3px 2px #a0a0a0 !important;
	box-shadow: 0 0 3px 2px #a0a0a0 !important;
}

div.number {
  border-radius: 50%;
  background-color: #FFF;
  display: block;
  width: 25px;
  height: 25px;
  color: #55555A;
}

.number h3 {
  display: block;
  letter-spacing: -1px;
  margin: 0 0 0 -2px;
}

@media (max-width: 767px) {
	div.number {
	  border-radius: 50%;
	  background-color: #FFF;
	  display: block;
	  width: 16px;
	  height: 16px;
	  color: #55555A;
	}

	#list div.number {
	  margin: 2px 5px 0 0;
	}
	
	#list .item-list {padding: 2px 0}
	
	.number h3 {
	  display: block;
	  letter-spacing: -1px;
	  margin: -4px 0 0 -2px;
	  line-height: 20px;
	}	
}

.ap-list {padding: 4px 0}

div.wpcf7-mail-sent-ok {
  border: none !important;
  text-align: center
}

.home-slide img {
	position: absolute
}

div.wpcf7-response-output {
  margin: 0 !important;
  padding: 150px 0 !important;
}



/****** NAV MENU ALWAYS MOBILE**/
	.nav {overflow: hidden;
		background-color:#DBD8CE}
    .navbar-header {
        float: none;
    }
    .navbar {min-height: 48px}
    .navbar-toggle {
        display: block;
        float: none;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        /*&box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {display: block !important; }
    .navbar-nav {
        float: none!important;
        margin: 48px 0 15px 0;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.navbar-toggle .icon-bar {
	  border-radius: 1px;
	  display: block;
	  height: 2px;
	  width: 26px;
	}
	.navbar-toggle {
	  background-color: transparent;
	  background-image: none;
	  border: none !important;
	  border-radius: 4px;
	  float: none;
	  margin-bottom: 8px;
	  margin-right: 15px;
	  margin-top: 8px;
	  padding: 7px 10px 7px 0;
	  position: relative;
	}
	.navbar-default,
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color: #DBD8CE;
	border: none;
	z-index: 8;
	}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent
	}
	
	.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 6px;
	}
	.navbar-header h3, .navbar-close h3 {margin-top: 12px}
	.navbar-close h3 {padding-left: 14px}
	.nav .border-bottom {padding: 13px 0 11px}
	.navbar-close {display: none; height: 49px}
	.navbar-close button {font-size: 40px; padding:0 0 0 15px}
@media (max-width: 767px) {
	.navbar-close button {font-size: 40px; padding:0}
	}
	.navbar-close .navbar-toggle {margin: 12px 15px 8px 2px;}
		
	

/******RESONSIVE FONTS ********/

/**** Phones */ 
@media (max-width: 767px) {
	html, body, p {
		font-size: 16px;
		line-height: 22px;
	}

	h1 {
		font-size: 38px;
		line-height: 42px;
		}
	
	h2 {
		font-size: 18px;
		line-height: 23px;
		}
	
	h3,
	.h3,
	.wpcf7-form-control.wpcf7-submit {
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 2px;
		}	
		
	h3.large {
		font-size: 16px; 
		margin-top: -1px
		}

	
	.logo_intro {width: 200px}	
}

.nav a {font-size: 20px}

/**** Tablets */
@media (min-width: 768px) and (max-width: 991px) {
	html, body, p {
		font-size: 16px;
		line-height: 24px;
	}

	h1 {
		font-size: 54px;
		line-height: 58px;
		}
	
	h2 {
		font-size: 18px;
		line-height: 24px;
		}
	
	h3,
	.h3,
	.wpcf7-form-control.wpcf7-submit {
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 2px;
		}	

	footer h3 {
		font-size: 10px;
		line-height: 15px;
		letter-spacing: 1px;
		}

		
	h3.large {
		font-size: 16px; 
		margin-top: -1px
		}

	
	.logo_intro {width: 250px}
	
	.small, .small p {
	font-size: 16px !important;
	line-height: 22px !important;
	}
}

/**** Medium Desktop-Laptop */
@media (min-width: 992px) and (max-width: 1199px) {
	html, body, p {
		font-size: 16px;
		line-height: 24px;
	}

	h1 {
		font-size: 58px;
		line-height: 62px;
		}
	
	h2 {
		font-size: 21px;
		line-height: 28px;
		}
	
	h3,
	.h3,
	.wpcf7-form-control.wpcf7-submit {
		font-size: 13px;
		line-height: 22px;
		letter-spacing: 3px;
		}	
		
	h3.large {
		font-size: 16px; 
		margin-top: -1px
		}
	
	
	.logo_intro {width: 280px}
}

/**** Large Desktop-Laptop 
@media (min-width: 1200px) {
	html, body, p {
		font-size: 18px;
	}

	.header, .header p {
		font-size: 14px
	}

	footer, footer p{
		font-size: 14px;
	}
}

a, a:link, a:visited, a:hover {text-decoration: none; color: #666666;}

**/

/*** TOOLS**/
.underline {text-decoration: underline !important}
.hover-under:hover {text-decoration: underline !important}
.fullheight {height: 100%}
.halfheight {height: auto}
.fullwidth {width: 100%}
.float-left {float: left}
.no-padding {padding: 0 !important}
.no-margin {margin: 0 !important}


/*******CHANGE GUTTER******
div[class^="col"]{padding-left:4px; padding-right:4px;}
.row {margin-left: -4px; margin-right: -4px}*/

@media (min-width: 768px) {
.no-gutter, .apartments div {
    padding-right:0;
    padding-left:0;
}
}
@media (max-width: 767px) {
.xs-no-gutter {
	padding-right:0;
    padding-left:0;
}
}
/*.no-gutter .row {margin-left: -15px; margin-right: -15px; }*/






/* MARGIN @ MEDIA **/

.top10 {margin-top: 10px; }
.top28 {margin-top: 28px; }
.ptop28 {padding-top: 1px;margin-top: 30px}
.top30 {margin-top: 30px; }
.top35 {margin-top: 35px; }
.top40 { margin-top:40px; }
.top45 { margin-top:45px; }
.top48 { margin-top:48px; }
.top52 { margin-top:52px; }
.top60 { margin-top:60px; }
.top65 { margin-top:65px; }
.top72 { margin-top:72px; }
.top115 { margin-top:115px; }
.top125 { margin-top:125px; }
.top140 { margin-top:140px; }
.top185 {margin-top:185px;}
.top200 { margin-top:200px; }
.top270 { margin-top:270px; }

.bottom20 {margin-bottom:20px; }
.bottom30 {margin-bottom:30px; }
.pbottom30 {padding-bottom:30px; }
.bottom48 { margin-bottom:48px; }
.bottom52 { margin-bottom:52px; }
.bottom72 { margin-bottom:72px; }
.bottom115 { margin-bottom:115px; }
.bottom135 { margin-bottom:135px; }
.bottom140 { margin-bottom:140px; }
.bottom390 { margin-bottom:390px; }
.bottom750 {margin-bottom:750px;}
.bottom1000 {margin-bottom:1000px;}

/**** Medium Desktop-Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {


	.md-top40 { margin-top:40px; }
	.md-top60 { margin-top:60px; }
	.md-top80 { margin-top:80px; }
	.md-top100 { margin-top:100px; }
	.md-top150 { margin-top:150px; }
	.md-top220 { margin-top:220px; }
	
	.md-bottom20 {margin-bottom:20px; }
	.md-bottom40 { margin-bottom:40px; }
	.md-bottom60 { margin-bottom:60px; }
	.md-bottom80 { margin-bottom:80px; }
	.md-bottom100 { margin-bottom:100px; }
	.md-bottom150 { margin-bottom:150px; }
	
}

/**** Tablets ***/
@media (min-width: 768px) and (max-width: 991px) {
	.sm-top20 {margin-top: 20px; }
	.sm-top20 {margin-top: 20px; }
	.sm-top40 { margin-top:40px; }
	.sm-top60 { margin-top:60px; }
	.sm-top65 { margin-top:65px; }
	.sm-top80 { margin-top:80px; }
	.sm-top100 { margin-top:100px; }
	.sm-top115 { margin-top:115px; }
	.sm-top165 { margin-top:165px; }
	
	.sm-bottom20 {margin-bottom:20px; }
	.sm-bottom40 { margin-bottom:40px; }
	.sm-bottom60 { margin-bottom:60px; }
	.sm-bottom80 { margin-bottom:80px; }
	.sm-bottom100 { margin-bottom:100px; }
}


/**** Phones ***/
@media (max-width: 767px) {
	.xs-top5 {margin-top:5px; }
	.xs-top10 {margin-top:10px; }
	.xs-top15 {margin-top: 15px; }
	.xs-top20 {margin-top: 20px; }
	.xs-top25 {margin-top: 25px; }
	.xs-top30 {margin-top: 30px; }
	.xs-top35 {margin-top: 35px; }
	.xs-top40 { margin-top:40px; }
	.xs-top42 { margin-top:42px; }
	.xs-top46 { margin-top:46px; }
	.xs-top60 { margin-top:60px; }
	.xs-top80 { margin-top:80px; }
	.xs-top100 { margin-top:100px; }
	.top200 {margin-top:28px;}
	
	.xs-bottom5 {margin-bottom:5px; }
	.xs-bottom10 {margin-bottom:10px; }
	.xs-bottom20 {margin-bottom:20px; }
	.xs-bottom30 {margin-bottom:30px; }
	.xs-bottom40 { margin-bottom:40px; }
	.xs-bottom60 { margin-bottom:60px; }
	.xs-bottom80 { margin-bottom:80px; }
	.xs-bottom200 { margin-bottom:200px; }
	
	.xs-top32 {margin-top: 32px}

}



.carousel-indicators li {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #EAE7DD;
  border-radius: 10px;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  width: 10px;
}

.carousel-indicators .active {
	background-color: #EAE7DD;
}

.carousel-inner > .item {
  transition: opacity 0.7s ease-in-out 0s;
}

.carousel-indicators {
	z-index: 5;
	bottom: 0;
}
@media (max-width: 767px) {
.carousel-indicators {
	bottom: -10px;
}
}

/*.carousel-fade	.carousel-inner	.item {
					            transition-property: opacity;
					        }*/
					        
.carousel-fade	.carousel-inner .item,
.carousel-fade	.carousel-inner	.active.left,
.carousel-fade	.carousel-inner	.active.right {
					            opacity: 0;
					        }
					
.carousel-fade	.carousel-inner	.active,
.carousel-fade	.carousel-inner	.next.left,
.carousel-fade	.carousel-inner	.prev.right {
					            opacity: 1;
					        }
					
.carousel-fade	.carousel-inner	.next,
.carousel-fade	.carousel-inner	.prev,
.carousel-fade	.carousel-inner	.active.left,
.carousel-fade	.carousel-inner	.active.right {
					            left: 0;
					            transform: translate3d(0, 0, 0);
					        }

					
.carousel-fade  .carousel-control {
			        z-index: 2;
			    }

/** MAP ***/
#map {position: relative}
.overlay {
	   height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.item {position: absolute}

.hoveredActive {background-color: #55555a !important; }
.hoveredActive h3 {color: #fff !important}
.item-list {padding: 4px 0}
.item-list .number {margin: -2px 5px 0 0 }


.item-1 {
	left: 58.2%;
    top: 91.5%;
}
.item-2 {
	left: 43%;
    top: 75%;
}
.item-3 {
	left: 20%;
    top: 73.5%;
}
.item-4 {
	left: 13%;
    top: 81.5%;
}
.item-5 {
	left: 26%;
    top: 73.5%;
}
.item-6 {
	left: 52%;
    top: 61.5%;
}
.item-7 {
	left: 56%;
    top: 66%;
}
.item-8 {
	left: 56.2%;
    top: 70.1%;
}
.item-9 {
	left: 61%;
    top: 79%;
}

/**** Phones */ 
@media (max-width: 767px) {}

/**** Tablets ***/
@media (min-width: 768px) {}

/**** Medium Desktop-Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {
	.item-1 {
	left: 57.8%;
    top: 91.1%;
	}
	.item-4 {
    top: 81%;
	}
}