/* Background Images and Footer */
/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/

a {
  color: #700F08;  
}  


.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: #700F08; 
}  


.hl-linkcolor-background {
  background-color: #700F08;  
}  

/*
a.user-content-mention {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #700F08;  
}  


a:hover {
  color: #C12E16;  
}  



.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: #C12E16;  
}  

/*
a.user-content-mention:hover {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #C12E16; 
} 

/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #660000;

/*
  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: #000000;


  color: #FFFFFF;

}    

fieldset {
  border-color: #660000;  
}  

fieldset legend {


  background-color: #660000;


  border-color: #660000;


  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: #700F08;  
}  

/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #B92C10;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #660000;  
}    

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #700F08;

}  
/*
.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: #700F08;

}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  

.SloganText {
  color: #660000;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #660000;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #660000;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #660000;


  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: #700F08;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #B92C10;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #700F08;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/

.breadcrumb li a {
  color: #700F08;  
}  


.MPBottomMenu ul li a {
  color: #FFFFFF;  
}        
/************************ Bootstrap Menus ***********************/  

.navbar-default, #NAV {
  background-color: #B92C10;      
  border-color: #B92C10;  
}  


.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;  
}  

.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: #660000;


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #660000;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  background-color: #B92C10;  
}  


#MPButtonBar .dropdown-menu li a {
  color: #FFFFFF;  
}  


#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: #B92C10;  
  }  

#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: #660000;


  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: #660000;
}


.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: #B92C10;
}
/************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #660000;
  --hl-bs--selected: #66000026;
  

  
  --hl-bs--primary-rgb: 102,0,0;
  --hl-bs--selected-rgb: 102,0,0, 50;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  
  --hl-bs--link: #700F08;
  

  
  --hl-bs--link-rgb: 112,15,8;
  

  
  --hl-bs--link-hover: #C12E16;
  --hl-bs--btn-icon-ctrl-bg-hover: #C12E16;
  --hl-bs--btn-icon-ctrl-border-hover: #C12E16;
  

  
  --hl-bs--link-hover-rgb: 193,46,22;
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: 193,46,22;
  --hl-bs--btn-icon-ctrl-border-hover-rgb: 193,46,22;
  

  
  --hl-bs--secondary: #B92C10;
  --hl-bs--secondary-selected: #B92C1026;
  

  
  --hl-bs--secondary-rgb: 185,44,16;
  --hl-bs--secondary-selected-rgb: 185,44,16, 50;
  

  
  --hl-bs--secondary-opposite: #FFFFFF;
  

  
  --hl-bs--secondary-opposite-rgb: 255,255,255;
  
}

/* 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: #700F08;
  --hl-bs--btn-link-outline: #700F087f;
  

  
  --hl-bs--btn-link-text-rgb: 112,15,8;
  --hl-bs--btn-link-outline-rgb: 112,15,8, 127;
  

  
  --hl-bs--btn-link-hover: #C12E16;
  

  
  --hl-bs--btn-link-hover-rgb: 193,46,22;
  
}

: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: #FFFFFF;
  

  
  --hl-bs--footer-color-rgb: 255,255,255;
  

  
  --hl-bs--footer-color-opposite: #000000;
  

  
  --hl-bs--footer-color-opposite-rgb: 0,0,0;
  
}/************************ 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: #660000;
        
     
    color: #C12E16;
    
}

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #700F08;
    
}
body.ribbit a:hover{
     
    color: #C12E16;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
     
    color: #700F08;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
     
    color: #C12E16;
    
}

/************************ 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: #660000;
    border-color: #660000;
     
     
    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)), #660000;
    border-color: #660000;
     
     
    color: #FFFFFF;
    
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

     
    color: #FFFFFF !important;
     
     
    background-color: #660000;
    border-color: #660000;
    
}

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)), #660000;
    border-color: #660000;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus {

     
    box-shadow: 0 0 0 3px #6600007F;
    
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

     
    color: #FFFFFF;
     
     
    background-color: #660000;
    border-color: #660000;
    
}

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)), #660000;
    border-color: #660000;
    
}

body.ribbit :not(.no-theme) .btn-success:focus {

     
    box-shadow: 0 0 0 3px #6600007F;
    
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

     
    color: #660000;
    
}


/**** 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: #660000;
    border: #660000;
    
}

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)), #660000;
    
}



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: #660000;
    border-color: #660000;
    
}


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 #6600007F;
    
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

     
    color: #660000;
    
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

     
    color: #FFFFFF;
     
     
    background-color: #660000;
    border-color: #660000;
    
}

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)), #660000;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #660000; 
    
}


/********* 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: #660000;
    border-color: #660000;
    
}


body.ribbit :not(.no-theme) .primary-button-background-color {

     
    background-color: #660000 !important;
    
}


body.ribbit :not(.no-theme) .primary-button-border-color {

     
    color: #660000 !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: #660000 !important;
    
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

     
    background-color: #660000;
    border-color: #660000;
     
     
    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: #660000;
    border-color: #660000;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .success-button-background-color {

     
    background-color: #660000 !important;
    
}

body.ribbit :not(.no-theme) .success-button-border-color {

     
    color: #660000 !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: #660000 !important;
    
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #660000;
    
}
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: #660000;
     
}

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: #660000;
     
}

/*************** 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: #660000;
    
     
    border-bottom-color: #660000;
     
}

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: #660000;
    
     
    color: #C12E16;
    
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
     
    background-color: #660000;
    
}

body.ribbit :not(.no-theme) .row.secondary-row {    
     
    background-color: #B92C1090;
    
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
     
    color: #FFFFFF;
         
     
    background-color: #660000;
    border-color: #660000;
     
}

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)), #660000;
    border-color: #660000;
    
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
     
    color: #C12E16;
    
}

/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  


.link-color {
  color: #700F08 !important;
}

  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  


.link-hover-color:hover, .link-hover-color:focus {
  color: #C12E16 !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: #660000 !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: #000000 !important;
}

  


.footer-text-color {
  color: #FFFFFF !important;
}

  


.primary-color {
  color: #660000 !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: #700F08 !important;
}

  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  


.landing-control-sub-title-text-color {
  color: #B92C10 !important;
}

  


.landing-control-title-text-color {
  color: #660000 !important;
}

  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  


.selected-tab-text-color {
  color: #700F08 !important;
}

  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.unselected-tab-hover-text-color {
  color: #700F08 !important;
}

  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  


.slogan-text-color {
  color: #660000 !important;
}

  


.table-header-background-color {
  background-color: #660000 !important;
}

  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  


.aux-menu-text-color {
  color: #700F08 !important;
}

  


.unselected-menu-background-color {
  background-color: #B92C10 !important;
}

  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  


.breadcrumb-link-color {
  color: #700F08 !important;
}

  


.footer-menu-text-color {
  color: #FFFFFF !important;
}

  


.unselected-menu-text-color {
  color: #FFFFFF !important;
}

  


.selected-menu-background-color {
  background-color: #660000 !important;
}

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-background-color {
  background-color: #B92C10 !important;
}

  


.hover-menu-selected-background-color {
  background-color: #660000 !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 */
