/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
	font-family: 'Quicksand', sans-serif;
	color: #504e4e;
	background-color: #f5f5f5;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
section p {
	text-align: justify;
}
/*.navbar-brand {
    font-size: 0;
    background: url(../img/logo.svg) no-repeat 0 4px;
	background-size: 50%;
    text-indent: -9999px;
    width: 140px;
    z-index: 10000;
}*/
.navbar-inverse .navbar-toggle {
    border-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #b4bf8b;
}
.navbar-toggle .icon-bar {
    width: 26px;
    height: 3px;
}
.navbar-inverse {
    background-color: #c6d19d;
    border-color: #c6d19d;
}
.navbar-inverse .navbar-brand {
    color: #FFF;
	font-weight: 500;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #b4bf8b;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #c6d19d;
}
.navbar-inverse .navbar-nav > li > a {
    color: #504e4e;
	font-weight: 500;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: #b4bf8b;
}
.dropdown-menu {
	background-color: #c6d19d;
}
.dropdown-menu > li > a {
    color: #504e4e;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #fff;
    background-color: #b4bf8b;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #b4bf8b;
}
.panel {
	border: none;
	min-height: 269px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-box-shadow: 0 0 12px #ddd;
	-moz-box-shadow:    0 0 12px #ddd;
	box-shadow:         0 0 12px #ddd;
}
.panel-body {
    position: relative;
}
.panel-caption h3 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 22px;
}
.btn-default {
    color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
    background-color: transparent;
    border-color: #fff;
    position: absolute;
    top: 210px;
}
.btn-default:hover {
	background-color: #fff;
	border-color: #fff;
    opacity: 0.7;
}
.panel-nurseries {
	background-image: url(../img/developments/nurseries.jpg);
}
.panel-culcheth {
	background-image: url(../img/developments/culcheth.jpg);
}
.panel-woodlands {
	background-image: url(../img/developments/woodlands.jpg);
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */
header.carousel.index {
    height: 40%;
}
.backgroundfill { 
	background: rgba(190,176,155, 0.4);
	width: 100%;
	height: 100%
}
/* Developments Page Carousel */
header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


/* Footer Styles */

footer {
    margin: 20px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #504e4e;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #b4bf8b;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #b4bf8b;
	}
    header.carousel .carousel {
        height: 70%;
    }
}