@Theme Name: 2016 GAIN MOBILE THEME
@Description: This site was built by Central States Media. For more information about the site or this custom WordPress theme, you can contact Central States Media at: info@centralstatesmedia.com or call us at: 309-693-2345.
@Author: Central States Media
@Author URI: http://www.centralstatesmedia.com/
@Version: 1.0
@Date: March, 2016
@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#484848;
	background:#00939e;
}
.clear{clear:both;}
a{text-decoration:none;outline:0;border:0;}
.Teal{color:#00939e;}
.Brown{color:#9d8d85;}
.Dark-Teal{color:#007582;}
.wpcmsdev-button{border-radius:0px !important;min-width:310px !important;max-width:100% !important;text-transform:uppercase;}
.color-blue, .color-teal{background:#00939e !important;}
.color-brown{background:#9d8d85 !important;}
.TealButton{background:#00939e;color:#fff;text-transform:uppercase;
padding:8px 15px;min-width:200px;display:inline-block;text-align:center;}
.TealButton a, a.TealButton{color:#fff !important;text-decoration:none !important;}
.TealButton:hover{background:#007582;text-decoration:none !important;}
.alignright{
                margin:10px 0;
                padding:0px;
                float:none;
                border:0;}

.alignleft{
                margin:10px 0;
                padding:0px;
                float:none;
                border:0;}

.aligncenter{
                display:block;
                margin-left:auto;
                margin-right:auto;
                padding:0px;
                border:0;}
/*************
TOP BAR STYLES
*************/		
#topbar{
	margin:0;
	padding:10px 5%;
	background:#00939e;
	color:#fff;
	text-align:right;
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:2px;
}
#topbar a{text-decoration:none;color:#fff;font-weight:bold;}
#topbar a.box{font-weight:normal;margin:0 0 0 5px; border:1px solid #fff;border-radius:15px;padding:5px 12px;font-size:12px;}

/************
HEADER STYLES
************/
#header{
	clear:both;
	background:#fff;
	border-top:10px solid #928285;
	padding:10px 5%;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.5);
	position:relative;
	z-index:200;
}
#logo{
	float:left;
	width:70%;
}
#menuicon{
	float:right;
	position: absolute;
	right:0;
	top:0;
	height:100%;
	border-left:2px solid #f1edea;
	padding:0 8%;
}
#logo img{max-width:100%;height:auto;}
#menuicon img{
	max-width:100%;height:auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
/****************
NAVIGATION STYLES
****************/
#nav{
	display:none;
	position:fixed;
	width:90%;
	height:100%;
	z-index:1000;	
	padding:15px 5%;
	overflow:auto;
	background:rgba(0,147,158,0.95);
}
#nav ul{
	position:relative;
	top:0;left:0;
	width:100%;
	margin:0;
	list-style:none;
	padding:0;
}
#nav ul a{
	display:block;
	text-decoration:none;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	background:#007582;
	margin:8px 0;
	padding:12px 0;
	border:1px solid #fff;
	position:relative;
}
#nav ul ul{
	position:relative;
	display:none;
}
#nav ul li a:after > a{content:"+";}

#nav ul ul a{
	background:#01b1be;
}
#nav a.close{
	display:block;
	text-decoration:none;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	background:#00939e;
	border:2px solid #007582;
	margin:0 0 25px 0;
	padding:12px 0;
}
.item-with-ul{position:relative;}
.navicon{
	display:block;
	color:#fff ;
	position:absolute;
	right:0;
	text-align:center;
	width:15%;
	padding:10px 0;
	font-size:16px;
	top: 1px;
	z-index:500;
	border-left:1px solid #fff;}
/**************
HOMEPAGE STYLES
**************/
#slider{
	clear:both;
	background:#fff;
	position:relative;
	z-index:100;
	margin:0px !important;
	padding:0px 0 20px 0;
}
#slider .flex-control-nav{margin:30px 0 0 0 !important;}
#slider img{max-width:100%;height:auto;}
#tagline{
	background:#00939e;
	text-transform:uppercase;
	color:#fff;
	margin:0 5%;
	position:absolute;
	bottom:40px;
	text-align:center;
	padding:5px;
}
#homecallouts ul{margin:0 !important;list-style:none !important;padding:0 !important;}
#homecallouts ul a{
	display:block;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:#00939e;
	margin:8px 0;
	font-weight:bold;
	padding:8px;
}
#homecallouts li:last-child a{background:#007582 !important;}

/*************
CONTENT STYLES
*************/
#featured img{max-width:100%;height:auto;}
#content{
	clear:both;
	padding:15px 5%;
	background:#fff;
	line-height:22px;
	color:#484848;
	box-shadow:0 0 25px 0 rgba(0,0,0,0.8);
	position:relative;
	z-index:50;
}
#content.home{padding:15px 5% 15px 5%;text-align:center;}
#title{
	clear:both;
	margin:0px auto;
	background:#00939e;
}
#title h1{
	margin:0px;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding:10px 5%;
	position:relative;
	font-size:18px;}
