/*
==============================================================================
**
** SUB COMMITTEES
**
** SCOPE: 		SUB COMMITTEES MICRO SITE
** REVISION:	0.1
** DATE:		03/21/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		The body tag for this section will have class of "subcommittee"

** NOTES:

** TODO:

** REVISION HISTORY
------------------------------------------------------------------------------






==============================================================================
*/
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* ==================== REQUIRED LIBRARIES DO NOT REMOVE ===================== */
/* =========================================================================== */
/*
** COLOR PALETTE
**
** DESCRIPTION:	Class to be applied to any button
** USAGE:		
** NOTES:
**
*/
/* =========================================================================== */
.subcommittee .resource {
  display: none !important;
}
#subcommittees #hot-topics {
  background: #edece8;
  margin-bottom: 1em;
}
#subcommittees #hot-topics h1 {
  border: none !important;
}
#subcommittees #hot-topics h1 a {
  color: #fff !important;
}
#subcommittees #landing-page-list li {
  width: 48%;
}
#subcommittees #landing-page-list h1 {
  font-size: 1.231em ;
}
#subcommittees #landing-page-list li:nth-child(even) {
  float: right;
  clear: right;
}
#subcommittees #landing-page-list li:nth-child(odd) {
  float: left;
  clear: left;
}
body.subcommittee #container #content #asides {
  padding: 1% 2%;
}
body.subcommittee #container #content #asides .about-subcommittee-link {
  display: block;
  margin-bottom: 1em;
  padding: .8em 0 .6em 0;
  background: #7f95a7;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f95a7), color-stop(1, #32506a)) !important;
  background: -webkit-linear-gradient(top, #7f95a7 0%, #32506a 100%) !important;
  background: -moz-linear-gradient(top, #7f95a7 0%, #32506a 100%) !important;
  background: -o-linear-gradient(top, #7f95a7 0%, #32506a 100%) !important;
  background: linear-gradient(top, #7f95a7 0%, #32506a 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #7f95a7 , endColorstr= #32506a );
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-family: 'FuturaW01-LightCondense 774878', "Arial Narrow", Impact, sans-serif !important;
  font-weight: lighter;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
}
body.subcommittee #container #content #asides .about-subcommittee-link:hover {
  text-decoration: none;
  background-color: #32506a !important;
}
body.subcommittee #container #content #main {
  padding: 0 1% 1% 1%;
}
ul#subcommittee-nav {
  position: relative;
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
  z-index: 999999;
}
ul#subcommittee-nav li {
  margin: 0;
  border-bottom: 1px solid #6a261b;
  background: #833022;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #833022), color-stop(1, #833022)) !important;
  background: -webkit-linear-gradient(top, #833022 0%, #833022 100%) !important;
  background: -moz-linear-gradient(top, #833022 0%, #833022 100%) !important;
  background: -o-linear-gradient(top, #833022 0%, #833022 100%) !important;
  background: linear-gradient(top, #833022 0%, #833022 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= #833022 , endColorstr= #833022 );
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
ul#subcommittee-nav li a {
  display: block;
  height: 30px;
  padding: .9em .75em 0 .75em;
  font-family: 'FuturaW01-LightCondense 774878', "Arial Narrow", Impact, sans-serif !important;
  font-weight: lighter;
  font-size: 17px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}
ul#subcommittee-nav li a:hover,
ul#subcommittee-nav li a.selected {
  text-decoration: none;
  background: #7c2d20;
}
ul#subcommittee-nav li ul {
  visibility: collapse;
  opacity: 0;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #913624;
  -webkit-transition: opacity ease-in-out 0.2s;
  -moz-transition: opacity ease-in-out 0.2s;
  -o-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
ul#subcommittee-nav li ul li {
  position: relative;
  top: -46px;
  background: #833022 !important;
}
ul#subcommittee-nav li ul li + li {
  border-top: 1px solid #913624;
}
ul#subcommittee-nav li:hover ul {
  visibility: visible;
  opacity: 1;
}
ul#subcommittee-nav a.has-button {
  padding-right: 105px;
  background-image: url(/styles/img/subcommittee-nav-more.gif);
  background-position: right 8px;
  background-repeat: no-repeat;
}
body.contracting #masthead h1 {
  width: 600px !important;
}
body.recovery #masthead h1 {
  width: 569px !important;
}
body.oversight #masthead h1 {
  width: 536px !important;
}
body.management #masthead h1 {
  width: 497px !important;
}
@media only screen and (max-width: 960px) {
  body.contracting #masthead h1 {
    width: 521px !important;
  }
  body.recovery #masthead h1 {
    width: 490px !important;
  }
  body.oversight #masthead h1 {
    width: 457px !important;
  }
  body.management #masthead h1 {
    width: 418px !important;
  }
}
/*#sub-committee-nav {


	font-family:	'FuturaW01-LightCondense 774878', "Arial Narrow", sans-serif !important;
	width: 			100%;


	h1 {
		padding: 	.5em .5em .5em 0;
		font-size: 	1.2em;
		float: 		left; }


	ul {
		display: 	block;
		padding: 	.45em 0 0 0;
		margin:  	auto auto .95em auto; }


	li {
		margin: 	0;
		font-size: 	1.2em;
		display: 	inline; }

	a {
		margin: 	0;
		background: @key-one;
		padding: 	.5em 1em; }

	a.selected,
	a:hover {
		background: white;
		text-decoration: none; }

}*/
.subcommittee .video .media-container {
  height: 0;
  overflow: visible;
  padding: 30px 0 68.32% !important;
}
.subcommittee .video .media-container iframe,
.subcommittee .video .media-container object,
.subcommittee .video .media-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
}
/*
** 768
**
** DESCRIPTION:	Styles that apply to screens 768 and belows pixels wide and down
** USAGE:
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 767px) {
  #sub-committee-nav h1 {
    display: none;
  }
  #sub-committee-nav ul {
    display: block;
    padding: .45em 0 0 0;
    margin: auto auto .95em auto;
  }
  #sub-committee-nav a {
    padding: .5em .65em;
  }
}