
/* Custom Bootstrap CSS Overrides */

body {
    padding-top: 0; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    background:url(../images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color:#F2F2F2;
}

/* layout */

#bodywrap {padding-top:10px;background:rgba(255,255,255,0.85);}
footer {padding: 10px 0;}


/* coffee-cup forms */
#docContainer {
  text-align:center;
  width: auto;
  max-width: 800px;
  box-sizing: border-box;
}
#docContainer form {margin-left:auto; margin-right:auto;}

/* class to remove column gutter padding applied to row */

.no-gutters > [class*='col-'] {padding-right:0;padding-left:0;}

.clear {clear:both;}

/* typography */

a {color: #76390C;}
a:active,
a:focus,
a:hover {text-decoration:underline;color: #D59515;}
p {padding-bottom:10px;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:600;color:#333;}
ul li {font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:600;color:#333;list-style-type: square;}
td {font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.2em;font-weight:600;color:#666;text-transform:capitalize;} 
td p {font-size:.98em;}
p.highlight {font-weight:700;color:#A56F0C; font-style:italic;}

ul.points {margin-top:20px;margin-bottom:20px;}
ul.points li {margin-top:10px;margin-bottom:10px;list-style-image:url(../images/icon-pecan.png);}

ul.centeredpoints {margin-top:20px;margin-bottom:20px;text-align:center;}
ul.centeredpoints li {margin-top:10px;margin-bottom:10px; list-style-type:none;}

ul.clientlist {margin-top:20px;margin-bottom:20px;}
ul.clientlist li {margin-top:10px;margin-bottom:10px; list-style-type:none;}

p.roadofsuccess {line-height:40px;}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #ccc;
}
a img {display:inline-block;}

hr.slimdiv {margin-top:10px;margin-bottom:10px;}
hr.spacer {margin-top:5px 0;border:0;}


h1, h2, h3, h4 {font-family:"Open Sans",Helvetica,Arial,Sans-Serif;font-weight:700;color:#76390C;}
h1 {font-size:3.0em;margin:10px 0;}
h2 {font-size:2.0em;margin-bottom:20px;}
h3 {font-size:1.7em;}
h4,th {font-size:1.2em;}

h4 a {text-decoration:underline;}
h4 a:hover {text-decoration:none;color:#D59515;}

h2#phone {margin:0;padding-top:5px;font-size:2.0em;}

/* tables */

.table {font-family:"Open Sans",Helvetica,Arial,sans-serif;font-size:1.0em;color:#222;margin-top:20px;}
.table .btn-default {padding:6px 14px;}
.table th {background:#3F116F; color:#fff;font-size:1.2em;text-align:center;}

.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table-striped > tbody > tr:nth-of-type(even) {background-color: #f5f5f5;}
.table-hover > tbody > tr:hover {background-color: #F9F3FC;}

/* carousel */

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.carousel-caption > h2 {
    margin: 0;
    text-shadow: 3px 3px 3px rgba(0,0,0,0.9);
    font-size: 4.0em;
	color:#fff;
	font-style:italic;
}

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

.carousel-indicators .active {
  width: 16px;
  height: 16px;
  margin: 0;
  background-color: #fff;
}


/* icons + images */

#sitelogo {margin:0 auto;padding:0;width:250px;border:none;}

.socialicon {width:40px;}
.socialicon:hover {
 	opacity: 0.5; 
	filter: alpha(opacity=50); 
	}

.info-icons {margin:20px 0;padding:20px;background-color:#D2E3F4;color:#76390C;border-radius:6px;font-size:140%;}
.info-icons a:hover {
	color:#9AAFDE;
	text-decoration:none;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
}
.info-icons p {line-height:1.0;}

img.pecans {margin:0 auto;max-width:260px;}

img.webm {width:40px;height:40px;}

.gap-top {margin-top:10px;}
.gap-right {margin-right: 10px;}
.gap-bottom {margin-bottom:10px;}
.gap-left {margin-left:10px;}

/* buttons */

.btn-default {
  color: #fff;
  background-color: #D59515;
  border-color: #D59515;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #76390C;
  border-color: #76390C;
  text-decoration:none;
}

.btn-email a, .btn-email a:hover {color:#fff;text-decoration:none;}

/* navbar */

body#home a.home,
body#pie a.pie,
body#coaching a.coaching,
body#clients a.clients,
body#contact a.contact {background-color:#D59515;color:#fff;}

ul.nav { margin:0 auto; float:none;}
.nav li {list-style-type:none;}

.navbar-fixed-top .navbar-brand {padding: 0 15px;}
.navbar {
    min-height:30px;
	margin:0;
	border-radius:0;
	background: #76390C;
}

.navbar-collapse {padding-left:0;padding-right:0}
.navbar ul.nav li a {color:#fff;font-size:.85em;padding:10px 12px;}
.navbar ul.nav li a:hover {background-color:#D59515;color:#fff;-webkit-transition: all 200ms ease-in;-o-transition: all 150ms ease-in;-moz-transition: all 150ms ease-in;}

.dropdown-menu {background-color: #76390C;}

.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:active,
.navbar-inverse .navbar-toggle.active,
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle.focus {
  border-color: #76390C;
  background: #76390C;
  color: #fff;
}
.navbar-inverse .navbar-toggle:hover {
  border-color: #D59515;
  background-color: #D59515;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 150ms ease-in;
  -moz-transition: all 150ms ease-in;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #e7e7e7;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  border-color: #D59515;
  background: #D59515;
  color: #fff;
}

/* navbar dropdown */

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {color: #fff;background-color: #D59515;}


/* navbar toggle */

.navbar-toggle .icon-bar {
  display: block;
  width: 26px;
  height: 3px;
  border-radius: 0px;
}


/* photo gallery */

ul#gallery {         
	padding:0 0 0 0;
	margin:0 0 0 0;
}
ul#gallery li {     
	list-style:none;
	margin-bottom:25px;           
}
ul#gallery li img {
	cursor: pointer;
}
ul#gallery li img:hover {
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	-webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
}

/* scrollup */

a.scrollup{
	height:52px;
	width:52px;
	color:#fff;
	background:#76390C;
	font-size:30px;
	line-height:48px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:9999;
	opacity:0.5;
	-o-border-radius:52px;
	-moz-border-radius:52px;
	-webkit-border-radius:52px;
	border-radius:52px;
	border:2px solid #bbb;
}

a.scrollup:hover{
	opacity:1;
	color:#fff;
}

/* tooltips */

.tooltip-inner {
  background-color: #76390C;
}
.tooltip.bottom .tooltip-arrow, 
.tooltip.top .tooltip-arrow
 {
  border-bottom-color: #000;
}

/* media queries */

@media(min-width: 768px) {
	body {padding-top: 0;}
	.navbar-fixed-top .navbar-brand {padding: 15px 0;}
	div.navbar-text {display:none;}
}
/* medium devices, desktops */
@media(max-width: 992px) {
	.carousel-caption > h2 {font-size: 2.8em;}
}

/* small devices, tablets */
@media(max-width: 767px) {
	h2#phone {padding-top:0;margin-bottom:20px;}
	div.navbar-text,
	.navbar-inverse .navbar-text {padding:0 0 0 30px;margin:12px 0 0 0;font-size:1.45em;font-weight:600;color:#fff;}
	hr.intro-divider, ul.intro-buttons {display:none;}
	.carousel-caption > h2 {font-size: 2.0em;}
	.navbar-inverse {position: fixed;right: 0;left: 0;top:0;z-index: 1030;}
	.navbar ul.nav li a {padding:10px 10px;}
	body {padding-top: 50px;}
	#social {margin-top:10px;}
}

