/* Reset Bootstrap Styles */

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 868px) {
  .container {
    width: 850px;
  }
}

.navbar {
    border-radius: 0px;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

.nav-tabs > li.disabled > a:hover {
  border-color: transparent;
}


/* Basic Styles */

html{ overflow-y:scroll; }
body { background-color:#FAFAFA; }
img.pull-left { padding-right:10px; }
img.pull-right { padding-left:10px; }
.row h2{margin-top:0;}
.bold{font-weight:bold;}
.inline-block { display:inline-block; }
tr.success2{font-weight:600;font-size:105%;letter-spacing:0.3px;}
.popover-content{padding:8px 3px 8px 5px;}
.well code { padding: 2px 4px 2px 0; } 
abbr[title], acronym[title] {
  text-decoration: none;
}
#units-tabs{margin:0 0 13px 60px;}
#contact input#url {position:absolute;left:5678px;display:none;}
.inline-block{display:inline-block;}
.nav > li > a:focus{
	outline:none;	
}
#recalculate .table > thead > tr > th, #recalculate .table > tbody > tr > th, #recalculate .table > tfoot > tr > th, #recalculate .table > thead > tr > td, #recalculate .table > tbody > tr > td, #recalculate .table > tfoot > tr > td{
	border-top:none;	
}
#recalculate{
	font-size:12px;	
}

#recalculate .form-control{
	height:25px;
	padding:3px;
}

#recalculate input{
	text-align: center;		
}

#recalculate input, #recalculate select{
	display:inline;	
}

#recalculate #submit-recalc{
	font-size:14px;	
}

.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

/* Typography */

.result h1 { font-size:30px; }
.result h2 { font-size:20px; }
.result h3 { font-size:18px; }

.nice-font{
	font-family: Candara, Calibri, 'Trebuchet MS', sans-serif;	
	color: #033769;
	font-weight:bold;
}

.nice-headline{
	font-family: Candara, Calibri, 'Trebuchet MS', sans-serif;
	color: #033769;
	font-weight:bold;
	font-size:27px;
	text-align:center;
}

h1.navbar-brand a, div.navbar-brand a{ color:#fff; }
h1.navbar-brand, div.navbar-brand{
	font-family: Candara, Calibri, 'Trebuchet MS', sans-serif;
	margin:0;
	font-weight:normal;
	font-size:22px;
}
h1.navbar-brand span, div.navbar-brand span{ font-weight:bold; }
h1.navbar-brand a:hover, div.navbar-brand a:hover{ text-decoration:none; }
ol li, ul li{margin-bottom:5px;}

#secured-message{
	margin:2px auto;
	font-size:11px;
	text-align:right;
	padding-right:28px;
}

/* Custom Navbar Colors and Fixes */

.navbar-toggle{ border: 1px solid #fff; }
.navbar-toggle .icon-bar { background-color:#fff; }
.navbar-blue{
	margin-bottom:2px;	
}
.navbar-blue, .footer-blue{
	background-color:#2C3E50;
	border:none;
}
.navbar-blue li { margin-bottom:0; }
.navbar-blue li a { color:#fff; }

.navbar-blue li a:hover, .navbar-blue li a:focus {
  text-decoration: none;
  background-color: #1E2A36;
}

.navbar-blue .open > a:focus, .navbar-blue .open > a,
.navbar-blue .open > a:hover, .navbar-blue .open > a:focus{
	background-color: #1E2A36;
}

.navbar-blue .dropdown-menu li a{
	color:#333;	
}

.navbar-blue .dropdown-menu li a:hover{
	background-color: #1E2A36;
	color:#fff;
}

div.well2{
	background-color: #f5f5f5;
	padding:10px;
	border-left: 10px solid #1e2a36;
	border-right: 10px solid #1e2a36;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	margin-bottom: 20px;
}

ul.list-unstyled li span{
	float:left;
	text-align:right;
}

ul.list-unstyled li span{
	float:right;
	margin-right:30px;
}


.h2, h2 {
    font-size: 28px;
}


h1#yourstats{
	margin-top:0;
	margin-bottom:10px;
	border-bottom:none;	
}


.questions{
	font-size:12px;
	float:right;
	position:relative;
	top:9px;
}

.jumbotron{
	background-color:#fff;
	padding:30px;
	border-radius:6px;
	border:1px solid #f5f0f0;
	}

	.jumbotron h2{
		font-size:27px;
		margin-top:0;
	}
	.jumbotron p{
		font-size: inherit;
		font-weight:inherit;
	}

	.jumbotron > hr, .result > hr{
		border-top-color:#eee;
		margin-top:30px;
		margin-bottom:30px;
		width:80%;
	}
	
.result, .page{
	background-color:#fff;
	padding:15px 30px 30px;
	border-radius:6px;
	border:1px solid #f5f0f0;
	}
	.result h1, .page h1{
		margin-top:10px;
		padding-bottom:5px;
		margin-bottom:20px;
		border-bottom:1px dotted #eee;
	}
	.result > hr{
		border-top-color:#eee;
		margin-top:30px;
		margin-bottom:30px;
		width:100%;
	}
	.result hr.style2{
		border-top-color:#eee;
		margin-top:25px;
		margin-bottom:25px;
		width:100%;
	}
	
	
	#tdee-cals{
		background:#fdf6e5;
		color:#333;
		position:relative;
		/* width:232px; */
		width:100%;
		height:232px;
		border-radius:20px;
		text-align:center;
		border:1px solid #ede7bb;
	}
	#tdee-cals span.cals{
		font-size:13px;
		font-style: italic;
	}
	#tdee-cals .h2{
		color:#2C3E50;
		font-weight:bold;
		font-size:40px;
		margin:0;
	}
	#tdee-cals hr{
		border-top-color:#ede7bb;
		margin-top:27px;
		margin-bottom:20px;
	}
	
	
	.macrobox{
		background:#fdf6e5;
		width:96%;
		color:#333;
		position:relative;
		border-bottom-left-radius:10px;
		border-bottom-right-radius:10px;
		border-top-right-radius:10px;
		text-align:center;
		border:1px solid #ede7bb;
		padding-left:0;
		padding-right:0;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	.tab-content .label {
		border-bottom-left-radius:0px;	
		border-bottom-right-radius:0px;
		padding: 0.2em 0.6em 0.4em;
	}
	
	
	.macrobox span.cals{
		font-size:13px;
		font-style: italic;
	}
	.macrobox .h2{
		color:#2C3E50;
		font-weight:bold;
		font-size:30px;
		margin:0;
		text-align:left;
	}
	.macrobox hr{
		border-top-color:#ede7bb;
		margin-top:10px;
		margin-bottom:20px;
	}
	
	p.macro-label{
		text-align: center;
		margin-top:15px;
		display:block;
	}
	
	.macro{
		padding-left:0;
		padding-right:0;	
	}

	
	
	#maintenance, #cutting, #bulking{
		padding-top:10px;	
	}
	

table, .questions{
	font-family:Helvetica, Arial, sans-serif;
	font-weight: 100;
}
table td {
   padding: 7px 10px;
}
table td.col1{
	font-weight:bold;
	text-align:right;
	font-size: 13px;
}
	





label{
	font-weight:inherit;
}

.btn-submit{
	margin-top:10px;
	background-color: #006dcc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-submit:hover{
		background-color:#006dcc;
    color: #ffffff;
}



#footerwrap{
margin-top:60px;
padding:20px 0;
}

.footer-blue { color:#fff; }
.footer-blue a { color:#fff; text-decoration:underline;}


    .jo-sociallocker.jo-sociallocker-msie {
        background-color: hsl(200, 65%, 91%);
        border-color: hsl(190, 65%, 84%);
        color: hsl(200, 50%, 45%);
    }
    .jo-sociallocker {
        background-color: hsl(50, 81%, 94%);
        border: 1px solid hsl(39, 83%, 91%);
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        margin-bottom: 20px;
        padding: 8px 35px 8px 14px;
        -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        text-shadow: 0 1px 0 hsla(0, 100%, 100%, 0.5);
    }
    .jo-sociallocker-button{
        float: left;
        margin-left: 10px;
    }
    .jo-sociallocker-after-text{
        margin-bottom: 20px;
    }
    .jo-sociallocker-buttons{
        height:35px;
    }
    .jo-sociallocker-strong{
        font-size: 30px;
        color: hsl(0, 0%, 0%);
    }

	
	
/* MOBILE STYLES */

@media (min-width:768px;) {
	.dropdown-menu > li > a{
	color:#333;
	}
	.dropdown-menu > li > a:hover{
	background-color: #1E2A36;
	color:#333;
	}
	#form, #form-metric, #tdee-imperial, #tdee-metric{
		width:323px;
		position:relative;
		left:40px;
	}
	img#tdee{ position:relative;left:30px; }	
	
}

@media (min-width: 569px) {	
	#form, #form-metric, #tdee-imperial, #tdee-metric{
		width:323px;
		position:relative;
		left:40px;
	}
	img#tdee{position:relative;left:30px;top:5px;}
}

@media (min-width: 569px) and (max-width: 768px){
	#form, #form-metric, #tdee-imperial, #tdee-metric{
		width:323px;
		display:block;
	}
	/* img#tdee{ display:none; } */
}

@media (max-width:767px){
	.navbar-blue .dropdown-menu li a{
		color:#fff;	
	}
}

@media(max-width: 645px){
	.hidden-custom { display:none; }
}

@media (max-width: 568px) {
	.hidden-xxs{display:none; }
	body{background-color:#fff;}
  .jumbotron, .page {
    background-color:#fff;
		margin-bottom:20px;
		border:none;
  }
  .container .jumbotron, .container .page{padding:5px 5px 20px;}
  .jumbotron h2{font-size:17px;text-align:left;margin-top:0;}
  .jumbotron > hr{border-top-color:#eee;margin:5px 0;}
  .jumbotron p{text-align:left;}
  h3{font-size:18px;text-align:left;}
  .dropdown-menu > li > a{
		color:#fff;
	}
	#form, #form-metric, #tdee-imperial, #tdee-metric{
	position:relative;
	left:0px;
	}
	/* img#tdee{ display:none; } */
	#tdee{margin:0 auto 15px;}
	.result{padding:0px;border:none;}
	div.well2{font-size:13px;padding:5px;border-left: 5px solid #1e2a36;border-right: 5px solid #1e2a36;margin-left:-15px;margin-right:-15px;}
	#units-tabs{margin:0 0 13px 0px;}
}