/*Footer and responsive table styles*/

/*Michelle*/

/*================================================================================================
Include this where you need it. I kept it separate so you can maintain the structure in place, but
keep in mind this should go after any base CSS/STyles we have in place. It's going to run in the order 
it is loaded.
--------------------------
So we want our base files:
--------------------------
*base file(bootstrap for example)*
*base style if we have another*
*custom css*
Typically you have like a bootstrap base framework then customization file for reference.
====================================================================================================*/
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}

#footer_1  .content .row img {
    width: 115px;
}
div#footer_1 ul, li {
    text-align: left;
	font-size:13px;
	padding:0;
}
div#footer_1 ul li a {
    text-decoration: none;
    color: #424242;
    font-family: paragraphFont;
    font-size: 0.85em;
    line-height: 2em;
}
.content a:hover, .content a:focus {
    color: #008591;
}
header nav,footer a:hover, header nav,footer a:focus {
    color: #22815d !important;
    text-decoration: underline !important;
}
/*Helper*/
/*I'm not sure how far back we need to go with our syntax, but this should work. It may need to be tested*/
.row.v-mid-align {

    display: flex;
    align-items: center;
}

@media (max-width: 350px) {
table {
	font-size: 0.900em;
}
	}
@media (max-width: 480px){
	
	.footer .span-4 {
    padding: 1em;
}
/* RESPONSIVE TABLES */
/* works in conjunction with JavaScript at bottom of footer */
.table-responsive { /* this is here so that Dreamweaver will list the class... */
}
.table.table-responsive tr, .table.table-responsive th, .table.table-responsive td, .TableThin.table-responsive tr, .TableThin.table-responsive th, .TableThin.table-responsive td, .TableWide.table-responsive tr, .TableWide.table-responsive th, .TableWide.table-responsive td  {
	display: block;
}
.table.table-responsive thead tr:first-of-type, .TableThin.table-responsive thead tr:first-of-type, .TableWide.table-responsive thead tr:first-of-type {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table.table-bordered.table-responsive, .TableThin.table-bordered.table-responsive, .TableWide.table-bordered.table-responsive {
	border-top: none;
}
.table.table-responsive th:before, .table.table-responsive td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	/* the handbooks people didn't want this feature, so I left them out... */
}
.TableThin.table-responsive th:before, .TableThin.table-responsive td:before {
	content: attr(data-th);
	font-weight: bold;
}
.TableWide.table-responsive th:before, .TableWide.table-responsive td:before {
	content: attr(data-th);
	font-weight: bold;
}
.table.table-responsive tr, .TableThin.table-responsive tr, .TableWide.table-responsive tr {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #242424;
}
.TableThin.table-responsive {
    margin-left: 0;
    width: 100%;
}
	}