/* Background Images and Footer */
/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/

a {
  color: #0F62FE;  
}  


.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: #0F62FE; 
}  


.hl-linkcolor-background {
  background-color: #0F62FE;  
}  

/*
a.user-content-mention {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #0F62FE;  
}  


a:hover {
  color: #0F62FE;  
}  



.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: #0F62FE;  
}  

/*
a.user-content-mention:hover {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #0F62FE; 
} 

/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {


  color: #0F62FE;

/*
  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: #F4F4F4;


  color: #323232;

}    

fieldset {
  border-color: #0F62FE;  
}  

fieldset legend {


  background-color: #0F62FE;


  border-color: #0F62FE;


  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: #0F62FE;  
}  

/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #0F62FE;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #0F62FE;  
}    

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

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

  color: #0F62FE;

}  
/*
.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: #0F62FE;

}  .nav-tabs > li > a {

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

.SloganText {
  color: #0F62FE;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #0F62FE;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #0F62FE;  
}  

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


  background-color: #0F62FE;


  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: #0F62FE;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #0F62FE;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #0F62FE;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/

.breadcrumb li a {
  color: #0F62FE;  
}  


.MPBottomMenu ul li a {
  color: #323232;  
}        
/************************ Bootstrap Menus ***********************/  

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


.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: #0F62FE;


  color: #FFFFFF;

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


  background-color: #0F62FE;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  background-color: #0F62FE;  
}  


#MPButtonBar .dropdown-menu li a {
  color: #FFFFFF;  
}  


#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: #0F62FE;  
  }  

#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: #0F62FE;


  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: #0F62FE;
}


.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: #0F62FE;
}
/************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #0F62FE;
  --hl-bs--selected: #0F62FE26;
  

  
  --hl-bs--primary-rgb: 15,98,254;
  --hl-bs--selected-rgb: 15,98,254, 50;
  

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

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  
  --hl-bs--link: #0F62FE;
  

  
  --hl-bs--link-rgb: 15,98,254;
  

  
  --hl-bs--link-hover: #0F62FE;
  --hl-bs--btn-icon-ctrl-bg-hover: #0F62FE;
  --hl-bs--btn-icon-ctrl-border-hover: #0F62FE;
  

  
  --hl-bs--link-hover-rgb: 15,98,254;
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: 15,98,254;
  --hl-bs--btn-icon-ctrl-border-hover-rgb: 15,98,254;
  

  
  --hl-bs--secondary: #0F62FE;
  --hl-bs--secondary-selected: #0F62FE26;
  

  
  --hl-bs--secondary-rgb: 15,98,254;
  --hl-bs--secondary-selected-rgb: 15,98,254, 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: #0F62FE;
  --hl-bs--btn-link-outline: #0F62FE7f;
  

  
  --hl-bs--btn-link-text-rgb: 15,98,254;
  --hl-bs--btn-link-outline-rgb: 15,98,254, 127;
  

  
  --hl-bs--btn-link-hover: #0F62FE;
  

  
  --hl-bs--btn-link-hover-rgb: 15,98,254;
  
}

: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: #323232;
  

  
  --hl-bs--footer-color-rgb: 50,50,50;
  

  
  --hl-bs--footer-color-opposite: #F4F4F4;
  

  
  --hl-bs--footer-color-opposite-rgb: 244,244,244;
  
}/************************ 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: #0F62FE;
        
     
    color: #0F62FE;
    
}

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

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
     
    color: #0F62FE;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
     
    color: #0F62FE;
    
}

/************************ 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: #0F62FE;
    border-color: #0F62FE;
     
     
    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)), #0F62FE;
    border-color: #0F62FE;
     
     
    color: #FFFFFF;
    
}

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

     
    color: #FFFFFF !important;
     
     
    background-color: #0F62FE;
    border-color: #0F62FE;
    
}

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

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

     
    box-shadow: 0 0 0 3px #0F62FE7F;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #0F62FE;
    border-color: #0F62FE;
    
}

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

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

     
    box-shadow: 0 0 0 3px #0F62FE7F;
    
}

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

     
    color: #0F62FE;
    
}


/**** 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: #0F62FE;
    border: #0F62FE;
    
}

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)), #0F62FE;
    
}



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: #0F62FE;
    border-color: #0F62FE;
    
}


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 #0F62FE7F;
    
}


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

     
    color: #0F62FE;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #0F62FE;
    border-color: #0F62FE;
    
}

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


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


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

     
    background-color: #0F62FE !important;
    
}


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

     
    color: #0F62FE !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: #0F62FE !important;
    
}

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

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

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

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

     
    background-color: #0F62FE !important;
    
}

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

     
    color: #0F62FE !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: #0F62FE !important;
    
}

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


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #0F62FE;
    
}
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: #0F62FE;
     
}

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: #0F62FE;
     
}

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

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: #0F62FE;
    
     
    color: #0F62FE;
    
}

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

body.ribbit :not(.no-theme) .row.secondary-row {    
     
    background-color: #0F62FE90;
    
}

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

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

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

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

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


.link-color {
  color: #0F62FE !important;
}

  

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

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


.link-hover-color:hover, .link-hover-color:focus {
  color: #0F62FE !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: #0F62FE !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: #F4F4F4 !important;
}

  


.footer-text-color {
  color: #323232 !important;
}

  


.primary-color {
  color: #0F62FE !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: #0F62FE !important;
}

  

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


.landing-control-sub-title-text-color {
  color: #0F62FE !important;
}

  


.landing-control-title-text-color {
  color: #0F62FE !important;
}

  

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

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


.selected-tab-text-color {
  color: #0F62FE !important;
}

  

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


.unselected-tab-hover-text-color {
  color: #0F62FE !important;
}

  

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

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


.slogan-text-color {
  color: #0F62FE !important;
}

  


.table-header-background-color {
  background-color: #0F62FE !important;
}

  

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


.aux-menu-text-color {
  color: #0F62FE !important;
}

  


.unselected-menu-background-color {
  background-color: #0F62FE !important;
}

  

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

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


.breadcrumb-link-color {
  color: #0F62FE !important;
}

  


.footer-menu-text-color {
  color: #323232 !important;
}

  


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

  


.selected-menu-background-color {
  background-color: #0F62FE !important;
}

  


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

  


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

  


.hover-menu-background-color {
  background-color: #0F62FE !important;
}

  


.hover-menu-selected-background-color {
  background-color: #0F62FE !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 {
    --hl-bs--default-text: #000 !important;
    --ui-light-blue: #EDF5FF;
    --ui-gray: #f4f4f4;
    --ui-border-radius: 0;
}

#HLCreateBlogPost {
    display: none;
}

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

#MPOuterMost {
    overflow-x: hidden;
}
.HtmlFooter {
    display: none;
}
.img-container {
    background-size: cover;
    background-position: center;
}

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

body.ribbit,
body.ribbit h1,
body.ribbit h2,
body.ribbit h3,
body.ribbit h4,
body.ribbit h5,
body.ribbit h6 {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--hl-bs--default-text);
}

body.ribbit .navbar, body.ribbit .navbar-default .navbar-nav>li>a {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

body.ribbit h1,
body.ribbit h2,
body.ribbit h3,
body.ribbit h4,
body.ribbit h5,
body.ribbit h6 {
    line-height: 1.2;
}
body.ribbit h1 {
    font-size: 42px;
    font-weight: 300;
}
body.ribbit h2 {
    font-size: 42px;
}
body.ribbit .HLLandingControl h2,
body.ribbit .small-h2 h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading, body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact .row.heading,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading h2[id$=TitleText] {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: var(--hl-bs--default-text);
    font-weight: 600;
}
body.ribbit h2.font-size-sm {
    font-size: 16px !important;
}
body.ribbit .narrow-widget-container h2.font-weight-heading {
    font-weight: 600 !important;
}
body.ribbit h3 {
    font-size: 18px;
}
body.ribbit h3.content-card-title {
    font-size: 18px !important;
}
body.ribbit h3 a,
body.ribbit #MPOuterMost #MPOuter h3 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

body.ribbit .bootstrap-4 a.link-meta {
    color: var(--hl-bs--link);
}
body.ribbit h3 a:is(:hover, :focus),
body.ribbit #MPOuterMost #MPOuter h3 a:is(:hover, :focus),
body.ribbit .bootstrap-4 a.link-meta:is(:hover, :focus) {
    color: var(--hl-bs--link-hover);
}
body.ribbit .bootstrap-4 .text-meta {
    color: var(--hl-bs--default-text) !important;
}
body.ribbit h4 {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}

/*** transitions ***/

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

