/* Real Estate Listing Styles */


.property_listing{
  margin:10px 0px 10px 0px; 
}



/*--- Custom Fonts --- */
@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.eot');
    src: url('fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-regular-webfont.woff') format('woff'),
         url('fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
  }
}





@font-face {
    font-family: 'cinzelregular';
    src: url('fonts/cinzel-regular-webfont.eot');
    src: url('fonts/cinzel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cinzel-regular-webfont.woff') format('woff'),
         url('fonts/cinzel-regular-webfont.ttf') format('truetype'),
         url('fonts/cinzel-regular-webfont.svg#cinzelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'cinzelregular';
    src: url('fonts/cinzel-regular-webfont.svg#cinzelregular') format('svg');
  }
}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  }
}
/*--- End Custom Fonts --*/



.header_logo{
	text-align:center;
		
}

.header_logo>a>img { 


}

.header_container {
 

}

.affix,.navbar-fixed-top{
-webkit-transform: scale3d(1,1,1);
}


.navbar-default{
  background-image:url('../img/navbar_orange.png');
  background-position:bottom center;
  background-repeat:repeat-x;
  background-color:none !important;

}

@media (max-width:767px){
  .navbar-default{
    background-color:#fff !important;
    border-bottom:0px;
    background-image:none;
  }
  .navbar-header{
    background-color:#FAC025;
    
  }
  .navbar-collapse{
    background-color:#FAC025;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #302520 ;
  }
  
}




.navbar-default .navbar-nav>li>a{
	color:black;

}

body > header > nav > div > div.navbar-collapse.collapse > ul > li.active > a {
	color:black;
	background-color:#eeeeee;
}


.navbar-collapse.collapse {
}

@media (min-width: 768px){
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
  
}
}  

html,body{
  
  margin-bottom:1px;
  
  padding: 0;
  margin: 0;
  

}

main {
	margin-top:150px;
  z-index:325;
  position:relative;
  /*min-height:100%;*/


}

main > div.container{
  width:90%;
  background:#fff;
  padding:10px;
  margin-bottom:10px;
  margin-top:-550px;
}


.inverted_heading{
  color:#fff;
  background-color:#333;
  padding:5px 5px 5px 5px;

  background-image:url('../img/inv_hd.png');
}

.btn-inverted{
  color:#fff;
  background-color:#444;
}

.btn-inverted:hover{
  color:#eee;
  border-color:#444;
  border-width:1px;
}

.btn-brand>a:hover{
  text-decoration:none;
}
#Field_Crest, #Ridge_View, #Vista_Creek {
  padding-top: 150px;
  margin-top: -150px;
   /* required for webkit browsers */
  display:inline-block;
}

/*Carousel Stuff */
#mainCarousel{
  margin-top:-100px;
}
#mainCarousel > div > div{
	min-height: 100px;
}

#mainCarousel > a.carousel-control.left{
	background-image: none;
}

#mainCarousel > a.carousel-control.right{
	background-image: none;
}

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #eee;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


.main_photo_wrapper{
 position: relative;
z-index: -300;
margin-top: 100px;
overflow: hidden; 
  
}

.main_bg_photo{
  height: 560px;
  width: 100%;
position: relative;
display: block !important;
background-image: url('../img/main_photo_wrapper.jpg'); 
background-size: cover; 
background-position: center bottom;
}

.neighborhood-list>.row{
  padding:10px 0px 10px 0px;
}

#aboutList {
  padding-left:15px;
}


.footer_wrapper{

  background-color:#fff;
  width:100%;
  
  bottom:200px;
  height:200px;
  z-index:325;
  padding-top:15px;
}

footer{
    z-index:325;
}
.social-footer {
  font-family:FontAwesome;
  
}

.social-footer>li{

  display:inline;
}

.social-footer>li>a{
  color:gray;
  font-size:30px;
  letter-spacing: 5px;
  text-decoration:none;
}

.social-footer>li>a:hover{
  color:#666;
};

.map-footer>li>a{
  color:gray;
  text-decoration:none;
}

.map-footer>li>a:hover{
  color:#666;
};



hr.fancy {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.fancy:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}