/* Background Images and Footer */
/* Color Picker */
/* VERSION 34 */
/********************* 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: #8D0E5E;

/*
  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: #8D0E5E;  
}  

fieldset legend {


  background-color: #8D0E5E;


  border-color: #8D0E5E;


  color: #FFFFFF;

}    

.SearchResults .SortBy {
  color: #FFFFFF;  
}      
/*********************** 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: #8D0E5E;  
}    

/************************ 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: #8D0E5E;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #8D0E5E;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #8D0E5E;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #8D0E5E;


  color: #FFFFFF;

}    

th a, th a:hover  {
  color: #FFFFFF;  
}  

/*
.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: #8D0E5E;


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #8D0E5E;


  color: #FFFFFF;

}    
/*
#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: #8D0E5E;


  color: #FFFFFF;

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

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

/*
  background-color: ;
*/
/*
  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: #8D0E5E;
}

/*
.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: #8D0E5E;
  --hl-bs--selected: #8D0E5E26;
  

  
  --hl-bs--primary-rgb: 141,14,94;
  --hl-bs--selected-rgb: 141,14,94, 50;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  /*
  --hl-bs--link: ;
  */

  [LinkColorRGB-StartComment]
  --hl-bs--link-rgb: [LinkColorRGB];
  [LinkColorRGB-EndComment]

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

  [LinkHoverColorRGB-StartComment]
  --hl-bs--link-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: [LinkHoverColorRGB];
  --hl-bs--btn-icon-ctrl-border-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]

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

  [SecondaryColorRGB-StartComment]
  --hl-bs--secondary-rgb: [SecondaryColorRGB];
  --hl-bs--secondary-selected-rgb: [SecondaryColorRGB], 50;
  [SecondaryColorRGB-EndComment]

  /*
  --hl-bs--secondary-opposite: ;
  */

  [TextOnSecondaryRGB-StartComment]
  --hl-bs--secondary-opposite-rgb: [TextOnSecondaryRGB];
  [TextOnSecondaryRGB-EndComment]
}

/* 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;
  */

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-primary-text-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-text-hover-rgb: [PrimaryButtonTextColorRGB];
  --hl-bs--btn-primary-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg: ;
  */

  [PrimaryButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-rgb: [PrimaryButtonBackgroundColorRGB];
  [PrimaryButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */

  [PrimaryButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-primary-bg-hover-rgb: [PrimaryButtonHoverBackgroundColorRGB];
  [PrimaryButtonHoverBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */

  [PrimaryButtonBorderColorRGB-StartComment]
  --hl-bs--btn-primary-border-rgb: [PrimaryButtonBorderColorRGB];
  --hl-bs--btn-primary-border-hover-rgb: [PrimaryButtonBorderColorRGB];
  [PrimaryButtonBorderColorRGB-EndComment]
}

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

  [SuccessButtonTextColorRGB-StartComment]
  --hl-bs--btn-success-text-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-text-hover-rgb: [SuccessButtonTextColorRGB];
  --hl-bs--btn-success-outline-rgb: [SuccessButtonTextColorRGB], 127;
  [SuccessButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg: ;
  */

  [SuccessButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-rgb: [SuccessButtonBackgroundColorRGB];
  [SuccessButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  [SuccessButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-success-bg-hover-rgb: [SuccessButtonHoverBackgroundColorRGB];
  [SuccessButtonHoverBackgroundColorRGB-EndComment]

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

  [SuccessButtonBorderColorRGB-StartComment]
  --hl-bs--btn-success-border-rgb: [SuccessButtonBorderColorRGB];
  --hl-bs--btn-success-border-hover-rgb: [SuccessButtonBorderColorRGB];
  [SuccessButtonBorderColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */

  [DangerButtonTextColorRGB-StartComment]
  --hl-bs--btn-danger-text-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-text-hover-rgb: [DangerButtonTextColorRGB];
  --hl-bs--btn-danger-outline-rgb: [DangerButtonTextColorRGB], 127;
  [DangerButtonTextColorRGb-EndComment]
  
  /*
  --hl-bs--btn-danger-bg: ;
  */

  [DangerButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-rgb: [DangerButtonBackgroundColorRGB];
  [DangerButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  [DangerButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-danger-bg-hover-rgb: [DangerButtonHoverBackgroundColorRGB];
  [DangerButtonHoverBackgroundColorRGB-EndComment]

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

  [DangerButtonBorderColorRGB-StartComment]
  --hl-bs--btn-danger-border-rgb: [DangerButtonBorderColorRGB];
  --hl-bs--btn-danger-border-hover-rgb: [DangerButtonBorderColorRGB];
  [DangerButtonBorderColorRGB-EndComment]

}

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

  [DefaultButtonTextColorRGB-StartComment]
  --hl-bs--btn-secondary-text-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-text-hover-rgb: [DefaultButtonTextColorRGB];
  --hl-bs--btn-secondary-outline-rgb: [DefaultButtonTextColorRGB], 127;
  [DefaultButtonTextColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */

  [DefaultButtonBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-rgb: [DefaultButtonBackgroundColorRGB];
  [DefaultButtonBackgroundColorRGB-EndComment]
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  [DefaultButtonHoverBackgroundColorRGB-StartComment]
  --hl-bs--btn-secondary-bg-hover-rgb: [DefaultButtonHoverBackgroundColorRGB];
  [DefaultButtonHoverBackgroundColorRGB-EndComment]

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

  [DefaultButtonBorderColorRGB-StartComment]
  --hl-bs--btn-secondary-border-rgb: [DefaultButtonBorderColorRGB];
  --hl-bs--btn-secondary-border-hover-rgb: [DefaultButtonBorderColorRGB];
  [DefaultButtonBorderColorRGB-EndComment]
}

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

  [LinkColorRGB-StartComment]
  --hl-bs--btn-link-text-rgb: [LinkColorRGB];
  --hl-bs--btn-link-outline-rgb: [LinkColorRGB], 127;
  [LinkColorRGB-EndComment]

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

  [LinkHoverColorRGB-StartComment]
  --hl-bs--btn-link-hover-rgb: [LinkHoverColorRGB];
  [LinkHoverColorRGB-EndComment]
}

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

  [PrimaryButtonTextColorRGB-StartComment]
  --hl-bs--btn-ghost-outline-rgb: [PrimaryButtonTextColorRGB], 127;
  [PrimaryButtonTextColorRGB-EndComment]
}

:root:root {
  /*
  --hl-bs--footer-color: ;
  */

  [FooterTextColorRGB-StartComment]
  --hl-bs--footer-color-rgb: [FooterTextColorRGB];
  [FooterTextColorRGB-EndComment]

  /*
  --hl-bs--footer-color-opposite: ;
  */

  [FooterBackgroundColorRGB-StartComment]
  --hl-bs--footer-color-opposite-rgb: [FooterBackgroundColorRGB];
  [FooterBackgroundColorRGB-EndComment]
}/************************ 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: #8D0E5E;
        
    /* 
    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: #8D0E5E;
    border-color: #8D0E5E;
     
     
    color: #FFFFFF !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)), #8D0E5E;
    border-color: #8D0E5E;
     
     
    color: #FFFFFF;
    
}

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

     
    color: #FFFFFF !important;
     
     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
    
}

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)), #8D0E5E;
    border-color: #8D0E5E;
    
}

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

     
    box-shadow: 0 0 0 3px #8D0E5E7F;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
    
}

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)), #8D0E5E;
    border-color: #8D0E5E;
    
}

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

     
    box-shadow: 0 0 0 3px #8D0E5E7F;
    
}

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

     
    color: #8D0E5E;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #8D0E5E;
    border: #8D0E5E;
    
}

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)), #8D0E5E;
    
}



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: #FFFFFF;
     
     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
    
}


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 #8D0E5E7F;
    
}


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

     
    color: #8D0E5E;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
    
}

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)), #8D0E5E;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #8D0E5E; 
    
}


/********* 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: #8D0E5E;
    border-color: #8D0E5E;
    
}


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

     
    background-color: #8D0E5E !important;
    
}


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

     
    color: #8D0E5E !important;
    
}


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

     
    color: #FFFFFF !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: #8D0E5E !important;
    
}

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

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

     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
     
     
    color: #FFFFFF;
    
}

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: #8D0E5E;
    border-color: #8D0E5E;
     
     
    color: #FFFFFF;
    
}

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

     
    background-color: #8D0E5E !important;
    
}

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

     
    color: #8D0E5E !important;
    
}

body.ribbit :not(.no-theme) .success-button-text-color {
     
    color: #FFFFFF !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: #8D0E5E !important;
    
}

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


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

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

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: #8D0E5E;
     
}

/*************** 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: #8D0E5E;
    
     
    border-bottom-color: #8D0E5E;
     
}

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: #8D0E5E;
    
    /* 
    color: ;
    */
}

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

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: #FFFFFF;
         
     
    background-color: #8D0E5E;
    border-color: #8D0E5E;
     
}

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

/*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: #8D0E5E !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: #8D0E5E !important;
}

  


.text-on-primary {
  color: #FFFFFF !important;
}

  


.table-header-text-color {
  color: #FFFFFF !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: #8D0E5E !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: #8D0E5E !important;
}

  


.table-header-background-color {
  background-color: #8D0E5E !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: #8D0E5E !important;
}

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  

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

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


.hover-menu-selected-background-color {
  background-color: #8D0E5E !important;
}

  


.hover-menu-selected-text-color {
  color: #FFFFFF !important;
}

  

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

/*
.primary-button-background-color {
  background-color:  !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:  !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 */
:root {
    --gareui-plum: #8D0E5E;
    --gareui-plum-dark: #630A42;
    --gareui-pine : #08492A;
    --gareui-lime: #94B526;
    --gareui-lime-midtone: #C6E16B;
    --gareui-sky: #36ABC3;
    --gareui-sky-midtone: #95D8E3;
    --gareui-ice: #C3E6ED;
    --gareui-light-mint: #f1fbf7;
    --gareui-mint: #CFE9DD;
    --gareui-banana: #ffefb7;
    --gareui-gold: #FFCA0F;
    --gareui-cream: #F2eddd;
    --heading-text: #272727;
}

/****** reset for widgets with no content ******/

.HLLandingControl .Content > li {
    list-style-type: none;
}

/************ basics ************/

.img-container,
.bg-image {
    background-size: cover;
    background-position: center;
}
.img-top .img-container,
.img-top.bg-image {
    background-position: top center;
}
p:has(img) {
    margin-bottom: 0;
}
body.ribbit .HtmlFooter {
    display: none;
}
.feature-preview-row {
    display: none;
}
p:empty {
    display: none;
}

/****** fonts ******/

body.ribbit,
body.ribbit h5,
body.ribbit h6 {
     font-family: "Work Sans", sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 1.5;
     color: #000;
}
.text-muted {
    color: #000;
}
body.ribbit h1,
body.ribbit h2,
body.ribbit h3,
body.ribbit .HLLandingControl h3 a,
.jurisdiction-name {
    font-family: "Merriweather", serif;
    font-weight: 900;
    line-height: 1.2;
    color: #000;
}
body.ribbit h1,
body.ribbit.home .HLLandingControl h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact .row.heading h2 {
    font-size: 40px;
    letter-spacing: -0.5px;
}
body.ribbit h2,
.jurisdiction-name {
    font-size: 32px;
    letter-spacing: -0.4px; 
    margin-bottom: 20px;
    margin-top: 0;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].small-h2 .HLLandingControl .row.heading h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact.small-h2 .row.heading h2,
body.ribbit .small-h2 h2,
body.ribbit .col-md-3 h2,
body.ribbit .border-h2 h2,
body.ribbit.groupdetails h2 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 16px;
    margin-top: 0;
}
body.ribbit .plum-h2 h2 {
    color: var(--gareui-plum);
}
body.ribbit .border-h2 h2 {
    position: relative;
    padding-bottom: 12px;
}
body.ribbit .border-h2 h2::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85px;
    border-top: 2px solid var(--gareui-plum);
}
body.ribbit h3,
body.ribbit .HLLandingControl h3 a {
    font-size: 18px;
    line-height: 1.56; 
}
body.ribbit .alt-h3 h3,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].alt-h3 .HLLandingControl>.Content h3 a,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].alt-h3 .SearchResults>div>.Content h3 a,
body.ribbit .alt-h3 .HLLandingControl h3 a {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #000;
}
body.ribbit .tile.alt-h3 h3 {
    font-family: 'Work Sans', sans-serif;
    margin-top: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.1px;
    margin-bottom: 16px;
}
body.ribbit h4 {
    font-family: "Merriweather", serif;
    font-size: 18px;
    color: #000;
    font-weight: 900;
    line-height: 28px;
}
body.ribbit h5 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1px;
}
body.ribbit h6 {
    color: var(--gareui-plum);
    font-size: 22px;
}
body.ribbit .overline .HtmlContent > p:first-child,
body.ribbit .testimonial .HtmlContent > p:last-child {
    font-family: 'Tilt Warp', sans-serif;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0;
}
body.ribbit .overline .HtmlContent > p:first-child + h2 {
    margin-top: 0;
}
body.ribbit .testimonial .HtmlContent > p:last-child {
    font-size: 16px;
    line-height: normal;
}
body.ribbit .p-large {
    font-size: 18px;
    line-height: 28px;
}
body.ribbit .p-large p {
    margin-bottom: 16px;
}
body.ribbit .p-small {
    font-size: 14px;
    line-height: 20px;
}
body.ribbit .p-xl {
    font-size: 20px;
    line-height: 1.4;
}
body.ribbit .p-xl p {
    margin-bottom: 24px;
}
body.ribbit .ContentItemHtml .HtmlContent p:last-child {
    margin-bottom: 0;
}
body.ribbit strong {
    font-weight: 700;
}

/****** basic links in paragraphs ******/

p a {
    color: var(--gareui-plum);
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: 0.1px;
}
a {
    color: var(--gareui-plum);
}
a:is(:hover, :focus),
p a:is(:hover, :focus) {
    text-decoration: none;
    color: #000;
}

/****** buttons in headings ******/

h2 button,
h2 input,
h3 button,
h3 input,
h2 .btn,
h3 .btn {
    font-family: 'Work Sans', sans-serif;
}

/****** transitions ******/

a,
a:is(:hover, :focus),
button,
button:is(:hover, :focus),
input,
input:is(:hover, :focus) {
    transition: .3s;
}

/****** buttons ******/

.make-buttons em {
    display: inline-block;
    margin: -4px;
}
.make-buttons em a {
    margin: 4px;
}
.make-buttons em a,
body.ribbit .btn-primary,
body.ribbit .btn-success,
.events-feed ul li .event-btn,
.groupdetails .HLAnnouncements ul li .HLContainer a,
.profile-button a {
    display: inline-block;
    font-style: normal;
    text-decoration: none;
    border-radius: 25px;
    border: 1px solid;
    color: #fff;
    background-color: var(--gareui-plum);
    border-color: var(--gareui-plum);
}
.make-buttons.block-buttons em,
.make-buttons.block-buttons em a,
.tile.make-buttons em,
.tile.make-buttons em a {
    display: block;
    text-align: center;
}
body.ribbit.memberhome #MPOuterMost #MPOuter #MainCopy_ContentWrapper .member-dashboard .make-buttons.block-buttons + .make-buttons.block-buttons {
    margin-top: 8px;
}
.memberhome .make-buttons.block-buttons em,
.memberhome .make-buttons.block-buttons em a {
    margin: 0;
}
.make-buttons em a,
body.ribbit .btn-primary,
body.ribbit .btn-success,
body.ribbit .btn-default,
.events-feed ul li .event-btn,
body.ribbit .panel-form .btn,
.groupdetails .HLAnnouncements ul li .HLContainer a,
body.ribbit .contributed-content-list .btn.btn-success,
body.ribbit .message-list-controls .btn.btn-success,
body.ribbit .member-directory .member-row > div.actions .btn,
.profile-button a {
    padding: 11px 19px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.1px;
}
body.ribbit .btn,
body.ribbit .btn.btn-sm,
.make-buttons.small-buttons em a,
.events-feed ul li .event-btn,
.profile-button a {
    font-size: 16px;
    line-height: 1.5;
    padding: 5px 9px;
    border-radius: 25px;
}
body.ribbit .HLLandingControl h2 .btn.btn-sm {
    padding: 4px 9px;
    line-height: 22px;
}
body.ribbit .btn.btn-xs {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
}
.make-buttons em a:is(:hover, :focus),
body.ribbit .btn-primary:is(:hover, :focus),
body.ribbit .btn-success:is(:hover, :focus),
.profile-button a:is(:hover, :focus) {
    background-color: var(--gareui-plum-dark);
    border-color: var(--gareui-plum-dark);
}

.make-buttons.outline-buttons em a,
.events-feed ul li .event-btn,
.groupdetails .HLAnnouncements ul li .HLContainer a,
body.ribbit #MPOuterMost .member-directory .member-row > div.actions .btn,
body.ribbit .btn.btn-default {
    border-color: var(--gareui-plum);
    color: var(--gareui-plum);
    background: transparent;
}
.make-buttons.outline-buttons em a:is(:hover, :focus),
.events-feed ul li .event-btn:is(:hover, :focus),
.groupdetails .HLAnnouncements ul li .HLContainer a:is(:hover, :focus),
.make-buttons.yellow-buttons em a:is(:hover, :focus),
#MPOuterMost .CommunityManagementGear > .btn-default:is(:hover, :focus),
#MPOuterMost .JoinLeaveLink > .btn-primary:is(:hover, :focus),
#MPOuterMost .CommunityManagementGear > .btn-default.active,
#MPOuterMost .CommunityManagementGear > .btn-default:active,
#MPOuterMost .CommunityManagementGear > .open>.dropdown-toggle.btn-default,
body.ribbit #MPOuterMost .member-directory .member-row > div.actions .btn:is(:hover, :focus),
body.ribbit .btn.btn-default:is(:hover, :focus) {
    border-color: var(--gareui-plum-dark);
    background-color: var(--gareui-plum-dark);
    color: #fff;
}
body.ribbit .btn-default.btn-community-stats-static {
    border-color: var(--gareui-plum) !important;
}
body.ribbit .btn-default.btn-community-stats-static:is(:hover, :focus) {
    border-color: var(--gareui-plum-dark) !important;
}
body.ribbit .btn-default.btn-community-stats-static:is(:hover, :focus) .badge {
    color: var(--gareui-plum-dark);
    background-color: #fff;
}
.make-buttons.yellow-buttons em a,
#MPOuterMost .CommunityManagementGear > .btn-default,
#MPOuterMost .JoinLeaveLink > .btn-primary {
    background-color: var(--gareui-gold);
    border-color: var(--gareui-gold);
    color: #000;
    border-radius: 25px;
}
#MPOuterMost .JoinLeaveLink > .btn-primary:not(:is(:hover, :focus)) {
    color: #000 !important;
}

/*** profile buttons ***/

.profile-button {
    padding-top: 8px;
    padding-bottom: 8px;
}
.profile-button a {
    display: block;
    text-align: center;
}

/*** like/rating buttons ***/

body.ribbit div[id*="likeRatingContainer"] > a.btn:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body.ribbit div[id*="likeRatingContainer"] > a.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

/*** dropdown buttons ***/

