/*
Theme Name: HHS Theme
Version: 1.0
Description: Child theme for WhiteLight
Author: Abt Client Technology Center
Author URI: http://www.abtassociates.com
Template: whitelight
*/

@import url("../whitelight/style.css");
@media only screen and (min-width: 768px) {
	#hhslogo {
		margin: 0 0 1.5em 0;
		float: right;
	}

	#hhslogo img {
		float:right;
		margin-top: 0.65em;
		height: 48px;
	}

	#features.home-section .block {
		display: none;
	}
	#features.home-section ul {
		float: none;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	#navigation .nav li ul.sub-menu {
		background: #185394;
		padding-left:15px;
	}
	#navigation .nav li ul.sub-menu a {
		color: #ffffff;

	}
	#navigation .nav li.parent > a:after {
		content: "";
		display: block;
		border: 0.3em solid #185394 !important;
		border-color: #185394 transparent transparent transparent !important;
		position: absolute;
		top: 40%;
		right: .8751em;
	}
	#navigation .nav li ul li.parent a:after {
		border-color: transparent transparent transparent #185394 !important;
	}
	#navigation .nav li:hover > a {
		background: #185394;
		color: #fff;
	}
	#navigation .nav li:hover > a:after {
		border-color: #fff transparent transparent transparent!important;
	}

	/* Start Social Media Widget Plugin style rules*/
	#connect div div.social{
		text-align:right;
	}
	/* End Social Media Widget Plugin style rules*/

	#navigation {
		margin-left:0px;
		margin-top: -3px;
	}

	.entry table tr td:first-child {
		vertical-align: middle;
	}

}
@media only screen and (max-width: 768px) and (min-width: 320px) {
	#hhslogo img {
		float:right;
	}
	#logo img {
		float: left;
	}
	.nav-toggle {
		top: 25px;
	}
	#features.home-section .block {
		display: none;
	}
	#navigation {
		display:inline-block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#main-nav {
		background: #DADADA;
	}
	.nav a {
		margin-right: 0;
	}
	/* Start Social Media Widget Plugin style rules*/
	#connect div div.social{
		text-align:left;
	}
	/* End Social Media Widget Plugin style rules*/
}
@media only screen and (max-width: 320px) {
	#hhslogo {
		width: 30%;
		margin: 0 0 2em 0;
	}
	#logo {
		width: 30%;
		margin: 0 0 2em 0;
	}
	#hhslogo img, #logo img { width: inherit; }
	#header {
		padding: 1em 0 2em 0;
		position: static;
	}
	#features.home-section .block {
		display: none;
	}
	.nav-toggle {
		top: 15px;
	}
	#navigation {
		display:inline-block;
		width: 100%;
	}
	#main-nav {
		background: #DADADA;
	}
	.nav a {
		margin-right: 0;
	}
	/* Start Social Media Widget Plugin style rules*/
	#connect div div.social{
	text-align:left;
	}
	/* End Social Media Widget Plugin style rules*/
}
/* Navigation - Active tab */
#navigation .nav li ul {
	background: #185394;
	/*background: #DADADA;*/
}

#navigation .nav li ul li a {
	color: #185394;
	font-size: 85%;
}

.nav li.current_page_item > a, .nav li.current_page_parent > a, .nav li.current-menu-ancestor > a, .nav li.current-cat > a, .nav li.li.current-menu-item > a {
	background: #185394;
}

.nav li.current_page_item > a,
.nav li.current_page_parent > a,
.nav li.current-menu-ancestor > a,
.nav li.current-cat > a,
.nav li.li.current-menu-item > a {
  background: none;
  color: #6F6F55!important;
  text-shadow: none;
}

.nav li.current_page_item > a,
.nav li.current_page_parent > a,
.nav li.current-menu-ancestor > a,
.nav li.current-cat > a,
.nav li.li.current-menu-item > a {
  background: none;
  color: #6F6F55!important;
  text-shadow: none;
}

#navigation .nav li.current_page_parent > a:after,
#navigation .nav li.li.current-menu-item > a:after,
#navigation .nav li.current-menu-ancestor > a:after{
border-color: #6f6f55 transparent transparent transparent !important;}

#navigation .nav li ul li a:hover {
color: white;
}

#navigation .nav li:hover > a {
	background: #185394 !important;
	color: white;
}

#featured article header {
background: rgba(244, 244, 232, 0.9);
}

#featured article header h1, #featured article header h1 a, #featured article header .entry {
color: black;
}

#featured article header {
text-shadow: none;
}

#intro h1 {
text-align: center;
}

/* Start Social Media Widget Plugin style rules*/
#connect h3{
	display:none;
}

#connect div p{
	display:none;
}

#connect div div.social{
	border:0px !important;
}

#connect .social a{ /*Don't use the widget's default icon images*/
		background-image: url("images/HSS_socialMedia_icons.png");
}
/* End Social Media Widget Plugin style rules*/
/*Start image slider text box style rules*/

#featured article header h1, #featured article header h1 a, #featured article header .entry {
color: white;
}
#featured article header {
background: rgba(24, 83, 148, 0.898438);
}

.ie8 #featured article header {
background: #185394;
filter: alpha(opacity=89);
}

