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

.responsive-layout-narrow #section-content { padding-top: 110px; }

.responsive-layout-narrow #zone-mobile-menu { background: transparent; width: 60px; float: left; display: block; }

.responsive-layout-narrow #zone-mobile-menu.fixed { margin-top: 0; }

.responsive-layout-narrow #region-mobile-menu { margin-top: 30px; transition: 0; }

.responsive-layout-narrow .zone-mobile-menu-wrapper { display: block; }

.responsive-layout-narrow #zone-mobile-menu.fixed #region-mobile-menu { margin-top: 20px; }

.responsive-layout-narrow .admin-menu #zone-mobile-menu #region-mobile-menu { margin-top: 30px; }

.responsive-layout-narrow #zone-mobile-menu.fixed, .responsive-layout-narrow .admin-menu #zone-mobile-menu.fixed {
    background: rgba(250, 249, 245, 0.9); padding-bottom: 11px; } 

.responsive-layout-narrow #region-user-first { margin: 20px 0 0 0; }

.responsive-layout-narrow #zone-branding { margin-left: 0; }

.responsive-layout-narrow #zone-branding-wrapper.fixed .sf-menu a { font-size: 15px; }

.responsive-layout-narrow #zone-branding-wrapper.fixed .sf-menu li .menu .leaf a { font-size: 13px; }

.responsive-layout-narrow #zone-branding-wrapper.fixed #region-user-first { margin: 0 0 0 0; }

.responsive-layout-narrow #zone-branding-wrapper.fixed { margin-left: 60px; }

.responsive-layout-narrow #zone-branding-wrapper.fixed #menu-dropdown-wrapper { margin-left: -60px; }

.responsive-layout-narrow #zone-mobile-menu.fixed, .responsive-layout-narrow #zone-branding-wrapper.fixed { height: 80px; }

.responsive-layout-narrow .admin-menu #zone-branding-wrapper.fixed #region-user-first { margin: 0 0 0 0; }

/************************************************************
 MOBILE SUPERFISH MAIN MENU
************************************************************/

.responsive-layout-narrow #region-menu { display: none; }

.responsive-layout-narrow .zone-menu-dropdown-wrapper { display: none; position: absolute; margin-top: 111px; left: 0; overflow-x: hidden;
    transition: 0.5s; }

.responsive-layout-narrow #zone-menu-dropdown-wrapper, #zone-menu-dropdown, #region-menu-dropdown { margin-left: 0 !important; margin-right: 0 !important; width: 300px !important; }

.responsive-layout-narrow #zone-menu-dropdown-wrapper.fixed, .responsive-layout-narrow .admin-menu #zone-menu-dropdown-wrapper.fixed { position: absolute; margin-top: 80px; left: 0; }


.responsive-layout-narrow #region-menu-dropdown #block-menu-block-congress-main-menu-superfish {
	background: rgba(255, 255, 255, 0.9); padding: 0; }

.responsive-layout-narrow #region-menu-dropdown .menu-block-wrapper:hover .expanded:hover li.leaf {
    height: auto;
}

.responsive-layout-narrow #region-menu-dropdown .expanded li.leaf, .responsive-layout-narrow #region-menu-dropdown .menu-block-wrapper:hover li.leaf {
    height: 0;
    overflow: hidden;
    transition: height .25s;
}

.responsive-layout-narrow #region-menu-dropdown .menu-block-wrapper ul.menu > ul.menu { 
	background-color: rgba(0, 0, 0, 0.8);
	display: block;
	left: auto;
	margin: 0;
	padding: 0; 
	position: relative;
	top: 0; 
	transition: 0; 
	width: 300px;
}  

.responsive-layout-narrow #block-boxes-congress-mobile-hamburger-menu { display: block; }

.responsive-layout-narrow #region-menu-dropdown .menu-block-wrapper li.expanded a { 
	color: #871010;
	display: block;
	padding: 0.5em 1.4em;
	font-size: 15px;
	font-weight: bold; 
	width: 300px;
}