/****** border radius + box-shadow reset ******/

body.ribbit .bootstrap-4 .hl-widget-card,
body.ribbit .bootstrap-4 .card,
body.ribbit .narrow-widget-container,
body.ribbit #MPOuterMost #MPOuter .ContentUserControl,
body.ribbit #MPOuterMost #MPOuter .HLLandingControl {
    border-radius: var(--ui-border-radius);
    box-shadow: none;
    filter: none;
}
body.ribbit .bootstrap-4 .rounded {
    border-radius: var(--ui-border-radius) !important;
}

/****** 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,
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable,
body.ribbit .community-events-list-badges .bg-bg2,
.HLEventList ul li h4 {
    background-color: var(--hl-bs--gray-100);
    border-radius: 50px;
    border: none;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.2;
    color: var(--hl-bs--default-text);
}
body.ribbit .tags-list a.label-search-tag,
.feed-item-row .feed-badge.text-meta,
body.ribbit .community-events-list-badges .bg-bg2 {
    background-color: var(--hl-bs--gray-100) !important;
}
body.ribbit .tags-list a.label-search-tag,
body.ribbit .feed-item-row .feed-badge.text-meta span {
    color: var(--hl-bs--default-text) !important;
    font-size: 12px !important;
}
body.ribbit .tags-list a.label-search-tag *,
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable * {
    font-size: inherit;
    line-height: inherit;
    text-decoration: inherit;
    color: inherit;
}
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable .text-icon {
    font-size: 18px;
}
body.ribbit #MPOuterMost .HLLandingControl .content-tags a.label-search-tag:is(:hover, :focus),
body.ribbit .tags-list a.label-search-tag:is(:hover, :focus),
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable: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;
}
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable,
.hltags .tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-editable:is(:hover, :focus) {
    transition: .3s;
}

/*** tags in comments on activity feed ***/

body.ribbit .FeedWidget .rounded.bg-bg1 .text-meta.feed-badge {
    padding: 0;
    background: transparent !important;
    font-size: 12px;
    color: var(--hl-bs--default-text);
    line-height: 1.4;
    border-radius: 0;
}

/*** tag icons ***/

.bootstrap-4 .thin-badge .text-default-text-graphics {
    color: var(--hl-bs--primary) !important;
}

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

.make-buttons em,
.summary-edit em {
    display: inline-block;
    margin: -4px;
}
.make-buttons em a,
.summary-edit em a {
    margin: 4px;
    display: inline-block;
    font-style: normal;
    text-decoration: none;
}
body.ribbit .btn,
.make-buttons em a,
.summary-edit em a {
    border-radius: var(--ui-border-radius);
    padding: 8px 14px;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    border: 1px solid transparent;
}
body.ribbit .btn.btn-sm,
.make-buttons.small-buttons em a,
body.ribbit .btn-group-sm.btn,
body.ribbit .btn-group-sm .btn,
body.ribbit :not(.no-theme) .btn.thread-action-button {
    font-size: 14px;
    padding: 4px 8px;
}
body.ribbit .btn.btn-xs,
.make-buttons.xs-buttons em a {
    font-size: 12px;
    padding: 2px 4px;
}
body.ribbit .btn.btn-ghost,
body.ribbit .btn.btn-link {
    padding: 0 !important;
    border: none;
    line-height: inherit;
}

body.ribbit .btn.btn-ghost.focus,
body.ribbit .btn.btn-ghost:focus,
body.ribbit .btn.btn-ghost.hover,
body.ribbit .btn.btn-ghost:hover:not(:disabled),
body.ribbit .btn.btn-link:is(:hover, :focus),
body.ribbit .btn.btn-link:hover:not(:disabled) {
    background: transparent;
    color: var(--hl-bs--link-hover);
}

.btn:active,
.btn.active,
body.ribbit :not(.no-theme) .btn:is(:hover, :focus) {
    box-shadow: none;
}

/*** arrows ***/

.make-buttons em a::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    margin-left: 48px;
}

/*** wide buttons ***/

.make-buttons.wide-buttons em a {
    min-width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*** button colours ***/

/* primary */

.make-buttons em a,
body.ribbit :not(.no-theme) .btn-primary,
body.ribbit :not(.no-theme) .btn-success,
body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary,
body.ribbit :not(.no-theme) .message-list-reply .btn.btn-default,
.HLAnnouncements div[id*="MoreLink"] .btn.btn-default,
.summary-edit em a,
body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {
    color: var(--hl-bs--primary-opposite);
    background: var(--hl-bs--primary);
    border-color: var(--hl-bs--primary);
}
.make-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled),
body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-success:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled),
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,
body.ribbit :not(.no-theme) .message-list-reply .btn.btn-default:is(:hover, :focus),
.HLAnnouncements div[id*="MoreLink"] .btn.btn-default:is(:hover, :focus),
.summary-edit em a:is(:hover, :focus) {
    color: var(--hl-bs--primary);
    background: transparent;
    background-color: transparent;
    border-color: var(--hl-bs--primary);
}
body.ribbit :not(.no-theme) .btn-primary:is(:hover, :focus) {
    color: var(--hl-bs--primary) !important;
}

/* secondary */

body.ribbit :not(.no-theme) .btn-secondary,
body.ribbit :not(.no-theme) .btn-default,
body.ribbit :not(.no-theme) .btn-alt-primary,
body.ribbit :not(.no-theme) .btn-default.btn-edit,
body.ribbit :not(.no-theme) .btn-alt-secondary,
body.ribbit .btn-default-override,
.make-buttons.secondary-buttons em a,
.make-buttons em a + a,
.make-buttons em:has(a) + em a,
body.ribbit .communities-grid .community-list .btn {
    color: var(--hl-bs--primary);
    background: transparent;
    border-color: var(--hl-bs--primary);
}

