/************************************************************
COMMITTEE ON APPROPRIATIONS
************************************************************/ 

.logo-img { padding: 60px 10px 0; max-width: 75%; margin: 0 auto; }

#messages {
  top: 180px;
  z-index: 20;
  position: absolute;
  display: block;
}

#section-header { background: #fff; }

.zone-wrapper { padding: 30px 0; }

.not-front #section-header {}

#zone-menu-wrapper { background: none; border-top: none; border-bottom: none; }

#zone-branding-wrapper { background: transparent; }

#zone-content-wrapper { margin: 0 auto 40px; }

.front #zone-content-wrapper { padding: 80px 0; }

.not-front #zone-content-wrapper { padding: 0; }

.not-front #zone-content { padding-top: 30px; }

#zone-content {
  min-height: 300px;
  padding: 0;
}

#region-content { margin: 0; padding: 0; }

#zone-user-wrapper { background: none; border-bottom: none; }

#zone-preface-wrapper { 
  background: #fff; 
  margin: 0; padding: 0; width: 100%; 
}

.not-front #zone-preface-wrapper { background-image: url('../images/internal.jpg'); 
  min-height: 450px;
  background-position: 10% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 0; padding: 0; width: 100%; 
}

#zone-preface, #region-preface-first { margin: 0; padding: 0; width: 100%; }

#zone-events-wrapper { background: #000;
  background-image: url('../images/const.jpg');
  background-position: 50% 50%;
  background-size: cover;
  padding: 90px 0 130px;
  position: relative;
}

#zone-events-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .55);
  display: block;
}

#zone-documents-wrapper { background: #f5f5f5; }

#zone-documents-wrapper, #zone-documents { margin: 0; padding: 0; width: 100%; }

#zone-documents { display: block; }

#region-documents-first { margin: 0; background: #253373; }

#zone-postscript-wrapper { background: #fff; }

#region-sidebar-first .block { margin-bottom: 20px; }

#zone-twitter-wrapper { background: #f2f5f8;
  background-image: url('../images/bg-02.png');
  background-position: 50% 50%;
  background-size: cover;
  padding: 80px 0 80px;
}

#region-twitter-first { margin: 0; width: 100%; }

#section-footer { background: #58585a; color: #fff; border-top: none; }

#section-footer a { color: #fff; }

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

#region-footer-first, #region-footer-second, #region-footer-third, #region-footer-fourth { margin: 0; }

#zone-footer-wrapper { position: relative; }

#zone-footer { 
  display: flex; 
  justify-content: space-between; 
  align-items: center;
}

#zone-footer-bottom-wrapper { background: #58585a; }

/************************************************************
  GENERAL
************************************************************/

body { 
	 background: #fff;
	 color: #58585a;
	 font: 15px/1.6 "Roboto", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
	 font-weight: 300; 
	 transition: all 0.2s ease 0s; } 

.search-info {
	 display: none;
}

#zone-breadcrumb-wrapper { background: #f5f5f5; padding: 0; }

#breadcrumb {
  margin: 0 auto;
  background: transparent;
  padding: 10px 15px;
  text-transform: capitalize;
  font-size: 0.9em; 
}

#breadcrumb, #breadcrumb a {
  color: #d8262f;
}

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

a:link, a:visited {
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  color: #d8262f;
  text-decoration: none;
}

a:hover {
  color: #1f4b8f; 
  text-decoration: none;
}

#block-boxes-social-media-fontawesome-small a { font-size: 1.2em; color: #fff; margin-right: 10px; }

#block-system-main {
  padding: 0 20px;
}

iframe { border: 0; }

/************************************************************
 RESPONSIVE MENU
************************************************************/

.mean-container .mean-nav h2.block-title { display: none; }

.mean-container .mean-nav ul li a.mean-expand {
  height: 30px;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #fff;
}

.mean-container .mean-bar {
  background: #fff;
  z-index: 999;
}

.mean-container .mean-bar { position: fixed; top: 0; }

.admin-menu .mean-container .mean-bar { top: 29px; }

.mean-container .mean-nav ul li a { background: #58585a; }

.mean-container .mean-nav ul li a:hover {
  background: #ddd;
  color: #d8262f;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #58585a;
  height: 3px;
  margin-top: 3px;
}

.mean-container a.meanmenu-reveal {
  color: #58585a; 
}

.mean-container .mean-nav ul li > ul li a:before { 
  content: "\f0c8";
  margin-right: 10px;
  font-family: FontAwesome;
  color: rgba(255,255,255,0.9)
}

.mean-bar { box-shadow: 0 0 10px rgba(0,0,0,0.7); position: fixed; top: 0; }

.admin-menu .mean-bar { position: fixed; top: 29px; }

.mean-nav::before {
  content: "Menu";
  color: #58585a;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 13px;
  right: 60px;
}

.mean-container a.meanmenu-reveal { width: 30px; }

.mean-container a.meanmenu-reveal span {
  margin-top: 5px;
}

/************************************************************
BLOCKS, BOXES and VIEWS
************************************************************/

.block, .block-views { /* THIS AFFECTS ALL BLOCKS UNLESS YOU OVERRIDE */
  background: transparent;
  border: none;
  margin-bottom: 0px;
  padding: 1em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Montserrat", sans-serif;
	 font-weight: bold;
  letter-spacing: 0px; 
	 line-height: 1.1;
  margin-top: 10px; }
  
.not-front .region-content h3 {
  margin: 20px 0;
  text-transform: uppercase;
  padding-left: 15px;
  border-left: 5px solid #243175;
  color: #58585a;
}

.not-front .region-content h3.field-content {
  margin: 0;
  text-transform: capitalize;
  padding-left: 0;
  border-left: none;
  color: #58585a;
}

.view-congress-subcommittee-recent-activity h3 { margin: 10px 0 !important; }

.view-congress-subcommittee-recent-activity .views-row { border-bottom: 1px solid #ddd !important; }

.context-news .region-content .views-field-title h3 {
  margin: 10px 0;
  text-transform: uppercase;
  padding-left: 0;
  border-left: 0;
  color: #58585a;
}

.panel-display.boxton { padding: 0; }

.panel-display .panel-panel { padding: 0 16px; }

.front h1#page-title { display: none; }

.not-front h1 {
  color: #253373;
  font-size: 30px;
  line-height: 1.2em;
}

.not-front #zone-preface-wrapper #title { position: absolute; 
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
}

.not-front #zone-preface-wrapper #section-title {  
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 4px #3e3e3e; 
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 34px;
  line-height: 1.2em;
  padding: 0;
  border-radius: 5px;
}

.context-user #zone-preface-wrapper #section-title::before { content: ''; }

.context-about #zone-preface-wrapper #section-title::before {
  content: 'About';
  padding: 15px;
}

.context-news #zone-preface-wrapper #section-title::before {
  content: 'News';
  padding: 15px;
}

.context-legislation #zone-preface-wrapper #section-title::before {
  content: 'Legislation';
  padding: 15px;
}

.context-subcommittees #zone-preface-wrapper #section-title::before {
  content: 'Subcommittees';
  padding: 15px;
}

.context-contact #zone-preface-wrapper #section-title::before {
  content: 'Contact';
  padding: 15px;
}

/************************************************************
  BLOCK-TITLES
************************************************************/

.block-header { text-align: center; margin: 0; }

#block-views-765f1a71c6492ca1634f4742aa33774d .block-header, #block-views-congress-hearings-bl-hear .block-header, #block-boxes-documents-title .block-header, #block-views-congress-videos-latest .block-header, #block-boxes-congress-committee-twitter .block-header { margin: 0 0 40px; }

.pane-title {
  font-size: 1.5em;
  margin-top: 20px;
}

.not-front #region-content h1#page-title {
  color: #253373;
  font-size: 30px;
  line-height: 1.2em;
}

.front h2.block-title {
  font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  position: relative;
  padding: 13px 50px 19px 45px;
  margin: 0;
  letter-spacing: -.7px;
  color: #253373;
  line-height: 1;
}

.front h2.block-title::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -10px;
  height: calc(100% - 5px);
  width: 100%;
  border: 2px solid #d8262f;
  border-radius: 10px;
}

.front h2.block-title .alt-border-top {
  position: absolute;
  top: 5px;
  left: 1px;
  width: calc(100% - 17px);
  height: calc(100% - 21px);
  border: 2px solid #d8262f;
  border-radius: 10px 0 0 0;
  border-width: 2px 0 0 2px;
}

.front h2.block-title .alt-border-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 10px);
  height: calc(100% - 13px);
  border: 2px solid #d8262f;
  border-radius: 0 0 10px 0;
  border-width: 0 2px 2px 0;
}

.front h2.block-title .alt-border-bottom::before, h2.block-title .alt-border-bottom::after {
  content: "";
  position: absolute;
  border: 2px solid #d8262f;
}

.front h2.block-title .alt-border-bottom::before {
  width: 20px;
  height: 10px;
  bottom: -2px;
  left: -9px;
  border-width: 0 0 2px 2px;
  border-radius: 0 0 0 10px;
}

.front h2.block-title .alt-border-bottom::after {
  width: 8px;
  height: 20px;
  top: -8px;
  right: -2px;
  border-width: 2px 2px 0 0;
  border-radius: 0 10px 0 0;
}

.front #block-views-congress-hearings-bl-hear h2.block-title::before, .front #block-boxes-documents-title h2.block-title::before,

.front #block-views-congress-hearings-bl-hear .alt-border-top, .front #block-boxes-documents-title .alt-border-top, 

.front #block-views-congress-hearings-bl-hear .alt-border-bottom, .front #block-boxes-documents-title .alt-border-bottom, 

.front #block-views-congress-hearings-bl-hear .alt-border-bottom::before, .front #block-boxes-documents-title .alt-border-bottom::before, #block-boxes-congress-committee-twitter .alt-border-bottom::before, 

.front #block-views-congress-hearings-bl-hear .alt-border-bottom::after, .front #block-boxes-documents-title .alt-border-bottom::after, .front #block-boxes-congress-committee-twitter .alt-border-bottom::after { border-color: #fff; }

#block-boxes-congress-committee-twitter h2.block-title {
  font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  position: relative;
  padding: 13px 50px 19px 45px;
  margin: 0;
  letter-spacing: -.7px;
  color: #253373;
  line-height: 1;
}

#block-boxes-congress-committee-twitter h2.block-title::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -10px;
  height: calc(100% - 5px);
  width: 100%;
  border: 2px solid #d8262f;
  border-radius: 10px;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-top {
  position: absolute;
  top: 5px;
  left: 1px;
  width: calc(100% - 17px);
  height: calc(100% - 21px);
  border: 2px solid #d8262f;
  border-radius: 10px 0 0 0;
  border-width: 2px 0 0 2px;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 10px);
  height: calc(100% - 13px);
  border: 2px solid #fff;
  border-radius: 0 0 10px 0;
  border-width: 0 2px 2px 0;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::before, #block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::after {
  content: "";
  position: absolute;
  border: 2px solid #fff;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::before {
  width: 20px;
  height: 10px;
  bottom: -2px;
  left: -9px;
  border-width: 0 0 2px 2px;
  border-radius: 0 0 0 10px;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::after {
  width: 8px;
  height: 20px;
  top: -8px;
  right: -2px;
  border-width: 2px 2px 0 0;
  border-radius: 0 10px 0 0;
}

#block-boxes-documents-title h2.block-title { font-size: 30px; margin-top: 30px; }

/************************************************************
  SIDE MENU SUBCOMMITTEES
************************************************************/ 

#block-menu-menu-subcommittees { background: #f5f5f5; border-left: 8px solid #253373; padding: 10px 20px; } 

#block-menu-menu-subcommittees h2.block-title { font-size: 22px; color: #58585a; padding: 10px 0; margin: 0 0 10px; text-align: left; }

#block-menu-menu-subcommittees h2.block-title::before, #block-menu-menu-subcommittees .alt-border-top, #block-menu-menu-subcommittees .alt-border-bottom { display: none; }

#block-menu-menu-subcommittees ul { list-style-type: none; font-size: 16px; line-height: 18px; padding: 0 0 0 20px; }

#block-menu-menu-subcommittees ul li { 
  background: transparent; 
  display: block; 
  list-style-position: inside;
  margin: 0; 
  padding: 0 0 15px;
  text-indent: -18px;
}

#block-menu-menu-subcommittees ul li.expanded a::before {
  content: "\2212";
  color: #d8262f;
  font-weight: bold;
  padding-right: 10px;
}

#block-menu-menu-subcommittees ul li.collapsed a::before {
  content: "\002B";
  color: #d8262f;
  font-weight: bold;
  padding-right: 10px;
}

#block-menu-menu-subcommittees ul li a { color: #58585a; font-weight: bold; }

#block-menu-menu-subcommittees ul li a:hover, #block-menu-menu-subcommittees li.expanded ul li a:hover { color: #d8262f; }

#block-menu-menu-subcommittees ul li a.active { color: #d8262f; }

#block-menu-menu-subcommittees li.expanded ul { 
  margin-top: 15px;
  list-style-type: disc;
}

#block-menu-menu-subcommittees li.expanded ul li { 
  list-style-position: outside;
  list-style-image: none;
  list-style-type: disc;
  font-size: 15px;
  line-height: 20px;
  background: transparent; 
  display: list-item;
  margin: 0; 
  padding: 0 0 0 15px;
  text-indent: -18px;
}

#block-menu-menu-subcommittees li.expanded ul li a { 
  color: #58585a; 
  font-weight: normal;
} 

#block-menu-menu-subcommittees li.expanded ul li a::before {
  content: "";
  color: #58585a;
  font-weight: bold;
  padding-right: 10px; 
}

/************************************************************
  SIDE NAV RELATED
************************************************************/ 

#block-views-congress-related-related { background: #f5f5f5; border-left: 8px solid #ddd; padding: 10px 20px; } 