.ie7 #featured article header {
background: #185394;
filter: alpha(opacity=89);
}
/*End image slider text box style rules*/
/*Start twitter feed box style rules*/
.widget_woo_twitter p {
  display:none;
  padding: 10px 0 0;
  background: url(images/ico-more.png) no-repeat right 10px;
  font-weight: bold;
  color: #727272;
}
#footer-widgets .widget_woo_twitter ul li a.time {
  display: block;
  padding-top:5px;
}
#footer-widgets .widget_woo_twitter ul li {
  border-bottom: 0px;
}
/*End twitter feed box style rules*/
/*Start nav bar css rules*/

	/* styles the active tab when it's not hovered over*/
	.nav li.current_page_item > a{
		background-color:white;
		background-image: url("../whitelight/images/bg-texture.png");
		color: #6f6f55 !important;}
	/*gotta make the arrow color the same as <.nav li.current_page_item>*/
	#navigation .nav li.current_page_item > a:after {
		border-color: #6f6f55 transparent transparent transparent !important;}


	/*menu item being hovered over*/
	#navigation .nav li:hover > a {
		color:white !important;}


	/*base color of all the tab text*/
	.nav a{
		color:#185394;}


	/*color of dropdown menus*/
	#navigation .nav li ul.sub-menu {
		background: #185394;}


	/*color of dropdown menu text*/
	#navigation .nav li ul.sub-menu a{
		color: white;}


	/* the colorful stylings of whatever dropdown menu item you happen to be hovering over*/
	#navigation .nav li ul li a:hover {
    text-decoration: underline;
    background-color: #1b5ba2 !important;}


	/*so technically the header is bigger than the nav bar, but there was an odd 39px padding separating the menu and the sliding banner. Dropped it down to five*/
	#header{
	padding-bottom:5px;}
/*End nav bar css rules*/

/*make the secondary menu links white instead of gray*/
	#footer-widgets .widget #menu-secondary-menu li a,#menu-secondary-menu-1 li a{
	color:white !important;
	}

/*date and category shown in news and events feature block on main page*/
.new_events_metadata{
	font-size:0.9em;
	color:#9F9F9F;
}

#content h2 a:hover {
  color: #185394;
  text-decoration: underline;
}

#content {
	padding: 0;
	border-right: 1px solid #D6D7D7;
	border-left: 1px solid #D6D7D7;
}

div.page {
	padding: 3em 5px 0.5em;
	background: white;
}

a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button {

  background: #185394;
  background: -webkit-gradient(linear, left top, left bottom, from(#185394), to(#185394));
  background: -webkit-linear-gradient(#185394, #185394);
  background: -moz-linear-gradient(center top, #185394 0%, #185394 100%);
  background: -moz-gradient(center top, #185394 0%, #185394 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#185394,endColorstr=#185394);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#185394, endColorstr=#185394)";
}

section#main article header h1{
	color:#003769;
}

a {
	color: #185394;
	text-decoration: underline;
}

#footer a {
	text-decoration: none;
}

.widget h3 {
color: #456d94;
}

.widget ul li a {
color: #456d94;
font-weight: bold;
background: url(/wp-content/themes/WL-HHS/images/Side_menu_Icon.png) no-repeat left center;
}

.home-section#features li h2 a {
color: #003769;
}

h2, h3, h4, h5, h6 {
color: #185394;
}

#wrapper {
max-width: 960px;
margin: auto;
}

body {
	background: #FFF url(images/diagonal-stripes-bg.png) repeat;
}

#footer {
background: #444;
color: #c4c4c4;
padding: 1em 0 1em;
}

#header {
	border-right: 1px solid #D6D7D7;
	border-left: 1px solid #D6D7D7;
	border-bottom: 0;
	padding: 1em 0;
}

.home-section {
padding: 15px 0;
margin: 0;
}

#footer a:hover {
text-decoration: underline;
}

#navigation {
font: 300 1.3em/1 "Signika", sans-serif;
}

.nav a {
margin-right: 0px;
}
/*
.searchform {
	border: 0\9;
}
#searchform input.s, .searchform input.s, #searchform #s, .searchform #s {
	padding-right: 0;
	width: 80%;
}
.search-submit {
vertical-align: top\9;
}*/

.slide-content-container{
display:none!important;
}

#featured {
min-height: 0px !important;
}

.entry table {
	margin-bottom: 3.5em;
}

.entry table td {
padding: 6px 6px 3px 10px;
}

.entry table tr.alt-table-row {
background: white;
}

.mtli_attachment {
display: inline !important;
}

#partners  img {
	max-width: 200px;
}

.left {

}

.right {
	float: left;
}

.OR_tables  {
	table-layout: fixed;
}
.OR_tables td:first-child {
	width: 45%;
}

.partners_table  td:first-child{
	width: 250px;
	padding: 10px;
}
.partners_table img {
	margin-left: auto;
	margin-right: auto;
}
.partners_table a {
	width: 100%;
}
.partners_table .fix {
	height: 10px;
}

.team_table {
table-layout: fixed;
}

.team_table td:first-child {
width: 180px;
padding: 10px;
}

.entry_table_cell_long {
	padding: 60px 6px 0px 10px; !important
}