/*======================================================
  sudbury-bootstrap-styles.css
  ======================================================
	
	A.  DEFAULT BODY FONT
	1.  BUTTON COLORS
    2.  DEFAULT NAVBAR
	3.  DEFAULT NAVBAR WITH TITLE
    4.  DEFAULT MOBILE NAVBAR
    5.  DEFAULT MOBILE NAVBAR WITH TITLE
    6.  REVERSE NAVBAR
	7.  REVERSE NAVBAR WITH TITLE
    8.  REVERSE MOBILE NAVBAR
    9.  REVERSE MOBILE NAVBAR WITH TITLE
	10.  JUMBOTRON
	11.  HEADINGS
	12.  TABLES
	13.  LIST GROUP WITH BADGES
	14.  LIST GROUP WITH LINKS
	15.  LIST GROUP WITH CONTEXTUAL CLASSES
	16.  FORM CONTROLS DEFAULT STATES
	17.  FORM VALIDATION STATES
	18.  ALERTS
	19.  LABELS
	20.  PANELS
	21.  PROGRESS BARS
	22.  STRIPED PROGRESS BARS
	23.  ANIMATED PROGRESS BARS
	24.  PAGINATION
	25.  HELPER CLASSES
	26.  WELLS

  ===================================================== */
  
  
  
/*======================================================
  A. DEFAULT BODY FONT
  ===================================================== */  
body {
	font: 15px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
}


/*======================================================
  1. BUTTON COLORS
  ===================================================== */
.btn-default {
	color:#fff;  
	border-color: #005F45;
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color:#fff; 
	border-color: #005F45;
	background: #069b71;
}

.btn-primary {
	color: #000;
	border-color: #D5B17A;
	background: #f5e9d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5e9d6 0%, #ebd5b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e9d6), color-stop(100%,#ebd5b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5e9d6 0%,#ebd5b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e9d6', endColorstr='#ebd5b1',GradientType=0 ); /* IE6-9 */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	border-color: #bd9c6c;
	background: #D5B079;
}
.btn-link {
	color: #069B71;
}
.btn-link:hover, .btn-link:focus {
	color: #005A41;
}


/*======================================================
  2. DEFAULT NAVBAR
  ===================================================== */
.navbar-default .navbar-brand, .navbar-default .navbar-nav li a {
    line-height: 90px;
    height: 90px;
}
.navbar-default .navbar-nav li a {
    padding-top: 10px;
}
.navbar-default .navbar-form {
	padding-top: 30px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #005A41;
	border-bottom: 5px solid #D5B079;
}

@media (max-width: 767px) {
	.navbar-default .navbar-brand {
		line-height: 60px;
		height: 60px;
	}
	.navbar-default .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		height: 40px;
	}	
	.navbar-default .navbar-brand img {
		height: 40px;
		margin-top:-4px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border-bottom: none;
	}
}
/* The search Submit button style is set using .btn-default style in section '1. BUTTON COLORS' above. */



/*======================================================
  3. DEFAULT NAVBAR WITH TITLE
  ===================================================== */
.navbar-default .navbar-brand, .navbar-default .navbar-nav li a {
    line-height: 90px;
    height: 90px;
}
.navbar-default .navbar-nav li a {
    padding-top: 10px;
}
.navbar-default .navbar-form {
	padding-top: 30px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #005A41;
	border-bottom: 5px solid #D5B079;
}
.navbar-default .navbar-title{
	float: left;
	display: block;
	height: 90px;
	border-left: 1px solid #ddd;
	padding: 40px 20px 20px 20px;
	color: #005A3F;
	font-size: 34px;
	font-weight: bold;
}

@media (max-width: 767px) {
	.navbar-default .navbar-brand {
		line-height: 60px;
		height: 60px;
	}
	.navbar-default .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		height: 40px;
	}
	.navbar-default .navbar-brand img {
		height: 40px;
		margin-top:-4px;
	}
	.navbar-default .navbar-title {
		height: 60px;
		padding: 21px 20px 20px 20px;
		font-size: 28px;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		border-bottom: none;
	}			
}
/* The search Submit button style is set using .btn-default style in section '1. BUTTON COLORS' above. */



/*======================================================
  4. DEFAULT MOBILE NAVBAR
  ===================================================== */
/* See '2. DEFAULT NAVBAR' section above. Uses the same code. */



/*======================================================
  5. DEFAULT MOBILE NAVBAR WITH TITLE
  ===================================================== */
/* See '3. DEFAULT NAVBAR WITH TITLE' section above. Uses the same code. */



/*======================================================
  6. REVERSE NAVBAR
  ===================================================== */
.navbar-inverse {
	background-color: #333;
	border-color: #535353;
}  
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav li a {
    line-height: 90px;
    height: 90px;
}
.navbar-inverse .navbar-nav li a {
    padding-top: 10px;
}
.navbar-inverse .navbar-form {
	padding-top: 30px;
}
.navbar-inverse .navbar-form .btn-default {
	background:#5A5A5A;
	border:none;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #000;
	border-bottom: 5px solid #D5B079;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		line-height: 60px;
		height: 60px;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		height: 40px;
	}	
	.navbar-inverse .navbar-brand img {
		height: 40px;
		margin-top:-4px;
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		border-bottom: none;
	}
}



/*======================================================
  7. REVERSE NAVBAR WITH TITLE
  ===================================================== */
.navbar-inverse {
	background-color: #333;
	border-color: #535353;
}  
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav li a {
    line-height: 90px;
    height: 90px;
}
.navbar-inverse .navbar-nav li a {
    padding-top: 10px;
}
.navbar-inverse .navbar-form {
	padding-top: 30px;
}
.navbar-inverse .navbar-form .btn-default {
	background:#5A5A5A;
	border:none;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #000;
	border-bottom: 5px solid #D5B079;
}
.navbar-inverse .navbar-title{
	float: left;
	display: block;
	height: 90px;
	border-left: 1px solid #7C7C7C;
	padding: 40px 20px 20px 20px;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-brand {
		line-height: 60px;
		height: 60px;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		height: 40px;
	}	
	.navbar-inverse .navbar-brand img {
		height: 40px;
		margin-top:-4px;
	}
	.navbar-default .navbar-title {
		height: 60px;
		padding: 21px 20px 20px 20px;
		font-size: 28px;
	}	
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		border-bottom: none;
	}
}



/*======================================================
  8. REVERSE MOBILE NAVBAR
  ===================================================== */
/* See '6. REVERSE NAVBAR' section above. Uses the same code. */



/*======================================================
  9. REVERSE MOBILE NAVBAR WITH TITLE
  ===================================================== */
/* See '7. REVERSE NAVBAR WITH TITLE' section above. Uses the same code. */



/*======================================================
  10. JUMBOTRON
  ===================================================== */
.jumbotron {
	background:url(../images/jumbotron.jpg);  /* Example of background image for jumbotron. */
}
.jumbotron h1{
	color:#fff;
	font-weight:600;
}
.jumbotron p{
	color:#fff;
	font-weight:600;
}
.jumbotron .btn-primary{
	background: rgba(255,255,255,0.8);
	border: none;
	font-weight: 600;
	color:#000;
}



/*======================================================
  11. HEADINGS
  ===================================================== */
h1 {
	font-family: 'Noto Sans', sans-serif;
	font-size:38px;
	font-weight:bold;
	color:#005A41;
}
h2 {
	font-family: 'Noto Sans', sans-serif;
	font-size:32px;
	font-weight:bold;
	color:#005A41;
}
h3 {
	font-family: 'Noto Sans', sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#005A41;
}
h4 {
	font-family: 'Noto Sans', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#005A41;
}
h5 {
	font-family: 'Noto Sans', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#005A41;
}
h6 {
	font-family: 'Noto Sans', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#005A41;
}



/*======================================================
  12. TABLES
  ===================================================== */
.table thead th{
	color:#005A41;
}



/*======================================================
  13. LIST GROUP WITH BADGES
  ===================================================== */
.badge {
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
}



/*======================================================
  14.  LIST GROUP WITH LINKS
  ===================================================== */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
	border-color: #005A41;
}



/*======================================================
  15.  LIST GROUP WITH CONTEXTUAL CLASSES
  ===================================================== */
/* No change. */



/*======================================================
  16.  FORM CONTROLS DEFAULT STATES
  ===================================================== */
.form-control:focus {
	border-color: #005A41;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 90, 65, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 90, 65, .6);
}



/*======================================================
  17.  FORM VALIDATION STATES
  ===================================================== */
/* No change. */



/*======================================================
  18.  ALERTS
  ===================================================== */
/* No change. */



/*======================================================
  19.  LABELS
  ===================================================== */
.label-default {
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
}
.label-primary {
	color: #000;
	background: #f5e9d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5e9d6 0%, #ebd5b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e9d6), color-stop(100%,#ebd5b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5e9d6 0%,#ebd5b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e9d6', endColorstr='#ebd5b1',GradientType=0 ); /* IE6-9 */
}



/*======================================================
  20.  PANELS
  ===================================================== */
.panel-default {
	border-color: #005A41;
}
.panel-default > .panel-heading {
	color: #fff;
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
	border-color: #005A41;
}
.panel-primary {
	border-color: #D5B079;
}
.panel-primary > .panel-heading {
	color: #000;
	background: #f5e9d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5e9d6 0%, #ebd5b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e9d6), color-stop(100%,#ebd5b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5e9d6 0%,#ebd5b1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5e9d6 0%,#ebd5b1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e9d6', endColorstr='#ebd5b1',GradientType=0 ); /* IE6-9 */
	border-color: #D5B079;
}



/*======================================================
  21.  PROGRESS BARS
  ===================================================== */
.progress-bar:not(.progress-bar-success):not(.progress-bar-info):not(.progress-bar-warning):not(.progress-bar-danger) {
	background-color: #005A41;
}



/*======================================================
  22.  STRIPED PROGRESS BARS
  ===================================================== */
/* See '21.  PROGRESS BARS' section above. Uses the same code. */



/*======================================================
  23.  ANIMATED PROGRESS BARS
  ===================================================== */
/* See '21.  PROGRESS BARS' section above. Uses the same code. */



/*======================================================
  24.  PAGINATION
  ===================================================== */
.pagination > li > a, .pagination > li > span {
	color: #005A41;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
	border-color: #005A41;
}



/*======================================================
  25.  HELPER CLASSES
  ===================================================== */
.text-primary {
	color: #005A41;
}
.bg-primary {
	background: #048460; /* Old browsers */
	background: -moz-linear-gradient(top,  #048460 0%, #005f45 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#048460), color-stop(100%,#005f45)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #048460 0%,#005f45 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #048460 0%,#005f45 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #048460 0%,#005f45 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #048460 0%,#005f45 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#048460', endColorstr='#005f45',GradientType=0 ); /* IE6-9 */
}



/*======================================================
  26.  WELLS
  ===================================================== */
.well {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1e1e1 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	border: 1px solid #DCDCDC;
}