body.ribbit .btn-default.dropdown-toggle,
.message-list-controls .form-control {
    border: 1px solid var(--gareui-pine);
    border-radius: 0;
    background-color: #fff;
    color: var(--gareui-pine);
    font-weight: 500;
    padding: 10px 24px;
}
.message-list-controls .form-control {
    font-size: 16px;
    line-height: 1.5;
    height: auto;
}
.form-control:has(.dropdown-toggle) {
    height: auto;
}
body.ribbit .form-control.btn-group:has(.btn-default.dropdown-toggle) {
    padding: 0;
    background: transparent;
    border: none;
}
body.ribbit .form-control.btn-group > .btn-default.dropdown-toggle,
body.ribbit .form-control.btn-group > .btn-default.dropdown-toggle:is(:hover, :focus) {
    color: var(--gareui-pine);
    background: transparent;
    border-color: var(--gareui-pine);
}
body.ribbit .bg-mint .form-control.btn-group > .btn-default.dropdown-toggle,
body.ribbit .bg-mint .form-control.btn-group > .btn-default.dropdown-toggle:is(:hover, :focus),
body.ribbit .panel .form-control.btn-group > .btn-default.dropdown-toggle,
body.ribbit .panel .form-control.btn-group > .btn-default.dropdown-toggle:is(:hover, :focus) {
    background: #fff;
}
body.ribbit .btn-group.dropdown-multi-option .btn-default,
.mail-option .btn-group .btn.btn-default.dropdown-toggle {
    border-color: var(--gareui-plum);
    color: var(--gareui-plum);
    background: transparent;
    border-radius: 25px;
    padding: 5px 9px;
}
body.ribbit .btn-group.dropdown-multi-option .btn-default:first-child():not(:nth-last-child(2)) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body.ribbit .btn-group.dropdown-multi-option .btn-default:nth-last-child(2):not(:first-child),
.mail-option .btn-group .btn.btn-default.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
body.ribbit .btn-group.dropdown-multi-option .btn-default:is(:hover, :focus) {
    color: #fff;
    border-color: var(--gareui-plum);
    background-color: var(--gareui-plum);
}

/*** bootstrap switch buttons ***/

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: var(--gareui-plum);
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    font-size: 12px;
    line-height: 1.5;
}

/*** text links ***/

.text-link,
.events-feed div[id*="MoreLink"],
.HLLandingControl div[id*="BottomLink"] {
    text-align: center;
}
.text-link a,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].events-feed .SearchResults div[id$=_pnlMoreLink] a,
.HLLandingControl a[id*="MoreLink"],
.HLLandingControl div[id*="BottomLink"] a {
    font-weight: 700;
    letter-spacing: 0.1px;
    text-decoration: underline;
    color: var(--gareui-plum);
    font-size: 16px;
    line-height: 1.5;
}
.HLLandingControl a[id*="MoreLink"],
.HLLandingControl div[id*="BottomLink"] a {
    background: transparent;
    border: none;
    padding: 0;
}
.HLLandingControl a[id*="More"]:active,
.HLLandingControl div[id*="BottomLink"] a:active {
    box-shadow: none;
    background: transparent;
}
.text-link a:is(:hover, :focus),
.events-feed div[id*="MoreLink"] a:is(:hover, :focus),
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].events-feed .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus),
.HLLandingControl a[id*="MoreLink"]:is(:hover, :focus),
.HLLandingControl div[id*="BottomLink"] a:is(:hover, :focus) {
    text-decoration: none;
}
body.ribbit .btn-group>.btn:last-child:not(:first-child),
body.ribbit .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*** nav pills ***/

body.ribbit .nav-pills>li>a {
    color: var(--gareui-pine);
}
body.ribbit .nav-pills>li>a:is(:hover, :focus) {
    color: var(--gareui-pine);
    background-color: var(--gareui-mint);
}
body.ribbit .nav-pills>li.active>a,
body.ribbit .nav-pills>li.active>a:focus,
body.ribbit .nav-pills>li.active>a:hover {
    background-color: var(--gareui-pine);
    color: #fff;
}
body.ribbit .list-group-item.active>.badge,
body.ribbit .nav-pills>.active>a>.badge {
    color: var(--gareui-pine);
}
.nav-pills>li>a>.badge {
    margin-top: 3px;
}

/*** arrow links ***/

.make-arrow-link a {
    font-style: normal;
    text-decoration: none;
    color: #000;
    letter-spacing: 0.1px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}
.bold-arrow-link a {
    font-weight: 700;
}
.make-arrow-link a::after,
.yellow-menu ul li a::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f054';
    margin-left: 6px;
    line-height: 24px;
    font-size: 10px;
}
.make-arrow-link a:is(:hover, :focus) {
    color: var(--gareui-plum);
}
.yellow-menu ul li a::after {
    opacity: 0;
}
.yellow-menu ul li a:is(:hover, :focus)::after {
    opacity: 1;
}
.tile.make-arrow-link a,
.plum-arrow-link a {
    color: var(--gareui-plum);
    font-weight: 600;
}
.tile.make-arrow-link a:is(:hover, :focus),
.plum-arrow-link a:is(:hover, :focus) {
    text-decoration: underline;
}

/*** button + link in same content item ***/

.make-buttons.make-arrow-link p em ~ a {
    display: inline-block;
    margin-left: 24px;
}

/*** social icon links ***/

.social-icons p > a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin-left: 20px;
}
.social-icons p > a:is(:hover, :focus) {
    color: var(--gareui-plum);
}

/****** panels and forms ******/

.panel,
.post-message-contributed-content .panel.panel-form {
    margin-bottom: 0;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    background-color: var(--gareui-light-mint);
}
.panel-form,
.post-message-contributed-content .panel.panel-form {
    color: #000;
    background-color: var(--gareui-light-mint);
    padding: 48px 112px;
}
body.ribbit .panel-default>.panel-heading {
    color: #000;
    border: none;
    background: transparent;
}
.login-panel {
    max-width: 100%;
    margin: 0;
}
.panel-heading,
.panel-body {
    padding: 16px;
}
@media (min-width: 992px) {
    .col-md-9 .panel-form,
    .col-md-9 .post-message-contributed-content .panel.panel-form,
    .col-md-8 .panel-form,
    .col-md-8 .post-message-contributed-content .panel.panel-form,
    .col-md-8 .login-panel .panel,
    .col-md-6 .panel-form,
    .col-md-6 .post-message-contributed-content .panel.panel-form,
    .col-md-6 .login-panel .panel {
        padding: 48px;
    }
}
body.ribbit div div.alert.alert-warning {
    background-color: var(--gareui-light-mint);
    border: none;
    color: #000;
    border: 1px solid var(--gareui-mint);
    margin-left: 0;
}
.bg-mint .panel,
.bg-mint .panel .panel-body {
    background: transparent;
    padding: 0;
}
.panel .form-group {
    margin: 0;
}
.panel .form-group .col-md-2,
.panel .form-group .col-md-10,
.panel .form-group .col-md-5,
.panel .form-group .col-md-7 {
    padding: 0;
    width: 100%;
    float: none;
}
.panel .form-group .col-md-2.control-label,
.panel .form-group .col-md-5 label,
.panel .form-group .control-label,
.panel .form-group > label,
body.ribbit .directory-h2 h2 {
    text-align: left;
    font-family: 'Merriweather', sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: normal;
    font-weight: 900;
    margin-bottom: 24px;
}
.panel .form-group .col-md-10,
.panel .form-group .col-md-7,
.post-message-contributed-content .row:has(.form-group),
.panel div[id*="EmailForm"] .form-group {
    margin-bottom: 48px;
}
.post-message-contributed-content .row:has(.form-group):last-child {
    margin-bottom: 0;
}
.post-message-contributed-content .row:has(.form-group),
.post-message-contributed-content .row:has(textarea) {
    margin-left: 0;
    margin-right: 0;
}
.post-message-contributed-content .row:has(.form-group) div[class*="col-md-"] {
    padding-left: 0;
    padding-right: 0;
}
.post-message-contributed-content .row:has(.form-group) div[class*="col-md-"]:has( > .bootstrap-switch) {
    padding-left: 15px;
    padding-right: 15px;
}
.panel .form-group .form-control:not(textarea),
.bg-mint .form-control:not(textarea) {
    border: 1px solid var(--gareui-mint);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    height: 48px;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1px;
    color: #000;
}
.login-panel .panel .col-md-12 {
    padding: 0;
}
.login-panel .panel .col-md-12 > .form-control:has(input) {
    margin-top: 24px;
    margin-bottom: 24px;
}
.panel .form-group select.form-control,
.bg-mint select.form-control {
    border-bottom: 1px solid #000;
    padding: 12px 16px;
}
.panel .form-group .form-control::placeholder,
.bg-mint .form-control::placeholder {
    font-style: normal;
    color: rgba(0,0,0,0.6);
}
.panel .form-group select.form-control::placeholder,
.bg-mint select.form-control::placeholder {
    color: #000;
}
.panel .has-error .form-control {
    border-color: var(--gareui-plum);
}
.form-group.required .control-label:after,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--gareui-plum);
}

/* button alignment */

.post-message-contributed-content .form-group span.col-md-12[id*="UpdatePanel"] {
    margin: -4px;
}
.post-message-contributed-content .form-group span.col-md-12[id*="UpdatePanel"] a {
    margin: 4px;
}

/* hiding Group Type on Practitioner Directory */

body.ribbit.directory .form-group:has(> label[id*="GroupType"]) {
    display: none;
}

/****** accordions ******/

.accordion-wrap {
    margin-bottom: 16px;
}
.accordion-heading p {
    margin-bottom: 0;
}
.accordion-heading button {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1px;
    font-weight: 500;
    color: #000;
    background: var(--gareui-ice);
    padding: 24px 64px 24px 24px;
    margin: 0;
    border: none;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 50px;
    position: relative;
}
.accordion-heading button:hover,
.accordion-heading button:focus {
    background: var(--gareui-sky);
}
.accordion-heading button::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: '\f078';
    position: absolute;
    right: 24px;
    top: calc(50% - 7px);
    font-size: 14px;
    line-height: 1;
}
.open .accordion-heading button::before {
    content: '\f077';
}
.accordion-text {
    display: none;
    padding: 16px 24px;
    border-bottom: 1px solid #EFEFEF;
}
.accordion-text p:last-child {
    margin-bottom: 0;
}
.accordion-wrap .ContentItemHtml, .accordion-wrap .ContentItemHtml:hover {
    transition: none !important;
}

/****** tiles ******/

.tile {
    padding: 24px 24px 16px 24px ;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff; 
}
body.ribbit .tile h2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 24px;
}
body.ribbit .tile h3 {
    margin-top: 0;
    margin-bottom: 24px;
}
body.ribbit .tile.make-buttons p:not(:last-child),
body.ribbit .tile:not(.make-buttons) p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1px;
}
body.ribbit .tile *:last-child {
    margin-bottom: 0;
}

/*** with image ***/

.tile.has-img {
    padding: 0;
    border-radius: 20px;
}
.tile.has-img p:has(img) {
    display: none;
}
.tile.has-img .img-container {
    height: 235px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.tile.has-img .HtmlContent {
    padding: 24px;
    min-height: 135px;
}

/*** clickable ***/

.tile.clickable a {
    text-decoration: none;
}
.tile.clickable .HtmlContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tile.clickable .HtmlContent h2 {
    padding-right: 16px;
    width: calc(100% - 40px);
}
.tile.clickable .HtmlContent::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f054';
    font-weight: 300;
    font-size: 16px;
    color: #000;
    width: 40px;
    height: 40px;
    background-color: var(--gareui-ice);
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    display: block;
    transition: .3s;
}
.tile.clickable a:is(:hover, :focus) .HtmlContent::after {
    background-color: var(--gareui-sky);
    transition: .3s;
}

/*** with yellow background ***/

.yellow-tile {
    background-color: var(--gareui-gold);
    box-shadow: none;
    padding: 24px;
    border-radius: 20px;
}
body.ribbit .yellow-tile h2 {
    margin-top: 0;
    margin-bottom: 16px;
}
body.ribbit .yellow-tile.make-buttons p:not(:last-child),
body.ribbit .yellow-tile:not(.make-buttons) p {
    margin-bottom: 16px;
    letter-spacing: 0.1px;
}
body.ribbit .yellow-tile p:last-child {
    margin-bottom: 0;
}

/****** non-standard rows ******/

@media (min-width: 992px) {
    .row-4-6 > .col-md-4 {
        width: 40%;
    }
    .row-4-6 > .col-md-8 {
        width: 60%;
    }
    #MPOuterMost #MPOuter #MainCopy_ContentWrapper .row-extra-pad > div:first-child {
        padding-right: 48px;
    }
    .flex-row,
    #MPOuterMost .flex-row {
        display: flex;
        align-items: center;
    }
}
#MPOuterMost #MPOuter .row.no-top-padding {
    padding-top: 0;
}
#MPOuterMost #MPOuter .row.no-bottom-padding {
    padding-bottom: 0;
}
.col-md-12 {
    float: none;
}
body.ribbit .row-wide,
body.ribbit .row-wide > div[class*="col-"] > .row-wide,
body.ribbit .row-wide > div[class*="col-"] > .row-full {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

/****** page padding ******/

body.ribbit.interior #MainCopy_ContentWrapper {
    padding-top: 0;
    padding-bottom: 0;
}
body.ribbit.interior #MainCopy_ContentWrapper>.row-wide>div[class*=col-md-]:first-child {
    padding-left: 8px;
}
body.ribbit.interior #MainCopy_ContentWrapper>.row-wide>div[class*=col-md-]:last-child {
    padding-right: 8px;
}

/****** margins between content items ******/

.margin-top-16 {
    margin-top: 16px;
}
.margin-bottom-32 {
    margin-bottom: 32px;
}
.margin-bottom-64 {
    margin-bottom: 64px;
}
.margin-top-64 {
    margin-top: 64px;
}

/****** backgrounds ******/

.bg-mint {
    background-color: var(--gareui-light-mint);
}
body.ribbit .bg-mint.row-wide,
body.ribbit .row-wide > div[class*="col-"] > .row-wide.bg-mint,
body.ribbit .row-wide > div[class*="col-"] > .row-full.bg-mint {
    padding: 50px;
    max-width: 1308px;
    width: calc(100% - 32px);
}
body.ribbit #MPOuterMost #MPOuter .bg-mint.row-wide > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
.bg-sky-blue {
    position: relative;
    background-color: var(--gareui-sky-midtone);
}
body.ribbit .bg-green-gradient,
body.ribbit .bg-green-gradient-lines {
    background: linear-gradient(to bottom, #EFF4DF 9.25%, #FFF 100%);
    position: relative;
    margin-top: 135px;
}
.bg-blue-swoosh {
    position: relative;
    background: linear-gradient(94deg, rgba(95,230,237,0.3) 0%, rgba(242,237,221,0.3) 51.41%, rgba(223,233,190,0.3) 108.47%);
}
body.ribbit .bg-blue-gradient,
body.ribbit .bg-blue-gradient-lines {
    background: linear-gradient(to bottom, #E1F3F6 0%, #FFF 100%);
    position: relative;
    margin-top: 135px;
}
.bg-sky-blue::before,
.bg-sky-blue::after,
.bg-green-gradient::before,
.bg-blue-gradient::before,
.bg-blue-gradient-lines::before,
.bg-green-gradient-lines::before {
    content: '';
    background-size: 100% 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}
.bg-sky-blue::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/bg-blue-before.svg');
    height: 83px;
    top: -82px;
}
.bg-sky-blue::after {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/bg-blue-after.svg');
    height: 58px;
    bottom: -57px;
    z-index: 10;
}
.bg-green-gradient::before,
.bg-blue-gradient::before,
.bg-blue-gradient-lines::before,
.bg-green-gradient-lines::before {
    height: 135px;
    top: -135px;
}
.bg-green-gradient::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/green-wave-opaque.svg');
}
.bg-blue-gradient::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/blue-wave-opaque.svg');
}
.bg-blue-gradient.hill-right::before,
.bg-blue-gradient-lines::before,
.bg-green-gradient.hill-right::before,
.bg-green-gradient-lines::before {
    transform: scaleX(-1);
}
.bg-blue-gradient-lines.hill-right::before,
.bg-green-gradient-lines.hill-right::before {
    transform: none;
}
.bg-green-gradient-lines::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/green_wave_form_right_-_with_lines_left.svg');
}
.bg-blue-gradient-lines::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/blue_wave_form_right_-_with_lines.svg');
}
.bg-blue-swoosh::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: auto;
    background-position: top left;
    background-repeat: no-repeat;
    display: block;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/page_title_backgrounds/rsz_1profile-header-cropped.png');
}

/*** image backgrounds ***/

.bg-yellow-gradient,
.bg-yellow-plum,
.bg-blue-gradient-plum,
.bg-plum-blue,
.bg-yellow-lines {
    background-size: cover;
    background-position: center;
}
.bg-yellow-gradient {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/yellow-bg.png');
}
.bg-yellow-plum {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/yellow-plum-bg.png');
}
.bg-blue-gradient-plum {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/bg-blue-gradient-plum.png');
}
.bg-plum-blue {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/bg-plum-blue.png');
}
.bg-yellow-lines {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/bg-yellow-lines.png');
}

/************ header ************/

/****** top text links ******/

.top-text-links {
    padding-top: 5px;
    position: relative;
    display: flex;
}
.top-text-links::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gareui-lime-midtone);
    height: 20px;
}
.top-text-links .HtmlContent {
    background-color: var(--gareui-lime-midtone);
    border-radius: 15px;
    position: relative;
    margin-left: auto;
}
.top-text-links .HtmlContent > ul {
    display: inline-flex;
    list-style-type: none;
    padding: 5px 40px 0 40px;
    margin: 0;
}
.top-text-links .HtmlContent > ul li {
    padding: 5px 10px;
}
.top-text-links .HtmlContent > ul li,
.top-text-links .HtmlContent > ul li a {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}
.top-text-links .HtmlContent > ul li a:is(:hover, :focus) {
    text-decoration: underline;
}

/****** welcome content ******/

body.ribbit .ProfileDropDown .img-button {
    width: 44px;
}
body.ribbit .ProfileDropDown .img-button,
body.ribbit .ProfileDropDown .img-button img {
    height: 44px;
}
#CreateBtnWrapper .btn-primary,
body.ribbit .Login .btn-primary {
    padding: 9px 11px;
    line-height: 1.5;
}
body.ribbit .ProfileDropDown .badge.badge {
    background-color: var(--gareui-plum);
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    padding: 0;
    top: 0;
    right: 0;
}

/*** 'create' button ***/

#LICreateQAThread,
#CreateBtnWrapper > .btn-group > .dropdown-menu > li:last-child {
    display: none;
}

/****** nav padding & height ******/

body.ribbit #NAV {
    box-shadow: none;
}
#MPOuterMost.full #MPButtonBar {
    max-width: calc(100% - 80px);
    padding-top: 20px;
    padding-bottom: 20px;
}
body.ribbit .navbar,
body.ribbit #searchColumn {
    height: unset;
}
body.ribbit .navbar,
body.ribbit .navbar-default .navbar-nav {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
body.ribbit .navbar-default .navbar-nav {
    justify-content: end;
}
body.ribbit #LogoNavPlaceholder img {
    height: 58px !important;
}
body.ribbit #LogoNavPlaceholder {
    margin: 0;
}

/****** 'create' button ******/

body.ribbit .bootstrap-4 .dropdown-toggle::after {
    font-family: "Font Awesome 6 Pro";
    content: '\f107';
    border: none;
    float: right;
    margin-left: 6px;
    font-size: 14px;
    line-height: 24px;
    vertical-align: unset;
    top: 2px;
    position: relative;
}

/****** main nav ******/

body.ribbit .navbar,
body.ribbit .navbar-default .navbar-nav>li>a {
    font-family: 'Work Sans';
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
}
body.ribbit .navbar-default .navbar-nav>li>a {
    margin: 0 12px;
    padding: 0;
}
body.ribbit .navbar-default .navbar-nav>li>a>span {
    display: inline-block;
    padding: 0;
    border-bottom: 3px solid transparent;
    transition: .3s;
}
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: #000;
}
body.ribbit .navbar-default .navbar-nav>li>a:is(:hover, :focus)>span,
body.ribbit .navbar-default .navbar-nav>li.active>a>span,
body.ribbit .navbar-default .navbar-nav>li.active>a:is(:hover, :focus)>span {
    border-bottom-color: var(--gareui-plum);
}
body.ribbit .navbar-default .navbar-nav>li>a>.caret {
    font-size: 14px;
    line-height: 24px;
}

/*** dropdowns ***/

.navbar-nav .dropdown-menu,
.nav-tabs .dropdown:not(.tabdrop) > .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    box-shadow: none;
    top: calc(100% + 10px);
}
.navbar-nav .dropdown-menu>li>a,
.nav-tabs .dropdown:not(.tabdrop) > .dropdown-menu > li > a {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    padding: 6px 12px;
    border-top: 1px solid var(--gareui-cream);
}
body.ribbit #MPButtonBar .dropdown-menu .active > a,
body.ribbit #MPButtonBar li .dropdown-menu .active > a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu .active a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu>li>a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu li a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu .active>li>a:is(:hover, :focus),
.nav-tabs .dropdown:not(.tabdrop) > .dropdown-menu .active > a,
.nav-tabs .dropdown:not(.tabdrop) > .dropdown-menu .active > a:is(:hover, :focus),
.nav-tabs .dropdown:not(.tabdrop) > .dropdown-menu li > a:is(:hover, :focus) {
    background: transparent;
    color: var(--gareui-plum);
    text-decoration: underline;
}

/* nav tab dropdowns */

body.ribbit.profile ul.nav-tabs[id$=_ProfileTabList]>li>ul.dropdown-menu {
    left: 50%;
    margin-top: 0;
    border: none;
}
.nav-tabs .dropdown-menu .active > a,
.nav-tabs .dropdown-menu .active > a:is(:hover, :focus),
.nav-tabs .dropdown-menu li > a:is(:hover, :focus) {
    color: var(--gareui-pine);
}

/****** search ******/

body.ribbit #SearchControl_SearchTerm {
    border: none;
    border-radius: 50px;
    height: 44px;
    padding: 10px 20px 10px 55px;
    color: #000;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    letter-spacing: -0.32px;
    box-shadow: none;
}
body.ribbit #SearchControl_SearchTerm::placeholder {
    font-style: normal;
    color: #646464;
}
body.ribbit #SearchControl_SearchButton {
    color: #000;
    font-size: 24px;
    line-height: 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #cfe9dd;
    padding: 0;
    border: none;
}
body.ribbit #SearchControl_SearchButton span {
    vertical-align: unset !important;
}

/* Fixing parent searchColumn div to prevent position absolute div overlapping nav items */

#MPButtonBar>nav>div.collapse.navbar-collapse.navbar-ex1-collapse>.row>.col-md-12 {
    padding-right: 225px;
}

body.ribbit #SearchControl_SearchButton,
#MPOuterMost #MPSearchBlock {
    display: none;
}

body.ribbit #MPButtonBar>nav>div.collapse.navbar-collapse.navbar-ex1-collapse .row div[class*=col] {
    align-items: center
}

/* Making the search Column position Absolute to avvoid expanded from shrinking the nav */

body.ribbit #searchColumn {
    position: absolute;
    right: 0;
}

.search-wrap {
    border: none;
    border-radius: 50px;
    overflow: hidden;
    width: 52px;
    height: 44px;
    transition: width .3s;
    background: #fff;
    position: relative;
    z-index: 10;
    right: -10px;
}

.search-wrap.open {
    width: 250px;
    transition: width .3s;
    border: 1px solid #cfe9dd;
    /* box-shadow: 0px 9px 10px 2px rgba(0, 0, 0, 0.03),
        0px 4px 4px rgba(4, 21, 81, 0.03),
        0px 6px 10px rgba(4, 21, 81, 0.04); */
    z-index: 10
}

.search-bar-top {
    float: left;
    opacity: 0;
    z-index: -1;
    transition: .3s;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    width: 0;
    display: none;
}

.open .search-bar-top {
    width: calc(100% - 38px);
    opacity: 1;
    z-index: 10;
    transition: .3s;
    display: block;
}

.SearchInputs {
    background: #fff;
}

.SearchInputs .form-control {
    padding: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    font-size: 16px;
    line-height: 1;
    color: #646464;
    letter-spacing: -0.32px;
}

.SearchInputs .form-control::placeholder {
    font-style: normal;
}

body:not(.ribbit) #searchColumn {
    display: none;
}

.search-bar-top .form-control,
.open .search-bar-top .form-control {
    padding: 14px 20px;
    height: 42px;
    transition: width .3s;
    outline: none;
    background: transparent
}

.SearchInputs button[id*="SearchButton"] {
    padding: 0;
    width: 0;
    border: none;
    background: transparent;
    transition: width .3s;
}

.search-btn-top {
    color: #000;
    font-size: 18px;
    line-height: 44px;
    background: var(--gareui-mint);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    border: none;
    position: absolute;
    transition: background-color .3s;
    right: 0px;
    z-index: 15;
    margin: 0;
}

body.ribbit .search-bar-top button[id*="SearchButton"],
.open .search-bar-top button[id*="SearchButton"] {
    display: none;
}

.open .search-btn-top {
    font-size: 12px;
    /* transition: background-color .3s; */
    transition: none;
    background-color: transparent;
}

.search-btn-top::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f002';
    font-weight: 900;
}

.open .search-btn-top::before {
    content: '\f00d';
    font-size: 18px;
    transition: 0s;
    color: var(--heading-text);
}

.search-bar-top .input-group-btn.search-box-toggle {
    width: 44px;
    left: 0;
    position: absolute;
}

#searchColumn button[id*="SearchButton"]:hover,
#searchColumn button[id*="SearchButton"]:focus,
.open .search-bar-top button[id*="SearchButton"]:hover,
.open .search-bar-top button[id*="SearchButton"]:focus {
    color: var(--hl-bs--primary);
    background: transparent
}

#searchColumn button[id*="SearchButton"] .glyphicon-search,
.open .search-bar-top button[id*="SearchButton"] .glyphicon-search {
    width: auto;
    vertical-align: unset !important;
    top: 0;
}

#searchColumn button[id*="SearchButton"] .glyphicon-search::before,
.open .search-bar-top button[id*="SearchButton"] .glyphicon-search::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    font-size: 20px;
    color: #C54644;
}

/* library search */

#MainCopy_ContentWrapper .SearchInputs > div > .input-group {
    border: 0.5px solid #808080;
    border-radius: 20px;
    display: flex;
    flex-direction: row-reverse;
}
#MainCopy_ContentWrapper .SearchInputs > div > .input-group > .form-control {
    border-radius: 20px;
    padding-left: 16px;
    background: transparent;
    height: 45px;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .dropdown-menu {
    left: 0;
    right: auto;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .input-group-btn {
    width: auto;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .input-group-btn button {
    border: none;
    background: transparent;
    border-radius: 20px;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .input-group-btn .dropdown-menu button {
    border-radius: 4px;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .input-group-btn .dropdown-menu .SearchOptions > .form-group > .col-md-4:first-child {
    display: none;
}
#MainCopy_ContentWrapper .SearchInputs .input-group .input-group-btn .dropdown-menu .SearchOptions > .form-group > .col-md-4 {
    width: 50%;
}

/************ member dashboard ************/

.member-dashboard {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/dashboard-bg.png');
    position: relative;
}
.member-dashboard::before,
.member-dashboard::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: auto;
    background-repeat: no-repeat;
}
.member-dashboard::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/banner-squiggles-top-left.png');
    background-position: top left;
}
.member-dashboard::after {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/blueblob-top-right.svg');
    background-position: top right;
}
.member-dashboard > div {
    position: relative;
    z-index: 10;
}

/****** column widths ******/

@media (min-width: 992px) {
    .member-dashboard .row-wide > .col-md-4:first-child {
        width: calc(33.3333333% - 32px);
        padding-right: 32px;
    }
    .member-dashboard .row-wide > .col-md-4:nth-child(2) {
        width: 25%;
        padding-left: 32px;
        padding-right: 32px;
    }
    .member-dashboard .row-wide > .col-md-4:last-child {
        width: calc(41.66666667% + 32px);
        padding-left: 32px;
    }
}
#MPOuterMost #MPOuter .member-dashboard .row-wide > .col-md-4 .row-wide {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
.member-dashboard .row-wide > .col-md-4 .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

/****** h2 ******/

body.ribbit .member-dashboard h2 {
    margin-top: 0;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

/****** profile card ******/

.bootstrap-4 .profile-snippet-card.bg-alt-bg5 {
    background-color: transparent !important;
    box-shadow: none;
    border-radius: 0;
}
.bootstrap-4 .profile-snippet-card .text-alt-secondary {
    color: #000 !important;
}
.bootstrap-4 .profile-snippet-card .border-top {
    border-top: none !important;
}
.bootstrap-4 .profile-snippet-card .p-3 {
    padding: 0 !important;
}
.bootstrap-4 .profile-snippet-card .border-top .p-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 24px !important;
    padding-bottom: 0 !important;
}

body.ribbit .profile-snippet-card .profile-snippet-bio {
    padding-left: 124px !important;
    min-height: 100px;
    align-content: baseline;
    justify-content: center;
}
body.ribbit .profile-snippet-bio .profile-snippet-avatar {
    width: 100px;
    height: 100px;
    border: 5px solid var(--gareui-gold) !important;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0 !important;
    margin-bottom: 0;
}
body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(2),
body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(3) {
    position: relative;
    top: auto;
    padding-left: 0;
    text-align: left !important;
    width: 100%;
}
body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(2) {
    margin-top: 0 !important;
    margin-bottom: 8px;
    font-family: "Merriweather", serif;
    font-size: 24px !important;
    line-height: 1.33;
    font-weight: 900;
    color: #000;
}
body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(3) {
    font-family: "Work Sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.profile-snippet-progress > .d-flex > span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.profile-snippet-progress > .d-flex > span:last-child {
    font-weight: 700;
}
.profile-snippet-progress > .my-2 {
    margin-bottom: 0 !important;
}
body .profile-snippet-progress .progress {
    height: 14px;
    border-radius: 20px;
    background: #fff !important;
    padding: 2px 3px;
    box-shadow: none;
}
.profile-snippet-progress .progress .progress-bar {
    background-color: var(--gareui-gold) !important;
    border-radius: 20px;
}

/* hiding progress bar*/

#MPOuterMost #MPOuter .profile-snippet-progress {
    display: none !important;
}

/****** links ******/

#MPOuterMost .dashboard-links > .col-md-12 {
    margin-top: 24px;
}
.dashboard-link p {
    margin-bottom: 6px;
}
.dashboard-link a {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
    padding-left: 26px;
    display: inline-block;
    position: relative;
}
.dashboard-link a:is(:hover, :focus) {
    text-decoration: underline;
}
.dashboard-link a i {
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
}

/****** buttons ******/

.member-dashboard .col-md-4:nth-child(2) .block-buttons {
    display: none;
}
.member-dashboard .col-md-4:nth-child(2) .block-buttons:nth-child(2),
.member-dashboard .col-md-4:nth-child(2) .block-buttons:nth-child(3) {
    display: block;
}

/****** topics ******/

#MPOuterMost #MPOuter #MainCopy_ContentWrapper .member-dashboard .col-md-4 .block-buttons + .ContentItemHtml:has(h2) {
    margin-top: 24px;
}
.member-dashboard .dashboard-topics {
    display: flex;
    flex-wrap: wrap;
}
.memberhome #MPOuterMost #MPOuter #MainCopy_ContentWrapper .member-dashboard.row.row-full div.dashboard-topics {
    margin: -2px -2px 14px -2px;
}
.member-dashboard .db-topic.make-buttons {
    margin: 2px;
    display: none;
}
.member-dashboard .db-topic.make-buttons:first-child,
.member-dashboard .db-topic.make-buttons:nth-child(2),
.member-dashboard .db-topic.make-buttons:nth-child(3),
.member-dashboard .db-topic.make-buttons:nth-child(4) {
    display: block;
}
.member-dashboard .dashboard-topics p {
    margin: 0;
}
.member-dashboard .db-topic.make-buttons em {
    margin: 0;
}
.member-dashboard .db-topic.make-buttons em a {
    margin: 0;
    padding: 4px 10px;
    background: #fff;
    font-family: "Tilt Warp", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--heading-text);
    border: none;
}
.topic-link {
    margin: 4px 2px 4px 8px;
}
.topic-link a {
    font-weight: 500;
    color: #000;
}

/****** carousel ******/

.announcement-slider {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}
.announcement-slider .slick-list {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}
.announcement-slider .slick-track {
    display: flex;
}
.announcement-slider .slick-track .announcement-slide {
    height: auto;
    display: flex;
    align-items: center;
}
.announcement-slide .img-container {
    width: 225px;
    height: 100%;
}
.announcement-slide .HtmlContent {
    width: calc(100% - 225px);
    padding: 24px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1px;
}
.announcement-slide .HtmlContent > h3 {
    margin-top: 0;
}
.announcement-slide .HtmlContent > p {
    margin-bottom: 16px;
}
.announcement-slide .HtmlContent > p:has(img),
.announcement-slide .HtmlContent > p:last-child {
    margin-bottom: 0;
}

/*** arrows ***/

.slick-arrow {
    position: absolute;
    z-index: 20;
    padding: 0;
    font-size: 30px;
    line-height: 1;
    top: calc(50% - 15px);
    border: none;
    color: #000;
    text-align: center;
    background: transparent;
}
.slick-arrow.prev-arrow {
    left: -30px;
}
.slick-arrow.next-arrow {
    right: -30px;
}
.announcement-slider .slick-arrow {
    top: calc(50% - 18px);
    line-height: 36px;
    font-size: 18px;
    background-color: var(--gareui-ice);
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.announcement-slider .slick-arrow.prev-arrow {
    left: -18px;
}
.announcement-slider .slick-arrow.next-arrow {
    right: -18px;
}
.homepage-slider .slick-arrow.prev-arrow {
    left: -110px;
}
.homepage-slider .slick-arrow.next-arrow {
    right: -110px;
}

/*** dots ***/

.announcement-slider ul.slick-dots {
    bottom: -32px;
}
.homepage-slider ul.slick-dots {
    text-align: left;
    bottom: 0;
}
ul.slick-dots li {
    margin: 0 8px;
}
ul.slick-dots li,
ul.slick-dots li button {
    width: 14px;
    height: 14px;
}
ul.slick-dots li button {
    border-radius: 50%;
    background: #fff;
}
ul.slick-dots li button::before {
    display: none;
}
.announcement-slider ul.slick-dots li,
.announcement-slider ul.slick-dots li button {
    width: 8px;
    height: 8px;
}
.announcement-slider ul.slick-dots li.slick-active button,
.announcement-slider ul.slick-dots li button:hover {
    background: var(--gareui-plum);
}
.homepage-slider ul.slick-dots li.slick-active button,
.homepage-slider ul.slick-dots li button:hover {
    background: var(--gareui-gold);
}
.announcement-slider ul.slick-dots li button:focus,
.homepage-slider ul.slick-dots li button:focus {
    outline: 3px solid black;
}

/************ homepage row padding ************/

@media (min-width: 992px) {
    body.ribbit #MPOuterMost .more-pad-row > .col-md-4 {
        padding-right: 32px;
    }
    body.ribbit #MPOuterMost .more-pad-row > .col-md-8 {
        padding-left: 0;
    }
}

/************ widgets ************/

body.ribbit .HLLandingControl ol li,
body.ribbit .HLLandingControl ul li {
    border-bottom: none;
}

/****** resetting Thrive defaults ******/

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact {
    border-radius: 0;
    background: transparent;
    -webkit-filter: none;
    filter: none;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact .row.heading {
    padding: 0;
    border: none;
}

/*** horizontal lines on h2s ***/

body.ribbit .horizontal-line-h2 h2,
body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl .heading .col-md-12 h2 {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-wrap: nowrap;
}
body.ribbit .horizontal-line-h2 h2::after,
body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl .heading .col-md-12 h2::after {
    content: '';
    display: inline-block;
    width: 100%;
    margin: 0 0 0 16px;
    border-top: 2px solid var(--gareui-plum);
}

/****** public homepage widgets ******/

body.ribbit.home .HLLandingControl ul {
    display: flex;
    margin: 16px -8px 24px -8px;
    padding: 0;
}
body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.333333% - 16px);
    margin: 8px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
body.ribbit.home .HLLandingControl ul li .img-container {
    height: 235px;
}
body.ribbit .HLLandingControl ul li .img-container,
body.ribbit .library-list .img-container,
body.ribbit .blogs-block .img-container {
    position: relative;
}