/* Background Images and Footer */
/* Color Picker */
/* VERSION 33 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/

a {
    color: #700F08;  
  }  
  
  
  .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: #700F08; 
  }  
  
  
  .hl-linkcolor-background {
    background-color: #700F08;  
  }  
  
  /*
  a.user-content-mention {
    color: ;  
  }  
  */
  
  a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
    color: #700F08;  
  }  
  
  
  a:hover {
    color: #C12E16;  
  }  
  
  
  
  .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: #C12E16;  
  }  
  
  /*
  a.user-content-mention:hover {
    color: ;  
  }  
  */
  
  a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
    color: #C12E16; 
  } 
  
  /*
  .bodyBackground {
    background-color: ;  
  }  
  */
  /*
  .siteFrame {
    background-color: ;  
  }  
  */
  /*
  #MPOuterMost {
    border-color: ;  
  }  
  */
  h1, .Heading1 {
  
  
    color: #660000;
  
  /*
    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: #000000;
  
  
    color: #FFFFFF;
  
  }    
  
  fieldset {
    border-color: #660000;  
  }  
  
  fieldset legend {
  
  
    background-color: #660000;
  
  
    border-color: #660000;
  
  
    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: #700F08;  
  }  
  
  /*
  .HLLandingControl .ByLine {
    color: ;  
  }  
  */
  
  .HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
    color: #000000;  
  }  
  
  
  .HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
    color: #660000;  
  }    
  
  /************************ Tabs **********************/  
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  
  /*
    background-color: ;
  */
  /*
    border-color: ;
  */
  
    color: #700F08;
  
  }  
  /*
  .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: #700F08;
  
  }  .nav-tabs > li > a {
  
  /*
    background-color: ;
  */
  /*
    color: ;
  */
  }    
  /************************ Miscellaneous **********************/  
  
  .SloganText {
    color: #660000;  
  }  
  
  .ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {
  
  
    background-color: #660000;
  
  
    color: #FFFFFF;
  
  }    
  
  .lblratingBig {
    color: #660000;  
  }  
  
  /************************ Tables **********************/  
  .Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {
  
  
    background-color: #660000;
  
  
    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: #700F08;  
  }  
  
  
  #MPAuxNav ul.level1 li ul {
    background-color: #000000;  
  }  
  
  
  #MPAuxNav ul.level1 li li.dynamic {
    border-right-color: #700F08;  
  }  
  
  /*  #SideMenu ul.level1 li ul {
    background-color: White;  
  }  */    /*  .MPSideNavBottom {
    color: #0069A5;  
  }  */    /*
  .breadcrumb {
    background-color: ;  
  }  
  */
  /*
  .breadcrumb li {
    color: ;  
  }  
  */
  
  .breadcrumb li a {
    color: #700F08;  
  }  
  
  
  .MPBottomMenu ul li a {
    color: #FFFFFF;  
  }        
  /************************ Bootstrap Menus ***********************/  
  
  .navbar-default, #NAV {
    background-color: #000000;      
    border-color: #000000;  
  }  
  
  
  .navbar-default .navbar-nav > li > a {
    color: #FFFFFF;  
  }  
  
  .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: #660000;
  
  
    color: #FFFFFF;
  
  }    
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  
  
    background-color: #660000;
  
  
    color: #FFFFFF;
  
  }    
  
  #MPButtonBar .dropdown-menu {
    background-color: #000000;  
  }  
  
  
  #MPButtonBar .dropdown-menu li a {
    color: #FFFFFF;  
  }  
  
  
  #MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
    background-color: #000000;  
    }  
  
  #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: #660000;
  
  
    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: #660000;
  }
  
  
  .hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
    background-color: #000000;
  }
  /************ New Bootstrap 4^ Themeing ****/ 
  
  :root:root {
    
    --hl-bs--primary: #660000;
    --hl-bs--selected: #66000026;
    
  
    
    --hl-bs--primary-opposite: #FFFFFF;
    
    
    
    --hl-bs--link: #700F08;
    
  
    
    --hl-bs--link-hover: #C12E16;
    --hl-bs--btn-icon-ctrl-bg-hover: #C12E16;
    --hl-bs--btn-icon-ctrl-border-hover: #C12E16;
    
  
    
    --hl-bs--secondary: #000000;
    --hl-bs--secondary-selected: #00000026;
    
  }
  
  /* buttons */
  /*
    button variables follow a pattern of 
    --hl-bs--btn-[theme]-[prop]
  
    [theme] is one of 
      "primary" 
      "secondary" 
      "link" 
      "ghost"
    we do respect "success" and "danger" if there are selections for them.
    there are also alt- versions but by default we do not override alt theme
  
    [prop] is one of 
      "text"
      "text-hover"
      "bg"
      "bg-hover"
      "border"
      "border-hover"
      "outline"
    from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
    you do not have to override all of them for every button, but probably the colorful ones
  */
  :root:root {
    /*
    --hl-bs--btn-primary-text: ;
    --hl-bs--btn-primary-text-hover: ;
    --hl-bs--btn-primary-outline: 7f;
    */
    
    /*
    --hl-bs--btn-primary-bg: ;
    */
    
    /*
    --hl-bs--btn-primary-bg-hover: ;
    */
    
    /*
    --hl-bs--btn-primary-border: ;
    --hl-bs--btn-primary-border-hover: ;
    */
  }
  
  :root:root {
    /*
    --hl-bs--btn-success-text: ;
    --hl-bs--btn-success-text-hover: ;
    --hl-bs--btn-success-outline: 7f;
    */
    
    /*
    --hl-bs--btn-success-bg: ;
    */
    
    /*
    --hl-bs--btn-success-bg-hover: ;
    */
  
    /*
    --hl-bs--btn-success-border: ;
    --hl-bs--btn-success-border-hover: ;
    */
    
    /*
    --hl-bs--btn-danger-text: ;
    --hl-bs--btn-danger-text-hover: ;
    --hl-bs--btn-danger-outline: 7f;
    */
    
    /*
    --hl-bs--btn-danger-bg: ;
    */
    
    /*
    --hl-bs--btn-danger-bg-hover: ;
    */
  
    /*
    --hl-bs--btn-danger-border: ;
    --hl-bs--btn-danger-border-hover: ;
    */
  
  }
  
  :root:root {
    /*
    --hl-bs--btn-secondary-text: ;
    --hl-bs--btn-secondary-text-hover: ;
    --hl-bs--btn-secondary-outline: 7f;
    */
    
    /*
    --hl-bs--btn-secondary-bg: ;
    */
    
    /*
    --hl-bs--btn-secondary-bg-hover: ;
    */
  
    /*
    --hl-bs--btn-secondary-border: ;
    --hl-bs--btn-secondary-border-hover: ;
    */
  }
  
  :root:root {
    
    --hl-bs--btn-link-text: #700F08;
    --hl-bs--btn-link-outline: #700F087f;
    
  
    
    --hl-bs--btn-link-hover: #C12E16;
    
  }
  
  :root:root {
    /*
    --hl-bs--btn-ghost-outline: 7f;
    */
  }/************************ Primary Navbar ***********************/
  
  body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
       
      color: #660000;
          
       
      color: #C12E16;
      
  }
  
  /************************ Anchors ***********************/
  body.ribbit a{
       
      color: #700F08;
      
  }
  body.ribbit a:hover{
       
      color: #C12E16;
      
  }
  
  body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
       
      color: #700F08;
      
  }
  
  body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
       
      color: #C12E16;
      
  }
  
  /************************ 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: #660000;
      border-color: #660000;
       
       
      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)), #660000;
      border-color: #660000;
       
       
      color: #FFFFFF;
      
  }
  
  /**** btn-primary ****/
  body.ribbit :not(.no-theme) .btn-primary {
  
       
      color: #FFFFFF !important;
       
       
      background-color: #660000;
      border-color: #660000;
      
  }
  
  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)), #660000;
      border-color: #660000;
      
  }
  
  body.ribbit :not(.no-theme) .btn-primary:focus {
  
       
      box-shadow: 0 0 0 3px #6600007F;
      
  }
  
  
  /**** btn-success ****/
  body.ribbit :not(.no-theme) .btn-success {
  
       
      color: #FFFFFF;
       
       
      background-color: #660000;
      border-color: #660000;
      
  }
  
  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)), #660000;
      border-color: #660000;
      
  }
  
  body.ribbit :not(.no-theme) .btn-success:focus {
  
       
      box-shadow: 0 0 0 3px #6600007F;
      
  }
  
  /**** btn-overlay ****/
  body.ribbit :not(.no-theme) .btn-overlay {
  
       
      color: #660000;
      
  }
  
  
  /**** 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: #660000;
      border: #660000;
      
  }
  
  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)), #660000;
      
  }
  
  
  
  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: #660000;
      border-color: #660000;
      
  }
  
  
  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 #6600007F;
      
  }
  
  
  body.ribbit :not(.no-theme) .btn-inline-icon:focus,
  body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
      /* 
    color: ; 
    */
  
       
      color: #660000;
      
  }
  
  
  body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {
  
       
      color: #FFFFFF;
       
       
      background-color: #660000;
      border-color: #660000;
      
  }
  
  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)), #660000;
      
       
      background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #660000; 
      
  }
  
  
  /********* 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: #660000;
      border-color: #660000;
      
  }
  
  
  body.ribbit :not(.no-theme) .primary-button-background-color {
  
       
      background-color: #660000 !important;
      
  }
  
  
  body.ribbit :not(.no-theme) .primary-button-border-color {
  
       
      color: #660000 !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: #660000 !important;
      
  }
  
  /****END - .btn-primary****/
  
  /****START - .btn-success****/
  body.ribbit :not(.no-theme) .btn-success {
  
       
      background-color: #660000;
      border-color: #660000;
       
       
      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: #660000;
      border-color: #660000;
       
       
      color: #FFFFFF;
      
  }
  
  body.ribbit :not(.no-theme) .success-button-background-color {
  
       
      background-color: #660000 !important;
      
  }
  
  body.ribbit :not(.no-theme) .success-button-border-color {
  
       
      color: #660000 !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: #660000 !important;
      
  }
  
  /****END - .btn-success****/
  
  
  /************************ Interior Header (#PageTitleH1) ***********************/
  body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
       
      fill: #660000;
      
  }
  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: #660000;
       
  }
  
  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: #660000;
       
  }
  
  /*************** 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: #660000;
      
       
      border-bottom-color: #660000;
       
  }
  
  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: #660000;
      
       
      color: #C12E16;
      
  }
  
  /*Logged-out Homepage Row backgrounds*/
  body.ribbit :not(.no-theme) .row.primary-row {    
       
      background-color: #660000;
      
  }
  
  body.ribbit :not(.no-theme) .row.secondary-row {    
       
      background-color: #00000090;
      
  }
  
  /*Member Directory Action buttons color variation*/
  body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
       
      color: #FFFFFF;
           
       
      background-color: #660000;
      border-color: #660000;
       
  }
  
  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)), #660000;
      border-color: #660000;
      
  }
  
  /*QuickLinks Widget Inheritance*/
  body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
       
      color: #C12E16;
      
  }
  
  /**** Generated Utils ****/
  
  /*
  .text-color {
    color:  !important;
  }
  */
    
  
  
  .link-color {
    color: #700F08 !important;
  }
  
    
  
  /*
  .mention-link-color {
    color:  !important;
  }
  */
    
  
  /*
  .tag-link-color {
    color:  !important;
  }
  */
    
  
  
  .link-hover-color:hover, .link-hover-color:focus {
    color: #C12E16 !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: #660000 !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: #000000 !important;
  }
  
    
  
  
  .footer-text-color {
    color: #FFFFFF !important;
  }
  
    
  
  
  .primary-color {
    color: #660000 !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: #700F08 !important;
  }
  
    
  
  /*
  .landing-control-byline-text-color {
    color:  !important;
  }
  */
    
  
  
  .landing-control-sub-title-text-color {
    color: #000000 !important;
  }
  
    
  
  
  .landing-control-title-text-color {
    color: #660000 !important;
  }
  
    
  
  /*
  .selected-tab-background-color {
    background-color:  !important;
  }
  */
    
  
  /*
  .selected-tab-border-color {
    color:  !important;
  }
  */
    
  
  
  .selected-tab-text-color {
    color: #700F08 !important;
  }
  
    
  
  /*
  .unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
    background-color:  !important;
  }
  */
    
  
  
  .unselected-tab-hover-text-color {
    color: #700F08 !important;
  }
  
    
  
  /*
  .unselected-tab-background-color {
    background-color:  !important;
  }
  */
    
  
  /*
  .unselected-tab-text-color {
    color:  !important;
  }
  */
    
  
  
  .slogan-text-color {
    color: #660000 !important;
  }
  
    
  
  
  .table-header-background-color {
    background-color: #660000 !important;
  }
  
    
  
  /*
  .table-alternate-background-color {
    background-color:  !important;
  }
  */
    
  
  
  .aux-menu-text-color {
    color: #700F08 !important;
  }
  
    
  
  
  .unselected-menu-background-color {
    background-color: #000000 !important;
  }
  
    
  
  /*
  .breadcrumb-bar-background-color {
    background-color:  !important;
  }
  */
    
  
  /*
  .breadcrumb-text-color {
    color:  !important;
  }
  */
    
  
  
  .breadcrumb-link-color {
    color: #700F08 !important;
  }
  
    
  
  
  .footer-menu-text-color {
    color: #FFFFFF !important;
  }
  
    
  
  
  .unselected-menu-text-color {
    color: #FFFFFF !important;
  }
  
    
  
  
  .selected-menu-background-color {
    background-color: #660000 !important;
  }
  
    
  
  
  .selected-menu-text-color {
    color: #FFFFFF !important;
  }
  
    
  
  
  .hover-menu-text-color {
    color: #FFFFFF !important;
  }
  
    
  
  
  .hover-menu-background-color {
    background-color: #000000 !important;
  }
  
    
  
  
  .hover-menu-selected-background-color {
    background-color: #660000 !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 {
      --ui-default-text: #595959;
      --ui-heading-text: #272727;
      --ui-default-text-small: #666;
      --ui-secondary-text: #FFFFFF;
  }
  
  /************ basics ************/
  
  .HtmlFooter {
      display: none;
  }
  #MembershipWebsiteAlertContainer {
      max-width: 100%;
  }
  
  /****** row resets ******/
  
  .row-wide:has(> .col-md-12:empty) {
      display: none;
  }
  
  /****** fonts ******/
  
  body.ribbit {
      color: var(--ui-default-text);
      font-size: 16px;
      line-height: 1.4;
      font-weight: 300;
  }
  
  body.ribbit h1,
  body.ribbit h2,
  body.ribbit #MPOuterMost #MPOuter h2,
  body.ribbit h3,
  body.ribbit h4,
  body.ribbit h5,
  body.ribbit h6 {
      color: var(--ui-heading-text);
      font-weight: 700;
  }
  
  body.ribbit h1 {
      font-size: 42px;
      line-height: 1.1;
  }
  body.ribbit h2,
  body.ribbit #MPOuterMost #MPOuter h2 {
      font-size: 30px;
      line-height: 1.2;
  }
  body.ribbit .alt-h2 h2,
  body.ribbit .ContentUserControl h2,
  body.ribbit #MPOuterMost #MPOuter .ContentUserControl h2 {
      font-size: 21px;
  }
  body.ribbit #MPOuterMost #MPOuter .col-md-3 .ContentUserControl h2,
  body.ribbit #MPOuterMost #MPOuter .col-md-4 .ContentUserControl h2,
  body.ribbit .col-md-3 .leaderboard>div[id$=_divContainer]>.ContentMainHeader,
  body.ribbit .col-md-4 .leaderboard>div[id$=_divContainer]>.ContentMainHeader,
  body.ribbit #MPOuterMost #MPOuter .col-md-3 .widget-heading h2,
  body.ribbit #MPOuterMost #MPOuter .col-md-4 .widget-heading h2,
  body.ribbit #MPOuterMost #MPOuter .card .HLLandingControl h2 {
      color: var(--ui-default-text-small);
      font-size: 12px;
      line-height: 1;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
  }
  body.ribbit .col-md-3 h2.font-size-sm,
  body.ribbit .col-md-4 h2.font-size-sm {
      font-size: 12px !important;
  }
  body.ribbit #MPOuterMost #MPOuter .card h2 {
      font-size: 21px;
      line-height: 1.2;
      font-weight: 700;
      margin-top: 0;
      margin-bottom: 8px;
  }
  body.ribbit h3 {
      font-size: 21px;
      line-height: 1.2;
  }
  body.ribbit h3 a,
  body.ribbit #MPOuterMost #MPOuter h3 a,
  body.ribbit #MPOuterMost #MPOuter .col-md-3 .ContentUserControl .community-events-list-row:first-child h3 a,
  body.ribbit #MPOuterMost #MPOuter .col-md-3 .ContentUserControl .blog-list-featured-entry h3 a {
      font-size: 18px;
      line-height: 1.2;
  }
  body.ribbit .bootstrap-4 h3 {
      line-height: 1.2;
  }
  body.ribbit #MPOuterMost #MPOuter .col-md-3 .ContentUserControl h3 a {
      font-size: 14px;
  }
  body.ribbit .bootstrap-4 a.link-title {
      color: var(--ui-heading-text);
      font-size: 18px;
      line-height: 1.2;
  }
  body.ribbit h4 {
      font-size: 16px;
      line-height: 1.2;
  }
  body.ribbit h5,
  body.ribbit h6 {
      font-size: 14px;
      line-height: 1.2;
  }
  body.ribbit h6 {
      font-weight: 600;
  }
  body.ribbit .p-large,
  body.ribbit .hero p {
      font-size: 18px;
      line-height: 1.4;
  }
  body.ribbit .hero .card p {
      font-size: 16px;
  }
  body.ribbit .p-small {
      font-size: 14px;
      line-height: 1.4;
  }
  body.ribbit .bootstrap-4 .text-secondary {
      color: var(--hl-default-text) !important;
  }
  body.ribbit .bootstrap-4 .text-meta {
      color: var(--ui-default-text-small) !important;
  }
  body.ribbit .font-size-xs {
      font-size: 14px !important;
  }
  body.ribbit .bootstrap-4 a.link-meta {
      color: var(--hl-heading-text);
  }
  body.ribbit .bootstrap-4 a.link-meta:is(:hover, :focus) {
      text-decoration: underline;
      color: var(--hl-bs--link);
  }
  body.ribbit #MPOuterMost #MPOuter .ByLine,
  body.ribbit #MPOuterMost #MPOuter .HLLandingControl h5 {
      font-size: 13px;
      line-height: 1.4;
      font-weight: 300;
      color: var(--ui-default-text-small);
  }
  body.ribbit #MPOuterMost #MPOuter .ByLine a,
  body.ribbit #MPOuterMost #MPOuter .HLLandingControl h5 a {
      color: var(--ui-heading-text);
      font-weight: 600;
      text-decoration: none;
  }
  body.ribbit #MPOuterMost #MPOuter .ByLine a:is(:hover, :focus),
  body.ribbit #MPOuterMost #MPOuter .HLLandingControl h5 a:is(:hover, :focus) {
      color: var(--ui-heading-text);
      text-decoration: underline;
  }
  
  /****** transitions ******/
  
  a,
  a:is(:hover, :focus),
  button,
  button:is(:hover, :focus),
  input,
  input:is(:hover, :focus) {
      transition: .3s;
  }
  
  /****** unstyled lists ******/
  
  .unstyled-list ul {
      padding-left: 0;
      list-style-type: none;
  }
  
  /****** tables ******/
  
  /*** default table style ***/
  table {
      border-collapse: collapse;
      width: 100%;
      border: 0;
  }
  
  table th {
      padding: 10px 15px;
      vertical-align: middle;
      color: inherit;
      border: 0;
  }
  
  table tr:nth-child(2n) {
      border-bottom: 2px solid #ededed;
      background: #FaFaFa;
  }
  
  table tr td {
      padding: 15px;
      vertical-align: middle;
      border: 0;
  }
  
  /*** plain table style ***/
  .plain-table tr td {
      padding: 10px 15px;
      vertical-align: middle;
      border: solid;
      border-width: 1px;
      background-color: #FFF;
      border-color: #EDEDED;
  }
  
  .plain-table th {
      padding: 10px 15px;
      vertical-align: middle;
      color: inherit !important;
      background-color: #FaFaFa !important;
      border: 1px solid #f5f5f5;
  }
  
  .plain-table tr:nth-child(2n) {
      border-bottom: 1px solid #EDEDED;
      background: #FFF;
  }
  
  /*** accordions ***/
  body.ribbit .accordion-heading button {
      font-size: 20px;
      font-weight: 400;
      color: var(--hl-bs--link);
      background: transparent;
      padding: 15px 24px 15px 0;
      margin: 0;
      border: none;
      border-top: 1px solid var(--hl-bs--gray-100);
      cursor: pointer;
      transition: 0.3s;
      display: block;
      width: 100%;
      text-align: left;
      position: relative;
  }
  
  body.ribbit .accordion-heading button:hover,
  body.ribbit .accordion-heading button:focus {
      color: var(--hl-bs--link-hover);
      transition: 0.3s;
  }
  
  .accordion-heading button::before {
      font-family: "Font Awesome 6 Pro";
      content: "\f078";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .open .accordion-heading button::before {
      content: "\f077";
  }
  
  .accordion-text {
      display: none;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  .accordion-wrap .ContentItemHtml,
  .accordion-wrap .ContentItemHtml:hover {
      transition: none !important;
  }
  
  /****** labels and tags ******/
  
  .feed-item-row .feed-badge.text-meta,
  .tags-list a.label-search-tag,
  body.ribbit #MPOuterMost .HLLandingControl .content-tags a.label-search-tag,
  body.ribbit .tags-list a.label-search-tag {
      background-color: var(--hl-bs--gray-100);
      border-radius: 4px;
      padding: 4px 10px;
      font-size: 10px;
      font-weight: 600;
      line-height: 12px;
      letter-spacing: 0.25px;
      text-transform: uppercase;
      color: var(--ui-heading-text);
  }
  body.ribbit .tags-list a.label-search-tag,
  body.ribbit .feed-item-row .feed-badge.text-meta span {
      color: var(--ui-heading-text) !important;
      font-size: 10px !important;
  }
  body.ribbit #MPOuterMost .HLLandingControl .content-tags a.label-search-tag:is(:hover, :focus),
  body.ribbit .tags-list a.label-search-tag:is(:hover, :focus) {
      background-color: var(--hl-bs--gray-300) !important;
      text-decoration: none;
  }
  body.ribbit .tags-list a>div.text-truncate:hover {
      color: inherit;
      text-decoration: none;
  }
  
  /****** rounded images ******/
  
  .rounded-img img {
      border-radius: 8px;
  }
  
  /****** modals ******/
  
  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;
  }
  
  /****** background images ******/
  
  .bg-image,
  .img-container {
      background-size: cover;
      background-position: center;
  }
  
  /****** buttons ******/
  
  .Login a.btn-primary {
      padding: 10px 20px;
  }
  
  .make-buttons em:has(a) {
      margin: -8px;
      display: inline-block;
  }
  
  .make-buttons em a {
      margin: 8px;
  }
  
  .make-buttons em a,
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
  body.ribbit .summary-edit em a,
  body.ribbit .featured-card-single .btn,
  body.ribbit .featured-card-multi .btn,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus) {
      display: inline-block;
      font-style: normal;
      text-decoration: none;
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      font-weight: 600;
  }
  
  .make-buttons em a,
  .card.social ul li a,
  .cta-tile a::after,
  .btn,
  body.ribbit .btn,
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
  body.ribbit .summary-edit em a,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
  body.ribbit .make-buttons.primary-btn em a {
      background: linear-gradient(#0000, rgb(0 0 0/30%)) top/100% 800%;
  }
  
  .moxman-btn button,
  .moxman-btn button:is(:hover, :focus) {
      background: transparent;
      color: #333;
  }
  
  .make-buttons em a,
  .bootstrap-4:not(#CreateBtnWrapper) .btn {
      white-space: pre-wrap;
  }
  
  body.ribbit .btn.active, 
  body.ribbit .btn:active {
      box-shadow: none;
  }
  
  .make-buttons em a:is(:hover, :focus),
  .card.social ul li a:is(:hover, :focus),
  .cta-tile a:is(:hover, :focus)::after,
  .btn:is(:hover, :focus),
  body.ribbit .btn:is(:hover, :focus),
  body.ribbit .btn:is(:hover, :focus),
  .btn.btn-primary:is(:hover, :focus),
  body.ribbit .btn.btn-primary:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-primary:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-primary:focus,
  body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled),
  .btn.btn-success:is(:hover, :focus),
  body.ribbit .btn-success:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-success:focus,
  body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled),
  body.ribbit .bootstrap-4 .featured-card .card-edit .btn-group .btn-group .btn-primary:is(:hover, :focus),
  .btn.btn-default:is(:hover, :focus),
  body.ribbit .btn.btn-default:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-default:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-default:focus,
  body.ribbit :not(.no-theme) .btn-default:hover:not(:disabled),
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn):is(:hover, :focus),
  body.ribbit .summary-edit em a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus),
  body.ribbit .make-buttons.primary-btn em a:is(:hover, :focus) {
      background: linear-gradient(#0000, rgb(0 0 0/30%)) top/100% 800%;
      background-position: bottom;
  }
  
  .make-buttons em a,
  .btn,
  body.ribbit .btn,
  body.ribbit .btn:is(:hover, :focus),
  body.ribbit .btn:is(:hover, :focus):not(.disabled),
  .cta-tile a::after,
  .make-buttons em a:is(:hover, :focus),
  button:is(:hover, :focus),
  .btn:is(:hover, :focus),
  .cta-tile a:is(:hover, :focus)::after,
  .btn.btn-info,
  .btn.btn-info:is(:hover, :focus),
  body.ribbit .btn.btn-info,
  body.ribbit .btn.btn-info:is(:hover, :focus),
  .btn.btn-primary,
  .btn.btn-primary:is(:hover, :focus),
  body.ribbit .btn.btn-primary,
  body.ribbit .btn.btn-primary:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-primary,
  body.ribbit :not(.no-theme) .btn-primary:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-primary:focus,
  body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled),
  body.ribbit .ContentUserControl .HLLandingControl .btn.btn-default,
  body.ribbit .ContentUserControl .HLLandingControl .btn.btn-default:is(:hover, :focus),
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn):is(:hover, :focus),
  body.ribbit .summary-edit em a,
  body.ribbit .summary-edit em a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus),
  body.ribbit .make-buttons.primary-btn em a,
  body.ribbit .make-buttons.primary-btn em a:is(:hover, :focus) {
      background-color: var(--hl-bs--primary);
      color: var(--hl-bs--primary-opposite);
      border: none;
  }
  
  body.ribbit .make-buttons.outline-btn em a,
  body.ribbit .make-buttons.outline-first-btn em:first-child a:first-child,
  body.ribbit .make-buttons.outline-last-btn em:last-child a:last-child {
      background: transparent;
      color: var(--hl-bs--primary);
      border: 2px solid var(--hl-bs--primary);
      padding: 8px 18px;
  }
  
  body.ribbit .make-buttons.outline-btn em a:is(:hover, :focus),
  body.ribbit .make-buttons.outline-first-btn em:first-child a:first-child:is(:hover, :focus),
  body.ribbit .make-buttons.outline-last-btn em:last-child a:last-child:is(:hover, :focus) {
      color: var(--hl-bs--primary-opposite);
      background-color: var(--hl-bs--primary);
      border: 2px solid var(--hl-bs--primary);
  }
  
  body.ribbit #FOOTER .make-buttons.white-outline-btn em a:is(:hover, :focus) {
      text-decoration: none;
  }
  body.ribbit .btn-ghost {
      color: var(--hl-bs--default-text);
      background: var(--hl-bs--gray-100);
      border: none;
  }
  
  body.ribbit .btn-ghost:is(:hover, :focus),
  body.ribbit .btn-ghost:is(:hover, :focus):not(.disabled) {
      color: var(--hl-bs--default-text);
      background: var(--hl-bs--gray-300);
  }
  
  .ribbit .narrow-widget a.link-standalone {
      color: #fff;
      font-size: 16px !important;
      font-weight: 600;
  }
  
  .bootstrap-4 .view-more-link a.link-standalone {
      font-weight: 600;
      color: var(--hl-bs--primary);
      font-size: 14px;
  }
  
  .btn.btn-success,
  .btn.btn-success:is(:hover, :focus),
  body.ribbit .btn.btn-success,
  body.ribbit .btn.btn-success:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-success,
  body.ribbit :not(.no-theme) .btn-success:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-success:focus,
  body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled),
  body.ribbit .bootstrap-4 .featured-card .card-edit .btn-group .btn-group .btn-primary,
  body.ribbit .bootstrap-4 .featured-card .card-edit .btn-group .btn-group .btn-primary:is(:hover, :focus) {
      background-color: var(--hl-bs--secondary);
      color: var(--ui-secondary-text);
      border: none;
  }
  
  .narrow-widget a.link-standalone i {
      display: none;
  }
  
  .btn.btn-default,
  .btn.btn-default:is(:hover, :focus),
  .btn.btn-default-override,
  .btn.btn-default-override:is(:hover, :focus),
  body.ribbit .btn.btn-default-override,
  body.ribbit .btn.btn-default-override:is(:hover, :focus),
  body.ribbit .btn.btn-default,
  body.ribbit .btn.btn-default:is(:hover, :focus),
  body.ribbit .people-you-should-know .HLLandingControl .btn.btn-default,
  body.ribbit .people-you-should-know .HLLandingControl .btn.btn-default:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-default,
  body.ribbit :not(.no-theme) .btn-default:is(:hover, :focus),
  body.ribbit :not(.no-theme) .btn-default:focus,
  body.ribbit :not(.no-theme) .btn-default:hover:not(:disabled),
  .volunteer-opportunities-filter .bootstrap-select button.btn.btn-default,
  .volunteer-opportunities-filter .bootstrap-select button.btn.btn-default:is(:hover, :focus) {
      background-color: var(--hl-bs--gray-300);
      color: var(--hl-bs--default-text);
      border: none;
  }
  
  body.ribbit .btn.btn-default .caret::before {
      color: var(--hl-bs--default-text);
  }
  
  .categorize-message-buttons button {
      color: var(--hl-bs--default-text);
  }
  
  .btn.btn-link,
  .btn.btn-link:is(:hover, :focus),
  body.ribbit .btn.btn-link,
  body.ribbit .btn.btn-link:is(:hover, :focus) {
      background: transparent;
      color: var(--hl-bs--default-text);
  }
  
  .hl-primary-row-bkgd:not(.overlay) .make-buttons em a,
  .hl-primary-row-bkgd:not(.overlay).make-buttons em a,
  .hl-primary-row-bkgd:not(.overlay) .hero.image .make-buttons em+em a {
      color: var(--hl-bs--primary);
      background: var(--hl-bs--gray-100);
  }
  
  .hl-primary-row-bkgd:not(.overlay) .make-buttons em a:is(:hover, :focus),
  .hl-primary-row-bkgd:not(.overlay).make-buttons em a:is(:hover, :focus) {
      color: var(--hl-bs--primary);
      background: var(--hl-bs--gray-300);
  }
  
  /* Secondary Button */
  
  body.ribbit .make-buttons.secondary-btn em a {
      background: linear-gradient(rgb(255 255 255/0%), rgb(255 255 255/85%)) top/100% 800%;
      background-color: var(--hl-bs--secondary);
      color: var(--ui-secondary-text);
  
  }
  
  body.ribbit .make-buttons.secondary-btn em a:is(:hover, :focus) {
      background: linear-gradient(rgb(255 255 255/0%), rgb(255 255 255/85%)) top/100% 800%;
      background-color: var(--hl-bs--secondary);
      background-position: bottom;
  }
  
  /* White Button */
  
  body.ribbit .make-buttons.gray-btn em a {
      background: #f5f5f5;
      color: var(--hl-bs--primary);
      transition: 0.3s;
  }
  
  body.ribbit .make-buttons.gray-btn em a:is(:hover, :focus) {
      background: #e4e4e4;
      color: var(--hl-bs--primary);
  }
  
  /* White Button */
  
  body.ribbit .make-buttons.white-btn em a {
      background: #fff;
      color: var(--hl-bs--primary);
      transition: 0.3s;
  }
  
  body.ribbit .make-buttons.white-btn em a:is(:hover, :focus) {
      background: rgba(255, 255, 255, 0.8);
      color: var(--hl-bs--primary);
      transition: 0.3s;
  }
  
  /* dark button */
  
  body.ribbit .make-buttons.dark-btn em a {
      background: #272727;
      color: #fff;
      transition: .3s;
  }
  body.ribbit .make-buttons.dark-btn em a:is(:hover, :focus) {
      background: rgba(39,39,39,0.8);
      color: #fff;
      transition: .3s;
  }
  
  /* White Outline Button */
  
  body.ribbit .make-buttons.white-outline-btn em a,
  body.ribbit div[class*="bg-"] .make-buttons.outline-first-btn em:first-child a:first-child,
  body.ribbit div[class*="-bkgd"] .make-buttons.outline-first-btn em:first-child a:first-child,
  body.ribbit .hero .make-buttons.outline-first-btn em:first-child a:first-child,
  body.ribbit div[class*="bg-"] .make-buttons.outline-last-btn em:last-child a:last-child,
  body.ribbit div[class*="-bkgd"] .make-buttons.outline-last-btn em:last-child a:last-child,
  body.ribbit .hero .make-buttons.outline-last-btn em:last-child a:last-child {
      background: transparent;
      border: 2px solid #fff;
      color: #fff;
      border-radius: 4px;
      transition: 0.3s;
  }
  
  body.ribbit .make-buttons.white-outline-btn em a:is(:hover, :focus),
  .make-buttons.bg-primary em a:is(:hover, :focus),
  .bg-primary .make-buttons em a:is(:hover, :focus),
  body.ribbit #FOOTER .make-buttons.white-outline-btn em a:is(:hover, :focus),
  body.ribbit div[class*="bg-"] .make-buttons.outline-first-btn em:first-child a:first-child:is(:hover, :focus),
  body.ribbit div[class*="-bkgd"] .make-buttons.outline-first-btn em:first-child a:first-child:is(:hover, :focus),
  body.ribbit .hero .make-buttons.outline-first-btn em:first-child a:first-child:is(:hover, :focus),
  body.ribbit div[class*="bg-"] .make-buttons.outline-last-btn em:last-child a:last-child:is(:hover, :focus),
  body.ribbit div[class*="-bkgd"] .make-buttons.outline-last-btn em:last-child a:last-child:is(:hover, :focus),
  body.ribbit .hero .make-buttons.outline-last-btn em:last-child a:last-child:is(:hover, :focus) {
      background: #fff;
      border-color: #fff;
      color: var(--hl-bs--primary);
      transition: 0.3s;
  }
  
  /* primary outline button */
  
  body.ribbit .make-buttons.bg-primary em a,
  body.ribbit .bg-primary .make-buttons em a {
      background: transparent;
      color: var(--hl-bs--primary-opposite);
      border: 2px solid var(--hl-bs--primary-opposite);
  }
  body.ribbit .make-buttons.bg-primary em a:is(:hover, :focus),
  body.ribbit .bg-primary .make-buttons em a:is(:hover, :focus) {
      color: var(--hl-bs--primary);
      background-color: var(--hl-bs--primary-opposite);
      border-color: var(--hl-bs--primary-opposite);
  }
  
  /* secondary outline button */
  
  body.ribbit .make-buttons.bg-secondary em a,
  body.ribbit .bg-secondary .make-buttons em a {
      background: transparent;
      border: 2px solid var(--ui-secondary-text);
      color: var(--ui-secondary-text);
  }
  body.ribbit .make-buttons.bg-secondary em a:is(:hover, :focus),
  body.ribbit .bg-secondary .make-buttons em a:is(:hover, :focus) {
      background: var(--ui-secondary-text);
      color: var(--hl-bs--secondary);
      border-color: var(--ui-secondary-text);
  }
  
  /****** arrow link ******/
  
  body.ribbit:not(.interior) .row>div.col-md-6>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>*, 
  body.ribbit:not(.interior) .row>div.col-md-6>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>a {
      padding: 8px 0 !important;
  }
  
  .make-arrow-link em a,
  .card-link em,
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="BottomLink"] .btn.btn-default,
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="MoreLink"] .btn.btn-default,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="BottomLink"] .btn.btn-default,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="MoreLink"] .btn.btn-default,
  .card.full-width-icon .card-link,
  body.ribbit .arrow-link-standalone a.link-standalone {
      border: 0;
      border-bottom: 1px solid transparent;
      background: transparent;
      color: var(--hl-bs--link);
      position: relative;
      padding: 0;
      display: flex;
      font-size: 16px;
      text-decoration: none;
      font-style: normal;
      display: inline-block;
      font-weight: 600;
  }
  
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="BottomLink"] .btn.btn-default i,
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="MoreLink"] .btn.btn-default i,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="BottomLink"] .btn.btn-default i,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="MoreLink"] .btn.btn-default i {
      display: none;
  }
  
  .make-arrow-link em a::after,
  .card-link em::after,
  .arrow-link em a::after,
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="BottomLink"] .btn.btn-default::after,
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="MoreLink"] .btn.btn-default::after,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="BottomLink"] .btn.btn-default::after,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="MoreLink"] .btn.btn-default::after {
      content: '\f061';
      height: 13px;
      width: 14px;
      font-size: 14px;
      font-weight: 900;
      font-family: 'Font Awesome 5 Pro';
      margin-left: 8px;
  }
  
  .make-arrow-link em a:is(:hover, :focus),
  a:is(:hover, :focus) .card-link em,
  .arrow-link em a:is(:hover, :focus), 
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="BottomLink"] .btn.btn-default:is(:hover, :focus), 
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="MoreLink"] .btn.btn-default:is(:hover, :focus), 
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="BottomLink"] .btn.btn-default:is(:hover, :focus), 
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="MoreLink"] .btn.btn-default:is(:hover, :focus), 
  body.ribbit .arrow-link-standalone a.link-standalone:is(:hover, :focus) {
      color: var(--hl-bs--link-hover);
  }
  
  .make-arrow-link.small-link em a,
  .small-link .card-link em {
      font-size: 14px;
  }
  
  .make-arrow-link.small-link em a::after,
  .small-link .card-link em::after {
      font-size: 12px;
      margin-left: 8px;
  }
  
  
  /****** flex rows ******/
  
  .flex-row {
      display: flex;
      align-items: center;
  }
  
  /****** backgrounds ******/
  
  body.ribbit:not(.interior).bodyBackground {
      background-color: #fff;
  }
  
  .row-full.bg-white {
      background-color: #fff;
  }
  
  .row-full[class*="bg-"] {
      position: relative;
  }
  
  .row-full.bg-black {
      background-color: #000;
  }
  
  .overlay::before,
  .overlay-dark::before,
  #MPOuterMost .bg-primary-light::before,
  #MPOuterMost .bg-primary-dark::before,
  #MPOuterMost .bg-primary-light-gray::before,
  #MPOuterMost .bg-primary-medium-gray::before,
  #MPOuterMost .bg-secondary-light::before,
  #MPOuterMost .bg-secondary-dark::before,
  .overlay-primary-gradient::before,
  .overlay-secondary-gradient::before,
  .overlay-dark-gradient::before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(244, 244, 244, 0.85);
  }
  
  .overlay-dark::before {
      background-color: rgba(0,0,0,0.5);
  }
  
  .overlay-down,
  .overlay-primary-gradient,
  .overlay-secondary-gradient,
  .overlay-dark-gradient {
      position: relative;
  }
  
  .overlay-down::before {
      content: '';
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
  }
  
  .overlay-down .HtmlContent {
      position: relative;
      z-index: 5;
  }
  
  .overlay-primary-gradient::before {
      background: linear-gradient(to right, var(--hl-bs--primary), transparent);
  }
  .overlay-secondary-gradient::before {
      background: linear-gradient(to right, var(--hl-bs--secondary), transparent);
  }
  .overlay-dark-gradient::before {
      background: linear-gradient(to right, #292929, transparent);
  }
  
  #MPOuterMost .bg-primary,
  #MPOuterMost .bg-primary-light,
  #MPOuterMost .bg-primary-dark,
  #MPOuterMost .bg-primary-light-gray,
  #MPOuterMost .bg-primary-medium-gray {
      background-color: var(--hl-bs--primary);
  }
  
  #MPOuterMost .bg-primary-light::before {
      background: rgba(255, 255, 255, 0.85);
  }
  
  #MPOuterMost .bg-primary-dark::before {
      background: rgba(0, 0, 0, 0.3);
  }
  
  #MPOuterMost .bg-primary-light-gray::before {
      background: rgba(245, 245, 245, 0.97);
  }
  
  #MPOuterMost .bg-primary-medium-gray::before {
      background: rgba(244, 244, 244, 0.85);
  }
  
  #MPOuterMost .bg-secondary,
  #MPOuterMost .bg-secondary-light,
  #MPOuterMost .bg-secondary-dark {
      background-color: var(--hl-bs--secondary);
  }
  
  #MPOuterMost .bg-secondary-light::before {
      background: rgba(255, 255, 255, 0.85);
  }
  
  #MPOuterMost .bg-secondary-dark::before {
      background: rgba(0, 0, 0, 0.20);
  }
  
  .overlay {
      position: relative;
  }
  
  /*** wave overlay ***/
  
  .overlay-wave,
  .light-graphic,
  .dark-graphic {
      position: relative;
  }
  .overlay-wave::after {
      height: 157px;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-size: cover;
      mix-blend-mode: soft-light;
  }
  .overlay-wave > *,
  .light-graphic > *,
  .dark-graphic > * {
      position: relative;
      z-index: 1;
      float: none;
  }
  
  /*** graphic overlays ***/
  
  .light-graphic::after {
      background-image: url('//higherlogicdownload.s3.amazonaws.com/ECONVERSETEST/c1b65cc9-eb19-48eb-9619-1c784c9c7071/UploadedImages/lightlight-swoosh_1_.png');
  }
  
  .dark-graphic::after {
      background-image: url('//higherlogicdownload.s3.amazonaws.com/ECONVERSETEST/c1b65cc9-eb19-48eb-9619-1c784c9c7071/UploadedImages/darkdark-graphic.png');
  }
  
  /*** text colours ***/
  
  body.ribbit [class*="bg-"] .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit [class*="-bkgd"] .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit [class*="bg-"].ContentItemHtml *:not(em a),
  body.ribbit #MPOuterMost #MPOuter [class*="bg-"] .ContentItemHtml:not(.card) h2,
  body.ribbit #MPOuterMost #MPOuter [class*="-bkgd"] .ContentItemHtml:not(.card) h2,
  body.ribbit #MPOuterMost #MPOuter [class*="bg-"].ContentItemHtml h2 {
      color: #000;
  }
  body.ribbit .bg-image.ContentItemHtml .HtmlContent *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .bg-image.ContentItemHtml .HtmlContent h2 {
      color: #fff;
  }
  body.ribbit .bg-primary .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .bg-primary .ContentItemHtml:not(.card) h2,
  body.ribbit .bg-primary.ContentItemHtml *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .bg-primary.ContentItemHtml h2,
  body.ribbit .hl-primary-row-bkgd .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .hl-primary-row-bkgd .ContentItemHtml:not(.card) h2 {
      color: var(--hl-bs--primary-opposite);
  }
  body.ribbit .bg-secondary .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .bg-secondary .ContentItemHtml:not(.card) h2,
  body.ribbit .bg-secondary.ContentItemHtml *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .bg-secondary.ContentItemHtml h2,
  body.ribbit .hl-secondary-row-bkgd .ContentItemHtml:not(.card) *:not(em a),
  body.ribbit #MPOuterMost #MPOuter .hl-secondary-row-bkgd .ContentItemHtml:not(.card) h2 {
      color: var(--ui-secondary-text);
  }
  body.ribbit .bg-primary .ContentItemHtml:not(.card) .icon-container *,
  body.ribbit .hl-primary-row-bkgd .ContentItemHtml:not(.card) .icon-container *,
  body.ribbit .bg-secondary .ContentItemHtml:not(.card) .icon-container *,
  body.ribbit .hl-secondary-row-bkgd .ContentItemHtml:not(.card) .icon-container * {
      color: inherit;
  }
  body.ribbit .bg-gray {
      background-color: rgba(245, 245, 245, 0.97);
  }
  
  /****** extra padding between columns ******/
  
  @media (min-width: 992px) {
      .row-wide:not(.default-pad) > .col-md-6:first-child,
      .row-wide:not(.default-pad) > .col-md-8:first-child {
          padding-right: 24px;
      }
      
      .row-wide:not(.default-pad) > .col-md-6:last-child,
      .row-wide:not(.default-pad) > .col-md-8 + .col-md-4,
      .row-wide:not(.default-pad) > .col-md-8:last-child {
          padding-left: 24px;
      }
  }
  
  /****** Icon List ******/
  
  .icon-list {
      position: relative;
  }
  
  .icon-list ul {
      list-style: none;
      padding-left: 0;
  }
  
  .icon-list ul li {
      position: relative;
      padding-left: 76px;
      margin-bottom: 24px;
  }
  
  .icon-list ul li:last-child {
      margin-bottom: 0;
  }
  
  .icon-list ul li i {
      height: 60px;
      width: 60px;
      background: var(--hl-bs--primary);
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--hl-bs--primary-opposite);
  }
  
  .icon-list ul li h4 {
      margin-top: 0;
      margin-bottom: 16px;
  }
  
  /****** cards ******/
  
  .ContentItemHtml.card:not(.team),
  .card.leaderboard,
  .card.clickable > a,
  .card.team button,
  body.ribbit .narrow-widget-container,
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLLandingControl {
      border-radius: 8px;
      padding: 24px;
      box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
      background: #fff;
      filter: none;
  }
  body.ribbit .narrow-widget-container,
  .col-md-3 .ContentItemHtml.card,
  .col-md-3 .card.clickable > a,
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .col-md-3 .HLLandingControl,
  .card.leaderboard {
      padding: 16px;
  }
  body.ribbit .narrow-widget-container {
      margin-bottom: 0 !important;
  }
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLLandingControl .HLLandingControl,
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .leaderboard .HLLandingControl {
      padding: 0;
      box-shadow: none;
      border-radius: 0;
  }
  body.ribbit .community-events-list.narrow-widget-container,
  body.ribbit .recent-blogs.narrow-widget-container {
      padding: 0;
  }
  
  div[class*="col-md-"]:not(.col-md-12) .ContentItemHtml.card + .ContentItemHtml.card {
      margin-top: 16px;
  }
  .card .HtmlContent > *:first-child,
  .card.icon-card .HtmlContent > h3:nth-child(2) {
      margin-top: 0;
  }
  .card .HtmlContent > *:last-child {
      margin-bottom: 0;
  }
  .card .HtmlContent > p:has(em):last-child {
      margin-top: auto;
  }
  
  /*** widget cards ***/
  
  body.ribbit .narrow-widget-container .widget-heading,
  body.ribbit .card .HLLandingControl .row.heading {
      padding: 0 0 8px 0 !important;
  }
  body.ribbit .community-events-list.narrow-widget-container .widget-heading,
  body.ribbit .recent-blogs.narrow-widget-container .widget-heading {
      padding: 16px 16px 8px 16px !important;
  }
  body.ribbit .narrow-widget-container .widget-heading h2,
  body.ribbit .card .HLLandingControl .row.heading h2 {
      margin: 0 !important;
  }
  body.ribbit .narrow-widget-container .widget-content-item,
  body.ribbit .narrow-widget-container .view-more-link {
      padding: 8px !important;
  }
  body.ribbit a.link-container {
      border-radius: 4px;
      background-color: transparent;
      border: none;
  }
  body.ribbit a.link-container:hover, 
  body.ribbit a.link-container .link-container-content:hover {
      background-color: var(--hl-bs--gray-100);
      border: none;
  }
  body.ribbit a.link-container.link-container-link:hover {
      color: initial;
      text-decoration: none;
  }
  body.ribbit .bootstrap-4 .view-more-link a.link-standalone {
      border-bottom: 1px solid transparent;
      font-size: 16px;
  }
  body.ribbit .bootstrap-4 .view-more-link a.link-standalone:is(:hover, :focus) {
      text-decoration: none;
      border-bottom-color: var(--hl-bs--link-hover);
  }
  body.ribbit .bootstrap-4 .narrow-widget-container .font-size-sm,
  body.ribbit .bootstrap-4 .quick-links-container.narrow-widget-container .link-container-link {
      font-weight: 600;
  }
  body.ribbit #MPOuterMost #MPOuter .card:not(.leaderboard) .HLLandingControl .Content ul li {
      padding: 16px 0;
      border-bottom: 1px solid #E9E9E9;
  }
  body.ribbit #MPOuterMost #MPOuter .card .HLLandingControl div[id*="BottomLink"] .col-md-12 {
      padding: 16px 0 0 0 !important;
  }
  body.ribbit #MPOuterMost #MPOuter .card .HLLandingControl p,
  body.ribbit #MPOuterMost #MPOuter .card .HLLandingControl .btn,
  body.ribbit #MPOuterMost #MPOuter .card .HLLandingControl h5 {
      font-size: initial;
  }
  
  /*** featured member card ***/
  
  .card.member-card .user-details {
      display: flex;
      align-items: center;
      margin-bottom: 8px;
  }
  
  .card.member-card .user-details>strong {
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      width: 50px;
      height: 50px;
  }
  
  .card.member-card .user-details>strong img {
      margin: 0;
      max-width: 100%;
      border-radius: 0;
  }
  
  .card.member-card .user-details h3 {
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 16px;
  }
  
  .card.member-card p:not(:last-child) {
      margin-bottom: 8px;
  }
  
  .card.member-card p:last-child {
      padding-top: 8px;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  
  /*** basic icons ***/
  
  .card .HtmlContent>p i,
  .card .HtmlContent>i {
      font-size: 40px;
      color: var(--hl-bs--primary);
  }
  
  /*** icon cards ***/
  
  .card.icon-card .HtmlContent p:has(i) {
      text-align: center;
      margin-bottom: 6px;
      border-radius: 8px;
  }
  .card.icon-card .HtmlContent p i {
      display: block;
      width: 100%;
      padding: 24px;
      border-radius: 8px;
      font-size: 32px;
      color: var(--ui-secondary-text);
  
  }
  .card.icon-card .HtmlContent p:has(i) {
      background-color: var(--hl-bs--primary);
  }
  
  .card.icon-card .HtmlContent p:has(i) {
      background-color: var(--hl-bs--secondary);
  }
  
  .card.icon-card .HtmlContent p i,
  .icon-circle .HtmlContent > p i {
      background: transparent;
  }
  .card.icon-card a:is(:hover, :focus) .HtmlContent p i,
  .icon-circle a:is(:hover, :focus) .HtmlContent > p i {
      background-color: rgba(255, 255, 255, 0.4);
  }
  
  .icon-circle .HtmlContent>p {
      text-align: center;
      font-weight: 600;
      color: var(--ui-heading-text);
  }
  
  .card.icon-card a:is(:hover, :focus) em {
      border-bottom: 1px solid var(--hl-bs--primary);
  }
  
  .icon-circle .HtmlContent>p:has(i) {
      background-color: var(--hl-bs--secondary);
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-left: auto;
      margin-right: auto;
  }
  .icon-circle .HtmlContent>p i {
      height: 60px;
      width: 60px;
      border-radius: 50%;
      font-size: 24px;
      color: var(--hl-bs--default-text);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s;
  }
  
  /*** image cards ***/
  
  .card.img-card,
  .col-md-3 .card.img-card {
      padding: 0;
  }
  .card.img-card .HtmlContent {
      padding: 24px;
  }
  .card.img-card .img-container {
      height: 200px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }
  
  /*** icon & image cards ***/
  
  .card.img-card .img-container ~ .HtmlContent:has(i) {
      padding-top: 48px;
      position: relative;
  }
  .card.img-card .img-container ~ .HtmlContent i {
      position: absolute;
      top: -50px;
      height: 100px;
      width: 100px;
      border-radius: 50%;
      border: 3px solid #fff;
      line-height: 94px;
      text-align: center;
      background-color: var(--hl-bs--secondary);
      color: var(--ui-secondary-text);
      font-size: 44px;
      left: 24px;
  }
  .img-card .img-container ~ .HtmlContent p:has(i) {
      margin-bottom: 0;
  }
  
  /*** clickable cards ***/
  
  .card.clickable * {
      transition: .3s;
  }
  
  .card.clickable,
  .col-md-3 .card.clickable {
      padding: 0;
      box-shadow: none;
  }
  .card.clickable > a {
      padding: 24px;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      text-decoration: none;
      display: block;
  }
  .card.clickable > a,
  .card.clickable > a:is(:hover, :focus) {
      color: var(--ui-default-text);
  }
  .card.clickable > a:is(:hover, :focus) {
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(153, 153, 153, 0.25);
  }
  
  /*** CTA tiles ***/
  
  .cta-tile a {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      display: block;
      text-decoration: none;
      padding: 24px 100px 24px 24px;
      position: relative;
      background: var(--hl-bs--gray-100);
      margin-bottom: 30px;
      border-radius: 4px;
      overflow: hidden;
  }
  
  .cta-tile.icon a {
      padding-left: 110px;
  }
  
  .cta-tile.icon a>p:first-child {
      margin-bottom: 0;
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .cta-tile.icon a i {
      height: 70px;
      width: 70px;
      border-radius: 50%;
      text-align: center;
      line-height: 70px;
      background: var(--hl-bs--gray-300);
      color: var(--hl-bs--primary);
      font-size: 30px;
  }
  
  body.ribbit .cta-tile a {
      color: var(--hl-bs--default-text);
  }
  
  .cta-tile a::after {
      position: absolute;
      width: 60px;
      right: 0;
      top: 0;
      bottom: 0;
      font-family: "Font Awesome 5 Pro";
      content: "\f061";
      color: #fff;
      font-size: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.3s;
  }
  
  .cta-tile h3 {
      margin-top: 0;
      transition: 0.3s;
  }
  
  .cta-tile a:hover,
  .cta-tile a:focus {
      background: var(--hl-bs--gray-200);
      transition: 0.3s;
      color: var(--hl-bs--primary);
  }
  
  .cta-tile a:hover::after,
  .cta-tile a:focus::after {
      transition: 0.3s;
  }
  
  .cta-tile.icon a:is(:hover, :focus) i {
      background: var(--hl-bs--gray-400);
  }
  
  /*** flex card row ***/
  
  .cards {
      display: flex;
  }
  
  .cards>div {
      display: flex;
      flex: 1;
  }
  #MPOuterMost #MPOuter .cards > .col-md-12 {
      margin: -12px;
  }
  
  .cards>div .card {
      margin: 12px;
      flex: 1;
  }
  
  body.ribbit .row-wide.flex-cards {
      display: flex;
      padding-left: 4px;
      padding-right: 4px;
  }
  
  body.ribbit .flex-cards>[class*="col-"] {
      padding: 0 12px;
      flex-grow: 0;
      flex-shrink: 1;
      display: flex;
  }
  
  .flex-cards .card.ContentItemHtml {
      display: flex;
      flex-direction: column;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
  }
  
  .flex-cards .card .HtmlContent {
      display: flex;
      flex-direction: column;
      flex: 1;
      justify-content: unset;
      height: 100%;
  }
  
  /*** removing margin on final paragraph ***/
  
  p:last-child {
      margin-bottom: 0;
  }
  
  /*** preventing overflow on mobile ***/
  
  #MPOuterMost {
      overflow-x: hidden;
  }
  
  /****** resetting padding/margins ******/
  
  body.ribbit.interior #MainCopy_ContentWrapper:has(>div[class*="bg-"]:first-child),
  body.ribbit.interior.community-pages #MainCopy_ContentWrapper,
  body.ribbit #MPOuterMost #MPOuter .no-top-padding {
      padding-top: 0;
  }
  body.ribbit #MPOuterMost #MPOuter .no-bottom-padding {
    padding-bottom: 0;
  }
  
  body.ribbit.home #MainCopy_ContentWrapper>.row-wide:not(:last-child, .home-hero, .primary-row, .secondary-row) {
      padding-bottom: 0;
  }
  
  body.ribbit.home #MainCopy_ContentWrapper>.row-wide:not(:first-child, .home-hero, .primary-row, .secondary-row) {
      padding-top: 0;
  }
  
  body.ribbit.home #MainCopy_ContentWrapper>.row-wide.hl-lg-v-padding:not(:first-child, .home-hero, .primary-row, .secondary-row) {
      padding-top: 48px;
      padding-bottom: 48px;
  }
  
  body.ribbit.interior #MainCopy_ContentWrapper:has(>div[class*="bg-"]:last-child),
  body.ribbit.home #MainCopy_ContentWrapper>.row-wide.hl-lg-v-padding.no-bottom-padding:not(:first-child, .home-hero, .primary-row, .secondary-row),
  body.ribbit #MPOuterMost #MPOuter .no-bottom-padding {
      padding-bottom: 0;
  }
  
  #MainCopy_ContentWrapper .row:not(.cards):not(.grid-sponsors)>div[class*="col-md-"]>.ContentUserControl:not(:first-child),
  #MainCopy_ContentWrapper .row:not(.cards):not(.grid-sponsors)>div[class*="col-md-"]>.ContentItemHtml:not(:first-child) {
      margin-top: 16px;
  }
  
  #MainCopy_ContentWrapper .row:not(.cards):not(.grid-sponsors)>div[class*="col-md-"]>.ContentUserControl:not(:first-child).explore-community {
      margin-top: 24px;
  }
  
  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;
  }
  
  #PageTitleH1 {
      padding: 20px 16px;
  }
  
  body.ribbit.memberhome #MPOuterMost #MainCopy_ContentWrapper .row[class*=row-]>div[class*=col-md-]>*:not(.row[class*=row-]):last-child {
      margin-bottom: 0;
  }
  body.ribbit.memberhome #MainCopy_ContentWrapper .row[class*=row-]>div[class*=col-md-]>*:not(.row[class*=row-]) {
      margin-top: 16px;
      margin-bottom: 16px;
  }
  
  /****** bios ******/
  
  .team {
      padding: 8px;
      position: relative;
  }
  .card.team {
      box-shadow: none;
      border-radius: 0;
      background: transparent;
  }
  
  .card.team button {
      width: 100%;
      border: none;
      flex-basis: inherit;
  }
 .flex-cards .card.team button {
      flex-basis: inherit;
  }
  .card.team button:is(:hover, :focus) {
      background: #fff;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(153, 153, 153, 0.25);
  }
  
  .col-md-3>.team,
  .col-md-3>.team {
      padding-left: 0;
      padding-right: 0;
  }
  
  .team .HtmlContent .img-container {
      width: 150px;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 24px;
      overflow: hidden;
      border-radius: 50%;
  }
  
  .team p a {
      text-decoration: none;
      color: var(--hl-bs--default-text);
  }
  
  
  /****** bio modals ******/
  
  .bio.no-contact-info p a::before,
  .bio.no-contact-info p:first-of-type::before {
      display: none;
  }
  
  .bio p {
      font-style: normal;
      font-weight: 300;
      font-size: 13px;
      line-height: 21px;
  }
  
  .bio p a {
      text-decoration: none;
      color: var(--hl-bs--btn-icon-ctrl-bg-hover);
  }


  .bio p a:is(:hover,:focus) {
    text-decoration: underline;
  }
  
  .bio {
      display: none;
      position: fixed;
      height: 450px;
      width: 800px;
      top: calc(50% - 200px);
      left: calc(50% - 350px);
      border-radius: 4px;
      padding: 40px;
      background: #ffffff;
      box-shadow: 1px 6px 6px rgba(0, 0, 0, 0.1), 0px 6px 20px rgba(0, 0, 0, 0.1);
      border-radius: 4px;
  }
  
  .bio.open {
      display: block;
      z-index: 1250;
  }
  
  .bio .HtmlContent {
      display: flex;
      height: 100%;
  }
  
  .bio-image {
      flex-basis: 30%;
      padding-right: 15px;
  }
  
  .bio-image img {
      max-height: 300px;
  }
  
  .bio-text {
      flex-basis: 70%;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
  }
  
  .bio h3 {
      margin-top: 0;
  }
  
  .bio h4 {
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid var(--hl-bs--gray-100);
  }
  
  .bio button {
      position: absolute;
      color: var(--hl-bs--link);
      background: transparent;
      border: none;
      top: 20px;
      right: 20px;
      font-size: 24px;
      z-index: 20;
  }
  
  .bio button:is(:hover, :focus) {
      color: var(--hl-bs--link-hover);
  }
  
  .bio button::before {
      font-family: "Font Awesome 6 Pro";
      content: "\f00d";
  }
  
  /****** sponsors ******/
  
  #MPOuterMost #MPOuter .sponsors,
  #MPOuterMost #MPOuter .grid-sponsors {
      margin-top: 15px;
  }
  
  /* .sponsors>.col-md-12.slick-slider .slick-track, */
  .grid-sponsors>.col-md-12 {
      display: flex;
  }
  
  .grid-sponsors>.col-md-12 {
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
  }
  
  #MainCopy_ContentWrapper .grid-sponsors>div[class*="col-md-"]>.ContentUserControl:not(:first-child),
  #MainCopy_ContentWrapper .grid-sponsors>div[class*="col-md-"]>.ContentItemHtml:not(:first-child) {
      margin-top: 0;
  }
  
  .sponsors .slick-track {
      display: flex;
      padding: 15px 0;
  }
  
  
  body.ribbit #MainCopy_ContentWrapper .sponsors .slick-slider .sponsor {
      padding: 0 8px;
      display: flex;
      height: auto;
      margin: 0;
  }
  
  
  
  .grid-sponsors .sponsor {
      padding: 8px;
      width: 300px;
  }
  
  .sponsor .HtmlContent {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      display: flex;
  }
  
  .grid-sponsors .sponsor .HtmlContent {
      height: 100%;
  }
  
  body.ribbit .sponsor a {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      background: #fff;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      display: flex;
      text-decoration: none;
      box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
      transition: 0.3s;
      flex-direction: column;
      color: #272727;
  }
  
  
  body.ribbit .sponsor a:is(:hover, :focus) {
      box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
      transition: 0.3s;
  }
  
  /************ Header ************/
  
  body.ribbit #NAV {
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(153, 153, 153, 0.25);
  }
  
  body.ribbit #NAV>div {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  
  #MPOuterHeader #NAV #MPButtonBar {
      max-width: 1600px;
      margin-left: auto;
      margin-right: auto;
  }
  
  body.ribbit .navbar,
  body.ribbit .navbar-default .navbar-nav>li>a {
      font-weight: 600;
  }
  
  /****** search ******/
  
  /* 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: 1px solid transparent;
      border-radius: 50px;
      overflow: hidden;
      width: 52px;
      height: 48px;
      transition: width .3s;
      background: #fff;
      position: relative;
  }
  
  .search-wrap.not-logged-in {
      right: 80px;
  }
  
  .search-wrap.open {
      width: 250px;
      transition: width .3s;
      border: 1px solid var(--hl-bs--primary);
      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;
  }
  
  .open .search-bar-top {
      opacity: 1;
      z-index: 10;
      transition: .3s;
  }
  
  .SearchInputs {
      background: #fff;
  }
  
  .SearchInputs .form-control {
      padding: 0;
      border: none;
      box-shadow: none;
      width: 100%;
      font-size: 16px;
      line-height: 22px;
      color: #5b5b5b;
  }
  
  .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: 12px 20px;
      height: 46px;
      transition: width .3s;
      outline: none;
      background: transparent
  }
  
  .SearchInputs button[id*="SearchButton"] {
      padding: 0;
      width: 0;
      border: none;
      background: transparent;
      transition: width .3s;
  }
  
  
  body.ribbit .search-bar-top button[id*="SearchButton"],
  .open .search-bar-top button[id*="SearchButton"] {
      margin-right: 15px;
      color: #2E334E;
      font-size: 16px;
      line-height: 22px;
      border: none;
      background: transparent;
      ;
      padding: 0;
      width: auto;
  }
  
  #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 5 Pro';
      content: '\f061';
      font-size: 20px;
      color: #C54644;
  }
  
  .search-btn-top {
      padding: 0;
      width: 30px;
      text-align: center;
      height: 30px;
      border-radius: 50%;
      border: none;
      background: transparent;
      margin: 10px 0px 0px 4px;
      position: absolute;
      transition: background-color .3s;
      font-size: 16px;
      line-height: 16px;
      color: #2E334E;
      right: 0px;
      z-index: 15;
  }
  
  .open .search-btn-top {
      font-size: 12px;
      transition: background-color .3s;
      right: 30px;
  }
  
  .search-btn-top::before {
      font-family: 'Font Awesome 5 Pro';
      content: '\f002';
      font-weight: 900;
  }
  
  .open .search-btn-top::before {
      content: '\f00d';
      font-size: 18px;
      transition: 0s;
  }
  
  /* Nav Bar */
  
  body.ribbit .navbar,
  body.ribbit .navbar-default .navbar-nav,
  body.ribbit #NAV #MPButtonBar nav.navbar.navbar-default {
      padding: 0;
  }
  
  body.ribbit #NAV * {
      line-height: 1;
  }
  
  /* Nav Items */
  
  body.ribbit #NAV .navbar-nav>li {
      line-height: 1;
  }
  
  body.ribbit #NAV .navbar-nav>li>a {
      line-height: 1.4;
      font-size: 14px;
      padding: 8px 16px;
      font-weight: 600;
  }
  
  /* Nav Active Hover */
  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: var(--hl-bs--primary);
  }
  
  /* Nav Dropdown */
  
  .navbar-nav>li>.dropdown-menu {
      box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 2px 16px 0px rgba(0, 0, 0, 0.15);
      min-width: 221px;
      border-radius: 8px;
      padding: 16px;
  }
  
  
  body.ribbit #MPButtonBar .dropdown-menu li a {
      padding: 8px 16px;
      display: inline-block;
  }
  
  .nav.navbar-nav .dropdown-submenu>ul.dropdown-submenu {
      padding: 0;
      margin: 0;
      margin-left: 16px;
  }
  
  /* Dropdown avtive/hover state */
  
  body.ribbit #MPButtonBar .dropdown-menu>li>a:hover,
  body.ribbit #MPButtonBar .dropdown-menu>li>a:focus,
  body.ribbit #MPButtonBar .dropdown-menu li a:hover,
  body.ribbit #MPButtonBar .dropdown-menu li a:focus,
  body.ribbit #MPButtonBar .dropdown-menu .active>li>a:hover,
  body.ribbit #MPButtonBar .dropdown-menu>li>a:focus {
      background: var(--hl-bs--gray-100);
      border-radius: 4px;
  }
  
  body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a {
      font-size: 13px;
      font-weight: 300;
      color: #666;
      display: inline-block;
  }
  
  body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a:is(:hover, :focus),
  body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li.active a {
      font-weight: 300;
  }
  
  
  body.ribbit #MPButtonBar .dropdown-menu .active>a {
      display: inline-block;
      background: var(--hl-bs--gray-100);
      border-radius: 4px;
  }
  
  
  
  /******* logo *******/
  
  #MPOuterHeader #NAV #MPButtonBar .navbar-header {
      min-width: 200px;
  }
  
  
  body.ribbit #LogoNavPlaceholder {
      margin: 0;
  }
  
  /************ footer ************/
  
  #MPOuterFooter {
      padding: 0;
  }
  
  body.ribbit.memberhome #FOOTER,
  body.ribbit.memberhome #MPOuterFooter,
  body.ribbit.memberhome #MPFooterLink {
      display: block !important;
  }
  
  #MPFooterLink.row.siteFrame {
      margin-left: -15px;
      margin-right: -15px;
  }
  
  #MPOuterFooter p {
      color: inherit;
  }
  
  #MPOuterFooter::after {
      border: none;
  }
  
  #MPFooterLink a {
      letter-spacing: 0;
      font-size: inherit;
  }
  
  #FOOTER h2 {
      font-size: 16px;
      line-height: 19px;
      margin-top: 0;
  }
  
  #FOOTER.col-md-12,
  #FOOTER .Footer {
      padding: 0;
  }
  
  .footer-middle-row,
  .footer-bottom-row {
      position: relative;
  }
  
  .footer-middle-row::before,
  .footer-bottom-row::before {
      content: "";
      position: absolute;
      top: 0;
      left: 16px;
      right: 16px;
      border-top: 1px solid rgba(217, 217, 217, 0.2);
      display: block;
  }
  
  .footer-middle-row .ContentItemHtml+.ContentItemHtml {
      margin-top: 16px;
  }
  
  .footer-logo p {
      margin-bottom: 0;
  }
  
  .footer-logo img {
      max-height: 35px;
      max-width: unset;
  }
  
  #FOOTER .footer-links a:is(:hover, :focus) {
      text-decoration: underline;
  }
  
  .footer-social {
      display: flex;
      justify-content: flex-end;
      align-items: center;
  }
  
  .footer-social ul {
      list-style-type: none;
      padding-left: 7px;
      display: flex;
      margin-bottom: 0;
  }
  
  .footer-social ul li {
      margin-left: 3px;
  }
  
  .footer-social ul li a {
      background: #fff;
      border-radius: 50px;
      text-align: center;
      font-size: 16px;
      width: 32px;
      height: 32px;
      line-height: 32px;
      display: block;
  }
  
  .footer-social ul li a:is(:hover, :focus) {
      background: rgba(255, 255, 255, 0.75);
  }
  
  #FOOTER .footer-social h2 {
      margin-bottom: 0;
  }
  
  #FOOTER .footer-social a {
      color: #000000;
  }
  
  #MPCopyright {
      text-align: left;
      padding: 0;
  }
  
  #MPFooterLink #MPFooterLinkContent {
      text-align: right;
      padding: 0;
  }
  
  /************ hero *************/
  
  .hero {
      background-size: cover;
      background-position: center;
  }
  
  .hero .row-wide {
      display: flex;
      align-items: center;
  }
  
  .hero .make-buttons em:has(a) {
      margin: -10px;
  }
  .hero .make-buttons em a {
      margin: 10px;
  }
  
  #MPOuterMost #MPOuter .hero .ContentItemHtml:not(.card) .HtmlContent h2,
  .hero .ContentItemHtml:not(.card) .HtmlContent h1,
  .hero .ContentItemHtml:not(.card) .HtmlContent p {
      color: white;
  }
  
  .hero {
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
  }
  .hero h1,
  .hero h2 {
      margin-top: 0;
  }
  .hero .HtmlContent > *:last-child {
      margin-bottom: 0;
  }
  
  .hero[class*="bg-"]::before,
  .hero[class*="-bkgd"]::before {
      display: block;
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      mix-blend-mode: soft-light;
      background: radial-gradient(145.93% 137.01% at 71.71% 0%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 100%), radial-gradient(30.03% 106.8% at 73.42% 141.5%, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%), radial-gradient(96.99% 34.59% at 0% 100%, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.00) 100%);    
      background-size: cover;
  }
  .hero.overlay-wave::before {
      top: 48px;
      background-image: url('https://higherlogicdownload.s3.amazonaws.com/ECONVERSETEST/c1b65cc9-eb19-48eb-9619-1c784c9c7071/UploadedImages/lightlight-graphic.png');
  }
  
  .hero[class*="bg-"]>.col-md-12 .HtmlContent,
  .hero[class*="-bkgd"]>.col-md-12 .HtmlContent {
      position: relative;
      z-index: 10;
  }
  
  /****** hero profile snippet ******/
  
  .hero .ProfileSnippet,
  .hero .profile-snippet-card,
  .hero .profile-snippet.bootstrap-4 .bg-alt-bg5 {
      background-color: transparent !important;
      box-shadow: none;
      filter: none;
  }
  
  /****** hero carousel ******/

.make-carousel {
    background-color: rgba(0, 0, 0, 0.39);
    border-radius: 4px;
}

.make-carousel .carousel-item,
.make-carousel-tiles ul:not(.slick-dots) li {
    position: relative;
}

body.ribbit #MPOuterMost #MPOuter .make-carousel-tiles ul {
    margin-top: 0;
}


body.ribbit #MPOuterMost #MPOuter .make-carousel-tiles .heading h2 {
    margin-top: 0;
}

body.ribbit #MPOuterMost #MPOuter .make-carousel-tiles h5 {
    margin-bottom: 8px;
}


.hero .make-carousel .carousel-item {
    padding: 20px;
    display: flex;
    height: auto;
}

.make-carousel .carousel-item .HtmlContent {
    width: 65%;
    padding: 20px 20px 20px 0;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.make-carousel .carousel-item .img-container {
    width: 35%;
    flex-grow: 0;
    flex-shrink: 1;
    border-radius: 8px;
}

.make-carousel .carousel-item .HtmlContent p:first-of-type {
    margin-bottom: 24px;
}

.make-carousel .carousel-item .HtmlContent h6 {
    font-size: 11px;
    margin-bottom: 8px;
}

.make-carousel .carousel-item .HtmlContent h2 {
    font-size: 20px;
    margin-top: 0;
}
.make-carousel .carousel-item .HtmlContent h3 {
    margin-top: 0;
}

body.ribbit #MPOuterMost .make-carousel .carousel-item .HtmlContent p {
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
}


.make-carousel .carousel-item .HtmlContent em a {
    font-size: 16px;
}

.make-carousel .slick-track {
    display: flex;
}

.make-carousel .slick-track > div {
    height: auto;
}



.make-carousel-tiles ul:not(.slick-dots) .slick-track {
    display: flex;
}

body.ribbit #MPOuterMost .make-carousel-tiles ul:not(.slick-dots) {
    bottom: 0px;
    margin: 0px;
}

.make-carousel-tiles ul:not(.slick-dots) li {
    margin-bottom: 0px;
}

.make-carousel-tiles ul:not(.slick-dots) .slick-track li {
    padding: 24px;
    background: #fff;
    height: auto;
    margin: 0 12px;
    border: 0;
    border-radius: 8px;
}


.make-carousel-tiles ul:not(.slick-dots) .slick-track li .img-container,
.featured-resource.make-carousel-tiles .col-md-12 > ul > li .img-container {
    height: 140px;
    position: relative;
    width: calc(100% + 48px);
    margin: -24px -24px 24px -24px;
    border-radius:0;
}

.make-carousel-tiles ul:not(.slick-dots) .slick-track li .img-container.no-ajax-image,
.featured-resource.make-carousel-tiles .col-md-12 > ul > li .img-container.no-ajax-image {
    background: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}


