/*
==============================================================================
**
** FOOTER
**
** SCOPE: 		GLOBAL
** REVISION:	0.1
** DATE:		03/23/11
** AUTHORS:		DUNCAN MCALESTER (DUNCAN@LAYER-51.COM)

** USAGE:		

** 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 */
/* Including lib.less - this template is intentionally left blank and does not need to be included  on the live server */
/* =========================================================================== */
#site-footer {
  overflow: auto;
  background: #49596b;
  /* Old browsers */

  background: -moz-linear-gradient(top, #49596b 0%, #1d3147 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49596b), color-stop(100%, #1d3147));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #49596b 0%, #1d3147 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #49596b 0%, #1d3147 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #49596b 0%, #1d3147 100%);
  /* IE10+ */

  background: linear-gradient(top, #49596b 0%, #1d3147 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49596b', endColorstr='#1d3147', GradientType=0);
  /* IE6-9 */

}
#site-footer #footer-links {
  margin: 1em 0 0;
}
#site-footer .container {
  overflow: hidden;
  background: none;
  margin: 0 auto 2.5em auto;
}
#site-footer .container h3 {
  color: #fff;
  background-color: transparent;
  margin-bottom: 1em;
}
#site-footer .container nav {
  position: relative;
  background: #b6bec4;
  width: 250px;
  height: 205px;
  display: block;
}
#site-footer .container nav ul {
  position: relative;
  width: 228px;
  height: 207px;
  margin: 0 7%;
}
#site-footer .container nav li {
  position: absolute;
  text-indent: -999em;
}
#site-footer .container nav li a {
  background: #7c92ab;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: border;
  -moz-background-clip: border;
  background-clip: border-box;
  behavior: url('/web/20160625014632im_/http://www.whitehouse.senate.gov/styles/pie.htc');
  cursor: pointer;
  display: block;
}
#site-footer .container nav li a:hover {
  background: #71bfe0;
}
#site-footer .container nav label {
  color: #fff;
}
#quick-contact {
  padding-left: 2%;
  width: 31%;
  font-weight: bold;
  position: relative;
  color: #fff;
  float: left;
}
#quick-contact li {
  margin-bottom: 1em;
  float: left;
}
#quick-contact li:nth-child (2n+2) {
  float: right;
  margin-right: 0;
  padding-right: 0;
  position: relative;
  right: 0;
}
#quick-contact label {
  display: none;
}
#quick-contact textarea {
  height: 7em;
  width: 98%;
}
#quick-contact #submit {
  color: #7c92ab;
  float: right;
  background: #fff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0%, #d3dae3 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d3dae3));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #d3dae3 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #d3dae3 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #d3dae3 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #d3dae3 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d3dae3', GradientType=0);
  /* IE6-9 */

  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ie7 #quick-contact li:nth-child (2n+2) input[type="text"] {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ie7 #flickr_badge_uber_wrapper a {
  width: 190px;
  float: left;
  display: inline-block;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
}
.ie7 #quick-contact li input[type="text"] {
  width: 94%;
  padding-right: .4em;
  margin: 0 0 10px 0;
}
.ie8 #quick-contact li input[type="text"] {
  width: 94%;
  padding-right: .4em;
  margin: 0 0 10px 0;
}
.ie8 #flickr_badge_uber_wrapper a {
  width: 190px;
  float: left;
  display: inline-block;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
}
#office-locations {
  position: relative;
  width: 29%;
  float: left;
  height: 205px;
  margin: 0 2% 0;
  padding: 0;
  list-style: none;
}
#office-locations .card {
  float: left;
  width: 48%;
  text-align: left;
  color: #fff;
  background-color: transparent;
  font-size: .825em;
  line-height: 1.4;
  padding: 1% 1% 0 0;
}
#office-locations .card .add {
  margin-bottom: 10px;
}
#office-locations .card .directions {
  line-height: 4;
}
#office-locations .card .fn {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.card .info {
  padding-top: 10px;
}
/*
** SOCIAL MEDIA
**
** DESCRIPTION:	
** USAGE:		
** NOTES:
**
*/
#social-media-footer {
  margin: 0 2% 0 0;
  float: left;
}
#social-media-footer #social-media-container {
  width: 296px;
  background: #fff;
  min-height: 194px;
  overflow: auto;
  max-height: 290px;
  background: #ffffff url(/web/20160625014632im_/http://www.whitehouse.senate.gov/styles/img/social-bg.png) 0 0 repeat-y;
}
#social-media-footer #social-media-container #social-media-nav {
  padding: 15px 0;
  margin: 0;
  width: 46px;
  float: left;
}
#social-media-footer #social-media-container #social-media-nav li {
  overflow: visible;
  display: block;
  text-indent: -999em;
  padding: 9px 6px;
  cursor: pointer;
}
#social-media-footer #social-media-container #social-media-nav span {
  display: block;
  height: 23px;
  width: 23px;
  background: transparent url(/web/20160625014632im_/http://www.whitehouse.senate.gov/styles/img/social-media.png) -88px 0 no-repeat;
}
#social-media-footer #social-media-container #social-media-nav .twitter span {
  background-position: -110px -30px;
}
#social-media-footer #social-media-container #social-media-nav .youtube span {
  background-position: -132px -58px;
}
#social-media-footer #social-media-container #social-media-nav .flickr span {
  background-position: -155px -86px;
}
#social-media-footer #social-media-container #social-media-nav .huffpo span {
  background-position: 0 -160px;
}
#social-media-footer #social-media-container #social-media-nav li.selected {
  background: transparent url(/web/20160625014632im_/http://www.whitehouse.senate.gov/styles/img/footer-arrow.png) 0 center no-repeat;
}
#social-media-footer #social-media-container article {
  display: none;
  float: left;
  width: 250px;
  padding: 7px 0;
}
#social-media-footer #social-media-container article.active {
  display: block;
}
#social-media-footer #social-media-container article#youtube_widget {
  padding-top: 1.25em;
}
#social-media-footer #social-media-container article#twitter_widget {
  height: 180px;
  overflow: hidden;
  width: 236px;
}
#social-media-footer #social-media-container article#twitter_widget iframe {
  height: 180px;
  width: 236px;
}
/*
** 1268px
**
** DESCRIPTION:	Styles that apply to screens 1268px pixels wide and down
** USAGE:		
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 1268px) {
  #site-footer .container {
    width: 100%;
    max-width: 100%;
  }
  #office-locations .card {
    float: left;
  }
  #office-locations .card img {
    float: left;
    height: auto;
    margin: auto 2%;
    padding: 1% 0;
    top: 0;
    width: 63%;
  }
}
/*
** 900
**
** DESCRIPTION:	Styles that apply to screens 900 pixels wide and down
** USAGE:		
** NOTES: Typically this means tablets users in portrait mode and desktop users smaller than average screens
**
*/
@media only screen and (max-width: 900px) {
  #office-locations {
    width: 57%;
    margin: 0 5% 0;
  }
  #office-locations .card {
    text-align: left;
  }
  #office-locations .card img {
    display: none;
  }
  #office-locations .card .info {
    width: 100%;
    text-align: center;
    padding-top: 35px;
  }
  #social-media-footer {
    margin: 0 5% 0;
  }
  #social-media-footer #social-media-container {
    width: 100%;
  }
  #social-media-footer #social-media-container .twtr-doc {
    width: 100% !important;
  }
  #site-footer .container nav {
    padding-left: 70px;
  }
}
/*
** 480
**
** DESCRIPTION:	Styles that apply to screens 480 and belows pixels wide and down
** USAGE:		
** NOTES: Typically this means mobile phones held in portrait
**
*/
@media only screen and (max-width: 600px) {
  #site-footer {
    display: block !important;
  }
  #site-footer .container {
    width: 100%;
    overflow: hidden;
    height: auto;
    padding: 0 !important;
    background: transparent !important;
  }
  #site-footer .container nav {
    display: none;
    width: auto;
  }
  #site-footer .container nav ul {
    width: auto;
    padding: 0;
    background: none;
  }
  #site-footer .container nav li {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    margin: 5px 0 0 0;
    text-indent: 0 !important;
    width: auto;
    height: auto;
    background: none;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: border;
    -moz-background-clip: border;
    background-clip: border-box;
  }
  #site-footer .container nav li a {
    margin: 0;
    padding: 0;
  }
  #site-footer #quick-contact {
    display: none;
  }
  #site-footer #social-media {
    float: left;
    margin-left: 0;
    padding: 0;
    text-align: center;
  }
  #office-locations {
    float: none;
    clear: both;
    background-image: none !important;
    width: 310px;
    margin: 0 auto;
  }
  #office-locations .card {
    width: 42%;
    margin-right: 4%;
  }
  #office-locations .card .fn {
    font-size: 1.3em;
  }
  #social-media-footer {
    display: none;
    /*width: 310px;
  		margin: 2em auto;
  		float: none;*/
  
  }
}

/*
     FILE ARCHIVED ON 01:46:32 Jun 25, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:56:44 Nov 06, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 210.786
  exclusion.robots: 0.189
  exclusion.robots.policy: 0.183
  cdx.remote: 0.059
  esindex: 0.008
  LoadShardBlock: 183.892 (3)
  PetaboxLoader3.resolve: 158.114 (3)
  PetaboxLoader3.datanode: 44.544 (4)
  CDXLines.iter: 16.175 (3)
  load_resource: 26.645
*/