/**
Theme Name: Leadership Fort Worth
Author: Anchor Marketing & Design
Author URI:  anchormd.com
**/
.gh5 {
    font-size: 24px;
    color: #2973b6;
    font-weight: 700;
}
table.chart {
    font-size: 14px;
}

table.board {
    border-collapse: collapse;
    font-size: 12px;
}

table.board tr {
    border: none;
    font-size: 12px;
}

table.board td {
    border: none;
    font-size: 12px;
}

ul.posts-sc li  {
    font-family: 'proxima-nova', serif;
}
ul.posts-sc li h4.post-title {
    color: #0b3b62;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'proxima-nova', serif;
    font-size: 20px;
    line-height: 23px;
}    
.event-list li .event-content h3 {
    font-size: 14px;
}
.widget-title, h4.s2{
    font-size: 18px;
    line-height: 25px;
}
h4.s2, h5.gh5 {
    text-transform: uppercase;
}
h4.s2 a {
    text-decoration: none;
}
h4.s2 a:hover {
    text-decoration: underline;
}
ul.nobull {
    list-style-type: none;
}
.page-id-31 .subheader-wrap {
    min-height: 200px;
}
.btn-event {
    font-size: 14px;
    padding: 5px 9px 6px;
}
.icon-rss {
    display: none;
}
ul.sponsor-logos {
    display: inline-block !important;
    list-style-type: none;
    text-align: center;
    width: 100%;
    margin-left: 0;
}
ul.sponsor-logos li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
ul.sponsor-logos li img {
    max-width: 137px;
    display: inline-block;
}




/* RESPONSIVE TABLES */
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 320px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.chart, .chart thead, .chart tbody, .chart th, .chart td, .chart tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.chart thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.chart tr { border: 1px solid #ccc; }
	
	.chart td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 40%; 
	}
	
	.chart td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.chart th, .chart td {
	    width: 100%;
	}
	
	/*
	Label the data
	*/
	.chart td:nth-of-type(1):before { content: "Program"; font-weight:bold; }
	.chart td:nth-of-type(2):before { content: "LeaderPrime"; font-weight:bold; }
	.chart td:nth-of-type(3):before { content: "LeadershipClass"; font-weight:bold; }
	.chart td:nth-of-type(4):before { content: "LeadingEdge"; font-weight:bold; }
}