.make-carousel-tiles ul:not(.slick-dots) .slick-track li .img-container.no-ajax-image::before,
.featured-resource.make-carousel-tiles .col-md-12 > ul > li .img-container.no-ajax-image::before {
    content: '\f03e';
    font-family: 'Font Awesome 6 Pro';
    font-size: 45px;
    color: var(--hl-bs--gray-500);
}

.make-carousel-tiles ul li .col-md-3 {
    display: none;
}

.make-carousel-tiles ul li .col-md-9 {
    width: 100%;
}

.make-carousel-tiles ul  .slick-list {
    margin: 0 -15px;
} 

.make-carousel-tiles.featured-resource ul  .slick-list {
    margin: 0;
} 




.make-carousel-tiles .HLLandingControl .Content .title-row .content-tags {
    padding-top: 10px;
}
.make-carousel-tiles ul  .slick-arrow {
    position: absolute;
    top: 50%;
    background: transparent;
    border: 0;
}

.make-carousel-tiles ul  .next-arrow {
    right: -30px;
    z-index: 1;
}

.make-carousel-tiles ul  .prev-arrow {
    left: -30px;
    z-index: 1;
}





  /****** hero slider ******/
  
  .slider,
  .memberhome-slider {
      background-color: rgba(0, 0, 0, 0.39);
      border-radius: 8px;
  }
  #MPOuterMost #MPOuter #MainCopy_ContentWrapper .hero .slider.slick-dotted,
  #MPOuterMost #MPOuter #MainCopy_ContentWrapper .hero .memberhome-slider.slick-dotted {
      margin-bottom: 32px;
  }
  .slider .slick-track,
  .memberhome-slider .slick-track {
      display: flex;
  }
  
  .hero .memberhome-slider .memberhome-slide,
  .hero .slider .slide {
      padding: 24px;
      display: flex;
      height: auto;
  }
  .memberhome-slider .memberhome-slide .HtmlContent,
  .slider .slide .HtmlContent {
      width: 65%;
      padding: 20px 20px 20px 0;
      flex-grow: 0;
      flex-shrink: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .memberhome-slider .memberhome-slide .img-container,
  .slider .slide .img-container {
      width: 35%;
      flex-grow: 0;
      flex-shrink: 1;
      border-radius: 8px;
  }
  .memberhome-slider .memberhome-slide .HtmlContent >  *:first-child,
  .slider .slide .HtmlContent >  *:first-child {
      margin-top: 0;
  }
  body.ribbit .hero .slider p,
  body.ribbit .hero .memberhome-slider p {
      font-size: 16px;
  }
  body.ribbit .hero .slider p:not(:last-child),
  body.ribbit .hero .memberhome-slider p:not(:last-child) {
      margin-bottom: 24px;
  }
  
  /************ slick arrows & dots ************/
  
  .slider .slick-dots,
  .memberhome-slider .slick-dots {
      text-align: left;
      padding-left: 15px;
      bottom: 25px;
  }
  
  body .slick-dots li {
      width: 12px;
      height: 12px;
      border: 2px solid var(--hl-bs--gray-500);
      border-radius: 50%;
  }
  
  .slider .slick-dots li,
  .memberhome-slider .slick-dots li {
      border-color: var(--hl-bs--primary-opposite);
  }
  
  body .slick-dots li,
  body .slick-dots li:is(:hover, :focus) {
      transition: .3s;
  }
  
  body .slick-dots li:is(:hover, :focus),
  body .slick-dots li.slick-active {
      background: var(--hl-bs--gray-500);
  }
  
  .slider .slick-dots li:is(:hover, :focus),
  .slider .slick-dots li.slick-active,
  .memberhome-slider .slick-dots li:is(:hover, :focus),
  .memberhome-slider .slick-dots li.slick-active {
      background: var(--hl-bs--primary-opposite);
  }
  
  body .slick-dots li button {
      padding: 0;
      width: 10px;
      height: 10px;
  }
  
  .slick-dots button::before {
      height: 10px;
      width: 10px;
  }
  
  .slick-dots li button::before,
  li.slick-active button::before {
      color: transparent !important;
  }
  
  
  .hero .slick-arrow {
      color: #fff;
      position: absolute;
      background: transparent;
      border: none;
      padding: 0;
      bottom: -40px;
      z-index: 15;
  }
  
  .hero .prev-arrow {
      left: 0;
  }
  
  .hero .next-arrow {
      right: 0;
  }
  
  .hero .slider .slick-dots,
  .hero .memberhome-slider .slick-dots {
      bottom: -35px;
      text-align: center;
      padding-left: 0;
      left: 0;
      right: 0;
  }
  
  /****** flex cards below hero ******/
  
  .home #MPOuterMost #MPOuter .hero + .flex-cards {
      margin-top: -40px;
  }
  
  /************ profile card ************/
  
  .profile-snippet-card.hl-widget-card.bg-alt-bg5 {
      background-color: var(--hl-bs--primary) !important;
  }
  
  body.ribbit .profile-snippet-card .profile-snippet-bio {
      padding-left: 120px !important;
      min-height: 118px;
      align-content: baseline;
      justify-content: center;
  }
  
  body.ribbit .col-md-3 .profile-snippet-card .profile-snippet-bio {
      padding-bottom: 16px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      align-content: center;
      min-height: 126px;
  }
  
  body.ribbit .profile-snippet-bio .profile-snippet-avatar {
      width: 102px;
      height: 102px;
      border: 3px solid #fff;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0 !important;
      margin-bottom: 24px;
  }
  
  body.ribbit .col-md-3 .profile-snippet-bio .profile-snippet-avatar {
      margin-bottom: 8px;
      position: relative;
      top: auto;
      left: auto;
  }
  
  body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(2) {
      margin-top: 0 !important;
      font-size: 18px !important;
      line-height: 1.3;
      font-weight: 700;
  }
  
  body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(3) {
      font-size: 14px !important;
      font-weight: 300;
      line-height: 1.4;
      margin-bottom: 24px;
  }
  
  body.ribbit .col-md-3 .profile-snippet-card .profile-snippet-bio div:nth-child(3) {
      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 .col-md-3 .profile-snippet-card .profile-snippet-bio div:nth-child(2),
  body.ribbit .col-md-3 .profile-snippet-card .profile-snippet-bio div:nth-child(3) {
      text-align: center !important;
      width: 100%;
  }
  
  body.ribbit .profile-snippet-card .profile-snippet-bio,
  body.ribbit .profile-snippet-progress,
  body.ribbit .hl-widget-card .profile-badge-container {
      padding-top: 12px !important;
      padding-bottom: 12px !important;
  }
  
  body.ribbit .col-md-3 .profile-snippet-card .profile-snippet-bio,
  body.ribbit .col-md-3 .profile-snippet-progress,
  body.ribbit .col-md-3 .hl-widget-card .profile-badge-container {
      border-bottom: 1px solid rgba(242, 242, 242, 0.20);
      padding-top: 16px !important;
      padding-bottom: 16px !important;
  }
  
  body.ribbit .profile-snippet-progress>.d-flex>span:first-child {
      font-size: 14px;
      font-weight: 300;
      line-height: 1.4;
  }
  
  body.ribbit .profile-snippet-progress>.d-flex>span:last-child {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 600;
  }
   
  body.ribbit .profile-snippet-progress>.my-2 {
      margin-bottom: 0 !important;
  }
  
  body.ribbit .profile-snippet-progress>.my-2 .progress {
      border-radius: 20px;
      background: var(--hl-bs--gray-100) !important;
      padding: 2px;
      height: 14px;
  }
  
  body.ribbit .profile-snippet-progress>.my-2 .progress-bar {
      border-radius: 20px;
  }
  
  body.ribbit .no-bg .profile-snippet-card .p-3:not(.profile-snippet-bio) {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  body.ribbit .hl-widget-card .profile-badge-container {
      padding: 16px;
  }
  body.ribbit .hero .hl-widget-card .profile-badge-container {
      padding: 16px 0;
  }
  
  body.ribbit .hl-widget-card .profile-badge-container .stacked-badge-row {
      padding: 0;
      margin-right: 16px;
      justify-content: flex-start;
      align-items: center;
  }
  
  body.ribbit .badge-container.stacked.stacked {
      height: auto;
  }
  
  body.ribbit .hl-widget-card .profile-badge-container .stacked-badge-row+a {
      align-items: flex-end !important;
      text-align: right !important;
      font-size: 14px !important;
      line-height: 1.2;
  }
  
  body.ribbit .hl-widget-card .profile-badge-container .stacked-badge-row+a strong {
      font-weight: 600;
  }
  
  body.ribbit .hl-widget-card .profile-badge-container .stacked-badge-row+a span {
      font-weight: 300;
      color: #fff;
  }
  
  body.ribbit .profile-snippet-stats .btn-alt-ghost {
      flex-direction: column !important;
      padding-top: 16px !important;
      padding-bottom: 16px !important;
  }
  
  body.ribbit .profile-snippet-stats .btn-alt-ghost div:first-child {
      font-size: 21px;
      font-weight: 700;
      line-height: 1.2;
      color: #fff;
  }
  
  body.ribbit .profile-snippet-stats .btn-alt-ghost div:last-child {
      color: #fff;
      font-size: 14px;
      font-weight: 300;
      line-height: 1.4;
  }
  
  /************ activity feed ************/
  
  body.ribbit .filter-bars-menu svg {
    display: none;
  }

  body.ribbit .filter-bars-menu::before {
    content: '';
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/MY/ff63028e-2845-4261-84ac-32b75ef054be/UploadedImages/streamactivity-feed.svg');
    background-size:cover;
    background-position: center;
    width:24px;
    height: 16px;
    display: block;
  }

  body.ribbit .feed-item-ellipsis .btn.btn-ghost {
      background: transparent;
  }
  
  .FeedWidget .feed-list .p-2,
  .FeedWidget .feed-list .p-2 {
      border-top: 0 !important;
  }
  
  body.ribbit .feed-list .feed-title-filter {
      border-radius: 8px;
  }
  
  .feed-list .feed-item-row.card {
      box-shadow: none;
  }
  
  .feed-list .feed-title {
      margin-bottom: 1em;
      padding: 1em;
  }
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div.FeedWidget .row.heading {
      border: 1px solid var(--hl-bs--bg2);
      border-radius: 8px;
  }
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div.FeedWidget .row.heading>div {
      padding: .5em;
      border-radius: 8px;
      box-shadow: 0 0 2px 1px rgba(124, 124, 124, .25);
  }
  
  .feed-list .layout-grid-cell-children {
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 0 2px 1px rgba(124, 124, 124, 0.25);
      overflow: hidden;
  }
  
  
  .feed-list .images-preview .img-slot {
      border-radius: 8px;
  }
  
  .bootstrap-4 .btn-sm.btn-ghost .text-meta {
      color: var(--hl-bs--primary-opposite) !important;
  }
  
  .bootstrap-4 .btn-sm.btn-ghost:hover .text-meta {
      color: var(--hl-bs--btn-ghost-text-hover) !important;
  }
  
  .bootstrap-4 .card img.file-type-icon {
      margin: unset;
  }
  
  body.ribbit .bootstrap-4 .card {
      border: none;
  }
  
  .FeedWidget .bootstrap-4 .p-3 {
      padding-left: 8px !important;
      padding-right: 8px !important;
  }
  
  body.ribbit .bootstrap-4 .bg-bg2 {
      background-color: var(--hl-bs--gray-100) !important;
  }
  
  /*** feed title ***/
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div.FeedWidget .row.heading>div {
      padding: 0;
      box-shadow: none;
  }
  
  .FeedWidget .feed-title-filter .filter-bars-menu.btn-ghost {
      margin-right: 8px;
  }
  
  /*** content ***/
  
  body.ribbit .feed-list .layout-grid-cell {
      margin-bottom: 16px !important;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row {
      border: none;
      padding: 0;
  }
  
  body.ribbit .feed-list .layout-grid-cell-children {
      padding: 8px;
  }
  
  .feed-list .images-preview {
      padding: 16px;
  }
  
  .feed-list .hl-profile-avatar.lg img {
      width: 48px;
      height: 48px;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row>div>div.flex-grow-1>div.pe-2.me-1:first-child {
      padding-right: 0 !important;
      margin-right: 16px !important;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row h3,
  .feed-list .layout-grid-cell-children .feed-item-row h3 .link-title {
      line-height: 1.3;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row .card-byline {
      color: #595959;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row .card-byline a {
      color: #272727;
  }
  
  .feed-list .layout-grid-cell-children .feed-item-row>div:first-child>div:first-child>div:nth-child(2)>.pt-1 {
      padding-top: 0 !important;
  }
  
  .feed-list .text-secondary.mt-2.font-size-xs {
      padding-left: 0;
      font-size: 16px !important;
      font-weight: 300;
      line-height: 1.4;
      color: #595959;
  }
  
  .feed-list .text-secondary.mt-2.font-size-xs button {
      font-weight: 700;
      color: #272727 !important;
      font-size: 16px !important;
      line-height: 1.4;
  }
  
  .bootstrap-4 .feed-list .btn-sm.btn-ghost {
      margin-left: 0;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"],
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"]:is(:hover, :focus) {
      background: transparent;
      padding: 0;
      color: #272727;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"]:is(:hover, :focus) {
      color: var(--hl-bs--secondary);
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"] .text-meta {
      color: #272727 !important;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost.engaged[qa-id="feed-item-recommend"] .text-meta {
      color: var(--hl-bs--primary) !important;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"]:is(:hover, :focus) .text-meta,
  .feed-list .layout-grid-cell-children .btn-ghost.engaged[qa-id="feed-item-recommend"]:is(:hover, :focus) .text-meta {
      color: var(--hl-bs--secondary) !important;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"]+.link-standalone {
      color: #272727;
      font-size: 14px;
      line-height: 1.4;
      font-weight: 300;
      padding-right: 0 !important;
  }
  
  .feed-list .layout-grid-cell-children .btn-ghost[qa-id="feed-item-recommend"]+.link-standalone:is(:hover, :focus) {
      color: var(--hl-bs--primary);
      text-decoration: underline;
  }
  
  .feed-list .layout-grid-cell-children .bg-bg1 {
      background-color: var(--hl-bs--gray-100) !important;
      border-radius: 10px;
  }
  
  .feed-list .layout-grid-cell-children .bg-bg1 .text-secondary.font-size-xs {
      font-size: 14px !important;
      font-weight: 300;
      font-size: 1.4;
      color: #595959 !important;
  }
  
  .feed-list .layout-grid-cell-children .bg-bg1 .text-secondary.font-size-xs a {
      font-weight: 700;
      color: #272727;
      text-decoration: none !important;
  }
  
  .feed-list .layout-grid-cell-children .bg-bg1 .text-secondary.font-size-xs a:is(:hover, :focus) {
      text-decoration: underline !important;
      color: var(--hl-bs--secondary);
  }
  
  .feed-list .layout-grid-cell-children .bg-bg1 .bg-bg1 {
      background-color: transparent !important;
      padding: 0;
      color: #595959 !important;
  }
  
  /************ events & blogs ************/
  
  body .calendar-stamp {
      background-color: var(--hl-bs--primary);
      border: none;
      color: var(--hl-bs--primary-opposite);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  body.ribbit .calendar-stamp .month {
      margin-top: 0;
  }
  body.ribbit .community-events-list-row:first-child,
  body.ribbit .blog-list-featured-entry {
      margin-bottom: 8px;
  }
  body.ribbit .community-events-list-row:first-child,
  body.ribbit .blog-list-featured-entry,
  body.ribbit .community-events-list-row.p-3:last-child,
  body.ribbit div:has(> .blog-list-entry.my-3):last-child {
      position: relative;
  }
  body.ribbit .community-events-list-row:first-child::after,
  body.ribbit .blog-list-featured-entry::after,
  body.ribbit .community-events-list-row.p-3:last-child::after,
  body.ribbit div:has(> .blog-list-entry.my-3):last-child::after {
      content: '';
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 0;
      border-bottom: 1px solid #E9E9E9;
  }
  body.ribbit .community-events-list-row.p-3:not(:first-child),
  body.ribbit div:has(> .blog-list-entry.my-3) {
      padding: 8px 16px !important;
  }
  body.ribbit .narrow-widget-container .blog-list-entry.my-3 {
      margin: 0 !important;
      padding: 0 !important;
  }
  body.ribbit .community-events-list-row.p-3:last-child,
  body.ribbit div:has(> .blog-list-entry.my-3):last-child {
      padding-bottom: 16px !important;
  }
  body.ribbit .community-events-list.narrow-widget-container .view-more-link,
  body.ribbit .recent-blogs.narrow-widget-container .view-more-link {
      padding: 16px !important;
  }
  body.ribbit .col-md-3 .ContentUserControl .bootstrap-4 h3 {
      margin-bottom: 4px;
  }
  body.ribbit .col-md-3 .ContentUserControl .bootstrap-4 .community-events-list-row:first-child h3 {
      margin-bottom: 8px; /* this is smaller than the below to account for the extra margin on the spaced row containing the label */
  }
  body.ribbit .col-md-3 .ContentUserControl .bootstrap-4 .blog-list-featured-entry h3 {
      margin-bottom: 12px !important;
  }
  body.ribbit .narrow-widget-container .widget-content-item.blog-list-featured-entry {
      padding: 16px !important;
  }
  body.ribbit .blog-list-featured-entry .title.pt-3 {
      padding-top: 0 !important;
  }
  body.ribbit .blog-list-featured-entry .content.pb-3.border-bottom {
      padding-bottom: 0 !important;
      border-bottom: none !important;
  }
  body.ribbit .blog-list-featured-entry .content {
      align-items: center;
  }
  
  /************ most active members ************/
  
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs {
      justify-content: space-between;
      gap: 0;
      padding-left: 10px;
      padding-right: 10px;
      display: flex;
      margin-bottom: 0;
      border: none;
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li:first-child {
      margin-right: auto;
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li:last-child {
      margin-left: auto;
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li {
      display: block;
      flex: unset;
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li>a {
      font-size: 12px;
      line-height: 20px;
      color: var(--ui-default-text-small);
      margin: 10px 0;
      padding: 0;
      border: 1px solid transparent;
      background: transparent;
      border-top: none;
      transform: none;
      width: auto;
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li>a:is(:hover, :focus) {
      color: var(--ui-heading-text);
      border-bottom-color: var(--ui-heading-text);
  }
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li.active>a,
  body.ribbit #MPOuterMost .leaderboard ul.nav.nav-tabs>li.active>a:is(:hover, :focus) {
      color: var(--ui-heading-text);
      border-bottom-color: var(--ui-heading-text);
      font-weight: 700;
  }
  body.ribbit #MPOuterMost #MainCopy_ContentWrapper>.row>div[class*=col-md-]>div[class*=Content] .HLLandingControl.HLEngagement {
      border-top: 1px solid rgba(0,0,0,0.05);
      padding: 8px 0;
      margin: 0;
  }
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl.HLEngagement .row.heading {
      border: none;
  }
  body.ribbit #MPOuterMost .leaderboard>div[id$=_divContainer]>.ContentMainHeader {
      padding: 0 0 8px 0;
  }
  body.ribbit:not(.interior) .HLLandingControl.HLEngagement ul.display-vertical {
      margin-left: -16px;
      margin-right: -16px;
      padding: 0;
  }
  body.ribbit #MPOuterMost .leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover {
      background: transparent;
  }
  body.ribbit #MPOuterMost .leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li > a .leaderboard-user-info > a {
      color: var(--ui-heading-text);
  }
  body.ribbit #MPOuterMost .leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li > a:is(:hover, :focus) .leaderboard-user-info > a {
      text-decoration: underline;
      color: var(--ui-heading-text);
  }
  body.ribbit #MPOuterMost .leaderboard .tab-content .HLEngagement>.Content ul.display-vertical .leaderboard-points-label>.points-label {
      border-radius: 0;
      background: transparent;
      border: none;
      color: #9a9a9a;
      font-size: 12px;
      line-height: normal;
      font-weight: 300;
  }
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].leaderboard .HLLandingControl ul:not(.dropdown-menu)>li:last-child {
      padding-bottom: 0;
  }
  
  .home .leaderboard .Content ul li,
  .home .leaderboard .Content ul li .title-row {
      display: flex;
      align-items: center;
  }
  
  .home .leaderboard .Content ul li .title-row {
      width: 75%;
  }
  
  .home .leaderboard .Content ul li .content-row {
      width: 25%;
  }
  
  .home .leaderboard .Content ul li .title-row img {
      max-height: 30px;
      max-width: 30px;
  }
  
  .home .leaderboard .Content ul li .title-row .Picture {
      width: 30px;
      margin-right: 10px;
  }
  
  .home .leaderboard .Content ul li .title-row .col-md-9 {
      width: calc(100% - 40px);
      padding: 0;
  }
  
  .home .leaderboard .Content ul li .content-row .Picture {
      display: none;
  }
  
  .home .leaderboard .Content ul li .content-row .col-md-9 {
      padding: 0;
      width: 100%;
      text-align: right;
  }
  
  body.ribbit.home .leaderboard .HLLandingControl .Content ul li .title-row .col-md-9 a {
      text-decoration: none;
      font-weight: 600;
      font-size: 14px;
      line-height: 1.2;
      color: #272727;
  }
  
  .home .leaderboard .Content ul li .content-row .points-label {
      background: transparent;
      padding: 0;
      color: #9A9A9A;
      font-weight: 300;
      font-size: 12px;
      line-height: 15px;
  }
  
  /****** explore the community ******/
  
  body.ribbit #MPOuterMost #MPOuter .explore-community .HLLandingControl {
      padding: 0;
      background: transparent;
      filter: none;
      box-shadow: none;
      border-radius: 0;
  }
  body.ribbit #MPOuterMost #MPOuter .explore-community .HLLandingControl .row.heading {
      display: none;
  }
  
  body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement {
      position: relative;
  }
  
  body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement::after {
      content: 'Connect with members!';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 230px;
      padding-left: 13px;
  }
  
  
  body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement ul:not(.dropdown-menu)>li {
      max-width: unset;
      min-width: unset;
      width: 50px;
      height: 50px;
      background-color: transparent;
      border: none;
      box-shadow: none;
      padding: 0;
      margin: 0;
      margin-left: -10px;
  }
  
  body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement ul:not(.dropdown-menu)>li img {
      border: 2px solid #fff;
      border-radius: 50%;
  }
  
  body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement ul:not(.dropdown-menu)>li:first-of-type {
      margin-left: 0;
  }
  
  .explore-community .HLLandingControl.HLEngagement ul.display-horizontal li a[id*="NameLink"] {
      display: none;
  }
  
  /************ featured resources and blogs ************/
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .row-wide > .col-md-12 .HLLandingControl {
      background: transparent;
      filter: none;
      border-radius: 0;
      box-shadow: none;
      padding: 0;
  }
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLLandingControl .row.heading {
      padding: 0;
      border: none;
  }
  .HLEventList .pull-right + br {
      display: none;
  }
  
  .ContentUserControl.featured-blogs ul,
  .ContentUserControl.featured-resource ul,
  .featured-tile-slider-wrapper .slick-list .slick-track {
      display: flex;
  }
  
  .ContentUserControl.featured-blogs ul li,
  .ContentUserControl.featured-resource ul li {
      width: 33.3333333333%;
      padding:  25px;
      background-color: #eee;
      border: 0;
      margin: 0 15px;
  }
  
  .ContentUserControl.featured-blogs ul li:first-of-type,
  .ContentUserControl.featured-resource ul li:first-of-type {
      margin-left: 0;
  }
  
  .ContentUserControl.featured-blogs ul li:last-of-type,
  .ContentUserControl.featured-resource ul li:last-of-type {
      margin-right: 0;
  }
  
  .ContentUserControl.featured-blogs.tile ul li h3 a::before{
      content: "\f03e";
      font-family: "Font Awesome 5 Pro";
      font-weight: 300;
      color: var(--hl-bs--default-text);
      display: block;
      margin-bottom: 15px;
      display: flex;
      justify-content: center;
  }
  
  .ContentUserControl.featured-blogs ul li .title-row .col-md-3,
  .ContentUserControl.featured-resource ul li .title-row .col-md-3,
  .featured-tile-slider-wrapper li .col-md-3 {
      display: none;
  }
  
  .ContentUserControl.featured-blogs ul li .title-rwo .col-md-9,
  .ContentUserControl.featured-resource ul li .title-rwo .col-md-9,
  .featured-tile-slider-wrapper li .col-md-9 {
      width: 100%;
  }
  
  .recent-blogs-react {
      display: flex;
  }
  
  .ContentUserControl.latest-news-list div[id*="BlogContents"] {
      display: flex;
      flex-wrap: wrap;
      margin-left: -15px;
      margin-right: -15px;
  }
  
  .latest-news-list div[id*="BlogContents"]>.row,
  .row-border-top,
  .blogs-block .col-md-4 {
      display: none;
  }
  
  .pagination>.active>span,
  .pagination>.active>span:hover,
  .pagination li.active>a,
  .pagination li.active>a:hover {
      background-color: var(--hl-bs--primary);
  
  }
  
  body.ribbit.interior.resource-list #MainCopy_ContentWrapper .resources-list div[id*="ContentPanel"] {
      padding-left: 0;
      padding-right: 0;
      margin-left: -15px;
      margin-right: -15px;
  }
  
  body.ribbit.interior #MainCopy_ContentWrapper>.row>div[class*="col-md-"]>div[class*="Content"] .HLLandingControl .row {
      padding-left: 0;
      padding-right: 0;
  }
  
  .featured-cards ul {
      display: flex;
      justify-content: space-evenly;
  }
  
  .ContentUserControl.featured-blogs .top-blogs-slider ul li,
  .ContentUserControl.resources-list ul li,
  .latest-news-list.ContentUserControl .blogs-block,
  .featured-tile-slider li:not([id*="slick-slide"]),
  .featured-tile-slider .blogs-block,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li,
  .fetch-test ul li {
      width: calc(25% - 30px);
      margin: 0 15px 30px;
      background: #fff;
      padding: 190px 30px 30px;
      min-height: 430px;
      position: relative;
      border-radius: 8px;
      box-shadow: 0 0 2px 1px rgba(124, 124, 124, 0.25);
  }
  
  
  
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li:first-of-type {
      margin-left: 0;
  }
  
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li:last-of-type {
      margin-right: 0;
  }
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li {
      min-height: unset;
      padding-top: 130px;
  }
  
  .featured-cards div[id*="Main"] .SearchResults.HLLandingControl div .Content>ul:not(.slider),
  .event-cards .Content ul {
      margin: 16px -12px -12px -12px;
      display: flex;
  }
  
  #MPOuterMost #MPOuter .featured-cards div[id*="Main"] .SearchResults.HLLandingControl div .Content>ul li:not(.slick-slide),
  #MPOuterMost #MPOuter .event-cards .Content ul li {
      margin: 0 12px;
      display: flex;
      flex-direction: column;
      padding: 0;
      flex-grow: 0;
      flex-shrink: 1;
      width: calc(25% - 24px);
      box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
      border: none;
      border-radius: 8px;
  }
  
  .event-cards .Content ul li>div,
  .event-cards .Content ul li>div>div {
      display: flex;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
  }
  
  .event-cards .Content ul li .title-row {
      display: flex;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      flex-direction: column-reverse;
      background: #fff;
      border-radius: 8px;
  }
  
  .featured-cards div[id*="Main"] .SearchResults.HLLandingControl div .Content>ul li:not(.slick-slide) .img-container,
  #MPOuterMost #MPOuter .event-cards .Content ul li .title-row .col-md-3 {
      width: 100%;
      height: 140px;
      position: relative;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      overflow: hidden;
  }
  
  .featured-cards div[id*="Main"] .SearchResults.HLLandingControl div .Content>ul li:not(.slick-slide) .text-container {
      padding: 16px;
  }
  
  #MPOuterMost #MPOuter .event-cards .Content ul li .title-row .col-md-9 {
      padding: 16px !important;
      width: 100%;
      margin-bottom: auto;
  }
  
  #MPOuterMost #MPOuter .event-cards .Content ul li .title-row .col-md-12 {
      padding: 156px 16px 16px 16px !important;
      position: relative;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      border-radius: 8px;
  }
  
  #MPOuterMost #MPOuter .event-cards .Content ul li .title-row .col-md-12::before {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 140px;
      background: var(--hl-bs--bg3);
      font-family: 'Font Awesome 6 Pro';
      content: '\f073';
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      line-height: 1;
      color: var(--hl-bs--gray-500);
      border-radius: 8px 8px 0 0;
  }
  
  .event-cards .HLLandingControl.HLEventList .title-row img {
      max-width: 100%;
      max-height: unset;
      width: auto;
      height: auto;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.featured-cards[class*=Content] .SearchResults>div>.Content p,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.event-cards[class*=Content] .HLEventList>.Content .timeAgoFormat {
      font-size: 14px;
      line-height: 1.4;
      font-weight: 300;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.featured-cards[class*=Content] .SearchResults>div>.Content h3,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.event-cards[class*=Content] .HLEventList>.Content h3 {
      margin-top: 0;
      margin-bottom: 8px;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.featured-cards[class*=Content] .SearchResults>div>.Content h3 a,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.event-cards[class*=Content] .HLEventList>.Content h3 a {
      font-size: 18px;
      line-height: 1.3;
      color: #272727;
      font-weight: 700;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.featured-cards[class*=Content] .SearchResults>div>.Content div[id*=_lvSearchResults_pnlTitleRow_] {
      margin-bottom: 0;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.featured-cards[class*=Content] .HLLandingControl p {
      margin-top: 0;
  }
  
  .slick-dots .img-container {
      display: none;
  }
  
  .ContentUserControl.featured-blogs.tile .top-blogs-slider ul li {
      padding-top: 25px;
      min-height: unset;
  }
  
  .ContentUserControl.resources-list ul li,
  .featured-cards ul li {
      min-height: 375px;
  }
  
  .top-blog-slider-wrapper .featured-blogs .HLLandingControl .top-blogs-slider .img-container,
  .resources-list ul li .img-container,
  .latest-news-list.ContentUser-Control .blogs-block .img-container,
  .featured-tile-slider .featured-tile-slider-wrapper li .img-container,
  .featured-cards ul li .img-container,
  .fetch-test ul li .img-container {
      height: 170px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      background-size: cover;
      background-position: center;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;
  }
  
  .featured-cards ul li .col-md-3 {
      display: none;
  }
  
  
  .featured-cards .title-row .col-md-9 {
      width: 100%;
  }
  
  .top-blog-slider-wrapper .ContentUserControl.featured-blogs .HLLandingControl .top-blogs-slider .slick-arrow::before,
  .ContentUserControl.resources-list ul li .img-container,
  .latest-news-list.ContentUserControl .blogs-block .slick-arrow::before,
  .featured-tile-slider-wrapper .Content-User-Control .blogs-block .slick-arrow::before,
  .featured-tile-slider.ContentUserControl .slick-arrow::before {
      font-family: "Font Awesome 5 Pro";
  }
  
  .top-blog-slider-wrapper .featured-blogs .HLLandingControl .top-blogs-slider .slick-next::before,
  .resources-list ul li .slick-next::before,
  .latest-news-list .blogs-block .slick-next::before,
  .featured-tile-slider-wrapper .ContentUserControl .blogs-block .slick-arrow::before,
  .featured-tile-slider.ContentUserControl .slick-arrow::before {
      content: "\f054";
      color: var(--hl-bs--secondary);
  }
  
  .top-blog-slider-wrapper .featured-blogs .HLLandingControl .top-blogs-slider .slick-prev::before,
  .resources-list ul li .slick-prev::before,
  .latest-news-list.ContentUserControl .blogs-block .slick-prev::before,
  .featured-tile-slider.ContentUserControl .slick-prev::before {
      content: "\f053";
      color: var(--hl-bs--secondary);
  }
  
  .resource-list .library-filterRow,
  .resource-list .library-topRow,
  .resource-list .create-new-entry {
      display: none;
  }
  
  /************ suggested contacts ************/
  
  .MyCommunitiesQuickList h2 {
      padding: 20px;
  }
  
  .people-you-should-know h2,
  .MyCommunitiesQuickList h2 {
      margin-bottom: 15px;
      font-size: 14px !important;
      margin-top: 0;
  }
  
  .people-you-should-know .HL-contact-suggestions {
      margin-bottom: 10px;
  }
  
  #MPOuterMost #MPOuter .people-you-should-know .HL-contact-suggestions.HLLandingControl .Content ul li {
      background: transparent;
      border: none;
      border-bottom: 1px solid #E9E9E9;
      padding: 0 0 16px 0;
      margin-bottom: 16px;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li .col-md-2 a,
  .people-you-should-know .HL-contact-suggestions ul li .col-md-2 a img {
      width: 40px;
      height: 40px;
  }
  .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .title-row {
      display: flex;
      align-items: center;
  }
  .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .col-md-2 {
      width: 40px;
      padding: 0;
      margin-right: 8px;
      float: none;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li .col-md-6 {
      width: calc(100% - 110px);
      padding-right: 8px;
      padding-left: 0;
      float: none;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li .col-md-4 {
      width: 54px;
      padding: 0;
      float: none;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li h3 {
      margin-bottom: 6px;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li .details {
      color: #272727;
      font-size: 13px;
      line-height: 1.5;
      font-weight: 400;
  }
  
  .people-you-should-know .HL-contact-suggestions ul li .details span:empty+br {
      display: none;
  }
  
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div.card[class*=Content] .people-you-should-know .HLLandingControl>.Content h3 a {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.2;
  }
  
  .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend {
      display: flex;
      flex-direction: column;
  }
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary {
      font-size: 0;
      line-height: 0;
  }
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary::before,
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-default {
      font-size: 12px;
      line-height: normal;
      font-weight: 600;
  }
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary,
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-default {
      padding: 4px 8px;
      border-radius: 4px;
  }
  #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary::before {
      content: 'Add';
  }
  
  #MPOuterMost .people-you-should-know .suggested-contacts-btn.make-arrow-link p {
      margin: 0;
  }
  
  /************ promo blocks ************/
  
  .promo-block {
      border-radius: 8px;
      overflow: hidden;
      min-height: 340px;
      display: flex;
  }
  .promo-block .HtmlContent {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      display: flex;
      flex-direction: column;
      padding: 24px;
  }
  .promo-block .HtmlContent > *:first-child,
  .promo-block .HtmlContent > p:has(img):first-child + * {
      margin-top: auto;
  }
  .promo-block.overline p:first-child strong,
  .promo-block .HtmlContent > p:has(img):first-child + p strong {
      display: inline-block;
      background-color: var(--hl-bs--secondary);
      color: var(--ui-secondary-text);
      padding: 3px 6px;
      border-radius: 4px;
      font-size: 10px;
      line-height: 1.2;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.25px;
  }
  .promo-block .HtmlContent p {
      margin-bottom: 0;
  }
  .promo-block .HtmlContent h2 {
      margin-top: 8px;
      margin-bottom: 8px;
  }
  .promo-block .HtmlContent h2 ~ p + p { /* we only want to have margins between two paragraphs that are in the main text of this component; not on the overline above the h2 or a bottom margin on the last paragraph */
      margin-top: 8px;
  }
  
  /************ widgets ************/
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .col-md-6 .ContentUserControl:not(.card) .HLLandingControl {
      background: transparent;
      filter: none;
      border-radius: 0;
      padding: 0;
      box-shadow: none;
  }
  
  /****** events ******/
  
  .HLEventList .pull-right+br {
      display: none;
  }
  
  /*** date blocks ***/
  
  .HLEventList ul li>.row {
      display: flex;
      align-items: center;
  }
  
  .col-md-6 .HLEventList ul li>.row {
      flex-direction: row-reverse;
  }
  
  .HLEventList ul li .col-md-2 {
      width: 70px;
      margin-right: 20px;
  }
  
  .HLEventList ul li .col-md-10 {
      width: calc(100% - 90px);
  }
  
  .HLEventList ul li .date-block {
      width: 70px;
      height: 70px;
      border-radius: 4px;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      background: var(--hl-bs--gray-200);
  }
  
  .HLEventList ul li .col-md-2 .margin-bottom-medium {
      margin-bottom: 0;
  }
  
  .HLEventList ul li .date-block .calendar-day {
      display: none;
  }
  
  .HLEventList ul li .date-block .calendar-month,
  .HLEventList ul li .date-block .calendary-number {
      color: var(--hl-bs--primary);
      font-size: 14px;
      line-height: 17px;
      text-transform: uppercase;
      font-weight: 600;
  }
  
  .col-md-6 .HLEventList ul li .col-md-2 {
      width: 140px;
      margin-right: 0;
  }
  
  .col-md-6 .HLEventList ul li .col-md-10 {
      width: calc(100% - 140px);
      padding-right: 30px;
  }
  
  .col-md-6 .HLEventList ul li .date-block {
      width: 140px;
      height: 120px;
      border-radius: 10px;
  }
  
  /*** col-md-6 events & blogs ***/
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments h2,
  #MPOuterMost #MPOuter .col-md-6 .HLEventList h2,
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs h2 {
      font-weight: 700;
      font-size: 21px;
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: 16px;
  }
  
  .row-wide>.col-md-6:first-child>.ContentUserControl>.HLLandingControl {
      padding-right: 16px;
  }
  
  .row-wide>.col-md-6:last-child>.ContentUserControl>.HLLandingControl {
      padding-left: 16px;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li,
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li,
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li {
      background-color: var(--hl-bs--primary);
      position: relative;
      padding: 24px;
      border-radius: 8px;
      margin-bottom: 16px;
      border: none;
  }
  
  .memberhome #MPOuterMost #MPOuter .col-md-6 .featured-resources .HLMyDocuments ul li {
      padding-right: 48px;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li::before,
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li::before,
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(251, 251, 251, .98);
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li *,
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li *,
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li * {
      position: relative;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li h4 {
      margin-bottom: 0;
      margin-top: 0;
      color: #595959;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li h3 a,
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li h3 a,
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li h3 a {
      margin-top: 0;
      margin-bottom: 8px;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.3;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li h3 a:is(:hover, :focus),
  #MPOuterMost #MPOuter .col-md-6 .HLEventList ul li h3 a:is(:hover, :focus),
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li h3 a:is(:hover, :focus) {
      color: var(--hl-bs--primary);
  }
  
  .col-md-6 .HLRecentBlogs ul li,
  .col-md-6 .HLMyDocuments ul li {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      justify-content: space-between;
  }
  
  .col-md-6 .HLRecentBlogs ul li .img-container,
  .col-md-6 .HLMyDocuments ul li .img-container:not(.no-ajax-image) {
      height: 120px;
      width: 140px;
      border-radius: 10px;
      margin-left: auto;
  }
  
  .col-md-6 .HLMyDocuments ul li .img-container.no-ajax-image {
      display: none;
  }
  
  .col-md-6 .HLRecentBlogs ul li .text-container,
  .col-md-6 .HLMyDocuments ul li .img-container:not(.no-ajax-image) .text-container {
      width: calc(100% - 140px);
      padding-right: 30px;
  }
  
  /* date blocks */
  
  .home .col-md-6 .HLEventList ul li .date-block {
      width: 140px;
      height: 120px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: var(--hl-bs--secondary);
  }
  
  .col-md-6 .HLEventList ul li .col-md-2 .margin-bottom-medium {
      margin-bottom: 0;
  }
  
  .col-md-6 .HLEventList ul li .date-block .calendar-day {
      display: none;
  }
  
  .col-md-6 .HLEventList ul li .date-block .calendary-number {
      color: var(--ui-secondary-text);
      font-weight: 700;
      font-size: 51px;
      margin-bottom: 8px;
  }
  
  .col-md-6 .HLEventList ul li .date-block .calendary-number,
  .col-md-6 .HLEventList ul li .date-block .calendary-number *,
  .col-md-6 .HLEventList ul li .date-block .calendar-month,
  .col-md-6 .HLEventList ul li .date-block .calendar-month * {
      line-height: 1;
  }
  
  .col-md-6 .HLEventList ul li .date-block .calendar-month {
      color: var(--ui-secondary-text);
      text-transform: uppercase;
      font-weight: 400;
      font-size: 18px;
  }
  
  .home .col-md-6 .HLEventList ul li .col-md-2 {
      width: 140px;
      margin-right: 0;
  }
  
  .home .col-md-6 .HLEventList ul li .col-md-10 {
      width: calc(100% - 140px);
      padding-right: 16px;
  }
  
  /* blogs & resources */
  
  .col-md-6 .HLRecentBlogs ul li .content-row,
  .col-md-6 .HLRecentBlogs ul li .text-container .title-row div.col-sm-2.col-md-2,
  .col-md-6 .HLMyDocuments ul li .title-row div.col-sm-2.col-md-2 {
      display: none;
  }
  
  .col-md-6 .HLRecentBlogs ul li .text-container .title-row div.col-sm-10.col-md-10,
  .col-md-6 .HLMyDocuments ul li .title-row div.col-sm-10.col-md-10 {
      width: 95%;
      padding: 0;
  }
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"] .HLLandingControl div[id$="_BottomLink"] a {
      color: var(--hl-bs--primary);
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLRecentBlogs ul li .ByLine,
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li .ByLine {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      flex-wrap: wrap;
  }
  
  .col-md-6 .HLRecentBlogs ul li .ByLine a,
  .col-md-6 .HLMyDocuments ul li .ByLine a {
      margin-right: 8px;
  }
  
  .col-md-6 .HLRecentBlogs ul li .ByLine a[id*="lnkDisplay"],
  .col-md-6 .HLMyDocuments ul li .ByLine a[id*="lnkDisplay"] {
      width: 32px;
      height: 32px;
  }
  
  .col-md-6 .HLRecentBlogs ul li .ByLine a[id*="lnkDisplay"] img,
  .col-md-6 .HLMyDocuments ul li .ByLine a[id*="lnkDisplay"] img {
      width: 32px;
      height: 32px;
  }
  
  /*** resources ***/
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li .listIconContainer:not(:empty) {
      position: absolute;
      background-color: var(--hl-bs--secondary);
      width: 60px;
      height: 60px;
      border: 3px solid #fff;
      border-radius: 50%;
      text-align: center;
      right: -8px;
      top: -8px;
      left: auto;
      font-weight: 900;
      z-index: 500;
  }
  
  .col-md-6 .HLMyDocuments .listIconContainer div {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .col-md-6 .HLMyDocuments .listIconContainer div::before {
      color: var(--ui-secondary-text);
      font-size: 24px;
      line-height: 1;
  }
  
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li>div:first-child,
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li div[id*="DocumentsList_DisplayDocFiles"],
  #MPOuterMost #MPOuter .col-md-6 .HLMyDocuments ul li div[id*="DocumentsList_DisplayDocFiles"] .col-md-12 {
      position: static;
  }
  /*** icons ***/


.featured-resource.make-carousel-tiles .HLMyDocuments .listIconContainer {
    margin: 0;
    position: absolute;
    left: 42%;
    top: -164px;
    margin-left: 151px;
    margin-top: 8px;
}
  
  .HLMyDocuments .listIconContainer {
      margin: 0;
      position: absolute;
      left: -70px;
      top: 0;
  }
  
  .HLMyDocuments .libListReptEntAttchLble+div>.col-md-12 {
      padding: 0;
  }
  
  .HLMyDocuments .listIconContainer img,
  .HLMyDocuments .libListReptEntAttchLble,
  .HLMyDocuments .pull-right .btn,
  .HLMyDocuments .listIconContainer>div.inline-block:not(:first-child) {
      display: none;
  }
  
  .HLMyDocuments .listIconContainer:not(:empty) {
      width: 50px;
      height: 50px;
      background: var(--hl-bs--gray-200);
      text-align: center;
      border-radius: 50%;
      display: block;
  }
  
  .HLMyDocuments .listIconContainer div {
      background: transparent;
      margin: 0;
      width: 50px;
      height: 50px;
  }
  
  .HLMyDocuments .listIconContainer div.iconNumberDiv {
      display: none;
  }
  
  .HLMyDocuments .listIconContainer div::before {
      font-family: "Font Awesome 6 Pro";
      font-size: 24px;
      line-height: 50px;
      color: var(--hl-bs--primary);
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeYoutube::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeYoutubeMul::before {
      font-family: "Font Awesome 6 Brands";
      content: "\f167";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeWebinar::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeWebinarMul::before {
      content: "\f1c8";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeDoc::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeDocMul::before {
      content: "\f15b";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeSpreadsheet::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeSpreadsheetMul::before {
      content: "\f65b";
  }
  
  .HLMyDocuments .listIconContainer div.has-image::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeImg::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeImgMul::before {
      content: "\f1c5";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeVid::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeVidMul::before {
      content: "\f1c8";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeAudio::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeAudioMul::before {
      content: "\f1c7";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypePresentation::before,
  .HLMyDocuments .listIconContainer div.HLMListTypePresentationMul::before {
      content: "\f1c4";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeWordDoc::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeWordDocMul::before {
      content: "\f1c2";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeHyperlink::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeHyperlinkMul::before {
      content: "\f0c1";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypePdf::before,
  .HLMyDocuments .listIconContainer div.HLMListTypePdfMul::before {
      content: "\f1c1";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeZip::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeZipMul::before {
      content: "\f1c6";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeProject::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeProjectMul::before {
      content: "\f660";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeText::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeTextMul::before {
      content: "\f15c";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeHtml::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeHtmlMul::before {
      content: "\f1c9";
  }
  
  .HLMyDocuments .listIconContainer div.HLMListTypeEps::before,
  .HLMyDocuments .listIconContainer div.HLMListTypeEpsMul::before {
      content: "\f1c5";
  }
  
  /************ responsive ************/
  
  @media (width < 1600px) {
      #MPOuterHeader #NAV #MPButtonBar {
          margin-left: 50px;
          margin-right: 50px
      }
  }
  
  @media (max-width: 1200px) {
      #NAV>.col-md-12 {
          padding-left: 0;
          padding-right: 0;
      }
  
      .commHTMLOptionsToAttach>div>.col-md-12 {
          padding-left: 0;
          padding-right: 0;
      }
  
      #MPOuterHeader #NAV #MPButtonBar {
          margin-left: 25px;
          margin-right: 25px;
      }
  
  
      #MPOuterHeader #NAV>.col-md-12 {
          padding-left: 0;
          padding-right: 0;
      }
  
  }
  
  /* fixing all the bits where padding is removed at 992px, but columns don't become full width until 991px */
  
  @media only screen and (max-width: 1190px) {
      .ideation-home .ideation-filter .ideation-filter-buttons {
          width: 100%;
      }
  }
  
  /*** mobile padding ***/
  
  @media (max-width: 1135px) {
      .featured-card-multi>div>div {
          margin: 1em 0;
      }
  }
  
  @media (max-width: 992px) {
      .flex-row {
          display: flex;
          align-items: center;
      }
  
      .flex-row .HtmlContent>*:first-child {
          margin-top: 0;
      }
  
      .flex-row .HtmlContent>*:last-child {
          margin-bottom: 0;
      }
  
      .interior .row-wide div[class*="section"] {
          padding-left: 8px;
          padding-right: 8px;
      }
  
      /****** responsive ******/
  
  
      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;
      }
  
      .navbar-default .navbar-toggle:is(:hover, :focus) {
          border: 0;
          background: transparent;
      }
  
      body.ribbit #MPOuterHeader .navbar-toggle .icon-bar {
          background-color: var(--hl-bs--default-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 -15px;
      }
  
      .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: 5px 15px 5px 25px;
      }
  
      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;
      }
  
      #MPButtonBar .SearchInputs input {
          border: 1px solid var(--hl-bs--primary);
      }
  
      body.ribbit #searchColumn #SearchControl_SearchBoxToggle {
          top: 50%;
          transform: translateY(-50%);
          left: 15px;
      }
  
      /************* styling to transfrom the hamburger to x *************/
  
      body.ribbit .navbar-toggle .icon-bar {
          background-color: var(--hl-bs--default-text);
          width: 20px;
          -webkit-transition: .3s ease-out;
          -o-transition: .3s ease-out;
          transition: .3s ease-out;
      }
  
      body.ribbit .icon-bar-start.collapsing+span.icon-bar,
      body.ribbit .icon-bar-start.collapse.in+span.icon-bar {
          transform: translate(0px, 7px) rotate(45deg) scale(80%, 80%);
          transition: .3s ease-out;
      }
  
      body.ribbit .icon-bar-start.collapsing+span.icon-bar+span.icon-bar,
      body.ribbit .icon-bar-start.collapse.in+span.icon-bar+span.icon-bar {
          transform: rotate(135deg) scale(0);
          transition: .3s ease-out;
      }
  
  
      body.ribbit .icon-bar-start.collapsing+span.icon-bar+span.icon-bar+span.icon-bar,
      body.ribbit .icon-bar-start.collapse.in+span.icon-bar+span.icon-bar+span.icon-bar {
          transform: translate(0px, -5px) rotate(-45deg) scale(80%, 80%);
          transition: .3s ease-out;
      }
  
  }
  
  @media (max-width: 991px) {
  
      .hero,
      .hero .row-wide {
          display: block;
      }
  
      .col-md-12>.FeaturedCardGrid .featured-card-single:not(.layout-hero) .px-5 {
          padding-left: 0 !important;
          padding-right: 0 !important;
      }
  
      .footer-middle-row::before,
      .footer-bottom-row::before {
          left: 8px;
          right: 8px;
      }
  
      body.ribbit .navbar-nav {
          overflow-y: scroll;
      }
  
      #MPFooterLink .col-md-12 {
          padding-left: 0;
          padding-right: 0;
      }
  
      .footer-middle-row,
      #MPCopyright,
      #MPFooterLink #MPFooterLinkContent {
          text-align: center;
      }
  
      .footer-logo img {
          margin-left: auto;
          margin-right: auto;
      }
  
      .footer-social {
          justify-content: center;
      }
  
      .cards>.col-md-12 {
          flex-wrap: wrap;
          justify-content: center;
      }
      #MPOuterMost #MPOuter .cards > .col-md-12 {
          margin: -8px;
      }
  
      .cards .col-md-12 .card {
          flex-basis: calc(33.333333% - 16px);
          margin: 8px;
      }
  
      .ContentItemHtml.card:not(.clickable):not(.team),
      .ContentItemMVC.card,
      .ContentUserControl.card,
      .card.clickable a,
      .card.team button {
          width: 100%;
      }
  
      .ContentItemHtml.card:not(.clickable):not(.team),
      .ContentItemMVC.card,
      .card.clickable a,
      .card.team button {
          max-width: 100%;
      }
  
      .featured-cards ul {
          flex-direction: column;
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li {
          width: calc(100% - 30px);
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li:first-of-type {
          margin-left: 15px;
      }
  
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .featured-cards .HLLandingControl ul:not(.dropdown-menu)>li:last-of-type {
          margin-right: 15px;
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .cards.events .HLLandingControl ul:not(.dropdown-menu)>li {
          width: calc(100% - 30px);
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .cards.events .HLLandingControl ul:not(.dropdown-menu)>li:first-of-type {
          margin-left: 15px;
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .cards.events .HLLandingControl ul:not(.dropdown-menu)>li:last-of-type {
          margin-right: 15px;
      }
  
      .cards.events>.HLEventList ul:not(.dropdown-menu) {
          flex-direction: column;
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .cards.events .HLLandingControl ul:not(.dropdown-menu)>li {
          margin-bottom: 15px;
      }
  
      .ribbit .featured-tile-slider-wrapper .slick-dots li {
          border-bottom: none;
      }
  
      .thrive-blogs .blogs-block {
          padding-top: 170px;
          position: relative;
          padding-bottom: 25px;
          padding-left: 0;
          margin-left: 15px;
          margin-right: 15px;
      }
  
      .thrive-blogs .blogs-block .img-container {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 170px;
          background-size: cover;
          background-position: center;
          border-top-left-radius: 8px;
          border-top-right-radius: 8px;
          border-bottom-left-radius: 0px;
      }
  
      .ContentUserControl.featured-blogs ul {
          flex-direction: column
      }
  
      .ContentUserControl.featured-blogs ul li,
      .ContentUserControl.featured-resource ul li {
          width: 100%;
          margin: 0px;
          margin-bottom: 15px;
      }
  
      .ContentUserControl.featured-blogs ul li:first-of-type {
          margin-left: 0px;
      }
  
      .ContentUserControl.featured-blogs ul li:last-of-type {
          margin-right: 0px;
      }
  
      .latest-news-list.ContentUserControl .blogs-block,
      .ContentUserControl.featured-resource ul li,
      .resources-list.ContentUserControl ul li {
          width: calc(33.3333333333% - 30px);
      }
  
      .ContentUserControl.featured-resource ul li {
          width: 100%;
      }
  
      .ContentUserControl.featured-blogs ul,
      .ContentUserControl.featured-resource ul,
      .featured-tile-slider-wrapper .slick-list .slick-track {
          flex-direction: column;
      }
  
      body.ribbit .side-nav {
          position: relative;
          left: auto;
      }
  
      #PageTitleH1 {
          padding-left: 8px;
          padding-right: 8px;
      }
  
      body.ribbit.interior #MainCopy_ContentWrapper>.row-wide>div[class*="col-md-"]:first-child {
          padding-left: 0;
      }
  
      body.ribbit.interior #MainCopy_ContentWrapper>.row-wide>div[class*="col-md-"]:last-child {
          padding-right: 0;
      }
  
      body.ribbit .row-wide>[class*="col-"]>.row-wide,
      body.ribbit .row-wide>[class*="col-"]>.row-full {
          margin: 0 -8px;
          max-width: calc(100% + 16px);
      }
  
      .interior .row-wide div[class*="section"] {
          padding-left: 0;
          padding-right: 0;
      }
  
      /*** responsive ***/
  
      .hero.with-bg::before {
          background: linear-gradient(to bottom, var(--hl-bs--primary), transparent);
      }
  
  
      body.ribbit .row-wide.flex-cards {
          display: block;
      }
  
      .summary-edit .Content {
          display: block;
      }
  
      .summary-edit .text-container,
      .summary-edit .img-container {
          width: 100%;
      }
  
      .summary-edit .text-container {
          padding-right: 0;
          margin-top: 40px;
      }
  
      .recent-news .HLRecentBlogs ul,
      .featured-resources .HLMyDocuments ul {
          flex-wrap: wrap;
          margin: -5px;
      }
  
      body.ribbit .recent-news .HLRecentBlogs ul li,
      body.ribbit .featured-resources .HLMyDocuments ul li {
          flex-basis: 50%;
          padding: 5px;
      }
  
  
      #MPButtonBar>nav>div.collapse.navbar-collapse.navbar-ex1-collapse>.row>.col-md-12 {
          padding-right: 0;
      }
  
      /* Resetting the mb-4 margin as it makes the cards mar */
  
      .bootstrap-4 .mb-4 {
          margin-bottom: 0px !important;
      }
  
      .flex-row,
      .event-cards .Content ul,
      .hero.image>div:nth-of-type(1)>div {
          flex-direction: column;
      }
  
      #MPOuterMost #MPOuter .featured-cards div[id*="Main"] .SearchResults.HLLandingControl div .Content>ul li:not(.slick-slide),
      #MPOuterMost #MPOuter .event-cards .Content ul li {
          margin: 12px auto;
          width: calc(100% - 24px);
      }
  
      body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement {
          padding-bottom: 50px;
      }
  
      body.ribbit .row>div[class*="col-md-"]>div[class*="Content"]:not(.leaderboard) .explore-community .HLLandingControl.HLEngagement::after {
          bottom: 0;
          left: 0;
          transform: none;
      }
  
      body.ribbit .cards {
          flex-direction: column;
      }
  
      body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"] .HLLandingControl .row.heading .col-md-12 {
          width: 100%;
      }
  
  
      body.ribbit .leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li>a {
          flex: 1;
      }
  
  
      .leaderboard .Content ul li .title-row {
          width: 100%;
      }
  
  }
  
  @media (min-width: 769px) {
      .flex-heading {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 20px;
      }
  
      body.ribbit .flex-heading h2 {
          margin-top: 0;
          margin-bottom: 0;
      }
  }
  
  @media (min-width: 768px) and (max-width: 1200px) {
  
      .ideation-home .card-content>.row,
      .ideation-home>.row {
          margin-left: -15px;
          margin-right: -15px;
      }
  
      .ideation-home .ideation-byline .row .col-md-3 {
          padding: 0;
          width: 70px;
          margin-right: 15px;
          float: left;
      }
  
      .ideation-home .ideation-byline .row .col-md-9 {
          padding: 0;
          width: calc(100% - 85px);
          float: left;
      }
  }
  
  @media (max-width: 768px) {
      .ideation-home .ideation-footer {
          padding-left: 0;
          padding-right: 0;
      }
      .hero .memberhome-slider .memberhome-slide,
      .hero .slider .slide {
          display: block;
      }
      .hero .memberhome-slider .memberhome-slide .HtmlContent,
      .hero .slider .slide .HtmlContent {
          padding-top: 0;
          width: 100%;
      }
      .hero .memberhome-slider .memberhome-slide .img-container,
      .hero .slider .slide .img-container {
          width: 100%;
          height: 240px;
      }
  }
  
  @media (width < 767px) {
  
  
      .ribbit .profile-snippet-card .profile-snippet-bio {
          padding-top: 0;
      }
  
  
  
      .latest-news-list.ContentUserControl .blogs-block,
      .resources-list.ContentUserControl ul li {
          width: calc(50% - 30px);
      }
  
      .ContentUserControl.featured-resource ul li {
          width: 100%;
      }
  
      .slideout-search {
          display: none;
      }
  
      #MPSearchBlock {
          display: block;
      }
  
  }
  
  @media (max-width: 600px) {
      .ideation-filter .btn-group {
          margin-bottom: 5px;
      }
  }
  
  
  @media (width < 551px) {
  
      .latest-news-list.ContentUserControl .blogs-block,
      .resources-list.ContentUserControl ul li {
          width: calc(100% - 30px);
      }
  }
  
  
  @media (max-width: 550px) {
  
      .col-md-6 .HLEventList ul li>.row,
      .col-md-6 .HLRecentBlogs ul li,
      .col-md-6 .HLMyDocuments ul li {
          flex-direction: column;
      }
  
      .home .col-md-6 .HLEventList ul li .date-block,
      .col-md-6 .HLRecentBlogs ul li .img-container,
      .col-md-6 .HLMyDocuments ul li .img-container {
          margin-bottom: 16px;
          margin-left: auto;
          margin-right: auto;
      }
  
      .home .col-md-6 .HLEventList ul li .col-md-10,
      .col-md-6 .HLRecentBlogs ul li .text-container,
      .col-md-6 .HLMyDocuments ul li .img-container:not(.no-ajax-image) .text-container {
          width: 100%;
          padding-right: 0;
      }
  
      .hero .card.make-buttons em {
          display: block;
          margin-bottom: 8px;
      }
  
  }
  
  @media (max-width: 500px) {
  
      .cards .card,
      .col-md-6 .cards .card {
          flex-basis: calc(50% - 16px);
      }
  }
  
  @media (max-width: 475px) {
      .cta-tile.icon a {
          padding-left: 24px;
      }
  
      .cta-tile.icon a>p:first-child {
          position: relative;
          top: auto;
          left: auto;
          margin-bottom: 10px;
          transform: none;
      }
  
      body.ribbit .slider,
      body.ribbit .memberhome-slider {
          padding: 15px;
      }
  
  }
  
  @media (max-width: 425px) {
  
      body.ribbit .recent-news .HLRecentBlogs ul li,
      body.ribbit .featured-resources .HLMyDocuments ul li {
          flex-basis: 100%;
      }
  }
  
  @media (max-width: 360px) {
  
      .cards .card,
      .col-md-6 .cards .card {
          flex-basis: calc(100% - 16px);
      }
  }
  
  /************************ PERSONALISATION ************************/

  body.ribbit .profile-snippet .border-top {
    border-top: 0 !important;
  }

  body.ribbit.memberhome .btn-ghost {
    background: transparent;
  }

  body.ribbit #LogoNavPlaceholder {
    margin-right: 30px;
  }

  body.ribbit #LogoNavPlaceholder img {
    height: 65px!important;
  }

  body.ribbit #CreateBtnWrapper button {
    font-family: Fjalla One;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase; 
    padding: 10px 20px;
    border-radius: 0;
  }

  body.ribbit #CreateBtnWrapper  .dropdown-toggle::after {
    font-family: 'Font Awesome 6 Free';
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: normal; 

  }

  /* Removing the border-radius on all widgets */

  body.ribbit .feed-list .feed-title-filter,
  .ContentItemHtml.card:not(.team), .card.leaderboard, .card.clickable > a, .card.team button, body.ribbit .narrow-widget-container, body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLLandingControl,
  .feed-list .layout-grid-cell-children {
    border-radius: 0;
    box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  }

  body.ribbit .people-you-should-know .details span:first-of-type,
  body.ribbit .people-you-should-know .details br {
    display: none;
  }

  body.ribbit #MPOuterMost #MPOuter .card:not(.leaderboard) .HLLandingControl.HL-contact-suggestions .heading {
    display: none;
  }

  body.ribbit #MPOuterMost #MPOuter .card:not(.leaderboard) .HLLandingControl.HL-contact-suggestions .Content ul li {
    margin-bottom: 0;
  }
  
  body.ribbit .people-you-should-know {
    padding: 16px;
    background: #fff; 
    box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
  }

  body.ribbit .people-you-should-know h2 {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 8px;
  }

  body.ribbit #MPOuterMost #MPOuter .people-you-should-know> div .HLLandingControl.HL-contact-suggestions {
padding: 0;
background-color: transparent;
box-shadow: none;
}

body.ribbit #MPOuterMost #MPOuter .people-you-should-know h2 {
    margin-bottom: 0;
}

body.ribbit #MPOuterMost #MPOuter .suggested-contacts-btn {
    margin-top: 16px;
}
#MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary, #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-default {
    margin-top: 0;
    border-radius: 0;
}

#MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-default {
    margin-top: 8px;
}

#MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-primary::before, #MPOuterMost #MPOuter .people-you-should-know .HLLandingControl.HL-contact-suggestions ul li .update-friend .btn-default::before {
    font-family: Fjalla One;
    font-size: 12px;
    font-style: normal;
    font-weight: 400; 
    color: var(--ui-secondary-text);
}

