/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* Color Picker */
/* VERSION 33 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {


  background-color: #012D69;

/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {


  background-color: #011E47;

/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  /*
  --hl-bs--primary: ;
  --hl-bs--selected: 26;
  */

  /*
  --hl-bs--primary-opposite: ;
  */
  
  /*
  --hl-bs--link: ;
  */

  /*
  --hl-bs--link-hover: ;
  --hl-bs--btn-icon-ctrl-bg-hover: ;
  --hl-bs--btn-icon-ctrl-border-hover: ;
  */

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */
  
  
  --hl-bs--btn-primary-bg: #012D69;
  
  
  
  --hl-bs--btn-primary-bg-hover: #011E47;
  
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */
  
  /*
  --hl-bs--btn-success-bg: ;
  */
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */
  
  /*
  --hl-bs--btn-danger-bg: ;
  */
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-link-text: ;
  --hl-bs--btn-link-outline: 7f;
  */

  /*
  --hl-bs--btn-link-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    /* 
    color: ;
    */    
    /* 
    color: ;
    */
}

/************************ Anchors ***********************/
body.ribbit a{
    /* 
    color: ;
    */
}
body.ribbit a:hover{
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
    /* 
    color: ;
    */
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

    /* 
    color:  !important;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-primary:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:focus {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

    /* 
    color: ;
    */
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border: ;
    */
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    /*
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

    /* 
    box-shadow: 0 0 0 3px 7F;
    */
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

    /* 
    color: ;
    */
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

    /* 
    color: ;
    */ 
    /* 
    background-color: ;
    border-color: ;
    */
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    */
    /* 
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
    */
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

    /* 
    background-color: ;
    border-color: ;
    */
}


body.ribbit :not(.no-theme) .primary-button-background-color {

    /* 
    background-color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-border-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-text-color {

    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

    /* 
    background-color:  !important;
    */
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

    /* 
    background-color: ;
    border-color: ;
    */ 
    /* 
    color: ;
    */
}

body.ribbit :not(.no-theme) .success-button-background-color {

    /* 
    background-color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-border-color {

    /* 
    color:  !important;
    */
}

body.ribbit :not(.no-theme) .success-button-text-color {
    /* 
    color:  !important;
    */
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
    /* 
    background-color:  !important;
    */
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
    /* 
    fill: ;
    */
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
    /* 
    color:  !important;
    */
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
    /* 
    color: ;
    */ 
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
    /* 
    border-bottom-color: ;
    */ 
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    /*
    color: ;
    */
    /* 
    border-bottom-color: ;
    */ 
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
    /* 
    color: ;
    */
    /* 
    color: ;
    */
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
    /* 
    background-color: ;
    */
}

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
    /* 
    color: ;
    */     
    /* 
    background-color: ;
    border-color: ;
    */ 
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
    /* 
    color: ;
    */
    /* 
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
    border-color: ;
    */
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
    /* 
    color: ;
    */
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  

/*
.link-color {
  color:  !important;
}
*/
  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  

/*
.primary-heading-text-color {
  color:  !important;
}
*/
  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  

/*
.footer-background-color {
  background-color:  !important;
}
*/
  

/*
.footer-text-color {
  color:  !important;
}
*/
  

/*
.primary-color {
  color:  !important;
}
*/
  

/*
.text-on-primary {
  color:  !important;
}
*/
  

/*
.table-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-link-color {
  color:  !important;
}
*/
  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-title-text-color {
  color:  !important;
}
*/
  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  

/*
.selected-tab-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-hover-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  

/*
.slogan-text-color {
  color:  !important;
}
*/
  

/*
.table-header-background-color {
  background-color:  !important;
}
*/
  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  

/*
.footer-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  

/*
.selected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  


.primary-button-background-color {
  background-color: #012D69 !important;
}

  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  


.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color: #011E47 !important;
}

  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
.nav-Completed a::after {content: "These projects are ready for enactment";}
.nav-Drafting a::after {content: "These projects are currently in drafting";}
.nav-Study a::after {content: "These projects are currently in study";}
.nav-Other a::after {content: "These projects are specialized committees";}
.nav-Projects .nav-All a::after {content: "Complete project catalog";}

.nav-Current a::after {content: "These acts are ready for enactment";}
.nav-InDrafting a::after {content: "These acts are in drafting";}
.nav-InStudy a::after {content: "These acts are in study";}
.nav-Acts .nav-All a::after {content: "Complete catalog of Acts";}

.hero .HtmlContent > div {visibility:hidden}

.nav .dropdown-menu > li > a:hover, .nav .dropdown-menu > li > a:focus {background-color:#fff; color: #404040;}

.dropdown-submenu.nav-Projects li a::after,
.dropdown-submenu.nav-Acts li a::after {
    display: block;
    margin-bottom: 4px;
color:#888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    font-size: 13px;
}

.navbar-nav>li>.dropdown-menu {
    font-size: 12px;
}

.navbar-nav > li > a {font-weight:bold}

/*ul.dropdown-menu > li a, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0248c2;
}*/

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #1287c3;
    white-space: nowrap;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #0248c2;
    text-decoration: none;
    background-color: #428bca;
    outline: 0;
}
.nav .dropdown-submenu > a {color: #012d69;
    font-size: 16px;
    font-weight: bold;
    padding-top: 4px;
    text-decoration: underline !important;}

body.bodyBackground {font-family:"Lato", Arial; font-size:16px}
h2, .hero h3, .reverse h3, h1 {font-family:"Vollkorn"}

.HLLandingControl ol li, .HLLandingControl ul li {border-bottom:0px none}

tr.grid-pager table tr td a, .table-hover tbody tr.grid-pager table tr td span, tr.datagrid-pager td a, .table-hover tbody tr.datagrid-pager td span, .well, .navbar-inner, .popover, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav > .active > a, .dropdown-menu, .tooltip-inner, .img-polaroid {border-radius:0px !important}

.indrafting ul.pagination {display:none}

.rotate .community-list::after {display:block; width:100%; height:60px; content:""; position:absolute; bottom:0px; left:0px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); 
}

#MPButtonBar .nav > li:last-child {display:none}

a {
    color: #1287c3; text-decoration:none;
}
a:hover {text-decoration:underline; color: #404040;}

.row.siteFrame.stickyNav.stickyNav-full {background:#fff}

/*Hide Items on Act Listing Pages*/







#MainCopy_ctl02_Tab2Div{
display:none;
}










/*Search Nav Bar*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.searchlinks,
.overlay__content a {
  font-weight: 500;
  color: #ffffff;
  text-decoration: none;
  margin:10px;
}

.searchlinks {
  padding: 3px 25px;
  background-color: rgba(106, 0, 0, 1);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}

.searchlinks:hover {
  background-color: rgba(64, 64, 64, 0.8);
}

/*End Search Nav Bar*/

/*Act Page Info Grid*/

.actpageinfo {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas:
    "map map map"
    "relatedacts actvideo actvideo"
    "LegislativeBillTracking LegislativeBillTracking LegislativeBillTracking";
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  grid-gap: 0.2rem;
  grid-row-gap: 0.4rem;
  font-size: 14px;
  color: #000000;
}

#map {
  background: #ffffff;
  border: none;
  grid-area: map;
  border-radius: 0px;
  padding: 0px;
}

#relatedacts {
  background: #012d69;
  color: #ffffff;
  text-align: left;
  grid-area: relatedacts;
  border-radius: 7px;
  padding: 15px;
  width: auto;
}

#actvideo {
  background: #1287c3;
  grid-area: actvideo;
  border-radius: 7px;
  padding: 15px;
  width: auto;
}

#LegislativeBillTracking {
  background: #ffffff;
  color: #000000;
  border: solid;
  grid-area: LegislativeBillTracking;
  border-radius: 7px;
  padding: 15px;
}

.actpageinfo a {
  text-align: left;
  color: #ffffff;
  font-family: inherit;
  text-decoration: none;
  margin: 1rem;
}

.actpageinfo a:hover {
  color: #a5acb0;
  text-decoration: underline;
}

@media only screen and (max-width: 480px) {
  .actpageinfo {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas:
      "map"
      "relatedacts"
      "actvideo"
      "LegislativeBillTracking";
  }
}

/*End Act Page Info Grid*/

/*Act Page Nav Bar*/

body {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  background: #ffffff;
}
.skew-menu {
  text-align: center;
  margin-top: 0em;
  margin-bottom: 0em;
}
.skew-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.skew-menu ul li {
  background: linear-gradient(-45deg, #1287c3, #1287c3, #1287c3, #2f95c9, #1287c3, #1287c3, #2f95c9, #1287c3, #1287c3, #1287c3);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  float: left;
  border-right: 1px solid #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bolder;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.skew-menu ul li:first-child {
  border-radius: 7px 0 0 7px;
}

.skew-menu ul li:last-child {
  border-right: none;
  border-radius: 0 7px 7px 0;
}
.skew-menu ul li:hover {
  background: linear-gradient(-45deg, #88c312, #88c312, #88c312, #b0ea3e, #88c312, #88c312, #b0ea3e, #88c312, #88c312, #88c312);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  
  color: #ffffff;
}
.skew-menu ul li a {
  display: block;
  padding: 0.5em 1em;
  color: inherit;
  text-decoration: none;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

    @media only screen and (max-width : 480px) {

.skew-menu ul {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}
.skew-menu ul li {
  float: center;
  border-bottom: 3px solid #eee;
}
.skew-menu ul li:first-child {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(2) {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(3) {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:last-child {
  width:100%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li a {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}

}

@media only screen and (min-width : 481px) {

.skew-menu ul {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}
.skew-menu ul li {
  float: center;
  border-bottom: 3px solid #eee;
}
.skew-menu ul li:first-child {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(2) {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:nth-child(3) {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li:last-child {
  width:50%;
  border-radius: 7px 7px 7px 7px;
}
.skew-menu ul li a {
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}

}

@media only screen and (min-width : 985px) {

.skew-menu ul {
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}
.skew-menu ul li {
  float: left;
  border-right: 1px solid #eee;
}

.skew-menu ul li:first-child {
  width:auto;
  border-radius: 7px 0 0 7px;
}
.skew-menu ul li:nth-child(2) {
  width:auto;
  border-radius: 0 0 0 0;
}
.skew-menu ul li:nth-child(3) {
  width:auto;
  border-radius: 0 0 0 0;
}
.skew-menu ul li:last-child {
  width:auto;
  border-right: none;
  border-radius: 0 7px 7px 0;
}
.skew-menu ul li a {
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

}

/*End Act Page Nav Bar*/

/*Act Page Newer Version Bar*/

body {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  background: #ffffff;
}
.newerversion {
  text-align: center;
  margin-top: 0em;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.newerversion ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(-10deg);
}
.newerversion ul li {
  background: linear-gradient(-45deg, #6a0000, #6a0000, #6a0000, #960000, #6a0000, #6a0000, #960000, #6a0000, #6a0000, #6a0000);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
  float: left;
  border-right: 1px solid #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bolder;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  border-radius: 7px 7px 7px 7px;
}
.newerversion ul li:first-child {
  border-radius: 7px 7px 7px 7px;
}
.newerversion ul li:last-child {
  border-right: none;
}
.newerversion ul li:hover {
  text-decoration: none;
  color: #ffffff;
  background: linear-gradient(-45deg, #000000, #000000, #000000, #2d2d2d, #000000, #000000, #2d2d2d, #000000, #000000, #000000);
  background-size: 400% 400%;
  animation: gradient 5s ease infinite;
  
}
.newerversion ul li a {
  display: block;
  padding: 0.25em 10em;
  color: inherit;
  text-decoration: none;
  transform: skew(10deg);
}

    @media only screen and (max-width : 480px) {

.newerversion ul li {
  width:100%;
  float: center;
}
.newerversion ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: skew(0deg);
  width:100%;
}
.newerversion ul li a {
  display: block;
  padding: 0.25em 2em;
  color: inherit;
  text-decoration: none;
  transform: skew(0deg);
}
}

/*End Act Page Newer Version Bar*/

/*Act Map iFrame*/

/* OLD Map Responsive iFrame */

.map-container {
    position: relative;
    padding-bottom: 100%;
    padding-top: 56px;
    height: 0;
    overflow: hidden;
}

.map-container iFrame {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* NEW Widget Responsive iFrame */

.widget-container {
  position: relative;
  padding-top: 23%;
  overflow: hidden;
}

@media only screen and (max-width: 1200px) {
  .widget-container {
    padding-top: 25%;
  }
}



@media only screen and (max-width: 480px) {
  .widget-container {
    padding-top: 15%;
  }
}

/*Used to hide map footer*/
.widget-container-parent {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 330px;
}

.widget-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*End Widget iFrame*/


/* NEW Map Responsive iFrame */

.act-map-container {
  position: relative;
  padding-top: 131%;
  overflow: hidden;
}

@media only screen and (max-width: 480px) {
  .act-map-container {
    padding-top: 145%;
  }
}

/*Used to hide map footer*/
.act-map-container-parent {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1525px;
}

.act-map-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*End Act Map iFrame*/

/* Video Responsive iFrame */

.video-container {
    position: relative;
    padding-top: 54.25%;
    overflow: hidden;
}

/*Used to hide map footer*/
.act-map-container-parent{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 1525px;
}

.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

.image-class {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%;
  height: auto;
  border-radius: 7px;
  object-fit: scale-down;
  -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

/*End Video Responsive iFrame*/



.HtmlFooter {display:none}

.rotate div[id*="CommunityFilter"], .rotate div[id*="CommunityOptionHeader"] {display:none}

.rotate .rowContainer { border:1px solid #ccc; margin:10px; padding:15px; background-color:#fff; border-top:6px solid #012d69; text-align:left}
.rotate .rowContainer h3 a {font-weight:normal; color:#000 !important}

.interior .rowContainer {
 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #012d69 #ccc #ccc;
    border-style: solid;
    border-width: 6px 1px 1px;
    margin: 10px;
    padding: 15px;
    text-align: left;
}
.interior .rowContainer h3 a {color:#000}


.HtmlContent::after {display:table; content:""; clear:both; float:none}

.bg-gray {background-color:#556174; padding:0px 0px 20px;}
.bg-lightgray {background-color:#f5f5f3; padding-top:15px; padding-bottom:15px}
.bg-lightgray + .bg-lightgray {padding-top:0px}
.bg-lightgray + .bg-lightgray .btn {margin-top:-20px}
.bg-gray p, .bg-gray h3 {padding-left:20px; padding-right:20px}
.reverse *, .reverse * a {color:#fff}
.mem-spotlight img {border-top:8px solid #a5acb0}

.resource {text-align:left}
.resource img {border-top:6px solid #a5acb0}
.contain-inner .HtmlContent, .rotate .form-horizontal,
.contain-inner .HLLandingControl {max-width:1200px; margin:0px auto}

.reverse h3 span {display:inline-block; border-bottom:2px solid #1287c3; padding-bottom:.2em}

.pad1 {padding:15px}

h2  {margin-bottom:20px}

h2 span.util, .h2style1 h2 {border-bottom:2px solid #6a0000; padding-bottom:10px; display:inline-block}

.navbar-default, #NAV {background-color:transparent; border-color:transparent}

.reverse .row.title-row *:not(.btn):not(i), .reverse .heading *, .reverse .content-row *, .reverse .HtmlContent * {color:#fff}

#MPheader > div.row {padding-top:10px}

div.SloganText {display:none !important}

#MPOuterHeader::before {/* 
    background: #404040 none repeat scroll 0 0;
    display: block;
    height: 40px; */
}

.btn-clear {border:2px solid #fff}

.hero {background-color:#404040:}
.hero .cycle-slide {padding:15px; width:100%;}
.hero .cycle-slide .container { background-color:rgba(1,1,1,.6)}
.hero .cycle-slide * {color:#fff}
.full-pager {padding:5px; text-align:center; background-color:#4f91cd;}
.full-pager span {background-color:#fff; width:10px; height:10px; display:inline-block; border-radius:50%; text-indent:-9000px; overflow:hidden; margin:5px; cursor:pointer}
.hero {overflow:hidden}
span.cycle-pager-active {background-color:#000000}

#AuxMenu li {float:left}

#MPAuxNav ul.level1 li a {color:#fff; text-decoration:none; font-size:10px}
#MPAuxNav ul.level1 li a:hover {color:#a5acb0; text-decoration:none; font-size:10px}

#MPheader > .row:first-child {  background: #404040 none repeat scroll 0 0;  background: linear-gradient(-45deg, #404040, #404040, #404040, #4d4d4d, #404040, #404040, #4d4d4d, #404040, #404040, #404040);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;}

#MPOuterMost.full #HEADER {max-width:9000px}

#MPOuterHeader, #MPOuterHeader .row {margin-left:0px !important; margin-right:0px !important}
#MPOuterHeader, #MPOuterHeader .col-md-12 {padding:0px}
#MPheader > .row > .col-md-12 {max-width:1200px; margin:0px auto}

.btn {border-radius:0px !important}

.bg1 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg1.jpg'); background-size:cover}
.bg2 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg2.jpg'); background-size:cover}
.bg3 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg3.jpg'); background-size:cover}
.bg4 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg4.jpg'); background-size:cover}
.bg5 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg5.jpg'); background-size:cover}
.bg6 {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bg6.jpg'); background-size:cover}
.annualmeeting {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/annualmeeting.jpg'); background-size:cover}
.bgAMOpacity {background-image:url('https://higherlogicdownload.s3.amazonaws.com/UNIFORMLAWS/b7c515db-1895-4387-bb2d-ee99e58c0066/UploadedImages/Main%20Carousel/bgAMOpacity.png'); background-size:cover}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#fff}


#MPOuterFooter {background-color:#1287c3; padding-top:15px}
.lower-footer {background:#404040; padding:15px; font-size:14px}
.lower-footer .HtmlContent {margin:0px auto; max-width:1350px}
#MPCopyright, #MPFooterLink {display:none}
.social a {font-size:22px; display:inline-block; padding:0px 4px}
.socialhead a {color:#c4c7c8;}
.socialhead a:hover {color:#4f91cd}

#MPOuterFooter * {color:#fff}

.col-brand img {float:left; margin:0px 20px 35px 0px}
.col-brand .HtmlContent p {margin-bottom:9px}
.col-brand .fa {opacity:.6}
.MPContentArea .HtmlContent img {max-width:100%; height:auto;}

.HtmlContent .btn, .home .HLEventList .btn, .newslist .btn-default {font-size:18px; padding:12px 20px; min-width:180px}
div[id*="BottomLink"] > .col-md-12 {padding-left:0px}

h4 {color:#828a8f}

.newslist .item {text-align:left}
.item h3 {font-size:20px}

.home .newslist li {
    display: inline-block;
    margin: 0 10px 10px 0;
    text-align: left;
    vertical-align: top;
  
}
.home .newslist li a {color:#000; text-decoration:none; }
.home .newslist li a:hover { text-decoration:underline}
.home .newslist li h3 a {font-size:20px; line-height:1.1; display:block; margin-bottom:10px}
.home .newslist .btn-default {background-color:#012d69 !important; color:#fff !important; margin-top:30px}

/* Calendar/events on home */
.HLEventList h3 a {color:#6a0000 !important}
.HLEventList .form-inline .form-group {display:block;}
.HLEventList .form-inline .form-group .btn-group {float:right}
.HLLandingControl.HLEventList h3 a {font-size:20px; color:#000; text-decoration:none; line-height:1.1; display:block}
.HLEventList .timeAgoFormat, .HLEventList div[id*="LocationPanel"] {font-size:16px; line-height:1.1; opacity:.9}

.date-block { text-transform:uppercase}
.calendar-month {background-color:#6a0000; color:#fff; padding-top:12px;}
.calendar-day {display:none}
.calendary-number {display:none}
.HLEventList .col-md-10.no-pad {padding-left:15px !important}
.calendar-month span {display:block; padding-bottom:10px; font-size:20px }
.calendar-month::after {
    background: #fff none repeat scroll 0 0;
    color: #000;
    content: "EVENT";
    display: block;
    padding: 12px 0;
border:2px solid #ccc; border-top:0; font-size:12px;
}


/*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
/*Alphabet Nav Line*/
.alphabet {
    list-style-type: none;
    margin:5px auto 0;
    padding:0;
    cursor: pointer;
    width:90%;
    text-align:center;
align:center;
}

.alphabet li {
    float:left;
    margin:5px;
    padding:0;
    font-size: 18px;
    -moz-box-sizing:border-box;
    color:black;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:8%;
}



.alphabet li:hover {
    color:#000000;
    font-weight:bold;
    font-size: 18px;
    background-color: #ededed;
}
/*End Alphabet Nav Line*/

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

.nav.navbar-nav .dropdown-submenu > ul.dropdown-submenu {
    margin-left: 0;
    padding-left: 00px;
} 
.nav .dropdown-submenu {margin-bottom:10px;}

/*Alphabet Nav Line*/
.alphabet {
    list-style-type: none;
    margin:5px auto 0;
    padding:0;
    cursor: pointer;
    width:95%;
    text-align:center;
}

.alphabet li {
    float:left;
    margin:0;
    padding:0;
    border-right:1px solid darkgrey;
border-bottom:none;
    font-size: 16px;
    -moz-box-sizing:border-box;
    color:black;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:3.55%;
}

.alphabet li:last-child {
    border-right: none;
}

.alphabet li:hover {
    color:#000000;
    font-weight:bold;
    font-size: 16px;
    background-color: #ededed;
}
/*End Alphabet Nav Line*/


.home .newslist li {

    width: 32%;
}
.col-md-3.social.socialhead {
    position: absolute;
    top: 12px;
    left: 70%;
    z-index: 1;
    padding-left:0px;
    
}
	
h1 {font-size:40px}
.home .row.rowContainer.community-list > div {min-height:220px !important; max-height:220px !important}
.rotate .form-horizontal {padding-right:30px; padding-left:30px}
.rotate .form-horizontal {position:relative;}
.rotate .next i, .rotate .previous i {cursor:pointer; color:#c5cacc; font-size:30px}
.rotate .next {
    position: absolute;
    right: -20px;
    top: 48%;
}
.rotate .previous{
    position: absolute;
    left: -20px;
    top: 48%;
}
.bg-lightgray { padding-top:45px; padding-bottom:55px}
.annual p {font-size:24px;}
.reverse h3 {font-size:44px;}
div.mem-spotlight h3 {font-size:34px;  }
.MPContentArea {padding-bottom:75px}
h2 {font-size:34px;}
.lower-footer {padding-top:30px; padding-bottom:30px}
.lower-footer .col-md-3 {text-align:right}
.pad1 {padding:45px}
.hero .cycle-slide h3, .hero .cycle-slide p {margin-bottom:30px; padding-bottom:0px}
.hero .cycle-slide {padding: 45px 0 0; text-align:right; margin-right:15%}
.hero .cycle-slide .container {text-align:left; width:50%; float:right; background-color:rgba(1,1,1,.4); padding-right:200px; padding-left:45px}

#MPOuterFooter  {padding-top:50px}
.col-value p {line-height:24px;  }
.col-value strong {font-size:20px; font-weight:400; padding-bottom:10px; display:block}
.ContentItemHtml.col-md-5.col-value {
    border-left: 1px solid #5fbbdd;
    padding-left: 50px;
}
ul.FatFooterMenu {display:table; width:100%; table-layout:auto; padding-left:50px; padding-right:50px; padding-top:40px; border-top:1px solid #5fbbdd; margin-top:45px}
ul.FatFooterMenu > li {display:table-cell; min-width:100px; padding:0; padding-right:15px}
ul.FatFooterMenu > li ul.level2{padding-left:0px; font-size:12px;}
#Logo {padding-top:0px !important}
.navbar-nav > li > a {padding-right:10px; padding-left:10px}
.collapse.navbar-collapse.navbar-ex1-collapse {padding-right:0px}
#MPheader > div.row {padding-left:0px; padding-right:80px}
.LogoImg.inline {position:relative;}

.navbar-nav {float:right}
#searchColumn {
    float: none;
    max-width: 220px;
    position: absolute;
    right: 0;
    top: -68px;
    z-index: 2;
}
#MPButtonBar .navbar.navbar-default {
    border-bottom: 1px solid #ededed;}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

.col-md-3.social.socialhead {
    position: absolute;
    top: 12px;
    left: 60%;
    z-index: 1;
    padding-left:0px;
    text-align: right;
}

/* two col menu */
.dropdown-menu > li > a {padding-left:0px}
.nav.navbar-nav .dropdown-menu::after {
    border-left: 0px solid #fff;
    bottom: 10px;
    content: "";
    left: 49%;
    position: absolute;
    top: 10px;
}
.dropdown-menu > span:last-child {padding-left:15px}
.nav .dropdown-menu {	-webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;}
.nav .dropdown-menu li {-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;}
.navbar-nav li:last-child .dropdown-menu, .navbar-nav li:nth-last-child(2) .dropdown-menu {left:inherit; right:0}
.navbar-nav > li > .dropdown-menu {min-width:370px; padding:20px }
.navbar-nav > li.nav-Projects > .dropdown-menu {min-width:560px; }
.navbar-nav > li.nav-Acts > .dropdown-menu {min-width:450px; }
li.nav-Acts li.nav-overview {font-size: 16px; font-weight: bold; padding-top: 4px;}
/* end two col menu */

.navbar-nav > li > .dropdown-menu {min-width:400px}
.hero .cycle-slide .container {min-height:360px}
.hero h3 {font-size:46px; margin-bottom:10px !important; margin-top:25px}
.rotate .rowContainer {margin-top:40px}
.home .hlevents { padding-left:40px}
.home .row-3 {padding-bottom:40px}
.featured {padding-right:40px}
.home .row-3 .featured::after {content:""; position:absolute; top:90px; bottom:20px; border-left:1px solid #dbdbdb; right:-10px; display:block}
.hero, .resources {margin-bottom:10px}
.resources {padding-top:45px }
.resources + .viewall {border-bottom:1px solid #dbdbdb; padding-bottom:55px; margin-bottom:55px }
.home .row-7 .border-left::after {content:""; position:absolute; top:90px; bottom:20px; border-left:1px solid #dbdbdb; left:-96px; display:block}
.HtmlContent p{margin-bottom:25px}
.mem-spotlight {width:65%}
.hero .cycle-slide {padding-top:10px}
#Logo::after {
    background: #fafafa none repeat scroll 0 0;
    content: "";
    display: block;
    height: 67px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 62.5%;
  border-bottom: 1px solid #ededed;
}
#DesktopLogoDiv > a {
    position: relative; top:25px;
    z-index: 2;
}

#Logo::before {
    /* border-right: 1px solid #ededed; */
    content: "";
    display: block;
    height: 118px;
    position: absolute;
    width: 37.5%;
    z-index: 1;


}
#NAV {position:relative}

#MPheader::after  {
    content: "";
    display: block;
    height: 118px;
    top:54px;
    left: 37.5%;
    position: absolute;
    width: 11px;
    z-index: 99;
}


#MPheader::after { 
background: -moz-linear-gradient(left,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000',GradientType=1 ); IE6-9 
}


    }

@media only screen and (min-width : 1600px) {
#MPheader::after {height:107px}
.hero .cycle-slide .container {padding-right:300px}
#Logo::after {height:57px}
#searchColumn {top:-56px}
#Logo .img-responsive {
    max-width: 80%;
}
}

@media only screen and (min-width : 2500px) {

#Logo .img-responsive {
    max-width: 70%; padding-top: 5px;
}
}

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 968px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.socialhead {display:none !important}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
#searchColumn {float:none !important;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

@media print
{    
    .no-print, .no-print *, #Logo, #Hero, #MPheader, #MPfooter, #MPOuterHeader, #MPAuxNav, #AuxMenu, #HEADER, #MPOuterFooter, #searchColumn, #searchColumn, #NAV, #DesktopLogoDiv, #CommunityTabsContainer, #MPimage, #ae_app, #MainCopy_ctl02_CommunityDescriptionDashboard1_CommunityManagementGear_CommunityManagementGearDropDown, .col-md-6.section14, .btn.btn-primary.btn-cta, .hero.cycle-slide.container, .col-md-6.section15, .HtmlContent.cycle-slideshow.ae-carousel-original, .btn.btn-primary, #MainCopy_ctl20_MoreLink, .menu.searchlinks, .btn.btn-clear, .skew-menu, .newerversion, #st-2, .video-container, #hdrAdminAddEdit, #PageTitleH1
    {
        display: none !important;
    }
    #MPOuter
    {
        padding-top: 0px !important;
    }
    #map, #displayAreaContainer, #horizontalItemsContainer
    {
        width: 100% !important;
        height: 100% !important;
        page-break-after:always;
     }
    #LegislativeBillTracking
    {
        width: 100%;
        height: 100%;
        margin: auto;
        margin-top: 0px !important;
        border: none;
        font-size: 8px;
        padding-top: 0px;
        page-break-inside: avoid;
        page-break-after:always;
    }
    #relatedacts 
     {
        background: #ffffff;
        color: #000000;
        width: 100%;
        page-break-before:always;
     }
     .actpageinfo 
     {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
           "map"
           "LegislativeBillTracking"
           "relatedacts";
      }
      .act-map-container 
      {
         position:relative;

         overflow: hidden;
      }
body{zoom:58%;}
}

.btn-default {
    background-color: #012D69;
    border-color: #ccc;
    color: #ffffff;
}

.btn-default .caret {
    border-top-color: #ffffff;
}

.btn-default:hover {
background-color: #011E47;
color: #ffffff;
}

.alert-warning {
    background-color: #012d69;
    border-color: #fbeed5;
    color: #ffffff;
}

.alert-warning:hover {
color:#ffffff;
background-color: #011E47;
}


/* ------------------------------------
	Staff Page
---------------------------------------
	01. Team Styles
---------------------------------------*/
.team-style .top-margin {
  margin-top: 173px;
}
.team-style .display-block {
  display: block !important;
}
.team-style .display-show {
  display: block !important;
  position: unset !important;
}
/* ------------------------------------
	02. Team Grid Styles
---------------------------------------*/
.team-grid-style {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}
.team-grid-style .grid-style-1 img {
  width: 100%;
}
.team-grid-style .grid-style-1 .team-item-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.team-grid-style .grid-style-1 .team-item-wrap a {
  text-decoration: none;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img {
  position: relative;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img img {
  width: 100%;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img .normal-text {
  position: absolute;
  left: 0px;
  bottom: 10px;
  
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img .normal-text .team-name {
  background: #1287c3;
  margin-bottom: 0;
  padding: 5px 10px;
  display: block;
  border: 1px solid #363636;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img .normal-text .team-name  {
  color: #000;
  position: relative;
  margin-bottom: 0px;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  z-index: 111;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img .normal-text .team-name a:hover {
  color: #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-img .normal-text .subtitle {
  background: #404040;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  padding: 5px 12px;
  display: block;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 10%;
  left: 0;
  text-align: center;
  z-index: 11;
  padding: 30px;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: -1;
  transition: .5s;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name {
  margin-bottom: 3px;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a {
  margin-bottom: 6px;
  font-size: 20px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover {
  color: #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-title {
  font-size: 14px;
  display: inline-block;
  margin-bottom: 10px;
  border: none;
  color: #1287c3;
  position: relative;
  z-index: 111;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 111;
  opacity: 0;
  margin-top: 25px;
  transition: .5s;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social a {
  border: 1px solid #363636;
  color: #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon {
  display: inline-block;
  background-color: #1287c3;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 6px;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover {
  background-color: #6a0000;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover i {
  color: #ffffff;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon i {
  font-size: 14px;
  color: #000;
}
.team-grid-style .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell p {
  margin: 0 0 25px;
}
.team-grid-style .grid-style-1 .team-item-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 32px;
  width: 32px;
  background: transparent;
  border-top: 3px solid;
  border-top-color: currentcolor;
  border-left: 3px solid;
  border-left-color: currentcolor;
  transition: all 0.2s;
  z-index: 11;
}
.team-grid-style .grid-style-1 .team-item-wrap:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 32px;
  width: 32px;
  background: transparent;
  border-right: 3px solid;
  border-right-color: currentcolor;
  border-bottom: 3px solid;
  border-bottom-color: currentcolor;
  transition: 0.5s;
}
.team-grid-style .grid-style-1 .team-item-wrap:before,
.team-grid-style .grid-style-1 .team-item-wrap:after {
  border-color: #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover:before {
  width: 0px;
  height: 0px;
  border-bottom: 50px solid transparent;
  border-left: 50px solid transparent;
  border-right: none;
  z-index: 100;
  top: -3px;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover:before {
  border-left: 52px solid #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover:after {
  width: 0px;
  height: 0px;
  border-top: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: none;
  z-index: 100;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover:after {
  border-right: 50px solid #1287c3;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover .team-content {
  opacity: 1;
  top: 0;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover .team-content .display-table .display-table-cell .team-social {
  opacity: 1;
}
.team-grid-style .grid-style-1 .team-item-wrap:hover .team-img .normal-text {
  opacity: 0;
  visibility: hidden;
}


/* ------------------------------------
	04. Team List Styles
---------------------------------------*/

.team-list-style .list-style-5 img {
  width: 100%;
}
.team-list-style .list-style-5 .list-item {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.team-list-style .list-style-5 .list-item:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.team-list-style .list-style-5 .list-item h2 {
  font-size: 15px;
  font-weight: bold;
}
.team-list-style .list-style-5 .list-item:first-child {
  background-color: #fff;
  padding: 10px 0;
}
.team-list-style .list-style-5 .list-item:first-child .list-text {
  padding: 0;
}
.team-list-style .list-style-5 .list-item:hover .list-text{
  background-color: #fdfdfd;
  transform: scale(1.03);
  transition: 0.3s;
}
.team-list-style .list-style-5 .list-item:hover .image img {
  transform: scale(0.75);
}
.team-list-style .list-style-5 .list-item:hover .social-icon a{
  transform: scale(1.15);
  transition: 0.3s;
}
.team-list-style .list-style-5 .list-item .social-icon a:hover{
  transform: scale(1.75);
  transition: 0.3s;
}
.team-list-style .list-style-5 .list-item:hover .list-text .name h1 a i {
  transform: scale(1);
}
.team-list-style .list-style-5 .list-item .image {
  width: 10%;
  float: left;
}
.team-list-style .list-style-5 .list-item .image img {
  transform: scale(0.60);
  transition: 0.5s;
}
.team-list-style .list-style-5 .list-item .list-text {
  width: 90%;
  height: 105px;
  float: left;
  padding: 35px 0 0;
  transition: 0.3s;
}
.team-list-style .list-style-5 .list-item .list-text .name {
  width: 20%;
  float: left;
}
.team-list-style .list-style-5 .list-item .list-text .name h1 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.team-list-style .list-style-5 .list-item .list-text .name h1 a i {
  transform: scale(0.9);
  transition: 0.3s;
  color: #000;
}
.team-list-style .list-style-5 .list-item .list-text .designation {
  width: 25%;
  float: left;
  text-align: center;
  font-style: italic;
}
.team-list-style .list-style-5 .list-item .list-text .email {
  width: 20%;
  float: left;
  text-align: center;
}
.team-list-style .list-style-5 .list-item .list-text .email a {
  color: #22b8f2;
  text-decoration: none;
}
.team-list-style .list-style-5 .list-item .list-text .mobile {
  width: 15%;
  float: left;
  text-align: center;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon {
  width: 20%;
  float: left;
  text-align: center;
  padding: 0px;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a {
  background: #1287c3;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  margin-bottom: 6px;
  margin-right: 4px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 30px;
  border-radius: 50%;
  transition: 0.3s;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a i {
  padding: 7px 0 0;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover i {
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-facebook {
  background: #3b5999;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-twitter {
  background: #3aa9e0;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-google-plus {
  background: #d04333;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-linkedin {
  background: #0080b1;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-envelope {
  background: #6a0000;
}
.team-list-style .list-style-5 .list-item .list-text .social-icon a:hover .fa-phone {
  background: #6a0000;
}
.team-list-style .list-style-6 img {
  width: 100%;
}
.team-list-style .list-style-6 .single-team-member {
  width: 100%;
  margin-bottom: 10px;
}
.team-list-style .list-style-6 .single-team-member .image-section {
  width: 25%;
  float: left;
  position: relative;
  background-color: #000;
  opacity: 0.8;
}
.team-list-style .list-style-6 .single-team-member .image-section .overlay-section {
  background-color: #000;
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.team-list-style .list-style-6 .single-team-member .image-section .overlay-section .detail-link {
  position: absolute;
  top: 45%;
  left: 46%;
}
.team-list-style .list-style-6 .single-team-member .image-section .overlay-section .detail-link i {
  color: #fff;
  font-size: 19px;
  z-index: 9999;
  background-color: #1287c3;
  border-radius: 50%;
  height: 46px;
  width: 46px;
  line-height: 47px;
  display: inline-block;
  text-align: center;
  transition: .3s all ease;
}
.team-list-style .list-style-6 .single-team-member .image-section .overlay-section .detail-link i:hover {
  background-color: #17a6dd;
}
.team-list-style .list-style-6 .single-team-member .image-section img {
  width: 100%;
  transform: scale(0.9);
  transition: 0.5s;
}
.team-list-style .list-style-6 .single-team-member .image-section:hover img {
  transform: scale(1);
}
.team-list-style .list-style-6 .single-team-member .image-section:hover .overlay-section {
  opacity: 0.8;
}
.team-list-style .list-style-6 .single-team-member .text-section {
  width: 75%;
  float: left;
  padding: 15px 25px;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .team-title h1 {
  font-size: 22px;
  font-weight: bold;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .team-title h1 a {
  text-decoration: none;
  transition: 0.5s;
  color: #000;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .team-title h1 a:hover {
  color: #1287c3;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .team-title h2 {
  font-size: 16px;
  color: #1287c3;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons {
  padding: 0;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a {
  background: #22b8f2;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  margin-bottom: 6px;
  margin-right: 4px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 30px;
  border-radius: 50%;
  transition: 0.5s;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a i {
  padding: 7px 0 0;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a:hover i {
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a:hover .fa-facebook {
  background: #3b5999;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a:hover .fa-twitter {
  background: #3aa9e0;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a:hover .fa-google-plus {
  background: #d04333;
}
.team-list-style .list-style-6 .single-team-member .text-section .team-text .social-icons a:hover .fa-linkedin {
  background: #0080b1;
}
/* ------------------------------------
	05. Single Team Styles
---------------------------------------*/
.single-member .single-member-details .single-member-title h2 {
  margin: 0 0 6px;
}
.single-member .single-member-details .single-member-title h3 {
  color: #999;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.single-member .single-member-details .social-icons {
  padding: 10px 0;
  text-align: left;
}
.single-member .single-member-details .social-icons a {
  background: #22b8f2;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  height: 30px;
  margin-bottom: 6px;
  margin-right: 4px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 30px;
  border-radius: 50%;
}
.single-member .single-member-details .social-icons a i {
  padding: 7px 0 0;
}
.single-member .single-member-details .social-icons a:hover i {
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.single-member .single-member-details .social-icons a:hover .fa-facebook {
  background: #3b5999;
}
.single-member .single-member-details .social-icons a:hover .fa-twitter {
  background: #3aa9e0;
}
.single-member .single-member-details .social-icons a:hover .fa-google-plus {
  background: #d04333;
}
.single-member .single-member-details .social-icons a:hover .fa-linkedin {
  background: #0080b1;
}
.single-member .single-member-details .contact-info {
  padding: 0 0 10px;
}
.single-member .single-member-details .contact-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.single-member .single-member-details .contact-info ul li {
  padding: 3px 0;
}
.single-member .single-member-details .contact-info ul li i {
  padding-right: 8px;
  color: #22b8f2;
}
.single-member .single-member-details .contact-info ul li a {
  text-decoration: none;
}
/* ------------------------------------
	06. Responsive CSS
---------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .team-style {
    /* -----Team Member Grid Style Responsive CSS-----------*/
    /* -----Team Member Slider Style Responsive CSS-----------*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-style {
    /* -----Team Member List Style Responsive CSS-----------*/
    /* -----Team Member Grid Style Responsive CSS-----------*/
    /* -----Team Member Slider Style Responsive CSS-----------*/
  }
  .team-style .team-list-style {
    /* -----Team Member List Style 5 Responsive CSS -----------*/
    /* -----Team Member List Style 6 Responsive CSS-----------*/
  }
 .team-style .team-list-style .list-style-5 .list-item .image {
    width: 25%;
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item:first-child {
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text {
    width: 50%;
    height: 100%;
    float: left;
    padding: 50px 0 50px 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name {
    width: 100%;
    float: none;
    text-align: center;
    font-size:16px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name h1 {
    text-align: center;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .designation {
    width: 100%;
    float: none;
    text-align: center;
    font-style: italic;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .email {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
    padding: 5px 0 0 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .mobile {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .social-icon {
    width: 100%;
    float: none;
    text-align: center;
    padding: 15px 0 0 0;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .text-section {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .team-style {
    /* -----Team Member Slider Style Responsive CSS-----------*/
  }
  .team-style .team-slider-style {
    /* -----Team Member Slider Style 13 Responsive CSS-----------*/
  }
}
@media only screen and (max-width: 767px) {
  .team-style {
    /* -----Team Member Grid Style Responsive CSS-----------*/
    /* -----Team Member List Style Responsive CSS-----------*/
  }
  .team-style .team-list-style {
    /* -----Team Member List Style 5 Responsive CSS-----------*/
    /* -----Team Member List Style 6 Responsive CSS-----------*/
  }
 .team-style .team-list-style .list-style-5 .list-item .image {
    width: 25%;
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item:first-child {
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text {
    width: 100%;
    height: 100%;
    float: right;
    padding: 50px 0 50px 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name {
    width: 100%;
    float: none;
    text-align: center;
    font-size:16px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name h1 {
    text-align: center;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .designation {
    width: 100%;
    float: none;
    text-align: center;
    font-style: italic;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .email {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
    padding: 5px 0 0 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .mobile {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .social-icon {
    width: 100%;
    float: none;
    text-align: center;
    padding: 15px 0 0 0;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .image-section {
    width: 75%;
    float: none;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .text-section {
    width: 75%;
    float: none;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .image-section {
    width: 75%;
    float: none;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .text-section {
    width: 75%;
    float: none;
  }
}
@media only screen and (max-width: 640px) {
  .team-style {
    /* -----Team Member Grid Style Responsive CSS-----------*/
    /* -----Team Member List Style 13 Responsive CSS-----------*/
  }
  .team-style .team-list-style {
    /* -----Team Member List Style 5 Responsive CSS-----------*/
    /* -----Team Member List Style 6 Responsive CSS-----------*/
  }
 .team-style .team-list-style .list-style-5 .list-item .image {
    width: 25%;
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item:first-child {
    display: none;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text {
    width: 100%;
    height: 100%;
    float: right;
    padding: 50px 0 50px 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name {
    width: 100%;
    float: none;
    text-align: center;
    font-size:16px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .name h1 {
    text-align: center;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .designation {
    width: 100%;
    float: none;
    text-align: center;
    font-style: italic;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .email {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
    padding: 5px 0 0 0;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .mobile {
    width: 100%;
    float: none;
    text-align: center;
    font-size:12px;
  }
  .team-style .team-list-style .list-style-5 .list-item .list-text .social-icon {
    width: 100%;
    float: none;
    text-align: center;
    padding: 15px 0 0 0;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .image-section {
    width: 100%;
  }
  .team-style .team-list-style .list-style-6 .single-team-member .text-section {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .team-style {
    /* -----Team Member Slider Style Responsive CSS-----------*/
  }
  .team-style .team-slider-style .owl-carousel .owl-item {
    padding: 5px;
  }
}
@media only screen and (max-width: 350px) {

}

/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
    left: 0;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 680px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 2%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */