/* Pallette :
--------------------
	dark blue: 	#012345;
	light blue: #93CCEA;
    off white:  #F8FDFE;
    orange:		#FF8800;
    black:		#000000;


/* Typography
---------------------------*/
body 	{ font-family: 'Titillium Web', sans-serif; color: #F8FDFE; font-size: 14px; background-color: #F8FDFE; }
a 		{ color: #FF8800; text-decoration: underline; }
a:hover { color: #FF8800; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Manuale', serif; font-weight: 600; }
h1 		{ font-size: 175%; margin-top: 10px; margin-bottom: 30px; }
h2		{ font-size: 150%; }
h3		{ font-size: 130%; }
h4		{ font-size: 115%; }

.small 	{ font-size: 75%; }
.large 	{ font-size: 125%; }
.xlarge { font-size: 175%; }

h1.xlarge	{ font-size: 350%; }

.text-large { font-size: 140%; font-weight: 600; }
.text-title { font-size: 600%; font-weight: 600; }
.text-title span { font-size: 80%; font-weight: 300; font-style: italic; }
.credits { font-size: 50%; }
.caption { font-style: italic; }
.list-unstyled > li { margin: 0 0 10px; line-height:22px; }

/* Layout
---------------------------*/
.clearmed 	{ clear: both; width: 100%; height: 15px; }
.clearhi 	{ clear: both; width: 100%; height: 30px; }
.clearvhi 	{ clear: both; width: 100%; height: 50px; }
.clearnav 	{ clear: both; width: 100%; height: 80px; }
.space-left { margin-left: 20px; }
.no-paging .pagination { display: none; }


/* Navigation
---------------------------*/
.navbar						{ background: #fff; }
.navbar-brand   			{ background: url('../Images/robinsons-compass-adjusters-logo.png') no-repeat; background-size: 124px 122px; width: 124px; height: 122px; margin: 12px 0 12px 15px; }
.navbar-nav     			{ padding-top: 25px; }
.nav a						{ text-decoration: none; color: #333; }
.nav a:hover				{ text-decoration: none; color: #bdbdbd; }
.nav .open>a				{ background: none; }
.nav .open>a:focus			{ color: #333; background: none; }
.nav > li > a				{ padding: 10px 14px; }
.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover  	{ background: none; }

.navbar-toggle				{ padding-top: 30px; }
.icon-bar					{ background: #333; height: 4px; }

@media (max-width: 420px) {
  .navbar-toggle			{ padding-top: 5px; } 
}


/* Lists, Panels, strips, wells etc
---------------------------*/
ul, ol							{ padding: 12px; }
.panel-default					{ font-size: 80%; line-height: 1.0; color: #333; }
.panel-default a				{ color: #333; }
.panel-default .panel-heading p { margin: 0;  }
.panel-default .panel-footer p  { margin: 0;  }
.panel-default .panel-body li	{ padding: 3px 0; }
.panel-job .panel-heading		{ min-height: 55px; }
.panel-job .panel-body			{ min-height: 170px; }
.panel-job .panel-footer		{ background-color: #fff; border-top: none; }

.strip 					{ clear: both; padding: 60px 10px; }
.strip-white 			{ color: #012345; background-color: #F8FDFE; }
.strip-white .img-border{ border: 4px solid #012345; }
.strip-light 			{ color: #012345; background-color: #93CCEA; }
.strip-light a 		    { color: #012345; }
.strip-light .glyphicon { color: #fff; }
.strip-dark 			{ color: #F8FDFE; background-color: #012345; }
.strip-dark a 		    { color: #F8FDFE; }
.strip-dark .glyphicon 	{ color: #F8FDFE; }
.strip-home 			{ color: #012345; background-image: url('../images/nautical-compass-white.jpg'); background-size: cover; }
.strip-home a 		    { color: #012345; }
.strip-home .glyphicon 	{ color: #012345; }


.jumbotron				{ margin-bottom: 0; }
.jumbotron-bg			{ position: absolute; z-index: 1; height: 550px; display:block; }
.jumbotron-home			{ background-color: #000; }
.jumbotron-content		{ z-index: 99; }

.well-timesheet .form-control	{ font-size: 11px; }
.well .panel					{ background: none; border: none; margin: 0; padding: 0; box-shadow: none; }

.strip-dark .well				{ background-color: #000; border: 2px solid; }


/* Buttons
---------------------------*/
.btn,
.btn:hover 				{ cursor: pointer; text-decoration: none; }
.btn-primary 			{ background-color: #FF8800 !important; color: #F8FDFE !important; }
.btn-primary:hover 		{ background-color: #FF8800 !important; color: #012345 !important; }
.btn-large				{ padding: 20px; font-size: 110%; }
.btn-full				{ width: 100%; font-size: 125%; }

/* Images
---------------------------*/
.img-center 		{ margin: 0 auto; }
.img-icon-small		{ width: 75px; }
.img-icon-med		{ width: 100px; }
.img-icon-large		{ width: 150px; }
.img-med 			{ width: 75%; }
.img-scale-140		{ height: 140px; }
.img-no-border		{ border: none; }
.img-border			{ border: 4px solid #fff; }

/* Header
---------------------------*/


/* Footer
---------------------------*/
footer 					{ background: #333; }
footer .strip-dark img	{ border: 0; }