.responsive-layout-narrow #region-menu-dropdown li.expanded, .responsive-layout-narrow #region-menu-dropdown li.collapsed, .responsive-layout-narrow #region-menu-dropdown li.leaf { padding: 0; margin: 0; }

.responsive-layout-narrow #region-menu-dropdown .menu-block-wrapper li.expanded a:hover {
	color: #333; transition: all 0.1s ease 0s;
	text-decoration: none;
}  


.responsive-layout-narrow #region-menu-dropdown li.expanded li.leaf a {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 0.2em 2.6em;
	width: 300px;
}

.responsive-layout-narrow #region-menu-dropdown li.leaf a:hover {
	color: #d52626 !important;
	text-decoration: none; 
} 

.responsive-layout-narrow #region-menu-dropdown li.leaf .first a { 
	padding: 0.6em 2.6em 0.2em !important; 
	margin-top: 3px; }
	
.responsive-layout-narrow #region-menu-dropdown li.leaf .last a {
	padding: 0.2em 2.6em 0.6em !important; } 

/************************************************************
  SEARCH
************************************************************/  

#block-search-form, #block-search-form--2 {
	margin: 0;  
	padding: 0px; 
	width: 100%;
} 

.responsive-layout-narrow #search-block-form--2 {
	background: transparent; 
	border-bottom: 2px solid #ccc;
}

.responsive-layout-narrow #search-block-form--2 .form-item input { 
	color: #111; }

.responsive-layout-narrow #block-search-form--2 {
	background: rgba(255, 255, 255, 0.9); 
	display: block;
	padding: 10px 20px;
	width: 300px; 
	z-index: 333;
}

.responsive-layout-narrow #block-search-form--2 .form-item {
    width: 80%;
}

/************************************************************
 FONT AWESOME
************************************************************/

#block-boxes-cng-social-media-fa-small a { font-size: 0.8em; margin-right: 5px; }

#block-boxes-cng-social-media-fa-small {
    margin-bottom: 0;
    padding: 1.6em 0.5em;
	width: 300px;
}
 
.responsive-layout-narrow .fa-search { display: none; } 

/************************************************************
  HOMEPAGE ROTATOR
************************************************************/

#region-preface-first.grid-24 { margin-left: 0px; margin-right: 0px; }

.front #zone-preface, .front #region-preface-first { width: 100%; }

.hprotator-text-block h2, .hprotator-text-block h2 a {
	font-size: 18px;
	line-height:  18px;
	}

.hprotator-text-block .field-name-body {
	font-size: 12px;  
} 

.view-congress-hprotator .flex-control-nav {
    bottom: 0;
}

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

.responsive-layout-narrow #block-views-congress-news-block-latest-news .views-field-title h3, .responsive-layout-narrow #block-views-congress-news-block-latest-news .views-field-title h3 a { font-size: 1.1em; }

.front #block-views-congress-news-block-latest-news .views-row {
    border: 6px solid #e4e4e4; 
    padding: 10px;
    vertical-align: text-top;
    width: 30%;
}

.front #block-views-congress-news-block-latest-news .views-row-1, 
.front #block-views-congress-news-block-latest-news .views-row-2 { margin-right: 15px; }

/************************************************************
  ACTION CENTER
************************************************************/

#block-boxes-action-center h2.block-title { color: #000; }

#block-boxes-action-center .list-group a {
	color: #115FA7; text-transform: Capitalize; }

#block-boxes-action-center i.fa, #block-boxes-action-center i.icon { padding: 15px 0px 0px; font-size: 2em; }
	
#block-boxes-action-center .list-group { 
    display: inline-block;
	margin: 10px 5px 0px; 
	text-align: center; 
	width: 18%; 
}

#block-boxes-action-center .list-group-item  {  
    height: 90px; 
    max-width: 90px;
	margin: 10px auto;
}  


#block-boxes-congress-newsletter-signup .form-text {
    width: 55%;
}
#block-boxes-newsletter-signup-simple-bs .btn-success, #block-boxes-congress-newsletter-signup .form-submit {
	padding: 15px 10px; }