#content a{text-decoration:none;color:#007582;font-weight:bold;}
#content a:hover{color:#00939e;text-decoration:underline;}
#content img{max-width:100%;height:auto;}
#content h1, #content h1 a{
	margin:5px 0;
	color:#007582;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h2, #content h2 a{
	margin:5px 0;
	color:#00939e;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h3, #content h3 a{
	margin:5px 0;
	color:#9d8d85;
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
}
#content h4, #content h4 a{
	margin:5px 0;
	color:#007582;
	font-size:18px;
	font-weight:normal;
}
#content h5, #content h5 a{
	margin:5px 0;
	color:#00939e;
	font-size:18px;
	font-weight:normal;
}
#content h6, #content h6 a{
	margin:5px 0;
	color:#9d8d85;
	font-size:18px;
	font-weight:normal;
}
#content ul{list-style-image:url(images/icon_bullet.png);padding:0 20px;}
#content ul li{margin:5px 0;}
#contactbar{
	clear:both;
	background:#007582;
	padding:20px 0;
	text-align:center;
	border-bottom:15px solid #fff;
	border-top:15px solid #fff;
	box-shadow:0 8px 10px 0 rgba(0,0,0,0.3);
	position:relative;
	z-index:50;
}
#contactbar a{
	padding:3px 20px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	border:2px solid #fff;
	border-radius:10px;
	background:#007582;
	font-weight:bold;
	letter-spacing:1px;
}
/************
FOOTER STYLES
************/
#footer{
	clear:both;
	background:#00939e;
	color:#dfdfdf;
	padding:15px 5%;
	text-align:center;
	font-size:12px;
}
#footer a{color:#fff;text-decoration:none;font-weight:bold;}
#chestnutlogo{
	float:left;
	width:40%;
}
#chestnutlogo img{max-width:100%;height:auto;}
#copyright{font-size:10px;float:right;width:59%;}
#fullsite{text-transform:uppercase;float:right;width:59%;margin:0 0 5px 0;}

/************
GRAVITY FORMS
************/
.gform_button, .gform_next_button, .gform_previous_button{
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	font-weight:bold;
	padding:8px 20px;
	background:#007582;
	border:0;
	outline:none;-webkit-appearance: none;
	letter-spacing:1px;}
.gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover{background:#00939e;}

/**********
TABLEPLUGIN
**********/
.textcenter{text-align:center;}
.dataTables_filter{display:none;}

/****************
TABLEPRESS PLUGIN
****************/
.tablepress{border:2px solid #000 !important;margin-left:auto !important;    margin-right:auto !important;width:100% !important;}
.tablepress thead th,
.tablepress tfoot th {
	background-color: #007582 !important;
	color:#fff;
}

.tablepress .odd td {
	background-color: rgba(0,147,158,0.2) !important;
}
.tablepress .even td {
	background-color: rgba(0,147,158,0.1) !important;
}
.tablepress .row-hover tr:hover td {
	background-color: rgba(0,147,158,0.4) !important;
}


.tablepress td{position:relative;vertical-align:middle !important;}
span.verticaltext{ 
	display:block;float:left;
	width:100%;
  	position:absolute;
	left:25%;
	top:50%;
	vertical-align:middle !important;
	text-align:center !important;
  	-ms-transform:    rotate(270deg) translateY(-50%) !important;
	-moz-transform:    rotate(270deg) translateY(-50%) !important;
     -o-transform:      rotate(270deg) translateY(-50% !important);
     -webkit-transform: rotate(270deg) translateY(-50%) !important;
     transform:         rotate(270deg) translateY(-50%) !important;}
	 
/*comparison of instruments table*/
.tablepress-id-1 .odd td.column-1,
.tablepress-id-1 .even td.column-1{
	background-color: rgba(0,147,158,0.9) !important;
	color:#fff;font-weight:bold;
	width:30px !important;
	border-bottom:1px solid #fff !important;
	border-right:1px solid #000 !important;}
.tablepress-id-1 .column-3,
.tablepress-id-1 .column-4,
.tablepress-id-1 .column-5{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-1 .column-2{border-right:1px solid #000 !important;}
.tablepress-id-1 .row-1{white-space: nowrap;}

/*LEVEL OF TRAINING TABLE*/
.tablepress-id-2 .column-2,
.tablepress-id-2 .column-3,
.tablepress-id-2 .column-4{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-2 .column-1{border-right:1px solid #000 !important;}

/*TRAINING MONTHS TABLE*/
.tablepress-id-3 td, .tablepress-id-3 thead th{text-align:center !important;border-right:1px solid #000 !important;}

/*Software & Data Services TABLE*/
.tablepress-id-4 .column-2,
.tablepress-id-4 .column-3,
.tablepress-id-4 .column-4,
.tablepress-id-4 .column-5,
.tablepress-id-4 .column-6{text-align:center !important;border-right:1px solid #000 !important;}
.tablepress-id-4 .column-1{border-right:1px solid #000 !important;}

/****************
PAGINATION STYLES
*****************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#666 !important;
background: #d5d5d5;
}
 
.pagination a:hover{
color:#fff !important;
background: #00939e;
}
.pagination span{background:#666;color:#fff !important;}
.pagination .current{
padding:6px 9px 5px 9px;
background: #00939e;
color:#fff !important;
}