/************ nav links ************/

body.ribbit #NAV .navbar-nav>li>a {
    font-family: Fjalla One;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase; 
}

body.ribbit .navbar-default.navbar-nav>.dropdown>a.caret::before, body.ribbit .nav-tabs>li>a.caret::before, body.ribbit .caret::before {
    color: #CCC;
    font-family: Font Awesome 6 Free;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: capitalize; 
}

.people-you-should-know .HL-contact-suggestions ul li .col-md-2 a img {
    border-radius: 50%;
}

body.ribbit .engagement-leaderboard ul.nav.nav-tabs {
    border-bottom: 1px solid rgba(0 0 0 0.05);

}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li {
    padding: 8px 0 !important;
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li>a {
    padding: 0;
}

body.ribbit:not(.interior) .HLLandingControl.HLEngagement ul.display-vertical {
    border-top: 1px solid #dededf;
    margin-left: 0;
    margin-right: 0;
}

body.ribbit #MPOuterMost .leaderboard>div[id$=_divContainer]>.ContentMainHeader {
    padding-bottom: 10px;
}

.FeedWidget span[id*="react-widget-react-widget"]>.bootstrap-4 {
    height: 1589px !important;
}

/************ Leaderboard ************/

.engagement-leaderboard .ContentMainHeader {
    font-family: Fjalla One; 
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 12px */
    letter-spacing: 0.5px;
    text-transform: uppercase; 
    color: #666;
}




  /************ fonts ************/
  
  body.ribbit,
  body.ribbit h1,
  body.ribbit h2,
  body.ribbit #MPOuterMost #MPOuter h2,
  body.ribbit h3,
  body.ribbit h4,
  body.ribbit h5,
  body.ribbit h6 {
      font-family: "Libre Franklin", sans-serif;
      font-weight: 300;
  }
  body.ribbit h1,
  body.ribbit h2,
  body.ribbit #MPOuterMost #MPOuter h2 {
      font-family: "Fjalla One", sans-serif;
      font-weight: 400;
  }
  body.ribbit h1 {
      font-size: 48px;
  }
  body.ribbit h2,
  body.ribbit #MPOuterMost #MPOuter h2 {
      font-size: 36px;
  }
  
  /************ buttons & links ************/
  
  .make-buttons em a,
  .make-arrow-link em a, 
  .card-link em, 
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="BottomLink"] .btn.btn-default, 
  body.ribbit.home #MPOuterMost div[class*="col-md-"]>div:not(.card)>.HLLandingControl div[id*="MoreLink"] .btn.btn-default,
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="BottomLink"] .btn.btn-default, 
  body.ribbit.memberhome #MPOuterMost div[class*="col-md-"]>div:not(.card) .HLLandingControl div[id*="MoreLink"] .btn.btn-default, 
  .card.full-width-icon .card-link, body.ribbit .arrow-link-standalone a.link-standalone,
  body.ribbit :not(.no-theme) .HLLandingControl .Content div[id*="AnnouncementLinkPos"] a:not(.btn),
  body.ribbit .summary-edit em a,
  body.ribbit .featured-card-single .btn,
  body.ribbit .featured-card-multi .btn,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a,
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus),
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a,
  body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .SearchResults div[id$=_pnlMoreLink] a:is(:hover, :focus) {
      font-family: "Fjalla One", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      font-weight: 400;
      border-radius: 0;
  }
  
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a {
      background: linear-gradient(rgb(255 255 255/0%), rgb(255 255 255/40%)) top/100% 800%;
      background-color: var(--hl-bs--secondary);
  }
  body.ribbit:not(.interior) .row>div[class*="col-md-"]>div[class*="Content"].card .HLLandingControl div[id$="_BottomLink"] a:is(:hover, :focus) {
      background: linear-gradient(rgb(255 255 255/0%), rgb(255 255 255/40%)) top/100% 800%;
      background-color: var(--hl-bs--secondary);
      background-position: bottom;
  }
  
  /************ greyed-out images ************/
  
  .cta-img {
      position: relative;
      min-height: 360px;
  }
  .cta-img::before {
      background: linear-gradient(0deg, #D9D9D9 0%, #D9D9D9 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      mix-blend-mode: hue;
  }
  
  /************ profile snippet card ************/
  
  body.ribbit .profile-snippet-card .profile-snippet-bio div:nth-child(2) {
      font-family: "Fjalla One", sans-serif;
      font-size: 21px;
      font-weight: 400;
      line-height: 1.2;
  }
  
  
  /************ widgets ************/
  
  body.ribbit:not(.interior) #MPOuterMost .row>div>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>*, 
  body.ribbit:not(.interior) #MPOuterMost .row>div>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>a {
      padding: 8px 0 !important;
  }


