con/* CSS Document */

/*==========  Sidebar  ==========*/
 /*https://bootstrapious.com/p/bootstrap-sidebar*/

div.adjustPad { 
	padding-left: 0;
	padding-right: 0;
}

.wrapper {
 display: flex;
 align-items: stretch;
}

#sidebar {
  color: #fff;
	background-color: #f2f1eb; 
	margin-bottom: 20px;
	width: 100%;
}

#sidebar .sidebar-header {
  padding: 8px 9px; 
	font-size: 1.1em;    
	background-color: #026937;
	border-bottom: 2px solid #9C722C;
	font-family: "Roboto Condensed",Arial,sans-serif;
	text-transform: uppercase;
	width: 100%;
}

#sidebar .sidebar-header h2 { 
	margin: 8px;
	text-transform: uppercase; 
	font-size: 1em; 
	font-weight: bold; 
	color: #fff; 
}

#sidebar a[aria-expanded="false"]::before, 
#sidebar a[aria-expanded="true"]::before {
	content: '\e259';
	display: block;
	position: absolute;
	right: 20px;
	top: 12px;
	font-family: 'Glyphicons Halflings';
	font-size: 0.8em;
}

#sidebar a[aria-expanded="true"]::before {
	content: '\e260';
}

#sidebar a:focus, #sidebar a:hover
{color: #000; }
/*#sidebar a[data-toggle="collapse"] {
    position: relative;
}*/


#sidebar ul.components {
   /* padding-top: 10px;*/
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li { margin-left: 10px;}

#sidebar ul li ul li { margin-left: 0;}

#sidebar ul li a {
    /*padding: 10px 15px;*/
	
    font-size: 1em;
	font-family: "Roboto Condensed",Arial,sans-serif;
	text-transform: uppercase;
	color: #026937;
}

#sidebar ul.navbar-nav ul li {padding: 7px 20px;}
#sidebar ul.navbar-nav ul li a {
    font-size: 0.9em;
	
    
}

#sidebar ul li a:hover {
    background: #f2f1eb;
text-decoration: none; 
}
#sidebar ul.navbar-nav {width: 100%;}
#sidebar ul.navbar-nav>li { float: none; }
div#navSidebar.navbar-collapse {padding: 0} /* remove this for small screen to stop scroll */


.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}






/*#sidebar ul.navbar-nav, */
/*#sidebar ul.navbar-nav>li { float: none;}







#sidebar a[aria-expanded="true"] {text-decoration: none; }

#sidebar ul li.active > a {

		/*border-left: 2px solid #026937;*/

/*
}

/*========== Page Content ===========*/

#pageContainer {padding-bottom: 15px;}

#pageContainer p { line-height: 1.7em; }

#pageContainer a { color: #026937; text-decoration: underline;}

#pageContainer h2, 
#pageContainer h3 { 
	text-transform: uppercase;
}

#pageContainer h2, 
#pageContainer h3, 
#pageContainer h4 {
	color: #026937;
	font-family: "Roboto Condensed",Arial,sans-serif;
} 

#pageContainer h3 a, #pageContainer h4 a {text-decoration: none; }

#pageContainer h2 { margin-top: 13px;border-bottom: 2px solid #cea052; padding-bottom: 13px; margin-bottom: 15px; font-size: 1.5em;}

#pageContainer h3 {font-size: 1.3em; } 
#pageContainer .highlightSection { bottom: 0; background-color: whitesmoke; text-align: center; font-size: 0.9em; padding-bottom: 10px; margin-bottom: 10px; padding-top: 10px;}
#pageContainer .tiledContent .tile {display: flex; padding: 0 5px;}
#pageContainer .tiledContent .tile .highlightSection {margin-top: 10px; flex-direction: column; flex: 1; padding: 0 5px;}
#pageContainer .highlightSection h3 { font-size: 1.1em; font-weight: bold;  }
#pageContainer .highlightSection p {line-height: 1.4em;}
#pageContainer .highlightSection p.increaseTxt {font-size: 1.2em;}
#pageContainer .highlightSection ul {list-style: none; margin: 0; padding: 0; }
#pageContainer .highlightSection ul li {padding: 5px;}
#pageContainer .imgContainer { padding: 0 20px; margin-bottom: 15px;}

/*#pageContainer .siteButton a { text-decoration: none; color: #fff; }*/

.row-eq-height { /* adjust row divs to same height */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.imgGrid { /* style grids with image and text */
	padding: 5px 10px 10px 20px;
  text-align: center;
}

.imgGrid h3 { /* style grids with image and text */
}

#pageContainer .rowSection {text-align: center; margin-bottom: 20px; padding: 10px 30px; }
#pageContainer .rowSection .caption h3 { font-size: 1.1em; padding: 0 5px 0px; margin-top: 10px; }
#pageContainer .rowSection a {text-decoration: none;}

/* TABLES & CHARTS */

.table-charts { width: 90%; border-spacing: 2px;
    border-collapse: separate; margin: 10px auto;  }

.table-charts th, .table-charts td {
	padding: 5px;
}
.table-charts th {
	background-color: #026937; 
	color: #fff; 
	
}
.table-charts th.blank {background-color: #fff;}
.table-charts td {background-color: #F0F0F0; text-align: center; }

/* video content */

.video-container {
	overflow: hidden; margin-bottom: 20px; 
}

.videos {
 border: 2px solid #848181; padding: 4px; overflow: hidden; 
}

.description {
}

.videos img {
  width:100%;
  height:auto;
}
a.video {
  float: left;
  position: relative;
}
a.video span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../images/play-btn.png") no-repeat;
  background-position: 50% 50%;
  background-size: 300%;
}
form.content-form {width: 85%;}
form .form-group.control {display: none;}
form span.required {font-weight: normal; }
form em.error {color: #FF0000; }

form legend {
    font-size: 1em;
    font-weight: bold;
}

form label.removeBold {font-weight: normal; }
.btn-toolbar .btn-group>.btn {float: none;} 

#pageContainer .btn-toolbar .btn-group-sm a {margin: 3px; text-decoration: none;display: inline-block; width: 32px; font-weight: bold; }



@media only screen and (min-width : 768px) {
	#sidebar .sidebar-header {
		max-width: 100%;

	}
	
	/*#sidebar ul.navbar-nav {width: 100%;}*/
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1260px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
form.content-form {width: 90%;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.highlightSection {
		width: 60%; margin: 0 auto; 
		
	}
	#sidebar .sidebar-header {
  padding: 0 9px; margin-top: 10px; 
	}#sidebar .sidebar-header h3, #sidebar .sidebar-header h2 {padding-top: 10px;}
	
	#menuContainer .navbar-default {
    background-color: #FFF;
    border-color: #FFF; 
}
	
	#navSidebar .navbar-nav { padding: 0;  margin: 0; }
	#sidebar ul li a {
		padding: 10px 15px;}
	#sidebar ul.components {
    padding-top: 10px;
}
	
		form.content-form {width: 100%;}

	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
		.highlightSection {
		width: 90%; margin: 0 auto; 
		
	}
	
	/*form.content-form {width: 100%;}*/

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {