/* Custom CSS Stylesheet for Edinburgh Building Company */

@media (min-width: 768px) {
.navbar-wrapper {margin-top: 0;}
.navbar-wrapper .container {padding: 0;}
.navbar-nav > li > a {padding-top: 30px;}
}

h2.featurette-heading {font-size:3em; margin-top: 50px; padding-top: 10px; padding-right: 70px;}
h2#company {background: url("/img/placemark.png") no-repeat top right;}
h2#servicedesc {background: url("/img/tools.png") no-repeat top right;}
h2#contactform {background: url("/img/compose.png") no-repeat top right;}
.text-muted {}


body {padding-top:80px; background-color:#f7f5f5;}
.navbar-inverse {background-color: #000000;}
.navbar-brand {padding: 0 20px 0 0;}
#number {color: #999; font-size: 2em; padding: 22px 15px 0 0;}
#number:hover {color:#f60;}
.carousel-caption {background-color:rgba(0,0,0,0.4);}
.img-circle {height:auto; max-width:140px;}
.img-circle {opacity: 0.25;}
.img-circle:hover, .img-circle:focus {opacity: 0.6;}
.featurette-image {padding-top:20px;}
hr {border-top: 1px solid #f60; opacity: 0.3;}

#gmap {max-width: 100%;}
footer {background-color: #000; color:#ccc; min-height:200px; padding: 20px;}
#reg {font-size: 0.8em; padding-top: 2em; display: block;}	
ul.social-grid{float: right; margin-top: 7em;}
.logo {float:right; opacity: 0.8;}
.logo:hover, .logo:focus {opacity:1;}
.footlink a {font-size:0.8em;color:#ccc;padding-right: 40px;}
.footlink a:hover {color:#C73623;}

/* image credit panel */
#accordion2 .panel-default {border:none;}
#accordion2 .panel {border:none;}
#accordion2 .panel-heading {color:#ddd; background-color:#f5f7f7;}

/* rslides */
.panel-txt {float: left; padding-right: 20px; }
.flexslider {float: right; width: 50%; margin: 60px auto!important; padding:0 !important;}
ul.slides {float:right; max-width:600px; margin: 0!important; padding:0 !important;}
ul.slides li {list-style-type: none;}
ul.slides li img {margin: 0 auto!important; padding: 0!important;
	box-shadow: 0px 2px 4px #bbb;
	-moz-box-shadow: 0px 2px 4px #bbb;
	-webkit-box-shadow: 0px 2px 4px #bbb}

/* responsive fixes */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.nav > li > a {
	position: relative;
	display: block;
	padding-left: 10px;}
}

@media screen and (max-width: 960px) {
.flexslider {
float: inherit;
}
}