/* custom style over bootstrap for midtown hardwood */
/* html { 
  background: url(img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */
body {
    margin-top: 125px;
}
.nav {
	color:#ffffff;
    margin-top: 55px;
}
p { 
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 1.4;
}

/* add margin to row */
.row {
    margin-left: 10px;
    margin-right: 10px;
}


/* TWEAK LEGEND UNDER SOME IMAGES */
.legendary { font-size: 90%; margin-left: auto; margin-right: auto; text-align: center; }

/* CAROUSEL TESTIMONIALS CONTROS EDITS */
.carousel { height: 130px; max-height: 100%; margin: auto; }
.carousel-control .glyphicon-chevron-left { left: 3px;  }
.carousel-control .glyphicon-chevron-right { right: 3px;  }
.carousel-control.left { background-image: linear-gradient(to left, transparent 0px, rgba(0, 0, 0, 0.2) 100%); }
.carousel-control.right { background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0.2) 100%); }

/* ANGIES LIST BADGE STYLE */
.angies-list { text-align: center; padding-bottom: 20px; }

/* ADJUST FEATURETTE LIST ITEMS */
.bigger-li li { font-size: 120%;  margin-left: 10px; text-align:left; }

/* REDUCE GLOBAL HEADER TOP MARGIN  */

h1, h2, h3 {
    margin-top: 8px;
}

/* CHANGE TEXT MUTED AND REGULAR TAGLINE COLOR */
.text-muted { color: #764b27; }
.tagline { color: #764b27; }

/* CUSTOM NAVBAR COLORS */

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
	font-size: 120%;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #f1975b;
}
.navbar-default {
    background-color: #000000;
    border-color: #d1b271;
}

/* END CUSTOM NAVBAR COLORS */

/* navbar styling from navbar-fixed-top css */
body {
  padding-top: 20px;
}

/* adjust mobile menu positioning */
.navbar-toggle {
    margin-top: 50px;
}
.mtnav-container { width: 100%; }

.rowtop-pad { padding-top: 40px; }

hr  {
    margin-bottom: 30px;
    margin-top: 30px;
}

/* img-center */
.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* width for div for pics of staff in the biography section */
.bio-div { width:160px; margin-left: 5px; }
.bio-div > img { margin-left: auto; margin-right:auto; }

.pull-right { margin-left: 13px; }
.pull-left { margin-right: 13px; }

/* no border for hero images */
.img-noborder { border: none; }

.featurette-heading { font-family: 'Quando', serif; }

/* pages content styling taken from carousel example css */
/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 50px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* BLOCKQUOTE FROM BOOTSTRAP 3.0.3 */

.carousel blockquote {   border-left: none;  margin: 10px 10px; }
blockquote p {
    font-size: 21.5px;
}
blockquote {
  padding: 30px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #d1b271;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-style:italic;
  font-weight:600;
  font-size: 80%;
  line-height: 1.428571429;
  color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
/* ./END BLOCKQUOTE STYLES */

/* RESPONSIVE CSS MEDIA QUERIES
-------------------------------------------------- */

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 10px;
  }
  /* Center feature images on smaller devices */  
  .featurette-image {
  margin-left:auto;
  margin-right:auto;
}

}

@media (min-width: 768px) {

    /* widen the container */
    .container {
    width: 100%;
    }
  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (max-width: 767px) {

/* .featurette-heading { margin-left: -10px; } */

/* Center images on small screens */
    /* .img-small { display: block; margin-left: auto; margin-right: auto; } */
img { display: block; margin-left: auto; margin-right: auto; }

  /* Remove the edge padding needed for mobile */
  .row {
    padding-left: 0;
    padding-right: 0;
	margin-left:0;
	margin-right:0;
  }
    .marketing {
    padding-left: 0;
    padding-right: 0;
	margin-left:0;
	margin-right:0;
  }
    .btn-small { width: 80%; margin-left: auto; margin-right: auto; }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #f1975b;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
	.angies-list { margin-top: 60px; }
	.img-responsive { margin: 8px; }
	.google-plus { float: right; margin-left: auto; margin-right: auto; margin-top: 60px; }
}