#block-views-congress-related-related h2.block-title { font-size: 22px; color: #58585a; padding: 10px 0; margin: 0 0 10px; text-align: left; }

#block-views-congress-related-related h2.block-title::before, #block-views-congress-related-related h2.block-title .alt-border-top, #block-views-congress-related-related h2.block-title .alt-border-bottom { display: none; }

/************************************************************
  SECTION BLOCK
************************************************************/

#block-menu-block-congress-section-menu { background: #f5f5f5; border-left: 8px solid #253373; padding: 10px 20px; }

#block-menu-block-congress-section-menu h2.block-title { font-size: 22px; color: #58585a; padding: 10px 0; margin: 0 0 10px; text-align: left; }

#block-menu-block-congress-section-menu h2.block-title::before, #block-menu-block-congress-section-menu .alt-border-top, #block-menu-block-congress-section-menu .alt-border-bottom { display: none; }

#block-menu-block-congress-section-menu ul { list-style-type: none; font-size: 16px; line-height: 18px; }

#block-menu-block-congress-section-menu ul li { background: transparent; display: block; margin: 0; 
    padding: 0 0 15px;
}

#block-menu-block-congress-section-menu a { color: #58585a; font-weight: bold; }

#block-menu-block-congress-section-menu a:hover { color: #d8262f; }

#block-menu-block-congress-section-menu a.active { color: #000; }

/************************************************************
  REMOVING TABLE STYLING
************************************************************/

td img {
  /* CHROME img thumbnail in tables fix */
	 max-width: none;
}

table {
  border: none;
}

td, th { vertical-align: top; }
thead th, th {
  background: none;
  border-bottom: none;
  color: #333;
  vertical-align: top;
}

th.active {
  background: none;
  border-left: none;
  border-right: none;
}

tr.even td {
  background: none;
}

tr.odd td {
  background: none;
}

td.active {
  border-left: none;
  border-right: none;
}

tr.even td.active {
  background: none;
}

tr.odd td.active {
  background: none;
}

tr:hover td, tr.even:hover td.active, tr.odd:hover td.active {
  background: none;
}

td.recordbg {
  text-align: left;
}

/************************************************************
  MEMBERSHIP
************************************************************/ 

.member-profile {}

.member-name { padding: 0 0.5em; }

.each-member { text-align: center; }

.each-member img { width: 100%; height: auto; margin: 0 0 0.5em !important; padding: 0 !important; border: none !important; }

.each-member .each-member-ss-dd { margin-bottom: 10px; }

.each-member .each-member-name { text-transform: uppercase;
  color: #253373;
  font-family: 'Montserrat';
  font-size: 14px;
  font-weight: 700;
  margin: 5px 0 5px;
  padding: 0;
  border: none;
  line-height: 1.1em;
}

.each-member .social-media {
  display: block;
  margin: 5px;
}

.each-member .social-media i.fa { font-size: 1.2em; margin: 3px; }

.view-congress-subcomittee-membership .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.view-congress-subcomittee-membership .views-row {
  flex: 0 48%; 
  margin: 0 1% 2%;
  padding: 0 0 4px !important;
  box-shadow: 0 0 5px rgba(0,0,0,.3); 
}

.view-congress-subcomittee-membership .views-field.views-field-nothing {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.pane-congress-subcomittee-membership-panel-pane-1:first-of-type .hover-state:hover .holder { display: none; }

.hover-state { position: relative; overflow: hidden; height: 170px; }

.hover-state .holder {
  opacity: 0;
  transition: background .3s ease-in-out, opacity .3s ease-in-out, transform .3s ease-in-out;
  overflow: hidden;
  text-align: center;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.hover-state:hover .holder { opacity: 1; overflow: hidden; 
  background: linear-gradient(to bottom, rgba(2, 117, 226, .8) 0%, rgba(1, 59, 113, .8) 56%);
  color: #fff;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 12px;
  text-align: left;
  padding: 10px; 
}

/************************************************************
  TWITTER
************************************************************/ 

iframe[id^="twitter-widget-"] {
  max-height: 360px; 
  width: 80%; 
}

#boxes-box-congress_committee_twitter { text-align: center; max-height: 360px; overflow: hidden; }

#block-boxes-congress-committee-twitter h2.block-title { text-align: center; color: #fff; }

#block-boxes-congress-committee-twitter h2.block-title::before { background-clip: padding-box;
  border-color: #fff;
  color: #fff;
  content: "\f099"; 
  font-family: 'FontAwesome';
  font-size: 1.2em; 
  height: 75px;
  margin: 0 auto;
  padding: 20px 25px 30px 35px;
  position: relative;
  display: block;
  width: 100%;
}
  
#block-boxes-congress-committee-twitter h2.block-title .alt-border-top {
  position: absolute;
  top: 18px;
  left: 45px;
  width: calc(100% - 110px);
  height: calc(100% - 49px);
  border: 2px solid #fff;
  border-radius: 10px 0 0 0;
  border-width: 2px 0 0 2px;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom {
  position: absolute;
  bottom: 13px;
  right: 50px;
  width: calc(100% - 102px);
  height: calc(100% - 39px);
  border: 2px solid #fff;
  border-radius: 0 0 10px 0;
  border-width: 0 2px 2px 0;
} 

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::before {
  width: 20px;
  height: 10px;
  bottom: -2px;
  left: -7px;
  border-width: 0 0 2px 2px;
  border-radius: 0 0 0 10px;
}

#block-boxes-congress-committee-twitter h2.block-title .alt-border-bottom::after {
  width: 8px;
  height: 20px;
  top: -8px;
  right: -2px;
  border-width: 2px 2px 0 0;
  border-radius: 0 10px 0 0;
}

/************************************************************
 SUPERFISH MAIN MENU MOBILE & UNIVERSAL
************************************************************/
/*
#block-menu-block-congress-main-menu-superfish { padding: 0; }

.sf-menu a { 
	 background: transparent;
  font-family: 'Open Sans', sans-serif;
	 font-size: 18px;
	 font-weight: bold;
	 text-decoration: none;
	 text-transform: Uppercase;
	 width: auto;
	 padding: 2% 5%;
} 

.sf-menu a, .sf-menu a:link, .sf-menu a:visited {
  border-bottom: medium none;
  color: #fff;
}

.sf-menu a.active, .sf-menu a.active-trail { 
  background-color: transparent;
	 color: #fff;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu li.sfHover a {
  background-color: transparent; 
	 text-decoration: none;
}
*/


/************************************************************
 SEARCH
************************************************************/
 
#block-search-form {
  background: none repeat scroll 0 0 transparent;
	 filter: none;
  border-radius: 0px;
	 border: none;
  display: none;
  padding: 0;
	 -webkit-box-shadow: none; 
	 box-shadow: none;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 width: 100%;
}

#search-block-form {
	 background: #fff;
	 border: none;
  height: 36px;
  float: left;
	 width: 100%;
}

#search-block-form .form-item input { 
  background: #f8f8f8;
	 filter: none;
  border: medium none; 
  border-radius: 5px;
	 box-shadow: none;
	 color: #666; 
	 padding: 10px;
	 width: 260px;
}

#search-block-form .form-actions input {
  margin-right: 0;
  background: none repeat scroll 0 0 transparent;
	 filter: none;
  border: medium none;
	 height: 40px;
}

input[type="search"], #search-block-form input[type="submit"] {
  background: url(../images/button_submit_glass.png) no-repeat scroll 0 0 transparent;
  border: 0 none;
  border-radius: 0 0 0 0;
	 height: 36px;
	 margin-left: 2px;
  padding: 0px;
  text-indent: -9999px;
	 text-shadow: none; 
	 width: 40px;
}

#search-block-form .container-inline div {
  float: left; 
	 margin: 0;
}

#search-block-form #edit-actions {
  float: right;
}

#edit-search-block-form--2 { width: 100%; }

.fa-search { color: #fff; display: inline-block; }

.page-search .search-form { margin: 1em; }

.page-search #region-content h2 { margin-left: 15px; }

.page-search ol.search-results { padding-left: 15px; }

/************************************************************
  YOUTUBE VIDEOS
************************************************************/ 

#block-views-congress-videos-latest .views-row {
  border: 0;
  display: inline-block;
  margin: 10px 0;
  padding: 2% 1%;
  vertical-align: text-top;
  width: 100%;
}

.page-news-videos .views-row { display: inline-block; }

.page-news-videos .views-field-created { font-weight: bold; }

.page-news-videos .views-field-field-congress-featured-media img {
  border: none !important;
  margin: 0 1em 0 0 !important;
  padding: 0 !important;
  float: left !important;
}

.page-news-videos .views-field-title h3.field-content a { color: #555; font-size: 21px; }

.page-news-videos .views-field-title h3.field-content a:hover { text-decoration: underline; }


/************************************************************
  HOMEPAGE VIDEO
************************************************************/  

#block-boxes-approps-vid { padding: 0; margin: 0; }

video {
  display: inline-block;
  vertical-align: top;
}

#block-boxes-approps-vid .contextual-links-wrapper { 
  top: 20px;
  z-index: 200;
}

#block-boxes-approps-vid .intro-section {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
	 padding-top: 0;
	 height: 0;
}

#block-boxes-approps-vid .bg-video-holder { 
  background: url(../media/placeholder-photo.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 2;
}

#block-boxes-approps-vid .bg-video-holder .bg-video {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  pointer-events: none; 
}

#block-boxes-approps-vid .boxes-box-controls { display: none; }

#block-boxes-approps-vid .video-container { 
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
}

.intro-content { 
  display: flex; 
  justify-content: center; 
  align-items: flex-start;
  padding: 0;
}

.intro-content {
  position: relative;
  z-index: 3;
  color: #fff;
}

.text-center {
  text-align: center;
}

#block-boxes-approps-vid .intro-content blockquote {
  color: #fff;
  display: block;
  font-size: 14px;
  border: none; 
  margin: 50px auto;
  padding: 0;
  text-align: center;
  text-shadow: 2px 1px 4px #333;
  max-width: 600px;
}

.intro-content::before {
  content: "";
  display: block;
  width: 0;
  height: 400px;
}

.intro-blockquote q {
  font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif; 
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
}

.intro-blockquote cite {
  color: #fff;
  display: block;
  font-size: 1;
  line-height: 1.5;
  padding: 15px 0 0;
}

/************************************************************
  NEWS/STATEMENTS SECTION SEARCH FORM FILTER
************************************************************/ 

#views-exposed-form-congress-press-releases-panel-pane-press-releases, #views-exposed-form-congress-articles-panel-pane-default, #views-exposed-form-congress-markups-panel-pane-markups-past, #views-exposed-form-congress-hearings-panel-pane-hearings-past {
  width: 100%;
  padding: 15px;
  margin: 0 0 14px;
  background: #f5f5f5;
  border-left: 8px solid #253373;
}

#views-exposed-form-congress-press-releases-panel-pane-press-releases select.form-select, #views-exposed-form-congress-press-releases-panel-pane-press-releases input.form-text, #views-exposed-form-congress-articles-panel-pane-default select.form-select, #views-exposed-form-congress-articles-panel-pane-default input.form-text, #views-exposed-form-congress-markups-panel-pane-markups-past select.form-select, #views-exposed-form-congress-markups-panel-pane-markups-past input.form-text, #views-exposed-form-congress-hearings-panel-pane-hearings-past select.form-select, #views-exposed-form-congress-hearings-panel-pane-hearings-past input.form-text {
  max-height: 35px;
  padding: 10px;
  width: 100%;
}

#views-exposed-form-congress-press-releases-panel-pane-press-releases .views-submit-button input, #views-exposed-form-congress-articles-panel-pane-default .views-submit-button input, #views-exposed-form-congress-markups-panel-pane-markups-past .views-submit-button input, #views-exposed-form-congress-hearings-panel-pane-hearings-past .views-submit-button input { 
  background: #d8262f;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  height: 35px; 
}

/************************************************************
  LATEST NEWS
************************************************************/ 

.front .view-congress-press-releases .view-content { 
  display: block;
}

.front .views-field-title h3 {
  font-size: 18px;
  line-height: 1.22222222;
  margin: 0 0 13px;
  font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 600;
}

.front .view-congress-press-releases .views-row {
  border-left: 10px solid #253373;
  border-bottom: none;
  padding: 15px 17px 10px 17px;
  margin: 0 0 44px;
  font-size: 15px;
  line-height: 1.6;
  width: 100%;
  vertical-align: top;
}

.front .views-field-created, .front .views-field-field-congress-article-type {
  color: #d8262f;
  text-transform: uppercase;
}

.front .more-link {
  text-align: center;
  display: block;
}

.front .more-link a {
  -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out, background .3s ease-in-out;
  transition: color .3s ease-in-out, border-color .3s ease-in-out, background .3s ease-in-out; 
  text-decoration: none;
  text-transform: uppercase;
  border: 2px solid currentColor;
  border-radius: 5px;
  font-family: "Montserrat", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 31px;
  background: transparent;
  margin-top: 30px;
  display: inline-block;
}

.more-link a::after {
  content: "\f178";
  display: inline;
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 10px;
}

.front .view-congress-press-releases .more-link a, #block-views-congress-videos-latest .more-link a {
  color: #d8262f;
}

.front .view-congress-press-releases .more-link a:hover, #block-views-congress-videos-latest .more-link a:hover { background: #d8262f; color: #fff; border: 2px solid #d8262f; }

#block-views-congress-hearings-bl-hear .more-link a, #block-boxes-documents-title .more-link a {
  color: #fff; border: 2px solid #fff;
}

#block-boxes-documents-title .more-link a {
  margin-top: 0;
}

#block-views-congress-hearings-bl-hear .more-link a:hover, #block-boxes-documents-title .more-link a:hover { background: #fff; color: #d8262f; border: 2px solid #fff; }

/************************************************************
  DOCUMENTS
************************************************************/ 

#block-boxes-documents-title h2.block-title { color: #fff; } 

.files-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.files-list li a {
  display: block;
  position: relative;
  color: #58585a;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -1px;
}

.files-list li a:hover { text-decoration: underline; }

.files-list li {
  line-height: 1.2;
  list-style: none;
  width: 100%;
  margin: 0 0 23px;
}

.files-list li a::before {
  font-size: 64px;
  margin: 0 14px 0 0;
}

.files-list li a::before {
  content: "\f15c";
  font-family: FontAwesome;
  font-size: 52px;
  color: #d8262f;
  float: left;
  clear: left;
  margin: 0 11px 0 0;
}

/************************************************************
  EVENTS/HEARING
************************************************************/ 

#block-views-congress-hearings-bl-hear { color: #fff; }

#block-views-congress-hearings-bl-hear h2.block-title { color: #fff; }

#block-views-congress-hearings-bl-hear .view-empty { font-weight: bold; font-size: 1.4em; font-family: 'Montserrat', sans-serif; text-align: center; }

#block-views-congress-hearings-bl-hear .views-row { border-bottom: 1px solid #6A6363; }

/************************************************************
  SUBCOMMITTEES VIEWS
************************************************************/ 

.view-congress-subcommittees .views-field-field-subcommittee-page-title a {
    font-size: 18px; 
    font-weight: bold;
    margin: 0 0 .5em; 
}

.view-congress-subcommittees .views-field-field-congress-body b, .view-congress-subcommittees .views-field-field-congress-body strong { font-weight: normal; }

.view-congress-subcommittees .views-field-field-congress-body br { content:' '; display: none; }

.view-congress-subcommittees .views-field-field-congress-body br:after { content:' '; }

.view-congress-subcommittees .views-field-field-congress-body strong:after { content:', '; }

.view-congress-subcommittees .views-field-field-congress-body strong:last-child:after { content:''; }

.context-subcommittees .views-field-field-approp-info p { margin: 0; }
  
.not-front .views-row {
  border-bottom: none;
  padding: 0.5em 0;
}
 
.front .view-congress-subcommittees .view-content { display: block; }

.front .view-congress-subcommittees .views-row { 
  text-align: center;
  padding: 20px;
  border: none;
  border-radius: 3px;
  background: rgba(24,44,92, 0.9);
  margin: 20px;
  font-size: 1em;
}

/************************************************************
  LEGISLATION
************************************************************/

.view-congress-listing-page-page-listing .views-field-title h3.field-content { padding-left: 15px; }

#leg-container { display: flex; flex-direction: column; }

.subcom { display: flex; flex-direction: column; margin-bottom: 20px; padding: 0 0 20px;
border-bottom: 1px solid #ddd; }

.subcom .boxed { width: 100%; padding: 3%; background: #253373; display: flex; justify-content: center; border-radius: 10px; align-self: center; text-align: center; }

.subcom .boxed span.text { color: #fff; font-size: 30px; line-height: 1.2em; }

.subcom .action { width: 100%; padding: 3%; text-align: center; }

#leg-container .heading-holder i::before { 
  background-clip: padding-box;
  height: 120px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  display: block;
  text-align: center;
  width: 200px; 
}
span.agriculture{
  color: #ffff !important;
}

span.agriculture::before {
  content: url(../images/icons-agriculture.png) !important; 
  color: #ffff;
}
span.commerce {
  color: #ffff;
}
span.commerce::before {
  content: url(../images/icons-commerce.png) !important; 
  color: #ffff;
}

span.defense {
  color: #ffff;
}
span.defense::before {
  content: url(../images/icons-defense.png) !important; 
  color: #ffff;
}

span.financial {
  color: #ffff;
}
span.financial::before {
  content: url(../images/icons-financial.png) !important; 
  color: #ffff;
}


span.energy {
  color: #ffff;
}
span.energy::before {
  content: url(../images/icons-energy.png) !important; 
  color: #ffff;
}


span.homeland {
  color: #ffff;
}
span.homeland::before {
  content: url(../images/icons-homeland.png) !important; 
  color: #ffff;
}



span.labor {
  color: #ffff;
}
span.labor::before {
  content: url(../images/icons-labor.png) !important; 
  color: #ffff;
}


span.legislative {
  color: #ffff;
}
span.legislative::before {
  content: url(../images/icons-legislative.png) !important; 
  color: #ffff;
}


span.interior {
  color: #ffff;
}
span.interior::before {
  content: url(../images/icons-interior.png) !important; 
  color: #ffff;
}



span.military {
  color: #ffff;
}
span.military::before {
  content: url(../images/icons-military.png) !important; 
  color: #ffff;
}


span.state {
  color: #ffff;
}
span.state::before {
  content: url(../images/icons-state.png) !important; 
  color: #ffff;
}

span.transportation {
  color: #ffff;
}
span.transportation::before {
  content: url(../images/icons-transportation.png) !important; 
  color: #ffff;
}





#leg-container .heading-holder i.agriculture::before { 
  content: url(../images/icons-agriculture.png); 
}

#leg-container .heading-holder i.commerce::before { 
  content: url(../images/icons-commerce.png); 
}

#leg-container .heading-holder i.defense::before { 
  content: url(../images/icons-defense.png); 
}

#leg-container .heading-holder i.energy::before { 
  content: url(../images/icons-energy.png); 
}

#leg-container .heading-holder i.financial::before { 
  content: url(../images/icons-financial.png); 
}

#leg-container .heading-holder i.homeland::before { 
  content: url(../images/icons-homeland.png); 
}

#leg-container .heading-holder i.interior::before { 
  content: url(../images/icons-interior.png); 
}

#leg-container .heading-holder i.labor::before { 
  content: url(../images/icons-labor.png); 
}

#leg-container .heading-holder i.legislative::before { 
  content: url(../images/icons-legislative.png); 
}

#leg-container .heading-holder i.military::before { 
  content: url(../images/icons-military.png); 
}

#leg-container .heading-holder i.state::before { 
  content: url(../images/icons-state.png); 
}

#leg-container .heading-holder i.transportation::before { 
  content: url(../images/icons-transportation.png); 
}

/************************************************************
  PAGER
************************************************************/

ul.pager { 
  background: #f4f4f4;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}

ul.pager .pager-current {
  font-weight: normal;
}

.item-list ul li {
  margin:  0 0.25em 0 0;
  padding: 0;
}

.item-list .pager li {
  background-image: none;
  display: inline-block;
  list-style-type: none;
  padding: 10px;
}

.pager li.pager-current {
  background: #18335b none repeat scroll 0 0;
 	color: #fff; 
}

/************************************************************
  BILLS PAGE
************************************************************/ 

.pane-node-field-congress-related-items { margin-top: 20px; }

.subcom .action ul { margin: 0; padding: 0; text-align: center; }

.subcom .action ul li { list-style-type: none; display: inline-block; }

.subcom .action ul li a::after {
  font-family: "FontAwesome";
  font-size: 1em;
  font-weight: normal;
  content: "\f178";
  padding-left: 5px;
}

.subcom .action ul li a { display: inline-block;
  border: 2px solid #d8262f;
  border-radius: 5px;
  font-size: 16px;
  font-family: 'Montserrat';
  font-weight: bold;
  padding: 6px 15px;
  margin: 0 10px 10px;
  text-transform: uppercase;
  width: auto;
}

.subcom .action ul li a:hover { border-color: #d8262f; background: #d8262f; color: #fff; }

/************************************************************
  FOOTER
************************************************************/ 

#section-footer, #section-footer a { color: #fff; }

#zone-footer-wrapper::before {
  clear: none;
  display: block;
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 40%;
  height: 1px;
  background: #bcbcbc;
}

#block-boxes-footer-logo img { max-width: 80%; }

#block-boxes-footer-photo img { border-radius: 360px; border: 6px solid #fff; float: left; padding: 0; margin-right: 10px; max-width: 25%; } 

.person-info .post { font-size: 1.4em; padding: 30px 0 0;
  margin-bottom: -10px;
}

.person-info .name { font-weight: bold; font-size: 1.4em; }

.person-info .post, .person-info .name {
  display: block;
  font-family: 'Montserrat';
}

#block-boxes-footer-photo p { line-height: 1.2em; }

#block-boxes-footer-contact-block { padding-left: 10px; }

#block-boxes-footer-contact-block address { margin-bottom: 0 !important; }

#block-menu-menu-congress-footer-utility {
  padding-top: 0;
  background: none;
}

#block-boxes-social-media-fontawesome-small, #block-boxes-fontawesome-medium { margin-top: 0; padding: 0; text-align: center; }

#block-boxes-social-media-fontawesome-small i.fa, #block-boxes-fontawesome-medium i.fa {
  color: #d8262f;
  font-size: 1.5em;
  margin: 0 6px 0 0;
  background-color: none;
  text-align: center;
}

#block-boxes-social-media-fontawesome-small i.fa-search, #block-boxes-fontawesome-medium i.fa-search { color: #58585a; margin-right: 15px; }

#block-boxes-social-media-fontawesome-small i.fa:hover, #block-boxes-fontawesome-medium i.fa:hover {
  color: #253373;
}

#block-boxes-social-media-fontawesome-footer { text-align: center;}

#block-boxes-social-media-fontawesome-footer i.fa { font-size: 3em; color: #fff; margin-right: 10px; }

#block-boxes-social-media-fontawesome-footer i.fa:hover { color: #d8262f; }