body.ribbit .HLLandingControl ul li .img-container::before,
body.ribbit .library-list .img-container::before,
body.ribbit .blogs-block .img-container::before {
    content: '';
    opacity: 0;
    transition: .3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/resources-image.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
body.ribbit.home .HLLandingControl ul li .img-container::before,
body.ribbit .blogs-block .img-container::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/resource-default-image.png');
}
body.ribbit .HLLandingControl ul li .img-container.loading::before,
body.ribbit .HLLandingControl ul li .img-container.no-ajax-image::before,
body.ribbit .library-list .img-container.loading::before,
body.ribbit .library-list .img-container.no-ajax-image::before,
body.ribbit .blogs-block .img-container.loading::before,
body.ribbit .blogs-block .img-container.no-ajax-image::before {
    opacity: 1;
    transition: .3s;
}
body.ribbit.home .HLLandingControl ul li .text-container {
    padding: 24px;
}
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 a,
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 a:hover,
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 a:focus {
    font-size: 18px;
    font-weight: 900;
    color: #000;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 {
    margin-top: 0;
    margin-bottom: 8px;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLRecentBlogs>.Content h3 {
    margin-bottom: 24px;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .title-row .ByLine {
    margin-bottom: 0; /* removing margin on empty byline */
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl p {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-weight: 500;
}

/****** styled widget links with chevrons ******/
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a,
body.ribbit .read-more-link {
    color: var(--gareui-plum);
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a::after,
body.ribbit .read-more-link::after {
    font-family: GARE;
    content: '\f000';
    font-size: 17px;
    line-height: 20px;
    margin-left: 8px;
}

/*** 'more' buttons ***/

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] {
    text-align: right;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] .col-md-12 {
    padding: 0 !important;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a {
    padding: 0;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a i {
    display: none;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a:active {
    box-shadow: none;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a:is(:hover, :focus) {
    text-decoration: none;
}

/****** ACL ******/

.HLLandingControl.SearchResults ul li .row.title-row .col-sm-3.col-md-3.pull-right {
    display: none;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-9 {
    width: 100%;
}
#MPOuterMost #MPOuter .HLLandingControl.SearchResults ul li .row {
    padding-left: 0;
    padding-right: 0;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-7,
.groupdetails .HLMyDocuments ul li .title-row > .col-md-10 {
    width: calc(100% - 64px);
    padding: 0;
    float: left;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-2,
.groupdetails .HLMyDocuments ul li .title-row > .col-md-2 {
    padding: 0;
    width: 48px;
    margin-right: 16px;
    float: left;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-2 a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-2 a img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: unset;
}
.HLLandingControl.SearchResults ul li .title-row {
    margin-bottom: 16px;
}
#MPOuterMost #MPOuter .HLLandingControl.SearchResults ul li p[id*="Description"] {
    margin-bottom: 0;
}

/*** cards ***/

.acl-cards .HLLandingControl .Content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 32px -10px -12px -10px;
}
.acl-cards .HLLandingControl .Content ul li {
    flex-basis: calc(33.333333333% - 20px);
    flex-grow: 0;
    flex-shrink: 1;
    margin: 12px 10px;
    border-radius: 20px;
    border: 1px solid #F5F5F5;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.ribbit .acl-cards .HLLandingControl .Content ul li {
    padding: 0;
}
.acl-cards .HLLandingControl .Content ul li .img-container {
    height: 235px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.acl-cards .HLLandingControl .Content ul li .text-container {
    height: calc(100% - 235px);
}
.acl-cards .HLLandingControl .Content ul li:not(:has(.text-container)),
.acl-cards .HLLandingControl .Content ul li .text-container {
    padding: 42px 16px 16px 16px;
}
#MPOuterMost #MPOuter .acl-cards .HLLandingControl .Content ul li .row,
#MPOuterMost #MPOuter .acl-cards .HLLandingControl .Content ul li .col-md-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
#MPOuterMost .acl-cards h3 {
    margin-bottom: 0;
}

/*** GARE resources ***/

.gare-resources-tag {
    color: var(--gareui-pine);
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.gare-resources-tag img {
    width: 37px;
    float: left;
    margin-right: 3px;
}

/************ homepages ************/

body.ribbit:not(.interior).bodyBackground {
    background: #fff;
}
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl ul:not(.dropdown-menu)>li,
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl ul:not(.dropdown-menu)>ol,
body.ribbit.home .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu):not(.rw-list):not(.rw-multiselect-taglist)>li,
body.ribbit.home .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu)>ol {
    padding: 0;
    filter: none;
}

/************ hero ************/

.hero {
    background-size: cover;
    background-position: center;
}
.hero > .col-md-12 {
    display: flex;
    align-items: center;
}
body.ribbit .hero h2 {
    margin-bottom: 25px;
    margin-top: 0;
}
.hero .row-wide > .col-md-6:first-child {
    padding-right: 16px;
}
.hero .row-wide > .col-md-6:last-child {
    padding-left: 16px;
}

/************ homepage carousel ************/

.homepage-slider-container {
    background: linear-gradient(256deg, #F3D3E7 36.2%, var(--gareui-cream) 56.32%, var(--gareui-cream) 75.67%, #DFE9BE 97.94%);
    position: relative;
}
.homepage-slider-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/homepage-slider-design.svg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
}
.homepage-slider-container .homepage-slider.slick-slider {
    padding-bottom: 30px;
    margin-bottom: 0;
    width: calc(100% - 230px);
}
.homepage-slider-container .homepage-slider .homepage-slide .col-md-6 {
    padding: 0;
}
.homepage-slide .col-md-6:first-child .HtmlContent:not(:has(img)) {
    padding-right: 46px;
}
.homepage-slide .col-md-6:last-child .HtmlContent:not(:has(img)) {
    padding-left: 46px;
}
.homepage-slide .HtmlContent > p:first-child {
    font-size: 16px;
    line-height: 1.5;
}
.homepage-slide .HtmlContent > p:first-child > strong {
    text-transform: uppercase;
}
.homepage-slide .HtmlContent > p,
.homepage-slide .HtmlContent > h2 {
    margin-bottom: 16px;
}
.homepage-slide .HtmlContent > h4 {
    margin-bottom: 24px;
}
.homepage-slide .HtmlContent > p:last-child,
.homepage-slide .HtmlContent > p:has(img) {
    margin-bottom: 0;
}


/************ jurisdiction map ************/

#MPOuterMost #MPOuter .jurisdiction-map {
    padding-top: 160px;
    padding-bottom: 144px;
    background-size: cover;
    background-position: center;
}

/************ featured content ************/

.featured-content .tile {
    box-shadow: none;
    padding: 0;
}
.row.featured-content .col-md-6 + .col-md-6 {
    padding-left: 76px;
}
.featured-content hr {
    border-top: 2px solid var(--gareui-plum);
    margin-top: 20px;
    margin-bottom: 20px;
}

/****** statistics ******/

.featured-stats {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    margin-bottom: 10px;
}
.featured-stats .stat-number {
    color: var(--gareui-plum);
    font-size: 66px;
    line-height: 1;
    font-weight: 500;
}
.featured-stats .stat-text {
    color: var(--gareui-plum);
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
}
.featured-stats .featured-stat {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 8px;
    width: 190px;
}

/************ member home ************/

.memberhome #MPOuterMost #MPOuter #MainCopy_ContentWrapper .row > div[class*="col-"] > div {
    margin-top: 0;
    margin-bottom: 0;
}

/****** h2 icons ******/


body.ribbit.memberhome #MainCopy_ContentWrapper .row-full:not(.member-dashboard) h2,
body.ribbit.memberhome #MainCopy_ContentWrapper > .row-wide h2,
body.ribbit.memberhome #MainCopy_ContentWrapper .ContentUserControl .HLLandingControl .row.heading h2,
body.ribbit.groupdetails #MainCopy_ContentWrapper > .row-wide h2,
body.ribbit.groupdetails #MainCopy_ContentWrapper .ContentUserControl .HLLandingControl .row.heading h2 {
    padding-left: 50px;
    position: relative;
}
body.ribbit.memberhome h2::before,
body.ribbit.groupdetails h2::before {
    font-family: "Font Awesome 6 Pro";
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    border-radius: 50%;
    margin-right: 16px;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: calc(50% - 17px);
}
body.ribbit.memberhome .HLEventList h2::before,
body.ribbit.memberhome .events-feed h2::before,
body.ribbit.groupdetails .HLEventList h2::before,
body.ribbit.groupdetails .events-feed h2::before {
    color: #000;
    background-color: var(--gareui-lime);
    content: '\f073';
}
.recent-activity-header h2::before,
body.ribbit.groupdetails .HLDiscussions h2::before {
    color: #fff;
    background-color: var(--gareui-pine);
    content: '\f086';
}
body.ribbit.memberhome .people-you-should-know h2::before {
    color: #000;
    background-color: var(--gareui-gold);
    content: '\f0c0';
}
body.ribbit.memberhome .suggested-networks h2::before {
    color: #fff;
    background-color: var(--gareui-plum);
    content: '\f78a';
}
body.ribbit.memberhome .gare-resources h2::before,
body.ribbit.memberhome .network-library h2::before {
    color: #fff;
    background-color: var(--gareui-pine);
    content: '\f5ae';
}
body.ribbit.memberhome .network-library h2::before {
    content: '\e0c0';
}
body.ribbit.groupdetails .HLAnnouncements h2::before {
    background-color: var(--gareui-plum);
    color: #fff;
    content: '\f675';
}

/****** cards ******/

.memberhome .HLLandingControl .Content ul:not(.dropdown-menu),
.events-feed .HLLandingControl .Content ul:not(.dropdown-menu) {
    margin: -16px;
}
body.ribbit.memberhome .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl:not(.HL-contact-suggestions) ul:not(.dropdown-menu)>li,
body.ribbit.memberhome .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl:not(.HL-contact-suggestions) ul:not(.dropdown-menu)>ol,
body.ribbit.memberhome .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu):not(.rw-list):not(.rw-multiselect-taglist)>li,
body.ribbit.memberhome .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu)>ol,
body.ribbit.memberhome .HLLandingControl.HL-contact-suggestions ul:not(.dropdown-menu),
.events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li,
.bg-mint .search-results.row,
body.ribbit.profile .ItemContent.search-results.row {
    background: #fff;
    border-radius: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    margin: 16px;
    padding: 24px;
}
body.ribbit.memberhome .HLLandingControl.HL-contact-suggestions ul:not(.dropdown-menu),
.bg-mint .search-results.row {
    margin: 0 0 16px 0;
}
body.ribbit.memberhome .HLLandingControl.HL-contact-suggestions .row:last-child ul:not(.dropdown-menu) {
    margin-bottom: 24px;
}
body.ribbit.profile .SearchResults {
    margin: 0 -16px;
}

/****** events ******/

.HLEventList .pull-right {
    float: none !important;
    padding-bottom: 16px;
}
.HLEventList .pull-right + br {
    display: none;
}
.HLEventList ul li .timeAgoFormat,
.HLEventList ul li div[id*="Location"] {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
}
.HLEventList ul li .timeAgoFormat::before,
.HLEventList ul li div[id*="Location"]::before,
.events-feed .HLLandingControl ul li .glyphicon::before {
    font-family: 'Font Awesome 6 Pro';
    color: var(--gareui-plum);
}
.HLEventList ul li .timeAgoFormat::before,
.HLEventList ul li div[id*="Location"]::before {
    margin-right: 8px;
}
.HLEventList ul li .timeAgoFormat::before,
.events-feed .HLLandingControl ul li .glyphicon-calendar::before {
    content: '\f017';
}
.HLEventList ul li div[id*="Location"]::before,
.events-feed .HLLandingControl ul li .glyphicon-globe::before {
    content: '\f073';
}
.HLEventList ul li .timeAgoFormat + div[id*="Location"] {
    margin-top: 8px;
}

.events-feed .HLLandingControl ul li .title-row .col-md-9 {
    width: 100%;
}
.events-feed .HLLandingControl ul li .title-row .col-md-3 {
    display: none;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content].events-feed .SearchResults div[id$=_pnlMoreLink],
body.ribbit .events-feed .HLLandingControl div[id*="BottomLink"] {
    padding: 24px 0;
}
.events-feed ul li .event-btn-container {
    margin-top: 16px;
    text-align: center;
}
.events-feed ul li .label-search-tag {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px 0px 29px 0;
    background: var(--gareui-lime-midtone);
    color: #000;
    border: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 36px;
}
body.ribbit.memberhome .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard).events-feed .HLLandingControl:not(.HL-contact-suggestions) ul:not(.dropdown-menu)>li:has(.label-search-tag) {
    padding-top: 64px;
}

/*** full-width row ***/

.col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}
.col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li {
    flex-grow: 0;
    flex-shrink: 1;
    margin: 16px 8px;
    flex-basis: calc(33.3333333% - 16px);
    display: flex;
    flex-direction: column;
    padding: 32px;
}
.col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li .events-title-row {
    margin-bottom: 16px;
}
body.ribbit.interior #MPOuterMost #MPOuter .col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li .row {
    padding: 0;
}
.col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li .event-btn-container {
    margin-top: auto;
}
.col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li .img-container {
    height: 200px;
    width: calc(100% + 64px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: -32px -32px 48px -32px;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/events-default.jpg');
}
.col-md-12 > .events-feed ul li .img-container ~ .label-search-tag {
    top: 200px;
    transform: translateY(-50%);
    border-radius: 0px 29px 0 0;
    padding: 20px 48px 20px 32px;
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: -0.4px;
}
.col-md-12 > .events-feed ul li .img-container ~ .label-search-tag[data-tag*="Member"],
.events-feed ul li .label-search-tag[data-tag*="Member"] {
    background-color: var(--gareui-ice);
}
.col-md-12 > .events-feed ul li .img-container ~ .label-search-tag[data-tag*="Field"],
.events-feed ul li .label-search-tag[data-tag*="Field"] {
    background-color: var(--gareui-banana);
}
.col-md-12 > .events-feed ul li h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}
.col-md-12 > .events-feed ul li h3 a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
}

/****** suggested contacts ******/

body.ribbit #MPOuterMost .HLLandingControl.HL-contact-suggestions ul:not(.dropdown-menu) {
    position: relative;
    padding-left: 96px;
    margin-bottom: 16px;
}
body.ribbit #MPOuterMost #MPOuter .HLLandingControl.HL-contact-suggestions ul:not(.dropdown-menu) li {
    padding: 0;
}
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-2 {
    position: absolute;
    left: 24px;
    top: 24px;
}
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-2 > a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-2 > a img {
    width: 100%;
    height: auto;
}
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-6,
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-4 {
    width: 100%;
    padding: 0;
}
.HL-contact-suggestions.HLLandingControl ul .title-row .col-md-4 {
    text-align: left;
    margin-top: 8px;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl.HL-contact-suggestions>.Content h3,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl.HL-contact-suggestions>.Content h3 a {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
}
body.ribbit .HL-contact-suggestions .col-md-6 .details {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}
body.ribbit .HL-contact-suggestions .col-md-6 .details span:empty + br {
    display: none;
}
body.ribbit .HL-contact-suggestions .col-md-6 .details br + span {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.people-you-should-know .HLLandingControl.HL-contact-suggestions .text-center .btn {
    margin-top: 8px;
}
body.ribbit .HL-contact-suggestions .col-md-4 .btn-primary {
    font-weight: 500;
    color: var(--gareui-plum) !important;
    border: 1px solid var(--gareui-plum);
    padding: 6px 10px;
    border-radius: 25px;
    background: transparent;
    margin-right: 24px;
}
body.ribbit .HL-contact-suggestions .col-md-4 .btn-primary:is(:hover, :focus) {
    color: #fff !important;
    border-color: var(--gareui-plum);
    background: var(--gareui-plum);
}
body.ribbit .HL-contact-suggestions .col-md-4 .btn-default,
body.ribbit .HL-contact-suggestions .col-md-4 .btn-default:is(:hover, :focus) {
    border: none;
    padding: 0;
    background: transparent;
    color: var(--gareui-plum);
    font-weight: 500;
}
body.ribbit .HL-contact-suggestions .col-md-4 .btn-default:is(:hover, :focus) {
    text-decoration: underline;
}

/****** activity feed ******/

body.ribbit .layout-grid .layout-grid-cell:focus {
    outline: none;
}
body.ribbit .feed-list .feed-title-filter,
body.ribbit .feed-list .feed-title-filter~.feed-cards-grid .layout-grid-cell:first-of-type .feed-item-row,
body.ribbit .feed-list .layout-grid-cell .feed-item-row {
    border-radius: 20px;
}
body.ribbit .feed-item-row .images-preview {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact.FeedWidget .row.heading {
    border: none;
}
body.ribbit .feed-list .feed-title-filter {
    margin-bottom: 16px;
    padding: 16px 24px !important;
}
.feed-list .feed-title-filter,
body .feed-item-row.card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
body.ribbit .bootstrap-4 .layout-grid-cell {
    padding: 0;
}
body.ribbit .bootstrap-4 .layout-grid-cell .card {
    padding: 24px;
}
.feed-item-row.card .images-preview { /* ensuring image is full width despite padding above */
    width: calc(100% + 48px) !important;
    margin: -24px -24px 24px -24px;
}
body.ribbit .bootstrap-4 .layout-grid-cell .p-3 {
    padding: 0 !important;
}
body .layout-grid-overflow-hidden .layout-grid-cell {
    margin-bottom: 16px !important;
}
.FeedWidget .hl-profile-avatar.lg img {
    width: 48px;
    height: 48px;
}
.feed-item-row > .p-3 > .d-flex > .pe-2.me-1 {
    padding-right: 0 !important;
    margin-right: 16px !important;
}
body .bootstrap-4 a.link-title {
    color: var(--heading-text);
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
}
body .FeedWidget .card-byline > a,
a.label-search-tag,
.content-tags a.label-search-tag,
.latest-contributed-content-list ul li .byline-image h5 a,
.latest-contributed-content-list ul li .byline-image h5 a:is(:hover, :focus),
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable,
body.ribbit .related-results .related-result-row .hl-type .label,
body.ribbit .hl-type-alt-2.label {
    padding: 6px 10px;
    background: var(--gareui-ice);
    border-color: var(--gareui-ice);
    border-radius: 15px;
    color: #001C42;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    border: none;
}
.latest-contributed-content-list ul li .byline-image h5 a {
    text-decoration: none;
}
.latest-contributed-content-list ul li .byline-image h5 a:is(:hover, :focus) {
    text-decoration: underline;
}
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable {
    display: inline-flex;
}
.hltags .ui-state-default a,
.hltags .ui-state-default a:link,
.hltags .ui-state-default a:visited,
ul.tagit li.tagit-choice .tagit-close .text-icon {
    color: #001C42;
}
body.ribbit .related-results .related-result-row .hl-type .label,
body.ribbit .hl-type-alt-2.label {
    font-family: 'Work Sans', sans-serif;
}
body.ribbit .bootstrap-4 .card-byline {
    color: #595959;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
}
body.ribbit .bootstrap-4 .bg-bg1 .card-byline {
    color: #595959 !important;
}
body.ribbit .bootstrap-4 .card-byline .bio-bubble-link > a {
    color: var(--heading-text);
    font-weight: 600;
    text-decoration: underline;
}
body.ribbit .bootstrap-4 .bg-bg1 .card-byline .bio-bubble-link > a {
    text-decoration: none;
}
.feed-item-row.card > .p-3 > .text-secondary {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1px;
    margin-top: 16px !important;
}
body.ribbit .feed-badge {
    display: none;
}
body.ribbit .text-secondary .btn-link {
    color: #000 !important;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 1.5;
}
body.ribbit .FeedWidget .btn-ghost {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: var(--heading-text);
    padding: 0;
    border-radius: 0;
}
body.ribbit .FeedWidget .btn-ghost:is(:hover, :focus) {
    background: transparent;
    text-decoration: underline;
}
.FeedWidget .bootstrap-4 .border-top {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
    margin-top: 16px;
    padding: 16px 0 0 0 !important;
}
.feed-item-row .justify-content-between .btn-ghost + a.link-standalone {
    font-size: 14px !important;
    line-height: 1.4;
    font-weight: 400;
    color: var(--heading-text);
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.ribbit .FeedWidget .bootstrap-4 .bg-bg1.rounded {
    padding: 16px !important;
    border-radius: 20px !important;
    background: rgba(238, 239, 241, 0.50) !important;
    margin-top: 16px;
}
.FeedWidget .bg-bg1 .hl-profile-avatar img {
    width: 32px;
    height: 32px;
}
body.ribbit .bootstrap-4 .bg-bg1 .pe-1 {
    padding-right: 0 !important;
}
body.ribbit .bootstrap-4 .bg-bg1 .ms-1 {
    margin-left: 8px !important;
}
body.ribbit .FeedWidget .feed-item-row .rounded > .flex-grow-1 > .align-items-center {
    height: 32px;
}
body.ribbit .FeedWidget .bootstrap-4 .bg-bg1.rounded .text-secondary {
    margin-top: 8px;
    font-size: 14px !important;
    line-height: 20px;
    color: #000 !important;
    font-weight: 500;
}
body.ribbit .FeedWidget .bootstrap-4 .bg-bg1.rounded .text-secondary a {
    font-weight: 700;
    color: #000;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 20px;
}

/*** instructions ***/

.activity-feed-instructions p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: #000;
    margin-top: 24px;
    margin-bottom: 0;
}
.activity-feed-instructions p::before,
.activity-feed-instructions p::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}
.activity-feed-instructions p::before {
    content: '\f062';
    margin-right: 10px;
}
.activity-feed-instructions p::after {
    content: '\f063';
    margin-left: 10px;
}

/****** resources ******/

div[id*="DocumentPanel"] .Content > .row:first-child,
div[id*="DocumentPanel"] .pagination,
.library-list .content-tags {
    display: none;
}

div[id*="DocumentPanel"] .Content > div[id*="ListViewContent"] {
    margin: -15px -10px;
}
.memberhome div[id*="DocumentPanel"] .Content > div[id*="ListViewContent"] {
    flex-wrap: wrap;
    display: flex;
    margin: -8px;
}
.row.library-list {
    margin: 15px 10px;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 0;
    width: calc(33.333333333% - 20px);
}
.memberhome .library-list {
    width: calc(50% - 16px);
    margin: 8px;
    display: flex;
    flex-direction: column;
}
.library-list .img-container {
    border-radius: 20px 20px 0 0;
    height: 235px;
    overflow: hidden;
}
.library-list .text-container,
.library-list:not(:has(.text-container)) {
    padding: 24px;
    background: #fff;
    border: 1px solid #f5f5f5;
}
.library-list .text-container {
    border-radius: 0 0 20px 20px;
    height: calc(100% - 235px);
}
.library-list .text-container > .col-md-2,
.library-list > .col-md-2 {
    display: none;
}
.library-list .text-container > .col-md-10,
.library-list > .col-md-10 {
    padding: 0;
    width: 100%;
    float: none;
}
.library-list h3 {
    margin-top: 0;
    margin-bottom: 14px;
}
.library-list h3,
.library-list h3 a {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
}
.library-list .ByLine .Content {
    display: flex;
    align-items: center;
}
.library-list a[id*="AuthorImage"] {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin-right: 16px;
}
.library-list .ByLine span[id*="PostedByText"] {
    display: none;
}
.library-list .ByLine span + a {
    text-decoration: none;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #000;
}
.library-list .ByLine span + a:is(:hover, :focus) {
    text-decoration: underline;
}

/* tags */

body.ribbit.memberhome .library-list .content-tags {
    display: none;
}
body.ribbit.memberhome .library-list a.label-search-tag {
    color: var(--gareui-pine);
    font-family: 'Tilt Warp', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
    margin-bottom: 16px;
    background: transparent;
    border: none;
    padding: 0;
}
body.ribbit.memberhome .library-list a.label-search-tag:is(:hover, :focus) {
    text-decoration: underline;
}

/* posted on date styling */

.library-list .col-md-10 {
    line-height: 1;
}
.library-list .col-md-10 > .pull-right,
.library-list .col-md-10 > .pull-right .pull-right {
    float: none !important;
}
.library-list .col-md-10 > .pull-right:has(.col-md-12:not(:empty)) {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 16px;
}
.library-list .col-md-10 > .pull-right .timeAgoFormat {
    font-size: inherit;
    line-height: inherit;
}
div[id*="DocumentPanel"] .row.no-margin > .col-md-12 {
    padding: 0;
}

/* 'more' buttons */

.acl-cards .SearchResults.HLLandingControl div[id*="pnlMoreLink"] {
    text-align: right;
    margin-top: 24px;
}
.acl-cards .SearchResults.HLLandingControl div[id*="pnlMoreLink"] .btn-default {
    font-size: 20px;
    line-height: 1.2;
    padding: 11px 19px;
}

/*** search ***/

/* results */

.ItemContent.search-results .ProfilePic a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
}
.ItemContent.search-results .ProfilePic a img {
    max-width: 100%;
    max-height: unset;
    width: auto !important;
    height: auto !important;
}

.ItemContent.search-results td .ItemDescriptio {
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

/*** filtered library + blogs ***/

.grid .library-list .tags-container {
    display: none;
}
/* filters */

.bg-mint .dropdown-group {
    background-color: var(--gareui-pine);
    margin: -50px -50px 50px -50px;
    width: calc(100% + 100px);
    padding: 20px 50px;
    color: #fff;
}
.dropdown-group {
    display: flex;
    align-items: center;
}
.tabs-filters-row .dropdown-group {
    float: left;
}
#MPOuterMost .tabs-filters-row,
#MPOuterMost .tabs-filters-row .col-md-12 {
    padding: 0;
}
div.dropdown-group > span {
    display: inline-block;
    margin-right: 16px;
}
div.filter-button-group {
    position: relative;
    width: 229px;
    margin: 0 8px;
}

div.filter-button-group .filter-content {
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    background: #fff;
    border: 1px solid var(--gareui-pine);
    color: var(--gareui-pine);
}

div.filter-button-group .filter-content.open {
    display: block;
    border: 1px solid var(--gareui-pine);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.filter-button-group ul.multiple-select {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    display: none;
    position: absolute;
    width: 100%;
    top: 100%;
}

div.filter-button-group .filter-content.open ul.multiple-select {
    display: block;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    background: #fff;
    z-index: 5;
    padding: 0;
}

.filter-button-group ul.multiple-select li.checkbox-filter {
    padding: 8px 12px;
    transition: background-color .3s;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.filter-button-group ul.multiple-select li.checkbox-filter label {
    font-weight: 500;
}
.bg-mint .filter-button-group ul.multiple-select li.checkbox-filter:is(:hover, :focus) {
    background-color: var(--gareui-mint);
    transition: background-color .3s;
}
.tabs-filters-row .filter-button-group ul.multiple-select li.checkbox-filter:is(:hover, :focus) {
    background-color: var(--gareui-ice);
}

div.filter-button-group .filter-label:after {
    content: '\f078';
    position: absolute;
    right: 18px;
    font-family: "Font Awesome 6 Pro";
    font-size: 14px;
    line-height: 24px;
}

div.filter-button-group .filter-label {
    padding: 10px 44px 5px 22px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1px;
}

/* Customize the label (the container) */
.filter-content .container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.filter-content .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.filter-content .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid var(--gareui-pine);
}

/* When the checkbox is checked, add green background */
.filter-content .container input.active~.checkmark {
    background-color: var(--gareui-pine);
}

/* Create the checkmark/indicator (hidden when not checked) */
.filter-content .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.filter-content .container input.active~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.filter-content .container .checkmark:after {
    content: '\f00c';
    position: absolute;
    right: 5px;
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

/* no results message */
.no-results {
    position: absolute;
    bottom: 0;
}

.grid > .col-md-12 > .ContentUserControl {
    min-height: 300px;
}
.grid div[id*="DocumentPanel"] {
    background-color: var(--gareui-light-mint);
    position: relative;
}

.grid div[id*="DocumentPanel"]>.row.no-margin>.col-md-12 {
    padding: 0;
}

.grid div[id*="ContentWrapper"]>.row.row-wide>.col-md-12 {
    padding: 0;
}

.grid span[id*="ItemRating"] {
    display: none;
}

/****** margins + padding ******/

body.ribbit .gare-resources .col-md-4 {
    padding-right: 32px;
}
body.ribbit .network-library .col-md-4 {
    padding-left: 32px;
}
body.ribbit .gare-resources .col-md-8,
body.ribbit .network-library .col-md-8 {
    padding: 0 8px;
}

/****** HTML Content ******/

body.ribbit .gare-resources h2,
body.ribbit .network-library h2 {
    margin-top: 0;
    margin-bottom: 24px;
}
.gare-resources .HtmlContent p,
.network-library .HtmlContent p {
    margin-bottom: 24px;
}
.gare-resources .HtmlContent p:last-child,
.network-library .HtmlContent p:last-child {
    margin-bottom: 0;
}
.gare-resources {
    position: relative;
}
.gare-resources::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    display: block;
    border-bottom: 2px solid var(--gareui-plum);
}

/************ suggested networks ************/

.suggested-networks.row-full {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/crop1_networks-bg-blank.png');
    background-size: cover;
    background-position: center;
    position: relative;
}
.suggested-networks.row-full::before,
.suggested-networks.row-full::after {
    display: block;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.suggested-networks.row-full::before {
    background-size: auto 100%;
    background-position: top left;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/crop1_networks-yellow-swoosh.png');
}
.suggested-networks.row-full::after {
    background-size: auto;
    background-position: bottom right;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/crop1_networks-lines-swoosh.png');
}
.suggested-networks.row-full > * {
    position: relative;
    z-index: 10;
}
#MPOuterMost #MPOuter .suggested-networks h2 + div[id*="UpdatePanel"] > *,
.suggested-networks .community-list .btn-community-stats-static[id*="Documents"],
.suggested-networks .community-list .content-tags {
    display: none;
}
.suggested-networks h2 + div[id*="UpdatePanel"] {
    display: flex;
    margin: 8px -8px 32px -8px;
    flex-wrap: wrap;
    justify-content: center;
}
#MPOuterMost #MPOuter .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(2),
#MPOuterMost #MPOuter .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(3),
#MPOuterMost #MPOuter .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(4),
#MPOuterMost #MPOuter .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(5) {
    display: flex;
    margin: 8px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 16px);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 24px;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.suggested-networks .community-list > div {
    padding: 0;
    width: 100%;
    float: none;
}
.suggested-networks .community-list .col-md-7 h3 {
    margin-bottom: 24px;
    font-size: 0;
    line-height: 0; /* setting these both to 0 to hide the &nbsp; that's added on after the <a> */
}
.suggested-networks .community-list .col-md-7 h3 a {
    color: #000;
    font-size: 18px;
    line-height: 1.56;
}
.suggested-networks .community-list .pull-right {
    float: none !important;
    display: flex;
    flex-direction: column-reverse;
}
body.ribbit .suggested-networks .community-list .btn-community-stats-static {
    display: flex;
    flex-direction: row-reverse;
    width: auto;
    border: 1px solid #000 !important;
    border-radius: 25px;
    padding: 6px 10px;
    background: transparent;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 0;
}
.suggested-networks .community-list .btn-community-stats-static::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    margin-right: 10px; 
    transition: .3s;
}
.suggested-networks .community-list .btn-community-stats-static[id*="Members"]::after {
    content: '\f0c0';
}

.suggested-networks .community-list .btn-community-stats-static[id*="Discussion"]::after {
    content: '\f086';
}
.suggested-networks .community-list .btn-community-stats-static .badge {
    color: #000;
    padding: 0;
    background: transparent;
    margin-right: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0.1px;
    top: 0;
    transition: .3s;
}
.suggested-networks .community-list .btn-community-stats-static[id*="Members"] {
    margin-bottom: 16px;
}
body.ribbit .suggested-networks .community-list .btn-community-stats-static:is(:hover, :focus) {
    background-color: #000;
}
.suggested-networks .community-list .btn-community-stats-static:is(:hover, :focus),
.suggested-networks .community-list .btn-community-stats-static:is(:hover, :focus)::after,
.suggested-networks .community-list .btn-community-stats-static:is(:hover, :focus) .badge {
    color: #fff;
}

/************ tags ************/
body.ribbit .tags-list a.label-search-tag,
body.ribbit .tags-list a.label-search-tag:is(:hover, :focus) {
    background-color: var(--gareui-light-mint) !important;
    padding: 4px 10px;
    border-radius: 50px;
    border: none;
    font-family: 'Tilt Warp', sans-serif;
    color: var(--heading-text) !important;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
body.ribbit .tags-list a.label-search-tag:is(:hover, :focus) {
    text-decoration: none;
    background-color: var(--gareui-mint) !important;
}
body.ribbit .tags-list a.label-search-tag:is(:hover, :focus) div,
body.ribbit .tags-list a.label-search-tag div:is(:hover, :focus) {
    color: var(--heading-text);
    text-decoration: none;
}

/************ footer ************/

#MPOuterFooter::after,
#MPFooterLink,
#MPCopyright {
    display: none;
}
body.ribbit.memberhome #FOOTER,
body.ribbit.memberhome #MPOuterFooter {
    display: block !important;
}
#MPOuterFooter {
    background-color: var(--gareui-pine);
    padding: 0 0 37px 0;
}
#MPOuterMost.full #FOOTER > .row.row-full {
    max-width: 100%;
}
#MPOuterFooter .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
#MPOuterFooter #FOOTER.col-md-12 #MPFooter {
    max-width: 100%;
}
body.ribbit #MPOuterFooter .footer-top-row {
    margin-top: 37px;
}
body.ribbit .footer-top-row,
body.ribbit .footer-bottom-row {
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
}
.footer-logo img {
    width: 175px;
}
.footer-logo p:not(:first-child) {
    padding-left: 65px;
    width: 480px;
    max-width: 100%;
    font-size: 20px;
    line-height: 1.4;
}
#FOOTER .footer-top-row h2,
#FOOTER .footer-bottom-row h2 {
    margin-top: 0;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.footer-links .HtmlContent ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-top-row .footer-links ul li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 0;
}
body.ribbit .footer-bottom-row {
    margin-top: 44px;
}
.footer-bottom-row .col-md-12 {
    display: flex;
    align-items: center;
}
body.ribbit .footer-bottom-row,
body.ribbit .footer-bottom-row * {
    line-height: 18px;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.footer-bottom-row p {
    margin-bottom: 0;
    line-height: 18px;
}
.footer-bottom-row .footer-links ul {
    display: flex;
}
.footer-bottom-row .footer-links ul li {
    border-right: 1px solid #FFEFB7;
    padding: 0 16px;
    margin-bottom: 0;
}

/****** newsletter sub ******/

.newsletter-sub {
    display: none;
}
#MPOuter:has(.show-newsletter-sub) + #MPOuterFooter .newsletter-sub {
    display: flex;
}

.newsletter-sub > .col-md-6 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 50%;
}
#MPOuterMost #MPOuterFooter .newsletter-sub > .col-md-6:first-child {
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: cover;
    background-position: center;
}
.newsletter-sub .tile {
    width: 440px;
    max-width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
#MPOuterMost #MPOuterFooter .newsletter-sub > .col-md-6:last-child {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
}
.newsletter-sub > .col-md-6:last-child .HtmlContent {
    width: 360px;
    max-width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
#FOOTER .newsletter-sub h2 {
    margin-top: 0;
    margin-bottom: 24px;
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.1px;
    color: #000;
}
#MPOuterFooter .newsletter-sub {
    color: #000;
}
.newsletter-sub p:has(input) {
    margin-bottom: 20px;
}
.newsletter-sub input {
    width: 100%;
    height: 48px;
    border: none;
    box-shadow: none;
    background-color: #efefef;
    padding: 12px 16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1px;
    color: rgba(0,0,0,0.5);
}

/************ interior page titles ************/

#InteriorPageTitle {
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--gareui-sky);
}
#InteriorPageTitle #RibbitBanner_MPInnerPageSVGBanner {
    background-image: none;
    height: auto !important;
}
#InteriorPageTitle svg {
    display: none;
}
#InteriorPageTitle .svg-overlay-container {
    position: relative !important;
    height: 250px !important;
    color: #000 !important;
}
#InteriorPageTitle .svg-overlay-container > div {
    max-width: 1442px !important;
    position: relative;
}
#InteriorPageTitle .svg-overlay-container > div::after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    width: 460px;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/page_title_backgrounds/right-side-lines-and-swoop.png');
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
    color: #000 !important;
    padding: 28px 98px 28px 16px;
    height: 250px;
    width: 620px;
    margin-left: 0 !important;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/page_title_backgrounds/Page_Title_Text_Area.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    align-items: center;
}

/************ careers page ************/

.careers .pad-content-left > .col-md-6:last-child img {
    margin-left: auto;
}

/************ library pages ************/

/****** main library page ******/

/*** share a resource button ***/

body.ribbit .share-resource {
    text-align: right;
    margin-bottom: 56px;
}
body.ribbit .share-resource h2 {
    margin-top: 0;
    margin-bottom: 16px;
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    letter-spacing: -0.36px;
}
.share-resource.make-buttons em a {
    font-weight: 500;
}
.share-resource.make-buttons em a::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: '\2b';
    float: left;
    margin-right: 16px;
}

/************ interior HTML pages ************/

@media (min-width: 992px) {
    .row.row-wide.extra-pad > div[class*="col-md-"]:not(:last-child) {
        padding-right: 24px;
    }
    .row.row-wide.extra-pad > div[class*="col-md-"]:not(:first-child) {
        padding-left: 24px;
    }
}

/****** bullet lists ******/

.HtmlContent ul {
    padding-left: 12px;
}
.HtmlContent ul li {
    margin-bottom: 8px;
    padding-left: 12px;
}
.HtmlContent ul li::marker {
    font-size: 10px;
}
.accordion-text .HtmlContent ul li {
    font-weight: 400;
}

/****** testimonials ******/

.testimonial {
    border-bottom: 11px solid var(--gareui-lime);
    background-color: var(--gareui-cream);
    padding: 50px 55px 30px 55px;
    box-shadow: 4px 4px 6px rgba(0,0,0,0.25);
    text-align: center;
    position: relative;
}
.testimonial::before {
    color: var(--gareui-plum);
    content: '“';
    font-family: 'Work Sans', sans-serif;
    font-size: 146px;
    line-height: 1;
    font-weight: 500;
    position: absolute;
    top: -40px;
    text-shadow: 4px 4px 6px rgba(0,0,0,0.25);
    left: 50%;
    transform: translateX(-50%);
}
.testimonial p {
    margin-bottom: 16px;
}
.testimonial p:last-child {
    margin-bottom: 0;
}

/************ our team ************/

/****** menu ******/

.anchor-link {
    position: absolute;
    top: -150px;
}
.yellow-menu button {
    display: none;
}
.yellow-menu ul {
    list-style-type: none;
    padding: 8px 16px;
    margin: 0;
}
.yellow-menu ul li {
    padding: 0;
    margin: 0;
}
.yellow-menu ul li a {
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #000;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    letter-spacing: 0.1px;
    font-size: 16px;
    line-height: 1.5;
}
.yellow-menu ul li:last-child a {
    border: none;
}

/*** sticky menu ***/

.yellow-menu {
    position: absolute;
    top: 0;
    left: -68px;
    z-index: 100;
    width: 238px;
    background-color: var(--gareui-gold);
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
.yellow-menu.sticky-menu {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 730px);
}

/*** flyout menu ***/

.yellow-menu.flyout-menu {
    position: fixed;
    left: 16px;
    bottom: 62px;
}
.yellow-menu.flyout-menu button {
    display: flex;
    align-items: center;
    background: transparent;
    padding: 0;
    border: none;
    font-size: 24px;
    line-height: 1;
    color: #000;
    position: absolute;
    bottom: -46px;
    left: 0;
}
.yellow-menu.flyout-menu button:is(:hover, :focus) {
    color: var(--gareui-plum);
}
.yellow-menu.flyout-menu button::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f0c9';
    font-weight: 300;
}
.yellow-menu.flyout-menu.flyout-open button::before {
    content: '\58';
}
.yellow-menu.flyout-menu button::after {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 0.1px;
    content: 'Teams Nav';
    margin-left: 8px;
    width: 60px;
    text-align: left;
}
.yellow-menu.flyout-menu ul {
    display: none;
}
.yellow-menu.flyout-menu.flyout-open ul {
    display: block;
}

/****** column styling ******/

.our-teams .col-md-8 > .row-wide:has(.col-md-4) {
    display: flex;
    justify-content: space-between;
}

/****** team cards ******/

.team {
    text-align: center;
}
.team button {
    background: transparent;
    border: none;
    padding: 0;
}
.team button:has(img),
.bio .bio-image {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
}
.team button img,
.bio-image img {
    width: 100%;
    height: auto;
}
.team button:has(img):is(:hover, :focus) {
    transform: scale(1.1);
}
.team p a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}
.team button h5,
.team button h5:is(:hover, :focus) {
    transition: .3s;
}
.team p a:is(:hover, :focus),
.team button h5:is(:hover, :focus) {
    text-decoration: underline;
    color: var(--gareui-plum);
}
.team button h5,
.team p {
    margin-top: 0;
    margin-bottom: 4px;
}
.team p:has(button),
.team p:last-child {
    margin-top: 0;
    margin-bottom: 0;
}

/****** team bios ******/

body.has-modal::before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
    transition: 0.3s;
    opacity: 0;
}

body.has-modal.bio-modal-open::before {
    z-index: 1200;
    opacity: 1;
    transition: 0.3s;
}

body.has-modal {
    position: relative;
}

body.has-modal.bio-modal-open {
    overflow: hidden;
}

.bio {
    display: none;
    position: fixed;
    height: 450px;
    width: 1184px;
    max-width: 90%;
    max-height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 48px 64px 32px 64px;
    background: #ffffff;
    box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.10);
    border-radius: 0;
    align-items: center;
}

.bio.open {
    display: flex;
    z-index: 1250;
}
.bio .HtmlContent {
    flex-basis: calc(100% - 264px);
    margin-left: auto;
    overflow: auto;
    max-height: 100%;
}
.bio button {
    position: absolute;
    top: 24px;
    right: 24px;
    padding: 0;
    border: none;
    background: transparent;
}
.bio button::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\58';
    font-weight: 300;
    color: #000;
    font-size: 24px;
    line-height: 1;
}
.bio button::before,
.bio button:is(:hover, :focus)::before {
    transition: .3s;
}
.bio button:is(:hover, :focus)::before {
    color: var(--gareui-sky);
}
body.ribbit .bio h5 {
    font-family: 'Merriweather', serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 8px;
    color: #000;
}
body.ribbit .bio p.bio-position {
    margin-top: 0;
    margin-bottom: 16px;
    font-family: 'Tilt Warp', sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/************ individual library entry page ************/

.title-row-background {
    background: transparent;
    padding: 0;
}

/************ communities page ************/

/****** tabs ******/

#MPOuterMost #MPOuter .tab-row.bg-mint {
    margin-top: 100px;
}
.tab-container > button,
.directory-tabs > button {
    display: none;
}
.tab-row .tabs {
    margin-top: -100px;
    border-bottom: 15px solid var(--gareui-pine);
    margin-left: -50px;
    margin-right: -50px;
    margin-bottom: 50px;
}
.tab-row .tabs button {
    padding: 12px 32px 4px 32px;
    margin-right: 16px;
    background: var(--gareui-mint);
    border-radius: 20px 20px 0 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: var(--gareui-pine);
    border: none;
    text-transform: uppercase;
}
.tab-row .tabs button.is-active,
.tab-row .tabs button:is(:hover, :focus) {
    background: var(--gareui-pine);
    color: #fff;
}