body.ribbit :not(.no-theme) .btn-secondary.bg-bg3 {
    background: transparent !important;
}

body.ribbit .communities-grid .community-list .btn {
    color: var(--hl-bs--primary) !important;
}

body.ribbit :not(.no-theme) .btn-secondary:is(:hover, :focus),
.make-buttons.secondary-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-alt-primary:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-default.btn-edit:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-default:is(:hover, :focus),
body.ribbit .btn-default-override:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-alt-secondary:is(:hover, :focus),
.make-buttons em a + a:is(:hover, :focus),
.make-buttons em:has(a) + em a:is(:hover, :focus),
body.ribbit .communities-grid .community-list .btn:is(:hover, :focus) {
    color: var(--hl-bs--primary-opposite);
    background: var(--hl-bs--primary);
    border-color: var(--hl-bs--primary);
}

body.ribbit :not(.no-theme) .btn-secondary.bg-bg3:is(:hover, :focus) {
    background: var(--hl-bs--primary) !important;
}

body.ribbit .communities-grid .community-list .btn:is(:hover, :focus) {
    color: var(--hl-bs--primary-opposite) !important;
}

/* white outline */

.make-buttons.white-outline-buttons em a,
.bg-primary .make-buttons em a,
.bg-primary.make-buttons em a {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.make-buttons.white-outline-buttons em a:is(:hover, :focus),
.bg-primary .make-buttons em a:is(:hover, :focus),
.bg-primary.make-buttons em a:is(:hover, :focus) {
    color: var(--hl-bs--primary);
    background-color: #fff;
    border-color: #fff;
}

/* bootstrap switches */

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background: var(--hl-bs--primary);
}
.bootstrap-switch-container {
    line-height: 1;
}
/*** nav pills ***/

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background: var(--hl-bs--primary);
}
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: var(--hl-bs--primary);
}

/*** arrow links ***/

#MPOuterMost #MPOuter div[id*="BottomLink"] a,
.make-arrow-link em a,
body.ribbit .narrow-widget-container .view-more-link a,
.news-feed ul li a.showMoreLink {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    color: var(--hl-bs--link);
    border: none;
    padding: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    text-decoration: none;
}

#MPOuterMost #MPOuter div[id*="BottomLink"] a i,
body.ribbit:not(.home) div[id*="BottomLink"] a::after,
.make-arrow-link em a::after,
.news-feed ul li a.showMoreLink::after {
    margin-left: 6px;
}

body.ribbit .narrow-widget-container .view-more-link a i {
    margin-left: 6px !important;
}

body.ribbit.home div[id*="BottomLink"] a i::before,
.make-arrow-link em a::after,
body.ribbit:not(.home) div[id*="BottomLink"] a::after,
body.ribbit .narrow-widget-container .view-more-link a i::before,
.news-feed ul li a.showMoreLink::after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    font-weight: 900;
    font-size: 12px;
    line-height: 15px;
}

#MPOuterMost #MPOuter div[id*="BottomLink"] a:is(:hover, :focus),
.make-arrow-link em a:is(:hover, :focus),
body.ribbit .narrow-widget-container .view-more-link a:is(:hover, :focus),
.news-feed ul li a.showMoreLink:is(:hover, :focus) {
    border-bottom-color: var(--hl-bs--link-hover);
    color: var(--hl-bs--link-hover);
    text-decoration: none;
}

body.ribbit.home div[id*="BottomLink"] a:is(:hover, :focus) i,
.make-arrow-link em a:is(:hover, :focus)::after,
body.ribbit:not(.home) div[id*="BottomLink"] a:is(:hover, :focus)::after,
body.ribbit .narrow-widget-container .view-more-link a:is(:hover, :focus) i,
.news-feed ul li a.showMoreLink:is(:hover, :focus)::after {
    color: var(--hl-bs--link-hover);
}

/* widget-specific styling */

#MPOuterMost #MPOuter div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>*,
body.ribbit.home .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>a {
    padding: 0 !important;
}

/* HTML arrow link-specific styling */

.make-arrow-link em a {
    font-style: normal;
    text-decoration: none;
}

.make-arrow-link:not(.suggested-contacts-btn) em a,
.news-feed ul li a.showMoreLink,
#MPOuterMost #MPOuter .col-md-12 > .ContentUserControl > .HLLandingControl div[id*="More"] a {
    font-size: 16px;
    line-height: 17.6px;
}

.make-arrow-link:not(.suggested-contacts-btn) em a::after,
.news-feed ul li a.showMoreLink::after,
#MPOuterMost #MPOuter .col-md-12 > .ContentUserControl > .HLLandingControl div[id*="More"] a::after {
    margin-left: 8px;
    font-size: 14px;
    line-height: 17.6px;
}

/****** masthead + footer ******/

html {
    font-size: 16px;
}

c4d-masthead-container {
    height: 0 !important;
}

#MPOuterMost #MPOuterFooter #FOOTER .row-full {
    max-width: 100%;
}

#MPOuterFooter,
#FOOTER,
#FOOTER .row-full > .col-md-12 {
    padding: 0;
}

body.ribbit.memberhome #MPOuterFooter,
body.ribbit.memberhome #FOOTER {
    display: block !important;
}

#MPFooterLink {
    display: none;
}

/****** rows ******/

.row-wide > .col-md-12 > .row-wide,
.row-wide > .col-md-12 > .row-wide > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

/*** background colours ***/

#MPOuterMost #MPOuter .bg-gray {
    background-color: var(--ui-gray);
}
#MPOuterMost #MPOuter .bg-light-blue {
    background-color: var(--ui-light-blue);
}

#MPOuterMost #MPOuter .bg-primary {
    background-color: var(--hl-bs--primary);
}

#MPOuterMost #MPOuter .bg-primary .ContentItemHtml:not([class*="tile"]) *:not(em a),
#MPOuterMost #MPOuter .bg-primary.ContentItemHtml *:not(em a) {
    color: var(--hl-bs--primary-opposite);
}

/*** overriding Thrive homepage + memberhome extra padding ***/

body.ribbit.home #MPOuterMost #MPOuter .row-wide:not([class*="v-padding"]) {
    padding-top: 0;
    padding-bottom: 0;
}
#MPOuterMost #MPOuter .hl-xl-v-padding {
    padding-top: 64px;
    padding-bottom: 64px;
}
#MPOuterMost #MPOuter .hl-lg-v-padding {
    padding-top: 48px;
    padding-bottom: 48px;
}
#MPOuterMost #MPOuter .hl-md-v-padding {
    padding-top: 32px;
    padding-bottom: 32px;
}
#MPOuterMost #MPOuter .hl-sm-v-padding {
    padding-top: 16px;
    padding-bottom: 16px;
}

/*** no top/bottom padding ***/

#MPOuterMost #MPOuter .no-top-padding {
    padding-top: 0;
}
#MPOuterMost #MPOuter .no-bottom-padding {
    padding-bottom: 0;
}

/*** fixing code that's being applied tenant-wide ***/
body.ribbit .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
body.ribbit .row.row-wide {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* end tenant-wide code fix */

/*** applying Anand's code for increasing overall site width ***/
#MainCopy_ContentWrapper.expanded .row-wide, 
body.ribbit.home #MainCopy_ContentWrapper.expanded .ContentItemHtml, 
body.ribbit #MainCopy_ContentWrapper.expanded .ContentItemHtml,
#MPOuterMost:has(#MainCopy_ContentWrapper.expanded) #FOOTER > .row-wide,
#MPOuterMost:has(#MainCopy_ContentWrapper.expanded) #InteriorPageTitle .svg-overlay-container {
    max-width: 1440px;
    margin: 0px auto;
}
#MPOuterMost:has(#MainCopy_ContentWrapper.expanded) #InteriorPageTitle .svg-overlay-container > div {
    max-width: 1440px !important;
}

/****** removing margin above headings without content directly above them ******/

div[class*="col-md-"][class*="section"]>.ContentItemHtml:first-child > h2,
div[class*="col-md-"][class*="section"]>.ContentItemHtml .HtmlContent>h1,
div[class*="col-md-"][class*="section"]>.ContentItemHtml:first-child .HtmlContent>h2:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml:first-child .HtmlContent>h3:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml:first-child .HtmlContent>h4:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml[class*="tile"] .HtmlContent>h2:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml[class*="tile"] .HtmlContent>h3:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml[class*="tile"] .HtmlContent>h4:first-child,
body.ribbit .overline .HtmlContent>p:first-child+h1,
body.ribbit .overline .HtmlContent>p:first-child+h2,
body.ribbit .overline .HtmlContent>p:first-child+h3,
body.ribbit .HLLandingControl h3,
div[class*="col-md-"][class*="section"]>.ContentUserControl:first-child .HLLandingControl h2,
body.ribbit .ContentItemReact h3,
body.ribbit .blogs-block .title-row h3,
body.ribbit .summary-edit h2:first-child {
    margin-top: 0;
}

/****** CTA sections ******/

#MPOuterMost #MPOuter .cta-row,
body.ribbit .cta-row > .col-md-6:has(img) {
    padding: 0;
}
body.ribbit .cta-row > .col-md-6:not(:has(img)) {
    padding: 32px;
}
body.ribbit .cta-row h2 {
    margin-top: 0;
    margin-bottom: 32px;
}
body.ribbit .cta-row p {
    margin-bottom: 32px;
}
body.ribbit .cta-row p:last-child {
    margin-bottom: 0;
}
body.ribbit #MPOuterMost #MPOuter .cta-row > .col-md-6:not(:has(img)) {
    padding: 32px;
}

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

.tiles {
    display: flex;
}
.tiles > div[class*="col-md-"] {
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
}
.tiles > .col-md-12 {
    flex-basis: 100%;
}
body.ribbit #MPOuterMost .tiles > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
body.ribbit .icon-tile {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 20%;
    padding: 8px;
}
body.ribbit .icon-tile .HtmlContent,
body.ribbit .icon-tile p,
body.ribbit .icon-tile a {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
}
body.ribbit .icon-tile p {
    margin: 0;
}
body.ribbit .icon-tile a {
    align-items: center;
    text-align: center;
    justify-content: start;
    flex-direction: column;
    padding: 12px;
    font-style: normal;
    text-decoration: none;
    color: #1E2024;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    border: 1px solid #E0E0E0;
}
body.ribbit .icon-tile a i {
    display: block;
    color: var(--hl-bs--primary);
    font-size: 32px;
    line-height: 1;
    margin-bottom: 8px;
}
body.ribbit .icon-tile a:is(:hover, :focus) {
    border-color: var(--hl-bs--primary);
}

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

body.ribbit #MPOuterMost #NAV {
    box-shadow: none;
    border-top: 1px solid var(--hl-bs--gray-300) !important;
    border-bottom: 1px solid var(--hl-bs--gray-300) !important;
    /* margin-top: 48px; */
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    z-index: 999;
}
body.ribbit #MPOuterMost #NAV.stickyNav {
    top: 48px !important;
}
#MPOuterMost .stickyNav-filler {
    display: none !important;
}
#MPOuterMost.full #MPButtonBar {
    max-width: 1555px;
    padding: 0 8px 0 32px;
}
body.ribbit #MPButtonBar>nav>div.collapse.navbar-collapse.navbar-ex1-collapse > .row > div[class*=col] {
    align-items: center;
}

/****** logo ******/

body.ribbit #LogoNavPlaceholder img {
    height: unset !important;
    width: 175px;
}
body.ribbit #LogoNavPlaceholder {
    margin: 0 48px 0 0;
}

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

body.ribbit .navbar, body.ribbit .navbar-default .navbar-nav {
    padding: 0;
    min-height: 0;
}

body.ribbit #NAV .navbar-default .navbar-nav>li>a {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: var(--hl-bs--default-text);
    padding: 16px;
    border-bottom: 4px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    z-index: 20;
}
body.ribbit #NAV :not(.no-theme) .navbar .navbar-nav>.active>a,
body.ribbit #NAV :not(.no-theme) .navbar .navbar-nav>.active>a:hover,
body.ribbit #NAV :not(.no-theme) .navbar .navbar-nav>.active>a:focus,
body.ribbit #NAV :not(.no-theme) .navbar .navbar-nav>li>a:hover {
    color: var(--hl-bs--primary);
    border-bottom-color: var(--hl-bs--primary);
}
body.ribbit #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a,
body.ribbit #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover,
body.ribbit #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
    color: var(--hl-bs--default-text);
    border-left-color: var(--hl-bs--gray-300);
    border-right-color: var(--hl-bs--gray-300);
    border-bottom-color: #fff;
}
body.ribbit .caret {
    font-weight: 300;
}

/*** dropdowns ***/

body.ribbit #MPButtonBar .dropdown-menu {
    border: 1px solid var(--hl-bs--gray-300);
    box-shadow: var(--ui-box-shadow);
    padding: 16px 0;
    border-radius: 0;
    z-index: 10;
    top: calc(100% - 1px);
    min-width: 350px;
}
body.ribbit #MPButtonBar .dropdown-menu li a {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: var(--hl-bs--default-text);
    padding: 8px 16px;
    background: transparent;
}
body.ribbit #MPButtonBar .dropdown-menu li a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu li.active a,
body.ribbit #MPButtonBar .dropdown-menu li.active a:is(:hover, :focus) {
    background-color: #F4F4F4;
    color: var(--hl-bs--default-text);
}

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

body.ribbit .bootstrap-4 .dropdown-toggle::after {
    vertical-align: unset;
    border: none;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: inherit;
    content: "\f107";
}

/************ homepage ************/

body.ribbit:not(.interior).bodyBackground {
    background-color: #fff;
}

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

.hero-text h1 {
    margin-top: 0;
    margin-bottom: 50px;
}

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

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

body.ribbit .ContentItemReact.ProfileSnippet {
    border: none;
    box-shadow: var(--ui-box-shadow);
}

.ProfileSnippet .profile-snippet-card.bg-alt-bg5 {
    background-color: var(--hl-bs--primary) !important;
}
body.ribbit .profile-snippet-bio .profile-snippet-avatar {
    width: 108px;
    height: 108px;
    border: 3px solid #fff;
    margin-top: 0 !important;
}
body.ribbit .profile-snippet-bio .profile-snippet-avatar + .font-weight-bold {
    margin-top: 8px !important;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 1.2;
}
.ProfileSnippet .bootstrap-4 .border-alt-rules {
    border-color: rgba(242, 242, 242, 0.2);
}
.profile-snippet-progress > div {
    font-size: 14px;
    line-height: 1.2;
}
.profile-snippet-progress > div > span:last-child {
    font-weight: 600;
}
body.ribbit .profile-snippet-progress .progress {
    height: 14px;
    border-radius: 20px;
    background: #fff !important;
    padding: 2px;
    box-shadow: none;
}
.profile-snippet-progress .progress .progress-bar {
    background-color: var(--hl-bs--primary) !important;
    height: 10px;
    border-radius: 20px;
    box-shadow: none;
}
.ProfileSnippet .profile-snippet .btn-alt-ghost,
.ProfileSnippet .profile-snippet .btn-alt-ghost * {
    color: #fff;
}
.ProfileSnippet .profile-snippet-stats .font-weight-bold {
    font-weight: 400;
    font-size: 21px;
    line-height: 1.2;   
}

/****** narrow widgets ******/

body.ribbit .narrow-widget-container .widget-heading:not(:last-child) {
    border-bottom-color: var(--hl-bs--bg3);
}
body.ribbit .narrow-widget-container .widget-content-item {
    padding: 8px 16px !important;
}
body.ribbit .narrow-widget-container a.link-container.link-container-link:is(:hover, :focus) {
    text-decoration: none;
    color: initial;
}
body.ribbit .narrow-widget-container .widget-heading {
    padding-left: 8px;
    padding-right: 8px;
}

/*** recently followed ***/

body.ribbit .recently-followed .widget-content-item svg path {
    fill: var(--hl-bs--primary);
}
body.ribbit .recently-followed .widget-content-item > div:last-child {
    font-weight: 600;
    color: var(--hl-bs--default-text);
}

/*** my communities ***/

body.ribbit .narrow-widget-container h3.content-card-title {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    font-weight: 600;
}
body.ribbit .MyCommunitiesQuickLinks .widget-content-item h3 + div {
    font-size: 12px !important;
}

/*** quick links ***/

body.ribbit .quick-links-container .rounded {
    border-radius: 50% !important;
}
body.ribbit .layout-grid.quick-links-row-grid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* HTML quick links */
body.ribbit .quick-links-html h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    border-bottom: 1px solid #DEDEDF;
    padding: 12px 16px;
    margin-bottom: 10px;
}
    
.quick-links-html ul,
.quick-links-html ol {
    padding-left: 0;
}
    
.quick-links-html ul li,
.quick-links-html ol li {
    list-style: none;
}
    
.quick-links-html ul li a,
.quick-links-html ol li a  {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 16px;
    color: #000;
    display: block;
    text-decoration: none;
}
    
.quick-links-html ol li a  {
    display: flex;
    gap: 8px;
    align-items: center;
}
    
.quick-links-html ul li a i,
.quick-links-html ol li a i  {
    color: rgba(15, 98, 254, 1);
    font-size:16px; 
    width: 21px;
    margin-right: 8px;
}
    
    
.quick-links-html ol li a img {
    width: 21px;
    height: auto;
} 
    
.quick-links-html ul li a:is(:hover,:focus),
.quick-links-html ol li a:is(:hover,:focus) {
    background: #F7F7F7;
    color: #000;
}
    
/*** events ***/
body.ribbit button#add-calendar-event {
    background: transparent;
    color: #0F62FE !important;
    font-size: 12px;
}
    
body.ribbit .narrow-widget-container.community-events-list h3.content-card-title {
    font-weight: 400;
}
body.ribbit .community-events-list-badges {
    padding-top: 0 !important;
}
body.ribbit .narrow-widget-container.community-events-list .ps-3:has(.content-card-title) {
    padding-left: 10px !important;
}
body.ribbit .community-events-list-row.p-3 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

body.ribbit .community-event-list-image.event-thumbnail .event-list-image-slot {
    border-radius: var(--ui-border-radius);
}

/* featured event */

body.ribbit .community-events-list-row:has(.event-featured) {
    border-bottom: 1px solid var(--hl-bs--gray-300);
}
body.ribbit .community-events-list-row:has(.event-featured) h3.content-card-title {
    font-size: 16px !important;
}

/* icons */

.community-events-list-badges svg {
    display: none;
}
.community-events-list-badges .thin-badge::before {
    font-weight: 300;
    color: var(--hl-bs--primary);
    font-family: 'Font Awesome 6 Pro';
    font-size: 10px;
    line-height: 14.4px;
    margin-right: 4px;
    float: left;
}
.community-events-list-badges .thin-badge span {
    line-height: inherit;
}
.community-events-list-badges .thin-badge:has(svg.fa-location-dot)::before {
    content: '\f3c5';
}
.community-events-list-badges .thin-badge:has(svg.fa-globe)::before {
    content: '\f0ac';
}

/* calendar stamps */

body.ribbit .calendar-stamp {
    border: none;
    background-color: var(--hl-bs--primary);
    color: var(--hl-bs--primary-opposite);
    border-radius: var(--ui-border-radius);
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
    font-weight: 600;
}
body.ribbit #MPOuterMost .calendar-stamp * {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}
body.ribbit .calendar-stamp.lg {
    font-size: 21px;
}
body.ribbit .calendar-stamp.md {
    font-size: 14px;
}
body.ribbit .calendar-stamp.sm {
    font-size: 12px;
}

/****** engagement leaderboard ******/

body.ribbit .engagement-leaderboard>div[id$=_divContainer]>.ContentMainHeader {
    font-size: 16px;
    font-weight: 600;
    filter: none;
    border-radius: 0;
    border-bottom-color: var(--hl-bs--gray-300);
}
body.ribbit #MPOuterMost #MPOuter .engagement-leaderboard .row.heading {
    display: none;
}
body.ribbit #MPOuterMost #MPOuter .engagement-leaderboard .HLLandingControl {
    border: none;
}
body.ribbit #MPOuterMost #MPOuter .engagement-leaderboard .HLLandingControl .Content > .row {
    margin: 0 !important;
}
body.ribbit #MPOuterMost #MPOuter .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li {
    padding: 8px 16px;
}
body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li>a {
    padding-top: 0;
    padding-bottom: 0;
}
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl ul:not(.dropdown-menu)>li {
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 0;
}

/*** leaderboard heading case fix ***/
.HLLandingControl.engagement-leaderboard .ContentMainHeader {
    text-transform: lowercase;
}
.HLLandingControl.engagement-leaderboard .ContentMainHeader::first-letter {
    text-transform: uppercase;
}

/*** tabs ***/

body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs {
    padding: 10px 16px;
    border-bottom: 1px solid var(--hl-bs--gray-300);
}

body.ribbit .engagement-leaderboard ul.nav.nav-tabs>li>a {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--hl-bs--gray-500);
    border: none;
}
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 {
    text-decoration: underline;
    font-weight: 600;
    color: var(--hl-bs--primary);
}