/************ milestone carousel ************/

.milestone-slider.slick-dotted.slick-slider {
    margin-bottom: 120px;
}
.milestone-slider.slick-dotted .slick-list {
    height: 380px;
}
.milestone-slider.slick-dotted::before {
    content: '';
    opacity: 0.1;
    border-top: 6px solid #005378;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
}
.milestone {
    text-align: center;
}
.milestone .HtmlContent,
.milestone h2 {
    transition: .3s;
    position: relative;
}
.milestone h2 {
    margin-top: 0;
    margin-bottom: 0;
    height: 48px;
}
.milestone h2::before,
.milestone h2::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 50%);
}
.milestone h2::before {
    width: 25px;
    height: 25px;
    background: var(--hl-bs--secondary);
}
.milestone h2::after {
    width: 13px;
    height: 13px;
    background: #DEF5FF;
}
.milestone:not(.slick-current) h2 {
    transform: translateY(10px);
}
.milestone.slick-current h2::before {
    width: 45px;
    height: 45px;
    bottom: -30px;
}
.milestone.slick-current h2::after {
    font-family: 'Font Awesome 5 Pro';
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: transparent;
    color: #DEF5FF;
    font-weight: 300;
    font-size: 28px;
    content: '\f277';
    bottom: -30px;
}
.milestone .HtmlContent {
    opacity: 0;
    padding: 20px 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
}
.milestone .HtmlContent::before,
.milestone .HtmlContent::after {
    content: '';
    position: absolute;
    width: 115px;
    border-top: 1px solid var(--hl-bs--secondary);
    left: calc(50% - 57.5px);
    top: 0;
}
.milestone .HtmlContent::after {
    top: auto;
    bottom: 0;
}
.milestone.slick-current .HtmlContent {
    opacity: 1;
}
.milestone.slick-current h2,
.milestone h3 {
    color: #003045;
}
.milestone:not(.slick-current) h2 {
    color: #009ADE;
    font-size: 28px;
}

  
  /************ events ************/
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList ul li {
      background-color: var(--hl-bs--primary);
      position: relative;
      padding: 24px;
      border-radius: 0;
      margin-bottom: 16px;
      border: none;
  }
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList ul li::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(251, 251, 251, .98);
  }
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList ul li * {
      position: relative;
  }
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList .HLEventList ul li h4 {
      margin-bottom: 0;
      margin-top: 0;
      color: #595959;
  }
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList .HLEventList ul li h3 a {
      margin-top: 0;
      margin-bottom: 8px;
      font-weight: 700;
      font-size: 18px;
      line-height: 1.3;
  }
  
  body.ribbit:not(.interior) #MPOuterMost #MPOuter .HLEventList ul li h3 a:is(:hover, :focus) {
      color: var(--hl-bs--primary);
  }
  
  body.ribbit:not(.interior) .HLEventList ul {
      display: flex;
      margin: 4px -12px;
  }
  body.ribbit:not(.interior) .HLEventList ul li {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: calc(33.3333333% - 24px);
      margin: 12px;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li > .row {
      flex-direction: row-reverse;
  }
  
  /* date blocks */
  
  body.ribbit:not(.interior) .HLEventList ul li .date-block {
      width: 100px;
      height: 120px;
      border-radius: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: var(--hl-bs--secondary);
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .col-md-2 .margin-bottom-medium {
      margin-bottom: 0;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendar-day {
      display: none;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendary-number {
      color: var(--ui-secondary-text);
      font-weight: 700;
      font-size: 51px;
      margin-bottom: 8px;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendary-number,
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendary-number *,
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendar-month,
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendar-month * {
      line-height: 1;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .date-block .calendar-month {
      color: var(--ui-secondary-text);
      text-transform: uppercase;
      font-weight: 400;
      font-size: 18px;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .col-md-2 {
      width: 100px;
      margin-right: 0;
  }
  
  body.ribbit:not(.interior) .HLEventList ul li .col-md-10 {
      width: calc(100% - 100px);
      padding-right: 16px;
  }
  
  /************ footer ************/
  
  #FOOTER h2 {
      font-family: "Libre Franklin", sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
  }
  
  /************ responsive ************/
  
  @media (max-width: 991px) {
      body.ribbit:not(.interior) .HLEventList ul li {
          flex-basis: calc(100% - 24px);
      }
  }

/*** hide Purchase Now button ***/
.interior #membershipSelectionWidget .membership-page-container .details-container .btn-primary, .interior #membershipSelectionWidget .membership-page-container .details-container .purchase-text {
    display: none !important;
}

  /*** custom cards like CTA tiles ***/
  .custom-cta-tile-card {
      padding: 0;
  }
  .custom-cta-tile-card button {
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: 100%;
      display: block;
      text-decoration: none;
      padding: 24px 100px 24px 24px !Important;
      position: relative;
      background: var(--hl-bs--gray-100) !important;
      border-radius: 4px !important;
      overflow: hidden;
  }
  
  .custom-cta-tile-card.icon button {
      padding-left: 110px;
  }
  
  .custom-cta-tile-card.icon button>p:first-child {
      margin-bottom: 0;
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .custom-cta-tile-card.icon button i {
      height: 70px;
      width: 70px;
      border-radius: 50%;
      text-align: center;
      line-height: 70px;
      background: var(--hl-bs--gray-300);
      color: var(--hl-bs--primary);
      font-size: 30px;
  }
  
  body.ribbit .custom-cta-tile-card button {
      color: var(--hl-bs--default-text);
  }
  .custom-cta-tile-card button::after {
      position: absolute;
      width: 60px;
      right: 0;
      top: 0;
      bottom: 0;
      font-family: "Font Awesome 5 Pro";
      content: "\f061";
      color: #fff;
      font-size: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.3s;
      background-color: var(--hl-bs--primary);
  }

/*** custom codes ***/
.custom-card .img-container {
    border-radius: 0 !important;
    width: 50px !important;
    height: 50px !important;
    float: left;
    position: absolute;
}
.custom-card .text-container {
    display: flex;
}
.custom-card .text-container table td {
    padding-top: 0;
}
/***Card margin fix***/
.cardfix {
    margin: 0 !important;
}
/*** custom accordion text styling on Exploring the Future of College Admissions page ***/
.exploringthefutureofcollegeadmissions .accordion-text {
    padding: 24px;
    background: #fff;
    filter: none;
    border-radius: 0;
    box-shadow: 0px 0px 2px 0px rgba(153, 153, 153, 0.25), 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

/***Card Double Box Shadow removal***/
.card.clickable > a {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0), 0px 2px 4px 0px rgba(0, 0, 0, 0) !important;
}