/****** page styling ******/

.tab-row .pull-right.margin-bottom-medium.margin-top-medium {
    margin-top: 0;
}

/****** dropdown styling ******/

.networkgroups select.form-control {
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--gareui-pine);
}

/****** card styling ******/

.community-list.row.rowContainer {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 64px;
    border: none;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}
.community-list .col-md-7,
.community-list .col-md-5 {
    padding: 0;
}
.community-list .col-md-7 {
    width: calc(100% - 265px);
}
.community-list .col-md-5 {
    width: 265px;
}
body.ribbit.profile #MPOuterMost .community-list .row {
    margin-left: 0;
    margin-right: 0;
}

/*** name + description ***/

.community-list .col-md-7 h3 {
    margin-top: 0;
    margin-bottom: 24px;
    color: #000;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: -0.4px;
    font-weight: 900;
}
.community-list .col-md-7 h3 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.community-list .col-md-7 h3 a:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}
.community-list .col-md-7 p {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}
.community-list .col-md-7 p small,
.community-list .col-md-7 p small span {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}
.community-list .col-md-7 p[id*="LastJoined"] .label {
    margin-right: 16px;
}
.community-list .col-md-7 p[id*="LastJoined"] small {
    margin-left: -11px;
}

/*** join button ***/

.community-list .btn-primary[id*="Join_"],
.community-list .btn-primary.request-to-join {
    min-width: 160px;
    text-align: center;
    padding: 11px 19px;
    font-size: 18px;
    line-height: 24px;
}

/*** community stats ***/
body.ribbit .community-list .col-md-5 div[id*="pnlAttributes"] .pull-right {
    margin: -8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    float: none !important;
}
body.ribbit .community-list .btn.btn-community-stats-static,
body.ribbit .community-list .btn.btn-community-stats-static:is(:hover, :focus) {
    border: 1px solid #000 !important;
    background: transparent;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    padding: 12px 16px;
    display: inline-flex;
    flex-direction: row-reverse;
    margin: 8px;
}
body.ribbit .community-list .btn.btn-community-stats-static .badge {
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit;
    margin-right: 8px;
    top: 0;
}
body.ribbit .community-list .btn.btn-community-stats-static:is(:hover, :focus) {
    color: #fff;
    background-color: #000;
}
body.ribbit .community-list .btn.btn-community-stats-static[id*="Documents"] {
    display: none;
}
body.ribbit .community-list .btn.btn-community-stats-static::after {
    font-family: "Font Awesome 6 Pro";
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: 300;
    letter-spacing: normal;
    margin-right: 8px;
}
body.ribbit .community-list .btn.btn-community-stats-static[id*="Discussion"]::after {
    content: '\f086';
}
body.ribbit .community-list .btn.btn-community-stats-static[id*="Member"]::after {
    content: '\f0c0';
}

/************ community landing page ************/

@media (min-width: 992px) {
    .groupdetails .bg-mint > .col-md-12 > .row > .col-md-8 {
        padding-right: 24px;
    }
    .groupdetails .bg-mint > .col-md-12 > .row > .col-md-4 {
        padding-left: 24px;
    }
}

/****** community HTML ******/

.summary-edit {
    display: flex;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.summary-edit .img-container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 35%;
    min-height: 250px;
    height: auto;
    position: relative;
}
.summary-edit .img-container::after {
    content: '';
    background-image: url('//higherlogicdownload.s3.amazonaws.com/RACIALEQUITYALLIANCE/13a2c3dd-a32f-4f15-b070-ebf0bc035731/UploadedImages/Dev/CLP-html-image-lines.svg');
    background-size: 100% 100%;
    width: 50%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.summary-edit .Content {
    padding: 20px;
    flex-basis: 65%;
    align-self: center;
}
.summary-edit .Content h3 {
    margin-top: 0;
}
.summary-edit .Content p:last-child {
    margin-bottom: 0;
}

/****** community & directory tabs ******/

body.ribbit.community-pages #MPOuterMost #MPOuter .bg-mint,
body.ribbit #MPOuterMost #MPOuter .directory-page .bg-mint,
body.ribbit.blogviewer #MPOuterMost #MPOuter .bg-mint {
    margin-top: 150px;
}
body.ribbit.viewdocument #MPOuterMost #MPOuter .bg-mint {
    margin-top: 50px;
    border-radius: 20px;
}
body.ribbit.community-pages #MPOuterMost #MPOuter .bg-mint,
body.ribbit.community-pages #MPOuterMost #MPOuter .bg-mint .row-wide,
body.ribbit.community-pages #MPOuterMost #MPOuter .bg-mint .col-md-12,
body.ribbit #MPOuterMost #MPOuter .directory-page .bg-mint,
body.ribbit #MPOuterMost #MPOuter .directory-page .bg-mint .row-wide,
body.ribbit #MPOuterMost #MPOuter .directory-page .bg-mint .col-md-12,
body.ribbit.blogviewer #MPOuterMost #MPOuter .bg-mint,
body.ribbit.blogviewer #MPOuterMost #MPOuter .bg-mint .row-wide,
body.ribbit.blogviewer #MPOuterMost #MPOuter .bg-mint .col-md-12 {
    max-width: 1340px;
}

body.ribbit .bg-mint .community-tabs-container-outer,
body.ribbit .bg-mint .directory-tabs  {
    margin-top: -110px;
    margin-bottom: 50px;
    margin-left: -50px;
    width: calc(100% + 100px);
    background: transparent;
    display: block;
    position: relative;
}
body.ribbit #MPOuterMost .col-md-12.section1:has(.directory-tabs) {
    padding-left: 8px;
    padding-right: 8px;
}
body.ribbit .bg-mint .community-tabs-container-outer::after,
body.ribbit .bg-mint .directory-tabs::after,
body.ribbit.profile .nav-tabs[id*="ProfileTabList"]::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    border-bottom: 16px solid var(--gareui-pine);
    display: block;
}
body.ribbit .bg-mint .community-tabs-container-outer .community-tabs-container {
    max-width: 100%;
    display: block;
}
body.ribbit .bg-mint .directory-tabs ul {
    display: flex;
    list-style-type: none;
}
body.ribbit .bg-mint .directory-tabs ul,
body.ribbit .bg-mint .directory-tabs ul li {
    padding: 0;
}
body.ribbit .bg-mint .directory-tabs ul li {
    margin-bottom: 0;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li,
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li {
    border: none;
    margin-bottom: 1px;
}
body.ribbit .bg-mint .directory-tabs li a {
    display: inline-block;
    text-decoration: none;
}
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li {
    float: none;
    position: relative;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a,
body.ribbit .bg-mint .directory-tabs li a,
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li > a {
    background-color: var(--gareui-mint);
    color: #000;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-weight: 500;
    padding: 12px 32px;
    border-radius: 20px 20px 0 0;
    margin-right: 16px;
    text-transform: uppercase;
    border: none;
    height: auto;
}
/* making profile tabs smaller so they fit */

body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li > a {
    font-size: 14px;
    padding: 12px;
    margin-right: 8px;
}
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li:last-of-type > a {
    margin-right: 0;
}

/* end profile tab size adjustments */

body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active a,
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a:is(:hover, :focus),
body.ribbit .bg-mint .directory-tabs li.active a,
body.ribbit .bg-mint .directory-tabs li a:is(:hover, :focus),
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li.active > a,
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li > a:is(:hover, :focus),
body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li.active > a:is(:hover, :focus) {
    background-color: var(--gareui-pine);
    color: #fff;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a .badge {
    padding: 0;
    background: transparent;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
    border-radius: 0;
    min-width: 0;
    vertical-align: unset;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a .badge::before {
    content: '(';
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a .badge::after {
    content: ')';
}
body.ribbit .bg-mint .community-tabs-container-outer .community-tabs-actions {
    position: absolute;
    right: -8px; /* offsetting this by 8px to account for the 8px margin to the right of all the children */
    top: -48px;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li a.dropdown-toggle {
    margin-right: 0;
    padding: 12px 16px;
}

/*** mobile dropdowns ***/

body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs .dropdown-menu {
    padding: 0;
    border: none;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs .dropdown-menu li {
    margin-bottom: 0;
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs .dropdown-menu li a {
    border-radius: 0;
    margin: 0;
    border-bottom: 1px solid var(--gareui-pine);
}
body.ribbit .bg-mint .community-tabs-container #CommunityTabsContainer.nav.nav-tabs .dropdown-menu li:last-child a {
    border-bottom: none;
}

/****** discussions ******/

.groupdetails .HLDiscussions ul li,
.bg-mint .latest-contributed-content-list ul li,
.followed-content-results .row.followed-content-item,
.bg-mint .SearchResults.HLLandingControl .Content ul li,
.groupdetails .HLMyDocuments ul li {
    background: #fff;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 32px 48px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.groupdetails .HLDiscussions ul li .title-row > .col-md-10,
.latest-contributed-content-list ul li .title-row > .col-xs-10 {
    width: 100%;
    padding: 0;
}
.groupdetails .HLDiscussions ul li .byline-image,
.latest-contributed-content-list ul li .byline-image {
    display: flex;
    align-items: center;
}
.latest-contributed-content-list ul li .byline-image {
    margin-bottom: 24px;
}
.groupdetails .HLDiscussions ul li .byline-image > a,
.latest-contributed-content-list ul li .byline-image > a:has(img),
td.ProfilePic a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
}
.latest-contributed-content-list ul li .byline-image > a:has(img) {
    margin-right: 24px;
}
.groupdetails .HLDiscussions ul li .byline-image > a img,
.latest-contributed-content-list ul li .byline-image > a img,
td.ProfilePic a img {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    max-height: unset;
}
.groupdetails .HLDiscussions ul li .byline-image .ByLine {
    width: calc(100% - 56px);
}
.groupdetails .HLDiscussions ul li .byline-image .ByLine,
.groupdetails .HLDiscussions ul li .CommentPanel,
.latest-contributed-content-list ul li .ByLine,
.latest-contributed-content-list ul li .byline-image h5,
.followed-content-item .text-muted,
.title-row .ByLine {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
}
.title-row .ByLine {
    color: #595959;
}
.groupdetails .HLDiscussions ul li .byline-image .ByLine a,
.groupdetails .HLDiscussions ul li .CommentPanel a,
.latest-contributed-content-list ul li .ByLine a,
.followed-content-item td:not(.ProfilePic) a,
.title-row .ByLine a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.title-row .ByLine a {
    color: #000;
}
.groupdetails .HLDiscussions ul li .byline-image .ByLine a:is(:hover, :focus),
.groupdetails .HLDiscussions ul li .CommentPanel a:is(:hover, :focus),
.latest-contributed-content-list ul li .ByLine a:is(:hover, :focus),
.followed-content-item td:not(.ProfilePic) a:is(:hover, :focus),
.title-row .ByLine a:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}
.latest-contributed-content-list ul li .byline-image h5 {
    margin-top: 0;
    margin-bottom: 0;
}
.latest-contributed-content-list ul li .byline-image .ByLine + h5,
.latest-contributed-content-list ul li .byline-image .ByLine > span:last-child {
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
}
.latest-contributed-content-list ul li .byline-image .ByLine > span:last-child::before,
.latest-contributed-content-list ul li .byline-image .ByLine + h5::before {
    height: 16px;
    content: '';
    border-left: 2px solid #000;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}
.groupdetails .HLDiscussions ul li h3 {
    margin-top: 24px;
    margin-bottom: 8px;
    color: #000;
    font-size: 24px;
    line-height: 1.333333;
    font-weight: 900;
}
.groupdetails .HLDiscussions ul li h3 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;
}
.groupdetails .HLDiscussions ul li h3 a:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}

/****** announcements ******/

.groupdetails .HLAnnouncements.HLLandingControl .Content {
    background: #fff;
    border-radius: 20px;
    padding: 32px 16px 48px 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.groupdetails .HLAnnouncements.HLLandingControl .Content ul.slick-slider,
.groupdetails .HLAnnouncements .Content div[id*="MoreLink"],
.groupdetails .HLAnnouncements.HLLandingControl .Content h3 {
    margin-bottom: 0;
}
.groupdetails .HLAnnouncements.HLLandingControl .Content .slick-track {
    display: flex;
}
.groupdetails .HLAnnouncements .Content ul.include-ul > li,
.groupdetails .HLAnnouncements .Content ul.include-ul li.slick-slide {
    padding: 0 16px;
    margin: 0;
    border: none;
}
.groupdetails .HLAnnouncements .Content ul.include-ul li.slick-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}
.groupdetails .HLAnnouncements .Content ul.include-ul li.slick-slide > div + div {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.groupdetails .HLAnnouncements.HLLandingControl .Content .HLContainer {
    padding: 0;
    margin-top: auto;
}
.groupdetails .HLAnnouncements.HLLandingControl .Content .margin-top-small.margin-bottom-small {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*** arrows and dots ***/

/* arrows */

.HLAnnouncements .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gareui-ice);
    color: #000;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    top: calc(50% - 20px);
}
.HLAnnouncements .slick-arrow:is(:hover, :focus) {
    background-color: var(--gareui-sky);
}
.HLAnnouncements .slick-arrow.prev-arrow {
    left: -36px;
}
.HLAnnouncements .slick-arrow.next-arrow {
    right: -36px;
}

/* dots */

.HLAnnouncements ul.slick-dots {
    text-align: left;
    padding: 0 16px;
    bottom: -24px;
    right: 0;
    width: auto;
}
.HLAnnouncements.HLLandingControl ul.slick-dots li {
    border: none;
    width: 8px;
    height: 8px;
}
.HLAnnouncements ul.slick-dots li button {
    width: 8px;
    height: 8px;
    background: #ccc;
    border-radius: 50%;
}
.HLAnnouncements ul.slick-dots li button:is(:hover, :focus),
.HLAnnouncements ul.slick-dots li.slick-active button {
    background: var(--gareui-gold);
}

/****** styling for non-slider announcements ******/

.groupdetails .HLAnnouncements .Content ul.include-ul > li + li {
    margin-top: 24px;
}

/****** increasing font size for full-width announcements ******/

.groupdetails .col-md-12 > .ContentUserControl .HLAnnouncements {
    font-size: 18px;
}

/****** threads page ******/

div[id*="MessagePanel"] > .row.row-border-bottom:first-child > .col-md-4.center {
    margin-bottom: 15px;
}

.contributed-content-list .col-md-12 .btn-group.bootstrap-select,
.contributed-content-list .col-md-12 .btn-group.bootstrap-select select.toselectpicker {
    width: auto !important;
}
.bg-mint .table-responsive {
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-top: 48px;
    border-radius: 20px;
    overflow: hidden;
}
body.ribbit .bg-mint .table-thead-background tr th {
    background-color: var(--gareui-mint) !important;
    color: #000 !important;
    border-bottom-color: var(--gareui-pine);
}
div[id*="MessagePanel"] > .row.no-margin {
    border: none;
}
div[id*="MessagePanel"] > .row.no-margin > .col-md-9 {
    width: 100%;
    padding: 0;
    float: none !important;
}
.message-list-controls {
    margin: -4px;
}
.message-list-controls.form-inline > .form-group {
    margin: 4px;
}

/*** hiding 'status' column ***/

.digest-viewer tr > *:last-child {
    display: none;
}

/****** library page ******/

body.ribbit .library-content {
    background: transparent;
}
.LibraryEntriesDashboard .bootstrap-4 .hl-widget-card {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}
.LibraryEntriesDashboard .bootstrap-4 .text-meta,
.LibraryEntriesDashboard .bootstrap-4 .small,
.LibraryEntriesDashboard .bootstrap-4 small,
.LibraryEntriesDashboard .bootstrap-4 .text-secondary-graphics {
    color: #000 !important;
}
.LibraryEntriesDashboard .bootstrap-4 a.link-meta {
    color: #000;
}
.LibraryEntriesDashboard .bootstrap-4 .btn-contains-title:hover h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-contains-title:hover .h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-contains-title:focus h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-contains-title:focus .h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-card:focus h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-card:focus .h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-card:hover:not(:disabled) h3,
.LibraryEntriesDashboard .bootstrap-4 .btn-card:hover:not(:disabled) .h3,
.LibraryEntriesDashboard .bootstrap-4 a.link-meta:is(:hover, :focus),
.LibraryEntriesDashboard .bootstrap-4 a.link-meta:is(:hover, :focus):not(:disabled) {
    color: var(--gareui-plum);
}
body.ribbit .library-content .hl-carousel .hl-carousel-arrow-container {
    background: var(--gareui-light-mint);
    position: relative;
}
body.ribbit .library-content .hl-carousel .hl-carousel-arrow-container::after { /* concealing box shadow from the card being covered */
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -10px;
    background: var(--gareui-light-mint);
}
.LibraryEntriesDashboard .hl-carousel .hl-carousel-arrow,
.LibraryEntriesDashboard .hl-carousel .hl-carousel-arrow:disabled:is(:hover, :focus) {
    background: var(--gareui-mint);
}
.LibraryEntriesDashboard .hl-carousel .hl-carousel-arrow:is(:hover, :focus):not(:disabled) {
    background: var(--gareui-pine);
    color: #fff;
}
.LibraryEntriesDashboard .bootstrap-4 .bg-bg1 {
    background: var(--gareui-mint) !important;
    border-radius: 20px;
}
.LibraryEntriesDashboard .library-entry.library-row {
    background: #fff;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin-top: 24px;
    border: 2px solid transparent;
}
.LibraryEntriesDashboard .library-card.grid-card .card-body {
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}
.LibraryEntriesDashboard .bootstrap-4 .hl-widget-card:not(.horizontal-card)>:first-child,
.LibraryEntriesDashboard .bootstrap-4 .hl-widget-card:not(.horizontal-card)>:first-child>:first-child {
    border-radius: 20px 20px 0 0;
}
.LibraryEntriesDashboard .library-content .content-with-panels .left-panel {
    background-color: var(--gareui-mint);
    border-radius: 20px;
}
.library-bottomRow.border-top.border-rules {
    border: none !important;
}
.bg-mint .pagination-row {
    background: transparent;
}
.library-bottomRow .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 3px 9px;
}
.bg-mint .library-bottomRow .pagination-row .form-control.btn {
    border: 1px solid var(--gareui-pine);
}
body.ribbit .bootstrap-4 fieldset.icon-radio-group label input+* {
    background-color: #fff;
    color: var(--gareui-plum);
    border-color: var(--gareui-plum);
}
body.ribbit .bootstrap-4 fieldset.icon-radio-group label input:not([aria-checked=true])+:hover {
    background-color: var(--gareui-plum);
    border-color: var(--gareui-plum);
    color: #fff;
}

body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .layout-grid-cell {
    border-radius: 20px;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected {
    background: transparent !important;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected .library-entry.library-row {
    border: 2px solid var(--gareui-mint);
}
.library-filterRow {
    margin-bottom: 24px;
}
.library-row--list {
    padding-left: 16px;
    padding-right: 16px;
}
.bg-mint .LibraryEntriesDashboard .bootstrap-4 .btn-ghost.focus,
.bg-mint .LibraryEntriesDashboard .bootstrap-4 .btn-ghost:focus,
.bg-mint .LibraryEntriesDashboard .bootstrap-4 .btn-ghost.hover,
.bg-mint .LibraryEntriesDashboard .bootstrap-4 .btn-ghost:hover:not(:disabled) {
    background-color: var(--gareui-lime);
    border-color: var(--gareui-lime);
}
body.ribbit .bootstrap-4 .btn-contains-title:focus h3,
body.ribbit .bootstrap-4 .btn-contains-title:focus .h3,
body.ribbit .bootstrap-4 .btn-contains-title.container-btn .container-btn-button:focus~.container-btn-content h3,
body.ribbit .bootstrap-4 .btn-contains-title.container-btn .container-btn-button:focus~.container-btn-content .h3 {
    color: var(--gareui-plum);
}

/*** folders ***/

.bg-mint .library-folders-tree .folder-item.container-btn {
    background: transparent;
}
.bg-mint .library-folders-tree .folder-item.container-btn .folder-item-inner {
    border: none;
}
.bg-mint .library-folders-tree small {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 8px;
    background-color: transparent;
}
.bg-mint .library-folders-tree .folder-item.container-btn small.folder-item-name:is(:hover, :focus) {
    text-decoration: none;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner {
    border-radius: 8px;
    position: relative;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected.folder-item-inner,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner:is(:hover, :focus) {
    background-color: rgba(149, 203, 80, 0.50) !important;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner::after {
    position: absolute;
    border-radius: 3px;
    height: 16px;
    width: 4px;
    left: 0;
    top: calc(50% - 8px);
    content: '';
    background-color: var(--gareui-lime);
    opacity: 0;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected.folder-item-inner::after,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner:is(:hover, :focus)::after {
    opacity: 1;
}
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner:is(:hover, :focus),
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner:is(:hover, :focus)::after,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected.folder-item-inner,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .folder-item-inner::after,
body.ribbit .bg-mint .LibraryEntriesDashboard .bootstrap-4 .bg-selected.folder-item-inner::after {
    transition: .3s;
}
.bg-mint .library-grid .rst__lineBlock,
.bg-mint .library-grid .rst__lineChildren {
    display: none;
}
.rst__node:first-child .library-folder-drop .container-btn-content .folder-item-inner .folder-item-name::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f07b';
    margin-right: 4px;
}

/*** pagination ***/

.LibraryEntriesDashboard .bootstrap-4 .pagination .page-item.disabled .page-link {
    background-color: transparent;
}
ul.pagination {
    display: flex;
    justify-content: center;
}
ul.pagination li:not([id*="AlphaPager"]) > span,
ul.pagination li:not([id*="AlphaPager"]) a,
#MPOuterMost ul.pagination li:not([id*="AlphaPager"]) button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    background: transparent;
    color: var(--gareui-pine);
    margin: 0;
    padding: 0;
}
.pagination>li:not([id*="AlphaPager"]):first-child>a,
.pagination>li:not([id*="AlphaPager"]):first-child>span,
.pagination>li:not([id*="AlphaPager"]):last-child>a,
.pagination>li:not([id*="AlphaPager"]):last-child>span {
    border-radius: 50%;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    border: transparent;
}
.pagination>.disabled:first-child,
.pagination>.disabled:last-child {
    display: none;
}
ul.pagination li:not([id*="AlphaPager"]) > span:is(:hover, :focus),
ul.pagination li:not([id*="AlphaPager"]) a:is(:hover, :focus),
#MPOuterMost ul.pagination li:not([id*="AlphaPager"]) button:is(:hover, :focus) {
    background: transparent;
    border-color: var(--gareui-pine);
}
ul.pagination li.active:not([id*="AlphaPager"]) span,
ul.pagination li.active:not([id*="AlphaPager"]) a,
#MPOuterMost ul.pagination li.active:not([id*="AlphaPager"]) button,
ul.pagination li.active:not([id*="AlphaPager"]) span:is(:hover, :focus),
ul.pagination li.active:not([id*="AlphaPager"]) a:is(:hover, :focus),
#MPOuterMost ul.pagination li.active:not([id*="AlphaPager"]) button:is(:hover, :focus) {
    border-color: var(--gareui-pine);
    background-color: var(--gareui-pine);
    color: #fff;
}
#MPOuterMost .pagination-row .page-spread .page-item:hover .page-link:not(.directional) span:after {
    display: none;
}
#MPOuterMost .bootstrap-4 ul.pagination .bg-selected {
    background: var(--gareui-pine) !important;
    color: #fff;
    border-color: var(--gareui-pine);
}

/* alpha pagination */

ul.pagination li[id*="AlphaPager"] > span,
ul.pagination li[id*="AlphaPager"] a,
#MPOuterMost ul.pagination li[id*="AlphaPager"] button {
    border-color: var(--gareui-pine);
    color: var(--gareui-pine);
}
ul.pagination li[id*="AlphaPager"] > span:is(:hover, :focus),
ul.pagination li[id*="AlphaPager"] a:is(:hover, :focus),
#MPOuterMost ul.pagination li[id*="AlphaPager"] button:is(:hover, :focus) {
    border-color: var(--gareui-pine);
    color: var(--gareui-pine);
    background-color: var(--gareui-light-mint);
}
ul.pagination li.active[id*="AlphaPager"] span,
ul.pagination li.active[id*="AlphaPager"] a,
#MPOuterMost ul.pagination li.active[id*="AlphaPager"] button,
ul.pagination li.active[id*="AlphaPager"] span:is(:hover, :focus),
ul.pagination li.active[id*="AlphaPager"] a:is(:hover, :focus),
#MPOuterMost ul.pagination li.active[id*="AlphaPager"] button:is(:hover, :focus) {
    background-color: var(--gareui-pine);
    color: #fff;
    border-color: var(--gareui-pine);
}
.pagination>li[id*="AlphaPager"]:first-child>a,
.pagination>li[id*="AlphaPager"]:first-child>span {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.pagination>li[id*="AlphaPager"]:last-child>a,
.pagination>li[id*="AlphaPager"]:last-child>span {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

/****** members page ******/

.member-directory .member-row {
    margin-left: 0;
    margin-right: 0;
    border: none;
    margin-top: 20px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 16px 24px;
    display: flex;
    align-items: center;
}
.member-directory .member-row > div {
    padding: 0;
    float: none;
}
.member-directory .member-row > div .row {
    margin: 0;
}
.member-directory .member-row > div .col-md-12 {
    padding: 0;
}
.member-directory .member-row > div.member-picture {
    width: 50px !important;
    margin-right: 32px !important;
    margin-bottom: 0;
}
.col-md-4 .member-directory .member-row > div.admin-image {
    width: 50px;
    margin-right: 16px;
}
.col-md-4 .member-directory .member-row > div.admin-image img {
    border-radius: 50%;
}
.member-directory .member-row > div.member-picture:not(:has(img)) {
    width: 0 !important;
    margin-right: 0 !important;
}
.member-directory .member-row > div.name-contact {
    width: calc(100% - 524px);
}
.member-directory .member-row > div.col-sm-4.col-xs-10 {
    width: calc(100% - 66px);
}
.member-directory .member-row div.member-name {
    margin-bottom: 16px;
}
.col-md-4 .member-directory .member-row div.member-name {
    margin-bottom: 0;
}
.member-directory .member-row div.member-name a {
    font-family: 'Merriweather', sans-serif;
    color: #000;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
}
.col-md-4 .member-directory .member-row div.member-name a {
    font-size: 18px;
    line-height: 24px;
}
.member-directory .member-row div.member-name a:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}
.member-directory .member-row > div.name-contact .employment-details {
    display: flex;
    font-family: "Work Sans", sans-serif;
}
.member-directory .member-row > div.name-contact .employment-details,
.member-directory .member-row > div.name-contact .employment-details * {
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
}
.member-directory .member-row > div.name-contact .employment-details div + div {
    border-left: 2px solid #000;
    margin-left: 8px;
    padding-left: 8px;
}
.member-directory .member-row > div.name-contact .employment-details .employment-location {
    text-decoration: underline;
}
.col-md-9 .member-directory .member-row > div.name-contact .employment-details {
    display: block;
}
.col-md-9 .member-directory .member-row > div.name-contact .employment-details div + div {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    margin-top: 8px;
}
.member-directory .member-row > div.actions {
    width: 410px;
    margin-left: auto;
}
.member-directory .member-row > div.actions .col-md-12 {
    margin: -8px;
}
.member-directory .member-row > div.actions .col-md-12 .btn {
    margin: 8px;
}

/****** blogs page ******/

body.ribbit div[id*="BlogContents"] > .row:first-child .btn.btn-success.pull-right {
    margin-right: 8px;
}
body.ribbit div[id*="BlogContents"] > div.row-border-top {
    border-top: none;
}
.blogs-parent-container {
    margin-left: -16px;
    margin-right: -16px;
}
body.ribbit div[id*="BlogContents"] .blogs-block {
    width: calc(33.3333333% - 16px);
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    margin: 16px 8px;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
}
body.ribbit div[id*="BlogContents"] .blogs-block .row,
body.ribbit div[id*="BlogContents"] .blogs-block .col-md-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
body.ribbit .blogs-block .img-container {
    height: 200px;
}
body.ribbit .blogs-block .text-container {
    padding: 24px;
}
body.ribbit .blogs-block .text-container h3 {
    font-family: "Merriweather", serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 900;
    color: #000;
}
body.ribbit .blogs-block .text-container h3 a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin-bottom: 24px;
}
body.ribbit .blogs-block .text-container h3 a:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}
body.ribbit .blogs-block .text-container .col-md-8 {
    width: 100%;
    padding: 0;
}