/*** user info ***/

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li .row.title-row>.Picture,
body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li .row.title-row>.Picture>a {
    min-height: 30px;
    min-width: 30px;
    height: 30px;
    width: 30px;
}
body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li .row.title-row>.Picture>a>img {
    max-height: 30px;
    max-width: 30px;
}
body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}
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: var(--hl-bs--default-text);
}

/* points */

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical .leaderboard-points-label>.points-label,
body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .points-label {
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: normal;
    font-weight: 300;
}

/********* news feed **********/

body.ribbit #MPOuterMost #MPOuter .news-feed .row.heading {
    padding: 0;
    margin: 0 !important;
    border: none;
}
.news-feed ul {
    display: flex;
    margin: 12px -12px -12px -12px;
}
.news-feed ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.3333333% - 24px);
    display: flex;
    flex-direction: column;
}
#MPOuterMost #MPOuter .news-feed ul li {
    padding: 0;
    margin: 12px;
}

/*** updates for multiple news feeds ***/

#MPOuterMost #MPOuter .col-md-4:has(> .news-feed) {
    padding-left: 12px;
    padding-right: 12px;
}
.col-md-4 .news-feed ul {
    display: block;
    margin: 12px 0 0 0;
}
#MPOuterMost #MPOuter .col-md-4 .news-feed ul li {
    margin: 0;
}

/*** end updates for multiple news feeds ***/

.news-feed ul li .row {
    margin: 0 !important;
}
.news-feed ul li .img-container {
    height: 200px;
    position: relative;
}
.news-feed ul li .img-container::before {
    opacity: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
}
.news-feed ul li .img-container.loading::before,
.news-feed ul li .img-container.no-ajax-image::before {
    opacity: 1;
}
.news-feed ul li:first-child .img-container::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/IMWUC/dfd5be75-7434-44d5-beed-41626462dd64/UploadedImages/HLDS0824/graphic-1.png');
}
.news-feed ul li:nth-child(2) .img-container::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/IMWUC/dfd5be75-7434-44d5-beed-41626462dd64/UploadedImages/HLDS0824/graphic-2.png');
}
.news-feed ul li:last-child .img-container::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/IMWUC/dfd5be75-7434-44d5-beed-41626462dd64/UploadedImages/HLDS0824/graphic-3.png');
}
.news-feed ul li .text-container {
    height: calc(100% - 200px);
    background-color: #f4f4f4;
    padding: 24px 24px 84px 24px;
    position: relative;
}
.HLLandingControl.SearchResults ul li .title-row .col-md-9 {
    width: 100%;
}
.HLLandingControl.SearchResults ul li .title-row .col-md-3 {
    display: none;
}
#MPOuterMost #MPOuter .news-feed ul li h3 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}
#MPOuterMost #MPOuter .news-feed ul li p {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.5;
}
#MPOuterMost #MPOuter .news-feed ul li p::after {
    content: '...';
}
.HLLandingControl.SearchResults ul li .title-row > .col-md-12,
.HLLandingControl.SearchResults ul li .title-row + .row .col-md-12 {
    position: static;
}
.news-feed ul li a.showMoreLink {
    position: absolute;
    left: 24px;
    bottom: 24px;
}

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

body.ribbit .tags-icon {
    color: var(--hl-bs--primary);
}
body.ribbit .feed-title-filter {
    border-radius: 0;
    border: none;
    background-color: #F4F4F4;
    justify-content: end;
}
body.ribbit .feed-title-filter > h2 {
    margin-right: 8px !important;
}
body.ribbit .feed-title-filter > .flex-grow-1 {
    flex-grow: unset !important;
}
body.ribbit .FeedWidget .layout-grid-cell {
    margin-bottom: 16px !important;
}
body.ribbit .FeedWidget h3.font-weight-heading {
    font-weight: 400;
}
body.ribbit .FeedWidget .text-default-text .btn.btn-link.text-meta {
    font-weight: 600;
}
body.ribbit .bootstrap-4 .border-top {
    border-color: var(--hl-bs--gray-300);
}
.FeedWidget .bootstrap-4 a.link-standalone {
    color: var(--hl-bs--default-text);
}
.FeedWidget .card-byline.font-size-xs {
    font-size: 12px !important;
}
.FeedWidget .hl-profile-avatar img {
    width: 32px;
    height: 32px;
}
.FeedWidget .bg-bg1.rounded .text-default-text a {
    text-decoration: none !important;
    color: var(--hl-bs--default-text);
    font-weight: 600;
}
.FeedWidget .btn.btn-link.text-meta:is(:hover, :focus) {
    color: var(--hl-bs--link-hover) !important;
}
.FeedWidget .bg-bg1.rounded .text-default-text a:is(:hover, :focus) {
    color: var(--hl-bs--link-hover);
}

.FeedWidget .feed-filter-options > div:not(:first-child) {
    margin-top: 20px;
}

/********* public homepage events *********/

.HLEventList .pull-right + br {
    display: none;
}
body.ribbit.home #MPOuterMost #MPOuter .HLEventList .row.heading {
    margin: 0 !important;
    padding: 0;
    border: none;
}
body.ribbit.home .HLEventList .row {
    margin: 0 !important;
}
body.ribbit.home .HLEventList ul {
    display: flex;
    flex-wrap: wrap;
    margin: 8px -16px;
}
body.ribbit.home .HLEventList ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 50%;
    padding: 16px;
}
body.ribbit.home .HLEventList ul li .col-md-2 {
    width: 100px;
    padding: 0;
    margin-right: 16px;
    float: left;
}
body.ribbit.home .HLEventList ul li .col-md-10 {
    padding: 0;
    float: left;
    width: calc(100% - 116px);
}
.HLEventList ul li h4 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 8px;
}
#MPOuterMost #MPOuter .HLEventList ul li h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
}
.HLEventList ul li .timeAgoFormat {
    font-size: 12px;
    line-height: 16.8px;
}
.HLEventList ul li .timeAgoFormat::before,
.SearchResults.HLLandingControl p[id*="CalendarLocation"] .glyphicon-calendar::before,
.SearchResults.HLLandingControl p[id*="CalendarLocation"] .glyphicon-globe::before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f017';
    color: var(--hl-bs--primary);
    margin-right: 6px;
}
.SearchResults.HLLandingControl p[id*="CalendarLocation"] .glyphicon-globe::before {
    content: '\f5a0';
}

/****** date blocks ******/

.HLEventList .col-md-2 .margin-bottom-medium {
    margin: 0;
}
.HLLandingControl .date-block {
    width: 100px;
    height: 115px;
    background: var(--hl-bs--secondary);
    padding: 16px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    font-weight: 300;
    line-height: 1.2;
    color: var(--hl-bs--secondary-opposite);
}
.SearchResults.HLLandingControl .calendar-tile.date-block {
    background: var(--ui-gray);
    color: var(--hl-bs--default-text);
    border: none;
}
.HLLandingControl .date-block .calendar-day {
    display: none;
}
.HLLandingControl .date-block * {
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.HLLandingControl .date-block .calendary-number {
    font-size: 42px;
}
.HLLandingControl .date-block .calendar-month {
    font-size: 16px;
    font-weight: 600;
}

/********* stats *********/

#MPOuterMost #MPOuter .stats-row {
    max-width: 1600px;
    margin-left: calc((100% - 1600px) / 2) !important;
}

.stats-row .HtmlContent {
    padding: 0 80px;
}
.stats-row > .col-md-4:not(:last-child)::after {
    content: '';
    border-right: 1px solid #e0e0e0;
    top: 26px;
    right: 0;
    height: 160px;
    position: absolute;
}
.stats-row .HtmlContent h2 {
    font-weight: 600;
    font-size: 50px;
    margin-bottom: 16px;
}
.stats-row .HtmlContent h4 {
    margin-top: 0;
    margin-bottom: 20px;
}

/************ promo tile carousel ************/

#MPOuterMost #MPOuter .tile-carousel.row-wide,
#MPOuterMost #MPOuter .tile-carousel.row-wide > .col-md-12 {
    padding: 0;
}

body.ribbit #MPOuterMost #MPOuter .tile-nav-carousel {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 16px;
    border-bottom: 3px solid #f4f4f4;
}
body.ribbit .tile-nav-carousel .slick-slider {
    margin-bottom: -3px;
    /* width: 363px; */
    max-width: 100%;
}
body.ribbit #MPOuterMost #MPOuter .tile-nav-carousel,
body.ribbit .tile-nav-carousel .slick-slider {
    padding: 0;
}
body.ribbit .tile-nav-carousel .slick-slider button {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #1E2024;
    padding: 12px 32px;
    position: relative;
    display: inline-block;
    margin: 0;
    border: none;
    background: transparent;
    text-align: left;
    max-width: 100%;
}
body.ribbit .tile-nav-carousel .slick-slider button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    height: 3px;
    transition: .3s;
    z-index: 999;
}
body.ribbit .tile-nav-carousel .slick-slider .slick-current button {
    color: var(--hl-bs--primary);
}
body.ribbit .tile-nav-carousel .slick-slider button:is(:hover, :focus)::after,
body.ribbit .tile-nav-carousel .slick-slider .slick-current button::after {
    background: var(--hl-bs--secondary);
}

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

#InteriorPageTitle {
    background-color: #f4f4f4;
    display: block;
}
#InteriorPageTitle svg {
    display: none;
}
#RibbitBanner_MPInnerPageSVGBanner,
#InteriorPageTitle .svg-overlay-container {
    height: auto !important;
}
#InteriorPageTitle .svg-overlay-container {
    position: relative !important;
    display: block !important;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#InteriorPageTitle .svg-overlay-container,
#MPOuterMost #InteriorPageTitle #PageTitleH1 {
    color: var(--hl-bs--default-text) !important;
}
#MPOuterMost #InteriorPageTitle #PageTitleH1 {
    padding-top: 48px;
    padding-bottom: 48px;
    width: 600px;
    max-width: 100%;
    margin-left: 0 !important;
    padding-left: 0;
}
#MPOuterMost #InteriorPageTitle .container {
    max-width: 100%;
    padding: 0;
}

/****** interior page heroes ******/

#MPOuterMost #MainCopy_ContentWrapper:has(.interior-hero),
#MPOuterMost #MainCopy_ContentWrapper:has(.interior-hero-alt) {
    padding-top: 0;
}
.interior-hero {
    background-size: cover;
    background-position: center;
}
.interior-hero .HtmlContent {
    padding-top: 48px;
    padding-bottom: 48px;
    background: linear-gradient(to right, #fff 35%, transparent 100%);
    padding-right: 65%;
}

/*** alt hero option ***/

.interior-hero-alt > .col-md-6:first-child > .ContentItemHtml > .HtmlContent {
    max-width: 600px;
}
.interior-hero-alt h1 {
    margin-bottom: 24px;
}

/************ all groups page ************/

.communities-grid div[id*="UpdatePanel"]>.row:first-child,
.communities-grid .community-list .nested-community,
.communities-grid .community-list p[id*="Description"],
.communities-grid .community-list p[id*="LastJoined"],
.communities-grid .community-list div[id*="Attributes"],
.communities-grid .community-list .content-tags {
    display: none;
}

.communities-grid .bg-gray > div > div[id*="UpdatePanel"] {
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 16px;
    row-gap: 16px;
}
.communities-grid .community-list {
    padding: 0 16px 0 0;
    margin: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.communities-grid .community-list .row,
.communities-grid .community-list h3,
.communities-grid .community-list .col-md-5 .margin-top-small {
    margin: 0;
}
.communities-grid .community-list div[class*="col-md-"] {
    padding: 0;
}
.communities-grid .community-list .col-md-7 {
    width: calc(100% - 120px);
    padding-right: 16px;
}
.communities-grid .community-list .col-md-5 {
    width: 120px;
}
.communities-grid .community-list .btn {
    font-size: 14px;
    padding: 6px 10px;
}
body.ribbit div[id*="StupidWrapper"]:not(:has(div[id*="ViewOnly"])) div[id*="CommunityJoinLinkDashboard"]:not(:has(>.btn))::before {
    font-family: IBM;
    content: '\f001';
    color: var(--hl-bs--primary-opposite);
    background-color: var(--hl-bs--primary);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    display: inline-block;
}
.communities-grid h2 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 300;
    color: #000;
}
.communities-grid h2 a {
    color: inherit;
}
.communities-grid h2 a:is(:hover, :focus) {
    color: var(--hl-bs--primary);
}

/************ events page ************/

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

.styled-search .SearchInputs {
    background-color: var(--ui-gray);
    border-bottom: 1px solid #8d8d8d;
    border-radius: 0;
    position: relative;
}
.styled-search  .SearchInputs > div > .input-group {
    display: block;
}
.styled-search .SearchInputs > div > .input-group > .form-control {
    height: 40px;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 96px 8px 16px;
    box-shadow: none;
    border: none;
    background: transparent;
    border-radius: 0;
    float: none;
}
.styled-search  .SearchInputs > div > .input-group > .form-control:focus {
    outline: 2px solid var(--hl-bs--primary);
}
.styled-search .SearchInputs > div > .input-group > .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: unset;
    z-index: 10;
}
.styled-search .SearchInputs > div > .input-group > .input-group-btn > .btn.btn-default {
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #272727;
    background-color: transparent;
}
.styled-search .SearchInputs > div > .input-group > .input-group-btn > .btn.btn-default:is(:hover,:focus) {
    background: #E8E8E8;
    color: #272727;
}
.styled-search .SearchInputs .btn.btn-default .glyphicon-search {
    vertical-align: unset !important;
    top: 0;
}
.styled-search .SearchInputs .btn.btn-default .glyphicon-search::before {
    font-family: "Font Awesome 6 Pro";
    content: '\f002';
}
.styled-search .SearchInputs .btn.btn-default .caret::before {
    font-weight: 400;
}

/****** event list items ******/

body.all-ibm-techxchange-community-events #MPOuterMost #MPOuter .SearchResults ul li {
    border: none;
}
body.all-ibm-techxchange-community-events #MPOuterMost #MPOuter .SearchResults ul li .row {
    padding: 0;
}

