/******   MENU/HEADER *****/

#section-header {
    background: transparent;
    position: fixed;
    top: 0px;
    z-index: 999;
}
#zone-menu-wrapper.fixed .sf-menu a:hover, #zone-menu-wrapper.fixed .sfHover a, #zone-menu-wrapper a i.fa:hover, #zone-menu-wrapper.fixed a i.fa:hover {
    color: #38B34A;
}

#zone-menu-wrapper .sf-menu a:hover, #zone-menu-wrapper .sfHover a, #zone-menu-wrapper a i.fa:hover, #zone-menu-wrapper a i.fa:hover {
    color: #fff;
}


.sf-menu a:focus, .sf-menu a:hover {
    background: #38B34A;
    color: #fff;
}

.sf-menu li.sfhover a {
    background: #38B34A;
    color: #fff;

}


#zone-menu-wrapper.fixed {
    background: rgb(35, 57, 124) !important;
    position: fixed;
    z-index: 999;
    top: 58px;
}


#zone-menu {
    display: flex;
    width: 100%;
    max-width: 100% !important;
}

#zone-menu-wrapper #region-branding {
    
        width: auto;
        flex: 18%;
    }

    #zone-menu-wrapper #region-menu {
        
            width: auto;
            flex: 31%;
        }
    

#zone-menu-wrapper.fixed #region-menu {
    width: auto;
    flex: 77%;
    margin-top: 0px;
}

#zone-menu-wrapper.fixed #region-branding {
    width: auto;
    flex: 40%;
}


.logo-img {
    width: 100%;
}
#zone-header-wrapper {
    background: rgb(35,57,124);
    border-top: 3px solid #36b24a;
    margin-top: 0px;
}

#zone-header-wrapper #region-user-first {
    flex: 14%;
    float: right;
    width: auto;
    margin: -21px 0 0 0;
    padding: 0;
}
/************** SERVICE CENTER ***********************/

#zone-actioncenter {
    border-bottom: 1px solid #2EB5B4;
    border-top: 1px solid #2EB5B4;
 
}

#region-footer-second {
    margin: 0;
    width: 100%;
}

#block-views-congress-offices-of-noslide h3 a:hover, #block-menu-menu-congress-footer-utility ul.menu a:hover {
    color: #147c0f;
}

#block-views-congress-offices-of-noslide .views-row {
    padding: 1%;
    width: 31%;
}

#zone-menu-wrapper.fixed .sf-menu a:hover, #zone-menu-wrapper.fixed .sfHover a, #zone-menu-wrapper a i.fa:hover, #zone-menu-wrapper.fixed a i.fa:hover {
    color: #fff;
}

#zone-menu-wrapper .sf-menu a:hover, #zone-menu-wrapper .sfHover a, #zone-menu-wrapper a i.fa:hover, #zone-menu-wrapper a i.fa:hover {
    color: #fff;
}