/*** all blogs page ***/

.blogs-row-container {
    background: linear-gradient(to bottom, rgba(195,230,237,0.5) 15.35%, rgba(242,237,221,0.5) 65.32%);
}
.blogs-parent-container .blogs-block div[id*="pnlTags"] {
    display: none;
}
.blogs-row-container .blogs-parent-container .blogs-block .blog-tags {
    margin: -4px -4px 20px -4px;
}
.blogs-row-container .blogs-parent-container .blogs-block a.label-search-tag,
.blogs-row-container .blogs-parent-container .blogs-block a.label-search-tag:is(:hover, :focus) {
    background: transparent;
    border: none;
    padding: 0;
    color: #000;
    font-family: 'Tilt Warp', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 4px;
}

/****** library page ******/

body.ribbit.viewdocument .bg-mint > .col-md-10 img {
    margin-bottom: 16px;
}

/************ directory pages ************/

div[id*="FindContactsPanel"] .col-md-10.col-md-offset-2 {
    width: 100%;
    margin-left: 0;
}
body.ribbit .bg-mint div.alert.alert-warning {
    background: #fff;
    color: #000;
}

/****** suggested contacts ******/

.directory-page .people-you-should-know .Content {
    display: flex;
    margin: -12px;
}
.directory-page .people-you-should-know .Content > .row {
    margin: 12px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.3333333% - 24px);
    display: flex;
}
.directory-page .people-you-should-know .Content > .row > .col-md-12 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
}
body.ribbit .HL-contact-suggestions .row ul {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 1px solid #efefef;
    padding: 24px 24px 24px 96px;
}
body.ribbit .HL-contact-suggestions .row ul li {
    border: none;
    margin: 0;
}

/************ profile page ************/

body.ribbit.profile h2.ProfileUserName {
    display: none;
}
body.ribbit.profile h2,
body.ribbit.profile .col-md-3 h2 {
    font-size: 18px;
    line-height: 1.2;
    font-family: "Work Sans", sans-serif;
    margin-bottom: 12px;
}
body.ribbit.profile .margin-bottom-small:has(h2) {
    margin-bottom: 0;
}
.ContactRequestContainer.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.ContactRequestContainer.btn-group>.btn:first-child:not(:last-of-type):not(.dropdown-toggle) {
    margin-bottom: 16px;
}
body.ribbit.profile #MPOuterMost div[id$=_upnlProfileImage] {
    margin-top: 0;
}
body.ribbit .profile-pronouns .margin-bottom-small {
    margin-bottom: 0;
}
body.ribbit .profile-pronouns ul {
    list-style-type: none;
    padding-left: 0;
}
body.ribbit.profile #MPOuterMost #MainCopy_ContentWrapper>.row:first-child>.col-md-3 {
    background: transparent;
}
body .well {
    background-color: var(--gareui-light-mint);
    border: 1px solid var(--gareui-mint);
}
body.ribbit.profile #MPOuterMost .bg-blue-swoosh > .col-md-12 > .row-wide > .col-md-3 {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}
body.ribbit.profile #MPOuterMost .bg-blue-swoosh > .col-md-12 > .row-wide > .col-md-3 + .col-md-9 {
    padding-left: 32px;
}
body.ribbit #labeled-chart-container svg > rect {
    fill: transparent !important;
}
.inbox-list .custom-search-form .input-group-btn .btn-success {
    padding: 5px 9px 4px 9px;
}
body.ribbit a.list-group-item.unread {
    background-color: var(--gareui-light-mint);
    color: #000;
}
body.ribbit .list-group-item {
    border-color: var(--gareui-mint);
}
body.ribbit.profile .ContentUserControl .row .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
body.ribbit.profile .HeaderStatusBar.row-border-bottom {
    border-bottom: none;
}
body.ribbit.profile .ContentUserControl.tabbed-content {
    padding-left: 0;
    padding-right: 0;
}
body.ribbit.profile .ui-widget-content {
    background: transparent;
}

/****** page title ******/

@media (min-width: 769px) {
    #MPOuterMost .bg-blue-swoosh {
        padding-top: 112px;
    }
    body.ribbit.profile .nav-tabs[id*="ProfileTabList"] {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    body.ribbit.profile #InteriorPageTitle {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        right: 0;
        background: none !important;
    }
    body.ribbit.profile .profileUserInfoNavContainer {
        margin-left: 0;
    }
    body.ribbit.profile #InteriorPageTitle .svg-overlay-container {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    
    body.ribbit.profile #InteriorPageTitle .svg-overlay-container > div {
        max-width: 1324px !important;
    }
    body.ribbit.profile #MPOuterMost .bg-blue-swoosh > .col-md-12 > .row-wide > .col-md-3 {
        margin-top: -88px;
    }
    body.ribbit.profile .profileUserInfoNavContainer {
        margin-left: calc(25% + 48px);
    }
}

body.ribbit.profile #InteriorPageTitle .svg-overlay-container > div::after {
    display: none;
}
body.ribbit.profile #MPOuterMost #InteriorPageTitle .profilePageTitleH1Container #PageTitleH1 {
    height: auto;
    padding: 0;
    background: none;
}

/****** tables ******/

body.ribbit .Container thead .Header td,
body.ribbit th, body.ribbit .ListContainer .ListHeader,
body.ribbit .drItemSubHeader,
body.ribbit .table-thead-background tr th,
body.ribbit .table-thead-background tr td {
    background-color: var(--gareui-mint) !important;
}
.community-notifications .email-settings.table>tbody>tr>td,
.community-notifications .email-settings.table>tbody>tr>th,
.community-notifications .email-settings.table>tfoot>tr>td,
.community-notifications .email-settings.table>tfoot>tr>th,
.community-notifications .email-settings.table>thead>tr>td,
.community-notifications .email-settings.table>thead>tr>th {
    border-bottom: 1px solid var(--gareui-pine);
}
.community-notifications .email-settings.table>tbody>tr>td,
.community-notifications .email-settings.table>tbody>tr>th,
.community-notifications .email-settings.table>tfoot>tr>td,
.community-notifications .email-settings.table>tfoot>tr>th,
.community-notifications .email-settings.table>thead>tr>td,
.community-notifications .email-settings.table>thead>tr>th {
    border-top: 1px solid var(--gareui-pine);
}

/************ company profile ************/ 

.jurisdiction-name span {
    display: block !important;
}

.jurisdiction-demographic > .row > .col-md-12 {
    display: flex;
}
body.ribbit .jurisdiction-demographic * {
    font-size: 18px;
    line-height: 28px;
}
.jurisdiction-demographic .col-md-12 .margin-bottom-small {
    margin-bottom: 0;
}
.jurisdiction-demographic h2#Title {
    font-size: 18px;
    line-height: 28px;
    margin: 0 8px 0 0;
}

/****** member list ******/
.member-list .Content > .row:first-child {
    display: flex;
    align-items: center;
}
.member-list .row .col-md-12:has( > .employee-block) {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 24px;
    margin-bottom: 16px;
    width: calc(100% + 16px);
}
.member-list .employee-block {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(20% - 16px);
    margin: 8px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.member-list .employee-block a[id*="UserImageDisplay"] {
    border-radius: 50%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    overflow: hidden;
}
.member-list .employee-block a[id*="UserImageDisplay"] img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    max-height: unset;
}
.member-list .employee-block a[id*="UserName"] {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700 !important;
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: none;
    color: #000;
}
.member-list .employee-block a[id*="UserName"]:is(:hover, :focus) {
    color: var(--gareui-plum);
    text-decoration: underline;
}

/************ interior community pages ************/

/****** thread page *******/

#DiscussionContentContainer > li,
.view-question-container .row > .col-md-12.media {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    overflow: hidden;
}
.view-question-container .row > .col-md-12.media {
    padding: 20px;
    margin-bottom: 20px;
}
#DiscussionContentContainer > li .pnl-row-item {
    background: transparent;
}
#DiscussionContentContainer div.row.drItemSubHeader.messagetitle-container,
#DiscussionContentContainer div.row.drItemSubHeader.highlightThread {
    background-color: var(--gareui-mint) !important;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.bg-mint .ui-widget-content.tagit {
    background: transparent;
}
.hltags .tagit-choice.tag-group-label.tagit-choice-read-only,
.hltags input.ui-widget-content,
.hltags .tagit-choice.tag-group-label.tagit-choice-read-only:hover {
    background: transparent;
    color: #000;
}
body.ribbit .related-results.block .related-result-row {
    border-color: var(--gareui-mint);
    background-color: #fff;
}
div[id*="divMessageThread"] > .row:first-child,
div[id*="divMessageThread"] > .row:first-child > .col-md-6:last-child > .input-group {
    display: flex;
    align-items: center;
}
div[id*="divMessageThread"] > .row:first-child > .col-md-6 {
    margin-bottom: 16px;
}
div[id*="divMessageThread"] > .row:first-child .margin-top-small {
    margin-top: 0;
}
div[id*="divMessageThread"] > .row:first-child .margin-bottom-small {
    margin-bottom: 0;
}
a[id*="ProfileImageDisplay"]:has(img) {
    display: inline-flex;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a[id*="ProfileImageDisplay"] img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    max-height: unset;
}

#DiscussionContentContainer .messageContentColumn ul {
    margin-bottom: 10px;
}

/************ blog viewer page ************/

.blog-permalink {
    margin-bottom: 24px;
}
body.ribbit.blogviewer .ItemRatingCommentPanel .btn.btn-default-override {
    font-size: 14px;
}

/************ individual event page ************/

#edit-event-button-container {
    min-width: 95px;
}
.emeventdescription #PageTitleH1 {
    font-size: 32px;
}

/************ style guide ************/

.style-guide h2 {
    position: relative;
}
.style-guide h2 a {
    position: absolute;
    top: -160px;
}
.style-guide #MPOuterMost #MPOuter .ContentItemHtml {
    margin-bottom: 24px;
}
.style-guide #MPOuterMost #MPOuter .ContentItemHtml.back-to-top {
    margin-bottom: 48px;
}
.style-guide img {
    margin-top: 12px;
    margin-bottom: 20px;
}

.style-guide table th,
.style-guide table td {
    padding: 8px 12px;
    border: 1px solid var(--gareui-mint);
}

/************ login page ************/

body.ribbit.login .HtmlContent img {
    width: 225px;
}

/************ responsive ************/

/****** larger screens only ******/

@media (min-width: 1201px) {
    body.ribbit div[id*="BlogContents"] > .row:first-child > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1233px) {
    .row.row-full.pad-content-left {
        display: flex;
        align-items: end;
    }
    .row.row-full.pad-content-left > div:first-child {
        padding-left: calc( 50% - 584px);
    }
}