body.all-ibm-techxchange-community-events .SearchResults ul li .title-row {
    display: flex;
}
body.all-ibm-techxchange-community-events .SearchResults ul li .title-row > div {
    flex-grow: 0;
    flex-shrink: 1;
    padding: 0;
}
body.all-ibm-techxchange-community-events .SearchResults ul li .title-row > .col-md-2 {
    width: 100px;
    margin-right: 16px;
    display: flex;
}
body.all-ibm-techxchange-community-events .SearchResults .date-block {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 150px;
}
body.all-ibm-techxchange-community-events .SearchResults ul li .title-row > .col-md-10 {
    width: calc(100% - 116px);
}

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

#MPOuterMost #MPOuter .margin-bottom-16 {
    margin-bottom: 16px;
}

/*** anchor link style ***/

.style-guide h2,
.style-guide h3 {
    position: relative;
}
.style-guide h3 a,
.style-guide h2 a {
    position: absolute;
    top: -120px;
}

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

/*** tile style ***/

.tile {
    padding: 24px;
    border: 1px solid #E0E0E0;
}

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

#MPOuterFooter::after {
    display: none;
}

#FOOTER h2 {
    color: #161616;
    font-size: 24px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 24px;
    line-height: 1.1;
}
#FOOTER a {
    color: var(--hl-bs--link);
}
#FOOTER a:is(:hover, :focus) {
    color: var(--hl-bs--link-hover);
}

.footer-links ul {
    display: grid;
    list-style-type: none;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    column-gap: 32px;
    row-gap: 8px;
    padding-left: 0;
}
.footer-links ul li a {
    display: flex;
    padding: 15px;
    border-bottom: 1px dotted #ccc;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
}
.footer-links ul li a::after {
    font-family: IBM;
    content: '\f006';
    font-size: 16px;
    line-height: 16px;
}

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

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

@media (min-width: 768px) {
    .footer-top-row {
        display: flex;
        flex-wrap: wrap;
    }
    #MPOuterFooter .footer-top-row > .col-md-4:first-child,
    #MPOuterFooter .footer-top-row > .col-md-4:nth-child(2) {
        width: 50%;
    }
    #MPOuterFooter .footer-top-row > .col-md-4:first-child {
        padding-right: 48px;
    }
    .footer-top-row > .col-md-4:last-child {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #MPOuterMost #MPOuter .cta-row {
        display: flex;
    }
    body.ribbit .cta-row > .col-md-6 {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 50%;
    }
    .cta-row > .col-md-6:not(:has(img)) .ContentItemHtml,
    .cta-row > .col-md-6:not(:has(img)) .HtmlContent {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 100%;
    }
    .cta-row > .col-md-6:not(:has(img)),
    .cta-row > .col-md-6:not(:has(img)) .ContentItemHtml,
    .cta-row > .col-md-6:not(:has(img)) .HtmlContent {
        display: flex;
        flex-direction: column;
    }
    .cta-row > .col-md-6:not(:has(img)) p:has(em a) {
        margin-top: auto;
    }
    .content-right * {
        margin-left: auto;
    }
    .center-content {
        display: flex;
        align-items: center;
    }
    .center-content p:last-child {
        margin-bottom: 0;
    }
    #MPOuterFooter .footer-top-row > .col-md-4:first-child,
    #MPOuterFooter .footer-top-row > .col-md-4:nth-child(2) {
        width: 25%;
        padding-right: 48px;
    }
    .footer-top-row > .col-md-4:last-child {
        width: 50%;
    }
}

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

@media (min-width: 992px) and (max-width: 1360px) {
    #MPOuterMost #MPOuter .stats-row {
        width: calc(100% + 160px);
        margin-left: -80px !important;
        margin-right: -80px !important;
    }
}

@media (max-width: 1440px) {
    #MPOuterMost #MPOuter .stats-row {
        max-width: calc(100% + 160px);
        margin-left: -80px !important;
        margin-right: -80px !important;
    }
}

@media (max-width: 1575px) {
    #MPOuterMost.full #MPButtonBar {
        padding-right: 16px;
    }
}

@media (max-width: 1200px) {
    body.ribbit #NAV>div {
        padding: 0;
    }
}

@media (max-width: 1055px) {
    #MPOuterMost.full #MPButtonBar {
        padding-left: 16px;
    }
}

@media (max-width: 991px) {
    .news-feed,
    .row:has(> div > .news-feed) h2 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .news-feed ul {
        flex-wrap: wrap;
    }
    .news-feed ul li {
        flex-basis: calc(100% - 24px);
    }
    .hero-text {
        padding-bottom: 32px;
    }
    #MPOuterMost #MPOuter .stats-row {
        margin-top: -24px;
        margin-bottom: -24px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .stats-row .HtmlContent {
        padding: 24px 0;
    }
    .stats-row > .col-md-4:not(:last-child)::after {
        right: auto;
        top: auto;
        left: 24px;
        bottom: 0;
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        width: 75%;
    }
    .tiles > .col-md-12 {
        flex-wrap: wrap;
        justify-content: center;
    }
    body.ribbit .icon-tile {
        flex-basis: 33.333333333%;
    }

    .interior-hero {
        background-size: auto 500px;
        padding-top: 300px;
        background-position-y: -100px;
    }
    .interior-hero .HtmlContent {
        background: #fff;
        padding-right: 0;
    }
    .communities-grid .bg-gray > div > div[id*="UpdatePanel"] {
        display: block;
    }
    .communities-grid .community-list {
        padding: 8px;
    }

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

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


    body.ribbit #searchColumn {
        display: block !important;
        position: static;
        padding-left: 0;
    }

    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;
    }

    body.ribbit #NAV .navbar-nav {
        align-self: start;
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        width: 100%;
    }

    .navbar-header {
        float: none;
    }

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

    .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);
        padding-top: 16px;
        padding-bottom: 16px;
    }

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

    .navbar-collapse.collapse.in {
        overflow-y: auto !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;
    }

    body.ribbit #MPButtonBar .dropdown-menu {
        padding: 0;
    }

    .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 #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a,
    body.ribbit #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover,
    body.ribbit #NAV :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus,
    body.ribbit #MPButtonBar .dropdown-menu {
        border: none;
    } 
}

#FacetedSearchInput {
font-size:100%;
height: 2.5em;
}

@media (max-width: 768px) {
    body.ribbit.home .HLEventList ul li {
        flex-basis: 100%;
    }
}

@media (max-width: 649px) {
    body.ribbit .tile-nav-carousel {
        display: none;
    }
    #MPOuterMost #MPOuter .tile-carousel .cta-row + .cta-row {
        margin-top: 32px;
    }
}

@media (max-width: 600px) {
    body.ribbit .icon-tile {
        flex-basis: 100%;
    }
}

@media (max-width: 480px) {
    body.ribbit h1 {
        font-size: 36px;
    }
    body.ribbit h2 {
        font-size: 32px;
    }
    body.ribbit #MPOuterMost #MPOuter .cta-row > .col-md-6:not(:has(img)) {
        padding: 16px;
    }
    body.ribbit .tile-nav-carousel .slick-slider button {
        padding: 12px 16px;
        height: 62px;
    }
    .rowContainer.community-list div.pull-right {
        float: right !important;
    }
    .rowContainer.community-list div.pull-right.margin-top-small a.btn {
        width: auto;
    }
    .footer-links ul {
        display: block;
    }
}