/****** smaller screens only ******/

@media (max-width: 1485px) {
    .yellow-menu,
    .yellow-menu.sticky-menu {
        position: relative;
        left: auto;
        top: auto;
        max-width: 100%;
    }
}

@media (max-width: 1232px) {
    .row.row-full.pad-content-left > div:first-child {
        padding-left: 16px;
    }
    body.ribbit .footer-top-row, body.ribbit .footer-bottom-row {
        padding-left: 16px;
        padding-right: 16px;
    }
    #MPOuterMost.full #MPButtonBar {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 1200px) {
    body.ribbit #NAV>div {
        padding: 0;
    }
    .homepage-slider-container .homepage-slider.slick-slider {
        width: calc(100% - 128px);
    }
    .homepage-slider .slick-arrow.prev-arrow {
        left: -56px;
    }
    .homepage-slider .slick-arrow.next-arrow {
        right: -56px;
    }
    .member-list .row .col-md-12:has( > .employee-block) {
        padding-left: 0;
        padding-right: 0;
    }
    .member-list .employee-block {
        flex-basis: calc(25% - 16px);
    }
}

@media (max-width: 992px) {
    .interior .row-wide div[class*="section"] {
        padding-left: 8px;
        padding-right: 8px;
    }
    body.ribbit.contacts #MPOuterFooter .section1 {
        display: block !important;
    }
}

@media (max-width: 991px) {

    body.ribbit #searchColumn {
        position: relative;
        right: auto;
    }
    body.ribbit #SearchControl_SearchButton,
    #MPOuterMost #MPSearchBlock {
        display: block;
    }

    #MPSearchBlock .input-group {
        width: 100%;
    }

    .search-wrap {
        display: none;
    }

    #MPButtonBar>nav.navbar.navbar-default .row>.col-md-12 {
        display: flex !important;
        align-items: unset !important;
        flex-flow: column !important;
    }

    #MPButtonBar .SearchInputs input {
        border: 1px solid var(--gareui-mint);
    }

    body.ribbit #searchColumn #SearchControl_SearchBoxToggle {
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    .bg-yellow-plum {
        background: var(--gareui-gold);
    }
    .bg-yellow-gradient {
        background: linear-gradient(94deg, #C3E6ED 0%, var(--gareui-cream) 55.93%, #DFE9BE 108.47%);
    }
    .bg-blue-gradient-plum {
        background: linear-gradient(to bottom, #C3E6ED 22.28%, rgba(255, 255, 255, 0.00) 97.98%);
    }
    .bg-green-gradient::before,
    .bg-blue-gradient::before {
        height: 60px;
        top: -60px;
    }
    .bg-sky-blue::before {
        height: 45px;
        top: -44px;
    }
    #InteriorPageTitle .svg-overlay-container > div::after {
        display: none;
    }
    body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
        background: var(--gareui-sky);
        width: 100%;
        padding-right: 16px;
        height: auto;
    }
    #InteriorPageTitle .svg-overlay-container {
        height: auto !important;
    }
    body.ribbit.emeventdescription :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
        display: block;
    }
    .row.featured-content .col-md-6 + .col-md-6 {
        padding-left: 8px;
    }
    #MPOuter:has(.show-newsletter-sub) + #MPOuterFooter .newsletter-sub {
        display: block;
    }
    body.ribbit .row-full>[class*=col-]:not(:last-child),
    body.ribbit .row-wide>[class*=col-]:not(:last-child) {
        padding-bottom: 16px;
    }
    body.ribbit .row-full>[class*=col-]:not(:first-child),
    body.ribbit .row-wide>[class*=col-]:not(:first-child) {
        padding-top: 16px;
    }
    body.ribbit.our-teams .row-full>[class*=col-]:not(:first-child),
    body.ribbit.our-teams .row-wide>[class*=col-]:not(:first-child) {
        padding-top: 0;
    }
    body.ribbit.our-teams .row-full>[class*=col-]:not(:last-child),
    body.ribbit.our-teams .row-wide>[class*=col-]:not(:last-child) {
        padding-bottom: 0;
    }
    body.ribbit.home .HLLandingControl ul {
        flex-wrap: wrap;
    }
    body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl ul li {
        flex-basis: calc(100% - 16px);
    }
    .hero .row-wide > .col-md-6:first-child {
        padding-right: 8px;
    }
    .hero .row-wide > .col-md-6:last-child {
        padding-left: 8px;
    }
    .homepage-slider-container .homepage-slider.slick-slider {
        width: 100%;
        padding-bottom: 38px;
    }
    .homepage-slider .slick-arrow.prev-arrow,
    .homepage-slider .slick-arrow.next-arrow {
        right: 16px;
        bottom: -10px;
        top: auto;
    }
    .homepage-slider .slick-arrow.prev-arrow {
        left: auto;
        right: 40px;
    }
    .homepage-slide .col-md-6:first-child .HtmlContent:not(:has(img)) {
        padding-right: 0;
    }
    .homepage-slide .col-md-6:last-child .HtmlContent:not(:has(img)) {
        padding-left: 0;
    }
    .network-library.flex-row {
        display: flex;
        flex-direction: column-reverse;
    }
    body.ribbit .network-library.row-wide>[class*=col-]:not(:first-child) {
        padding-top: 0;
        padding-bottom: 16px;
    }
    body.ribbit .network-library.row-wide>[class*=col-]:not(:last-child) {
        padding-bottom: 0;
        padding-top: 16px;
    }
    .row.library-list {
        width: calc(50% - 20px);
    }
    body.ribbit .bg-mint.row-wide {
        padding-left: 32px;
        padding-right: 32px;
    }
    body.ribbit.viewthread .bg-mint.row-wide {
        padding-left: 8px;
        padding-right: 8px;
    }
    .tab-row .tabs,
    body.ribbit .bg-mint .directory-tabs {
        margin-left: -32px;
        margin-right: -32px;
        width: calc(100% + 64px);
    }
    .tab-row .tabs button,
    body.ribbit .bg-mint .directory-tabs ul li a {
        font-size: 14px;
        padding: 12px;
        margin-right: 8px;
    }
    .bg-mint .dropdown-group {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 24px;
        padding-right: 24px;
        width: calc(100% + 64px);
        flex-wrap: wrap;
    }
    body.ribbit .bg-mint .community-tabs-container-outer {
        margin-left: -32px;
        margin-right: -32px;
        width: calc(100% + 64px);
    }
    .bg-mint .dropdown-group > span,
    div.filter-button-group {
        margin: 8px;
    }
    .acl-cards .HLLandingControl .Content ul li {
        flex-basis: calc(50% - 20px);
    }

    body.ribbit .community-list.row.rowContainer {
        flex-direction: column;
        align-items: start;
    }
    body.ribbit .community-list .col-md-7 {
        width: 100%;
    }
    body.ribbit .community-list .col-md-5 {
        width: 100%;
    }
    body.ribbit .col-md-5 .pull-right {
        float: none !important;
        text-align: left;
    }
    body.ribbit .col-md-5 div[id*="pnlAttributes"] .pull-right {
        justify-content: start;
    }
    div[id*="EditHtmlContainer"] > .col-md-12 {
        padding: 0;
    }
    .panel-form, .post-message-contributed-content .panel.panel-form {
        padding: 48px;
    }
    .col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li {
        flex-basis: calc(50% - 16px);
    }
    body.ribbit div[id*="BlogContents"] .blogs-block {
        width: calc(50% - 16px);
    }
    .member-directory .member-row {
        flex-wrap: wrap;
    }
    .member-directory .member-row > div.name-contact {
        width: calc(100% - 82px);
    }
    .member-directory .member-row > div.actions {
        width: 100%;
        margin-left: 0;
        margin-top: 16px;
    }
    .directory-page .people-you-should-know .Content,
    .directory-page .people-you-should-know .Content > .row,
    .directory-page .people-you-should-know .Content > .row > .col-md-12 {
        display: block;
    }
    .directory-page .people-you-should-know .Content > .row > .col-md-12 {
        width: 100%;
    }

    body.ribbit.profile #MPOuterMost .bg-blue-swoosh > .col-md-12 > .row-wide > .col-md-3 + .col-md-9 {
        padding-left: 8px;
        margin-top: 32px;
    }
    .bg-blue-swoosh ~ .bg-mint.tab-row  .col-md-12 {
        width: 100%;
    }
    .member-list .employee-block {
        flex-basis: calc(33.33333333% - 16px);
    }

    /****** nav ******/

    body.ribbit .navbar-header #LogoNavPlaceholder {
        margin-left: 16px;
    }

    body.ribbit .navbar-header {
        display: flex;
    }


    body.ribbit #searchColumn {
        display: block !important;
        position: static;
    }

    body.ribbit #SearchControl_SearchButton,
    #MPOuterMost #MPSearchBlock {
        display: block;
    }



    body.ribbit .navbar-header #LogoNavPlaceholder {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0;
        flex: 1 0;
        margin-left: 1em;
    }

    body.ribbit #RibbitWelcomeMobile {
        display: block;
    }

    body.ribbit #RibbitWelcome {
        display: none;
    }

    .navbar-header {
        float: none;
    }

    .navbar-default .navbar-toggle {
        display: block;
        border: 0;
        margin-right: 6px;
    }

    .navbar-default .navbar-toggle:is(:hover, :focus) {
        border: 0;
        background: transparent;
    }

    body.ribbit #MPOuterHeader .navbar-toggle .icon-bar {
        background-color: var(--heading-text);
    }

    body.ribbit #CreateBtnWrapper {
        display: none;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 0;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        border-color: transparent;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 4px 0 4px 16px;
        border: none;
        text-align: left;
        color: #000;
    }

    body.ribbit #NAV #MPButtonBar nav.navbar.navbar-default,
    body.ribbit .navbar,
    body.ribbit .navbar-default .navbar-nav {
        display: inline-block;
    }

    body.ribbit #MPButtonBar .navbar-nav>li>.dropdown-menu {
        transform: none;
        margin-left: 10px;
        box-shadow: none
    }

    #MPSearchBlock {
        display: block;
    }

    #MPSearchBlock .input-group {
        width: 100%;
    }

    .search-wrap {
        display: none;
    }

    #MPButtonBar>nav.navbar.navbar-default .row>.col-md-12 {
        display: flex !important;
        align-items: unset !important;
        flex-flow: column !important;
    }
    body.ribbit #MPOuterMost #MPOuterHeader #MPButtonBar>nav.navbar-default>.navbar-collapse {
        padding: 0 16px;
    }
    body.ribbit .navbar-default .navbar-nav>li>a {
        margin: 0;
    }
    body.ribbit #SearchControl_SearchInputs .input-group,
    body.ribbit #MPSearchBlock {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .our-teams .col-md-8 > .row-wide:has(.col-md-12) {
        display: flex;
        justify-content: center;
    }
    .our-teams .col-md-8 > .row-wide:has(.col-md-4) {
        flex-wrap: wrap;
        justify-content: center;
    }
    .our-teams .col-md-8 > .row-wide .col-md-4 {
        flex-basis: 100%;
    }
    body.ribbit.our-teams .col-md-8 > .row-wide.hl-md-v-padding {
        padding-top: 0;
        padding-bottom: 0;
    }
    body.ribbit.our-teams .col-md-8 > .row-wide > .col-md-4 {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .bio.open {
        display: block;
    }
    .bio .HtmlContent {
        width: 100%;
        max-height: calc(100% - 216px);
    }
    .footer-bottom-row .col-md-12 {
        display: block;
    }
    .panel-form, .post-message-contributed-content .panel.panel-form {
        padding: 24px 32px;
    }
    .footer-copyright {
        margin-bottom: 8px;
    }
    .footer-bottom-row .footer-links ul {
        margin-left: -16px;
    }
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(2),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(3),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(4),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(5) {
        flex-basis: calc(50% - 16px);
    }
    .memberhome .library-list {
        width: calc(100% - 16px);
    }
    .search-results td.ProfilePic {
        padding-right: 16px;
        width: 64px;
    }
    body.ribbit .community-list.row.rowContainer {
        padding: 32px;
    }
    .tab-row .tabs {
        display: none;
        position: absolute;
        margin-top: 0;
        top: -50px;
        border-bottom: 0;
    }
    body.ribbit .bg-mint .directory-tabs {
        margin-top: -50px;
    }
    body.ribbit.profile .nav-tabs[id*="ProfileTabList"]::after,
    body.ribbit .bg-mint .directory-tabs::after {
        border-bottom: none;
    }
    .directory-tabs .HtmlContent {
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        display: none;
    }
    .tab-row .tabs.is-open,
    .directory-tabs.is-open .HtmlContent {
        display: block;
        z-index: 100;
    }
    .tab-container > button,
    .directory-tabs > button {
        display: block;
        position: absolute;
        top: -96px;
        left: -32px;
        background: var(--gareui-light-mint);
        color: var(--gareui-pine);
        border: none;
        font-size: 12px;
        padding: 8px 12px;
        text-align: center;
        line-height: 32px;
        font-family: 'Tilt Warp', sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .directory-tabs > button {
        left: 0;
    }
    .tab-container > button i,
    .directory-tabs > button i {
        font-size: 24px;
        margin-right: 8px;
        line-height: 32px;
        float: left;
    }
    .tab-container > button:is(:hover, :focus),
    .directory-tabs > button:is(:hover, :focus) {
        color: #fff;
        background-color: var(--gareui-pine);
    }
    body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li {
        margin-bottom: 0;
    }
    .tab-row .tabs button,
    body.ribbit .bg-mint .directory-tabs ul li a,
    body.ribbit.profile .nav-tabs[id*="ProfileTabList"] > li > a {
        border-radius: 0;
        margin: 0;
        border-bottom: 1px solid var(--gareui-pine);
        text-align: left;
        width: 100%;
    }
    body.ribbit .bg-mint .directory-tabs ul {
        display: block;
    }
    .messagetitle-container + .row {
        padding-left: 16px;
        padding-right: 16px;
    }
    a#add-calendar-event,
    a[id*="DisplayInbox_MarkRead"] {
        margin-right: -4px;
    }
    button#btnReply {
        margin-right: -5px;
    }
    .member-directory .member-row > div.member-picture {
        margin-right: 16px !important;
    }
    .member-directory .member-row > div.name-contact {
        width: calc(100% - 66px);
    }
    .member-list .employee-block {
        flex-basis: calc(50% - 16px);
    }
    body.ribbit.profile #InteriorPageTitle {
        background: var(--gareui-sky) !important;
    }
}

@media (max-width: 767px) {
    body.ribbit #MPButtonBar ul.nav.navbar-nav {
        padding: 0;
    }
    body.ribbit #MPButtonBar .dropdown-menu li a {
        padding: 4px 0 4px 16px !important;
    }
    div[id*="divMessageThread"] > .row:first-child, div[id*="divMessageThread"] > .row:first-child > .col-md-6:last-child > .input-group {
        display: block;
    }
    div[id*="divMessageThread"] > .row:first-child > .col-md-6:last-child {
        text-align: left;
        margin-top: 16px;
    }
    div[id*="divMessageThread"] > .row:first-child > .col-md-6:last-child > .pull-right {
        float: none !important;
    }
    div[id*="divMessageThread"] > .row:first-child > .col-md-6:last-child select {
        margin-top: 8px;
    }
    body.ribbit.profile .nav-tabs[id*="ProfileTabList"] {
        padding-top: 0;
        padding-bottom: 0;
        background: var(--gareui-mint);
    }
    .bg-blue-swoosh::before {
        display: none;
    }
    body.ribbit.profile ul[id$=_ProfileTabList] .open .dropdown-menu {
        transform: none;
        background-color: #fff;
    }
}

@media (max-width: 600px) {
    body.ribbit #MPOuterMost #MPOuter .horizontal-line-h2 h2,
    body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl .heading .col-md-12 h2 {
        display: block;
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 16px;
        margin-top: 0;
        position: relative;
        padding-top: 24px;
    }
    body.ribbit #MPOuterMost #MPOuter .horizontal-line-h2 h2::after,
    body.ribbit.home #MPOuterMost #MPOuter .HLLandingControl .heading .col-md-12 h2::after {
        position: absolute;
        left: 0;
        top: 0;
        width: 85px;
        margin-left: 0;
    }
    .acl-cards .HLLandingControl .Content ul li {
        flex-basis: calc(100% - 20px);
    }
    .summary-edit {
        display: block;
    }
    .groupdetails .HLDiscussions ul li,
    .bg-mint .latest-contributed-content-list ul li,
    .followed-content-results .row.followed-content-item,
    .bg-mint .SearchResults.HLLandingControl ul li {
        padding: 24px;
    }
    .panel-form, .post-message-contributed-content .panel.panel-form {
        padding: 16px;
    }
    body.ribbit h1 {
        font-size: 32px;
    }
    .col-md-12 > .events-feed .HLLandingControl .Content ul:not(.dropdown-menu) li {
        flex-basis: calc(100% - 16px);
    }
    body.ribbit div[id*="BlogContents"] .blogs-block {
        width: calc(100% - 16px);
    }
}

@media (max-width: 500px) {
    .row.library-list {
        width: calc(100% - 20px);
    }
    div.filter-button-group {
        width: 100%;
    }
    .bio .bio-image {
        width: 100px;
        height: 100px;
    }
    .bio .HtmlContent {
        max-height: calc(100% - 116px);
    }
    .panel-form {
        padding: 16px;
    }
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(2),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(3),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(4),
    .suggested-networks h2 + div[id*="UpdatePanel"] > .row:nth-child(5) {
        flex-basis: calc(100% - 16px);
    }
    .announcement-slider .slick-track .announcement-slide {
        flex-direction: column-reverse;
    }
    .announcement-slide .HtmlContent {
        width: 100%;
    }
    .announcement-slide .img-container {
        width: 100%;
        height: 175px;
    }
    .announcement-slider .slick-arrow {
        top: 157px;
    }
    body.ribbit .community-list.row.rowContainer {
        padding: 24px;
    }
    body.ribbit .community-list .col-md-7 h3 {
        font-size: 24px;
    }
    .messagetitle-container > .col-xs-6 {
        float: none;
        width: 100%;
    }
    .messagetitle-container > .col-xs-6.text-right,
    #MPOuterMost #MPOuter .messagetitle-container > .col-xs-6.text-right * {
        text-align: left;
    }
    .panel .form-group .col-md-10,
    .post-message-contributed-content .row:has(.form-group),
    .panel div[id*="EmailForm"] .form-group {
        margin-bottom: 24px;
    }
    body.ribbit .bg-mint .community-tabs-container-outer,
    body.ribbit .bg-mint .directory-tabs,
    .tab-row .tabs {
        margin-left: -24px;
        margin-right: -24px;
        width: calc(100% + 48px);
    }
    .tab-container > button {
        left: -24px;
    }
    body.ribbit .bg-mint.row-wide {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 480px) {
    a.btn-community-stats-static span.badge {
        display: inline;
        width: auto;
        margin: 0 4px 0 0;
        border: none;
    }
    .member-list .employee-block {
        flex-basis: calc(100% - 16px);
    }
}

@media (max-width: 425px) {
    body.ribbit h2 {
        font-size: 24px;
    }
    .member-directory .member-row div.member-name a {
        font-size: 18px;
        line-height: 1.5;
    }
}

@media (max-width: 368px) {
    body.ribbit div[id*="BlogContents"] > .row:first-child .btn.btn-success.pull-right {
        margin-top: 8px;
    }
    body.ribbit div[id*="BlogContents"] > .row:first-child .btn-group-sm.pull-right {
        margin-right: 8px;
    }
}

/***Tag selection fixes - CW - 2.6.25***/
/***Topic Titles***/
.tox .tox-autocompleter [title^="Tag Group: "] {
color: #8D0E5E;
font-size: 16px;
font-weight: 700;
}
/***Topic Tags***/
.tox .tox-collection__item {
color: #000000;
font-size: 14px;
}