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

a {
  color: #00509D;  
}  


.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: #00509D; 
}  


.hl-linkcolor-background {
  background-color: #00509D;  
}  

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

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #00509D;  
}  


a:hover {
  color: #003F88;  
}  



.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: #003F88;  
}  

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

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #003F88; 
} 

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


  color: #1D4F91;

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


  color: #FFFFFF;

}    

fieldset {
  border-color: #1D4F91;  
}  

fieldset legend {


  background-color: #1D4F91;


  border-color: #1D4F91;


  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: #00509D;  
}  

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

.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: #64A70A;  
}  


.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #1D4F91;  
}    

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

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

  color: #00509D;

}  
/*
.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: #00509D;

}  .nav-tabs > li > a {

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

.SloganText {
  color: #1D4F91;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #1D4F91;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #1D4F91;  
}  

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


  background-color: #1D4F91;


  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: #00509D;  
}  


#MPAuxNav ul.level1 li ul {
  background-color: #64A70A;  
}  


#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #00509D;  
}  

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

.breadcrumb li a {
  color: #00509D;  
}  


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

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


.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: #1D4F91;


  color: #FFFFFF;

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


  background-color: #1D4F91;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  background-color: #64A70A;  
}  


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


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

#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: #1D4F91;


  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: #1D4F91;
}


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

:root:root {
  
  --hl-bs--primary: #1D4F91;
  --hl-bs--selected: #1D4F9126;
  

  
  --hl-bs--primary-rgb: 29,79,145;
  --hl-bs--selected-rgb: 29,79,145, 50;
  

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

  
  --hl-bs--primary-opposite-rgb: 255,255,255;
  
  
  
  --hl-bs--link: #00509D;
  

  
  --hl-bs--link-rgb: 0,80,157;
  

  
  --hl-bs--link-hover: #003F88;
  --hl-bs--btn-icon-ctrl-bg-hover: #003F88;
  --hl-bs--btn-icon-ctrl-border-hover: #003F88;
  

  
  --hl-bs--link-hover-rgb: 0,63,136;
  --hl-bs--btn-icon-ctrl-bg-hover-rgb: 0,63,136;
  --hl-bs--btn-icon-ctrl-border-hover-rgb: 0,63,136;
  

  
  --hl-bs--secondary: #64A70A;
  --hl-bs--secondary-selected: #64A70A26;
  

  
  --hl-bs--secondary-rgb: 100,167,10;
  --hl-bs--secondary-selected-rgb: 100,167,10, 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: #00509D;
  --hl-bs--btn-link-outline: #00509D7f;
  

  
  --hl-bs--btn-link-text-rgb: 0,80,157;
  --hl-bs--btn-link-outline-rgb: 0,80,157, 127;
  

  
  --hl-bs--btn-link-hover: #003F88;
  

  
  --hl-bs--btn-link-hover-rgb: 0,63,136;
  
}

: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: #30343F;
  

  
  --hl-bs--footer-color-opposite-rgb: 48,52,63;
  
}/************************ 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: #1D4F91;
        
     
    color: #003F88;
    
}

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #00509D;
    
}
body.ribbit a:hover{
     
    color: #003F88;
    
}

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

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

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

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

     
    color: #FFFFFF !important;
     
     
    background-color: #1D4F91;
    border-color: #1D4F91;
    
}

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

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

     
    box-shadow: 0 0 0 3px #1D4F917F;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #1D4F91;
    border-color: #1D4F91;
    
}

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

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

     
    box-shadow: 0 0 0 3px #1D4F917F;
    
}

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

     
    color: #1D4F91;
    
}


/**** 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: #1D4F91;
    border: #1D4F91;
    
}

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)), #1D4F91;
    
}



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: #1D4F91;
    border-color: #1D4F91;
    
}


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 #1D4F917F;
    
}


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

     
    color: #1D4F91;
    
}


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

     
    color: #FFFFFF;
     
     
    background-color: #1D4F91;
    border-color: #1D4F91;
    
}

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


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


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

     
    background-color: #1D4F91 !important;
    
}


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

     
    color: #1D4F91 !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: #1D4F91 !important;
    
}

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

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

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

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

     
    background-color: #1D4F91 !important;
    
}

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

     
    color: #1D4F91 !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: #1D4F91 !important;
    
}

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


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

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: #1D4F91;
     
}

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

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: #1D4F91;
    
     
    color: #003F88;
    
}

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

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

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

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

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

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

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


.link-color {
  color: #00509D !important;
}

  

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

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


.link-hover-color:hover, .link-hover-color:focus {
  color: #003F88 !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: #1D4F91 !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: #30343F !important;
}

  


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

  


.primary-color {
  color: #1D4F91 !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: #00509D !important;
}

  

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


.landing-control-sub-title-text-color {
  color: #64A70A !important;
}

  


.landing-control-title-text-color {
  color: #1D4F91 !important;
}

  

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

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


.selected-tab-text-color {
  color: #00509D !important;
}

  

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


.unselected-tab-hover-text-color {
  color: #00509D !important;
}

  

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

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


.slogan-text-color {
  color: #1D4F91 !important;
}

  


.table-header-background-color {
  background-color: #1D4F91 !important;
}

  

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


.aux-menu-text-color {
  color: #00509D !important;
}

  


.unselected-menu-background-color {
  background-color: #64A70A !important;
}

  

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

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


.breadcrumb-link-color {
  color: #00509D !important;
}

  


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

  


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

  


.selected-menu-background-color {
  background-color: #1D4F91 !important;
}

  


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

  


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

  


.hover-menu-background-color {
  background-color: #64A70A !important;
}

  


.hover-menu-selected-background-color {
  background-color: #1D4F91 !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: #595959 !important;
    --ui-heading-text: #30343F;
    --ui-small-text: #666;
    --ui-text-on-secondary: #FFFFFF;
    --hl-bs--gray-300: #ebebeb !important;
    --box-shadow-standard: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(153, 153, 153, 0.25);
    --box-shadow-hover: 0px 0px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(153, 153, 153, 0.25);
}

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

a[href*="#needsLink"] {
    outline: 5px dashed red;
}

p:empty,
.HtmlFooter {
    display: none;
}

#MPOuterMost {
    overflow-x: hidden;
}

.rounded-img img {
    border-radius: 5px;
}

body.ribbit,
body.ribbit p {
    font-family: 'Arial', sans-serif;
    color: var(--hl-bs--default-text);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

body.ribbit .p-large {
    font-size: 18px;
}

body.ribbit .p-small {
    font-size: 14px;
}

body.ribbit h1,
body.ribbit h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact .row.heading h2,
body.ribbit.profile h2,
body.ribbit h3,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3,
body.ribbit h4,
body.ribbit h5,
body.ribbit h6 {
    line-height: 1.2;
    color: var(--ui-heading-text);
    font-family: futura-pt, sans-serif;
}
body.ribbit #InteriorPageTitle h2 {
    color: #fff;
}
body.ribbit h1,
body.ribbit h2,
body.ribbit h3,
body.ribbit h4,
body.ribbit h5,
body.ribbit h6 {
    margin-top: 5px;
    margin-bottom: 8px;
}

body.ribbit h1 {
    font-size: 48px;
    font-weight: 700;
}


body.ribbit .bootstrap-4 .font-size-jumbo {
    font-size: 48px !important;
}

body.ribbit h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .row.heading h2,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact .row.heading h2 {
    font-size: 38px;
    font-weight: 600;
/*color: #1d4f91;*/
}

body.ribbit .col-md-3 h2,
body.ribbit.memberhome .col-md-3 .widget-heading h2,
body.ribbit:not(.interior) .row>div.col-md-3>div[class*=Content] .HLLandingControl .row.heading h2,
body.ribbit:not(.interior) .row>div.col-md-3>div.ContentItemReact .row.heading h2 {
    color: var(--ui-small-text);
    font-size: 12px;
    font-weight: 450;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

body.ribbit .col-md-3 h2.font-size-sm {
    font-size: 12px !important;
}

body.ribbit h3 {
    font-size: 21px;
    font-weight: 500;
color: #1d4f91;
}

body.ribbit .HLLandingControl h3,
body.ribbit .col-md-3 h3,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 {
    font-size: 18px;
    font-weight: 500;
}

body.ribbit h3 a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

body.ribbit h4 {
    font-size: 18px;
    font-weight: 500;
}

body.ribbit h5 {
    font-size: 14px;
    font-weight: 500;
}

body.ribbit h6 {
    font-size: 12px;
    font-weight: 600;
}

body.ribbit .overline .HtmlContent>p:first-child {
    font-size: 12px;
    font-family: futura-pt;
    font-weight: 450;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

a {
    text-decoration: underline;
}

a:is(:hover, :focus) {
    text-decoration: none;
}

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

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

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[class*="tile"] .HtmlContent>h2:first-child,
div[class*="col-md-"][class*="section"]>.ContentItemHtml[class*="tile"] .HtmlContent>h3:first-child,
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 {
    margin-top: 0;
}

body.ribbit .narrow-widget-container h2 {
    margin-top: 0 !important;
}

/****** buttons and links ******/

.make-buttons em,
.summary-edit em {
    display: inline-block;
    margin: -4px;
}

.make-buttons p:has(>em),
.make-arrow-link p:has(>em) {
    margin-top: 20px;
}

.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: 4px;
    padding: 8px 18px;
    font-size: 16px;
    line-height: 17.6px;
    font-weight: 600;
    border: 2px solid transparent;
    text-transform: uppercase;
    font-family: futura-pt, sans-serif;
    letter-spacing: 1px;
}

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;
    line-height: 15.4px;
    padding: 4px 8px;
}

body.ribbit .btn.btn-xs,
.make-buttons.xs-buttons em a {
    font-size: 12px;
    line-height: 13.2px;
    padding: 2px 4px;
}

body.ribbit .inbox-list .custom-search-form .btn.btn-success {
    padding: 6px 12px;
}

body.ribbit #MPOuterMost .faceted-search-main .btnSearch {
    padding: 6.5px 12px;
}

body.ribbit :not(.no-theme) .btn.mobile-fab {
    padding: 0;
}

body.ribbit .btn.btn-ghost,
body.ribbit .btn.btn-link {
    padding: 0 !important;
    border: none;
    line-height: inherit;
    text-transform: none;
    letter-spacing: 0;
}

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

/*** 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 {
    color: var(--hl-bs--primary-opposite);
    background-color: 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) .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-opposite);
    background: #295897;
    border-color: #295897;
}

/* secondary */

body.ribbit :not(.no-theme) .btn-secondary,
body.ribbit .btn-standard,
.make-buttons.secondary-buttons em a,
body.ribbit #MPButtonBar .btn-primary {
    background-color: var(--hl-bs--secondary);
    border-color: var(--hl-bs--secondary);
    color: var(--ui-text-on-secondary);
}

body.ribbit :not(.no-theme) .btn-secondary:is(:hover, :focus),
body.ribbit .btn-standard:is(:hover, :focus),
.make-buttons.secondary-buttons em a:is(:hover, :focus),
body.ribbit #MPButtonBar .btn-primary:is(:hover, :focus) {
    background: #7AB42F;
    border-color: #7AB42F;
    color: var(--ui-text-on-secondary);
}

/* gray / default */

.make-buttons.gray-buttons em a,
body.ribbit :not(.no-theme) .btn-default,
body.ribbit :not(.no-theme) .blogs-block .ItemRatingCommentPanel .btn-default-override {
    color: var(--ui-heading-text);
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
body.ribbit .btn.btn-default.btn-community-stats-static {
    border-color: #f5f5f5 !important;
}

.make-buttons.gray-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-default:is(:hover, :focus),
body.ribbit :not(.no-theme) .blogs-block .ItemRatingCommentPanel .btn-default-override:is(:hover, :focus) {
    color: var(--ui-heading-text);
    background-color: #E4E4E4;
    border-color: #E4E4E4;
}
body.ribbit .btn.btn-default.btn-community-stats-static:is(:hover, :focus) {
    border-color: #e4e4e4 !important;
}

/* primary color outline */

.make-buttons.primary-outline-buttons em a,
body.ribbit :not(.no-theme) .btn-alt-primary,
body.ribbit :not(.no-theme) .btn-default.btn-edit {
    border-color: var(--hl-bs--primary);
    color: var(--hl-bs--primary);
    background: transparent;
}

.make-buttons.primary-outline-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) {
    border-color: var(--hl-bs--primary);
    background: var(--hl-bs--primary);
    color: var(--hl-bs--primary-opposite);
}

/* white */

.make-buttons.white-buttons em a,
.make-buttons.white-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-overlay,
body.ribbit :not(.no-theme) .btn-overlay:is(:hover, :focus),
body.ribbit :not(.no-theme) .community-tabs-container-outer .btn.btn-default,
body.ribbit :not(.no-theme) .community-tabs-container-outer .btn.btn-default:is(:hover, :focus),
body.ribbit :not(.no-theme) .modal-footer .btn.btn-default,
body.ribbit :not(.no-theme) .modal-footer .btn.btn-default:is(:hover, :focus),
body.ribbit #PageTitleH1 .btn-primary,
body.ribbit.profile .profile-tabs-toggle,
body.ribbit :not(.no-theme) .panel-form .btn-default,
body.ribbit.profile #MainCopy_ContentWrapper>.row:first-child>.col-md-3 .btn-default,
body.ribbit .panel-footer .btn-default,
body.ribbit .modal-footer .btn-default,
body.ribbit .btn-default-override,
body.ribbit .btn-default-override:is(:hover, :focus) {
    background-color: #fff;
    border-color: #fff;
    color: var(--hl-bs--primary);
}

body.ribbit #PageTitleH1 .btn-primary {
    color: var(--hl-bs--primary) !important;
}

.make-buttons.white-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-overlay:is(:hover, :focus),
body.ribbit :not(.no-theme) .community-tabs-container-outer .btn.btn-default:is(:hover, :focus),
body.ribbit :not(.no-theme) .modal-footer .btn.btn-default:is(:hover, :focus),
body.ribbit #PageTitleH1 .btn-primary:is(:hover, :focus),
body.ribbit.profile .profile-tabs-toggle:is(:hover, :focus),
body.ribbit :not(.no-theme) .panel-form .btn-default:is(:hover, :focus),
body.ribbit.profile #MainCopy_ContentWrapper>.row:first-child>.col-md-3 .btn-default:is(:hover, :focus),
body.ribbit .panel-footer .btn-default:is(:hover, :focus),
body.ribbit .modal-footer .btn-default:is(:hover, :focus),
body.ribbit .btn-default-override:is(:hover, :focus) {
    opacity: 0.8;
}

/* white outline */

.make-buttons.white-outline-buttons em a {
    color: #fff;
    background: transparent;
    border-color: #fff;
}

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

/* dark button */

.make-buttons.dark-buttons em a,
body.ribbit :not(.no-theme) .btn-alt-secondary {
    color: #fff;
    background: var(--ui-heading-text);
    border-color: var(--ui-heading-text);
}

.make-buttons.dark-buttons em a:is(:hover, :focus),
body.ribbit :not(.no-theme) .btn-alt-secondary:is(:hover, :focus) {
    color: #fff;
    background: rgba(39, 39, 39, 0.8);
    border-color: transparent;
}

/* nav button update  */


#MPButtonBar .btn-primary {
    background-color: white !important;
    color: var(--hl-bs--secondary) !important;
    border: none !important;
    font-size: 14px;
    padding: 5px;
}

/* bootstrap switches */

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

/* dropdown toggle buttons */

body.ribbit .bootstrap-4 .dropdown-toggle::after {
    border: none;
    font-family: 'Font Awesome 6 Pro';
    content: '\f078';
    font-weight: 900;
    font-size: 12px;
    line-height: 17.6px;
    margin-left: 8px;
    float: right;
    vertical-align: unset;
}

body.ribbit #MPOuterMost .dropdown-toggle.btn .caret {
    line-height: 17.6px;
    display: inline;
    border: none;
}

body.ribbit .caret::before {
    float: none;
}
body.ribbit .btn + .btn .caret::before {
    float: left;
}
body.ribbit .btn-group-sm .caret::before,
body.ribbit .btn-sm .caret::before {
    line-height: 15.4px;
}

/*** arrow links ***/

#MPOuterMost #MPOuter div[id*="BottomLink"] a,
.make-arrow-link em a,
body.ribbit .narrow-widget-container .view-more-link a {
    font-family: futura-pt, sans-serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--hl-bs--link);
    border: none;
    padding: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
}

#MPOuterMost #MPOuter div[id*="BottomLink"] a i,
body.ribbit:not(.home) div[id*="BottomLink"] a::after,
.make-arrow-link em a::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 {
    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) {
    border-bottom-color: var(--hl-bs--secondary);
    color: var(--hl-bs--secondary);
    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 {
    color: var(--hl-bs--secondary);
}

/* widget-specific styling */

#MPOuterMost #MPOuter div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}

/* 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 {
    font-size: 16px;
    line-height: 17.6px;
}

.make-arrow-link:not(.suggested-contacts-btn) em a::after {
    margin-left: 8px;
    font-size: 14px;
    line-height: 17.6px;
}

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

.tile,
.tile-pic,
.clickable-tile>a,
.clickable-tile-pic>a,
.button-tile a {
    box-shadow: var(--box-shadow-standard);
    background: #fff;
    border-radius: 5px;
    padding: 24px;
}

.tile i,
.clickable-tile i,
.clickable-tile-pic i,
.button-tile i, 
.tile-pic i {
    color: var(--hl-bs--secondary);
    font-size: 32px;
    line-height: normal;
}

.tile-pic img, .clickable-tile-pic img {
    width: 100%;
    height: 250px;
    border-radius: 5px;
    object-fit: cover;
    width: 100%;
}

/*** equal height tiles ***/

.tiles {
    display: flex;
}

.tiles>div[class*="col-md-"] {
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
}

.tiles>div[class*="col-md-"]:has(.arrow-tile) {
    display: block;
    /* undoing the above for arrow tiles for homepage display */
}

.tiles>.col-md-12 {
    flex-basis: 100%;
    margin: -12px;
    justify-content: center;
}

.tiles>.col-md-6 {
    flex-basis: 50%;
}

.tiles>.col-md-4 {
    flex-basis: 33.33333%;
}

.tiles>.col-md-3 {
    flex-basis: 25%;
}

.tiles .tile,
.tiles .tile-pic,
.tiles .clickable-tile-pic,
.tiles .clickable-tile,
.tiles .cta-tile,
.tiles .button-tile,
.tiles .button-tile .HtmlContent,
.tiles .button-tile .HtmlContent p {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
}

.tiles>.col-md-12 .tile,
.tiles>.col-md-12 .tile-pic,
.tiles>.col-md-12 .clickable-tile-pic,
.tiles>.col-md-12 .clickable-tile,
.tiles>.col-md-12 .cta-tile,
.tiles>.col-md-12 .button-tile {
    flex-basis: calc(100% - 24px);
    margin: 12px;
}

.tiles .tile .HtmlContent,
.tiles .tile-pic .HtmlContent,
.tiles .clickable-tile>a, 
.tiles .clickable-tile-pic>a,
.tiles .button-tile .HtmlContent a {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
}


/*** clickable tiles ***/

.clickable-tile>a,
.clickable-tile-pic>a,
.arrow-tile>a,
.button-tile .HtmlContent a {
    text-decoration: none;
    display: block;
}

.clickable-tile-pic>a:is(:hover, :focus),
.clickable-tile>a:is(:hover, :focus),
.button-tile .HtmlContent a:is(:hover, :focus) {
    box-shadow: var(--box-shadow-hover);
}

.button-tile .HtmlContent a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--ui-heading-text);
    font-family: futura-pt, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.button-tile .HtmlContent i {
    margin-bottom: 21px;
}

/*** CTA tiles ***/

.cta-tile {
    padding: 24px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ebebeb;
    position: relative;
}

body.ribbit .cta-tile h2 {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #EBEBEB;
}

.cta-tile::before {
    content: '';
    position: absolute;
    top: -45px;
    right: -30px;
    height: 120px;
    width: 120px;
    z-index: 10;
    background-size: contain;
    background-position: center;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Design_Services_Thrive/datapoint.svg');
}

/*** arrow tiles ***/

.arrow-tile>a {
    border: 1px solid #EBEBEB;
    border-right: 60px solid var(--hl-bs--primary);
    border-radius: 5px;
    padding: 24px;
    position: relative;
}

.arrow-tile>a:is(:hover, :focus) {
    border-right-color: var(--hl-bs--secondary);
}

.arrow-tile>a::after {
    position: absolute;
    right: -60px;
    top: calc(50% - 12px);
    width: 60px;
    font-family: 'Font Awesome 6 Pro';
    content: '\f061';
    color: #fff;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    z-index: 10;
}

/*** widget tiles ***/

.tile.ContentUserControl,
.tile.ContentItemMVC {
    padding: 16px;
}

.tile.ContentUserControl h2,
.tile.ContentItemMVC h2,
#MPOuterMost #MPOuter .tile .HLLandingControl .Content ul li {
    margin-top: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--hl-bs--gray-300);
    margin-bottom: 16px;
}

#MPOuterMost #MPOuter .tile .HLLandingControl .Content ul li {
    padding-bottom: 16px;
    padding-top: 0;
}

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

#MPOuterMost #MPOuter .bg-white {
    background-color: #fff;
}

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

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

/****** nav pills ******/

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

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

/****** padding and margins ******/

#MPButtonBar .navbar.navbar-default {
    padding-top: 0;
    padding-bottom: 0;
}

#MPOuterMost.full #MPButtonBar {
    max-width: 100%;
}

#MPButtonBar {
    padding: 10px 50px;
    box-shadow: var(--box-shadow-standard);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background: #fff;
}

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

.top-text-links {
    background: var(--hl-bs--primary);
    padding: 8px 42px;
}
.top-text-links ul {
    list-style-type: none;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}
.top-text-links ul li {
    line-height: 15.4px;
    font-size: 14px;
}
.top-text-links ul li:not(:last-child) {
    border-right: 1px solid var(--hl-bs--primary-opposite);
}
.top-text-links ul li a {
    color: var(--hl-bs--primary-opposite);
    text-decoration: none;
    padding: 0 8px;
    text-transform: uppercase;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: inherit;
    line-height: inherit;
}
.top-text-links ul li a:is(:hover, :focus) {
    color: var(--hl-bs--primary-opposite);
    text-decoration: underline;
}

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

body.ribbit #LogoNavPlaceholder {
    margin: 0 36px 0 0;
}

.LogoImg img {
    height: auto !important;
    width: 250px;
}

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

body.ribbit .navbar-default .navbar-nav>li>a {
    font-family: futura-pt, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 15.4px;
    text-transform: uppercase;
    color: var(--ui-heading-text);
    padding: 0 12px;
}

body.ribbit .navbar-default .navbar-nav>li>a .caret::before {
    color: #ccc;
    font-size: 12px;
    line-height: 15.4px;
    font-weight: 900;
}

body.ribbit .navbar-default .navbar-nav>li>a .caret::before,
body.ribbit .navbar-default .navbar-nav>li>a:is(:hover, :focus) .caret::before {
    transition: .3s;
}

/*** hover ***/
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li>a:is(:hover, :focus),
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li.active>a,
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li.active>a:is(:hover, :focus),
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li>a:is(:hover, :focus) .caret::before,
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li.active>a .caret::before,
body.ribbit #MPOuterMost .navbar-default .navbar-nav>li.active>a:is(:hover, :focus) .caret::before {
    color: var(--hl-bs--secondary);
}

/*** dropdowns ***/

body.ribbit #MPButtonBar .dropdown-menu,
body.ribbit .dropdown-menu {
    border-radius: 0 0 8px 8px;
    box-shadow: var(--box-shadow-standard);
    padding: 8px;
    border: none;
}
body.ribbit #MPButtonBar .dropdown-menu {
    border-radius: 8px;
    padding: 16px;
}

body.ribbit #MPButtonBar .dropdown-menu>li>a,
body.ribbit #MPButtonBar .dropdown-submenu>li>a,
body.ribbit .dropdown-menu > li > a,
body.ribbit .dropdown-submenu > li > a {
    padding: 8px 16px;
    font-family: futura-pt, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: var(--ui-heading-text);
    border-radius: 4px;
}

body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a,
body.ribbit .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a {
    font-weight: 500;
    /* overriding the more specific CSS from the nav-bar.scss file */
}

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),
body.ribbit #MPButtonBar .dropdown-menu>li.current-page>a,
body.ribbit #MPButtonBar .dropdown-menu>li.current-page>a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-submenu>li>a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-submenu>li.active>a,
body.ribbit #MPButtonBar .dropdown-submenu>li.active>a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-submenu>li.current-page>a,
body.ribbit #MPButtonBar .dropdown-submenu>li.current-page>a:is(:hover, :focus),
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a:hover,
body.ribbit #MPButtonBar .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a:focus,
body.ribbit .dropdown-menu>li>a:is(:hover, :focus),
body.ribbit .dropdown-menu>li.active>a,
body.ribbit .dropdown-menu>li.active>a:is(:hover, :focus),
body.ribbit .dropdown-menu>li.current-page>a,
body.ribbit .dropdown-menu>li.current-page>a:is(:hover, :focus),
body.ribbit .dropdown-submenu>li>a:is(:hover, :focus),
body.ribbit .dropdown-submenu>li.active>a,
body.ribbit .dropdown-submenu>li.active>a:is(:hover, :focus),
body.ribbit .dropdown-submenu>li.current-page>a,
body.ribbit .dropdown-submenu>li.current-page>a:is(:hover, :focus),
body.ribbit .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a:hover,
body.ribbit .dropdown-menu .dropdown-submenu>ul.dropdown-submenu li a:focus {
    color: var(--ui-heading-text);
    background: var(--hl-bs--gray-100);
}

body.ribbit #MPButtonBar .dropdown-submenu>li>a,
body.ribbit .dropdown-submenu>li>a {
    font-size: 13px;
}

body.ribbit #MPButtonBar .dropdown-submenu,
body.ribbit .dropdown-submenu {
    margin-left: 0;
    padding-left: 16px;
}

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

#MPSearchBlock {
    display: none;
}

#searchColumn {
    position: relative;
    padding-left: 36px;
}

.search-wrap {
    position: absolute;
    left: 0;
}

.search-btn-top {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    color: var(--ui-heading-text);
    border-radius: 50%;
    padding: 0;
    border: none;
    background: transparent;
}

.search-btn-top:is(:hover, :focus) {
    color: var(--hl-bs--primary);
    background-color: var(--hl-bs--gray-100);
}

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

.search-bar-top {
    width: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: -1;
    transition: .3s;
}

#MPOuterMost #MPOuterHeader .search-bar-top {
    padding: 0;
}

.search-bar-top .form-control,
.search-bar-top .btn.btn-default {
    width: 0;
    padding: 0;
    border: none;
    visibility: hidden;
}

.search-bar-top .form-control {
    height: 36px;
}

.search-wrap.open .search-bar-top {
    width: 250px;
    z-index: 10;
    visibility: visible;
    background: #fff;
    border-radius: 50px;
    border: 2px solid var(--hl-bs--primary);
}

.search-wrap.open .search-bar-top .form-control,
.search-wrap.open .search-bar-top .btn.btn-default {
    visibility: visible;
}

.search-bar-top .btn.btn-default {
    transition: visibility 0s, color .3s, background-color .3s;
}

.search-wrap.open .search-bar-top .input-group {
    display: block;
}

.search-wrap.open .search-bar-top .form-control {
    height: 36px;
    width: 100%;
    padding: 8px 52px 8px 16px;
    font-size: 16px;
    line-height: 1;
    border-radius: 50px;
}

.search-wrap.open .search-bar-top .input-group-btn {
    position: absolute;
    right: 2px;
    top: 2px;
    width: auto;
    z-index: 10;
    display: block;
}

.search-wrap.open .search-bar-top .btn.btn-default {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    background: transparent;
}

.search-wrap.open .search-bar-top .btn.btn-default:is(:hover, :focus) {
    color: var(--hl-bs--primary);
    background-color: var(--hl-bs--gray-100);
}

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

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

body.ribbit:not(.interior).bodyBackground {
    background: #F1F5F6;
}

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

#MPOuterMost .hero {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Design_Services_Thrive/hero-bg.png');
    background-position: center;
    background-size: cover;
}

body.home #MPOuterMost .hero {
    padding-top: 75px;
    padding-bottom: 75px;
}

.hero .hero-text * {
    color: #fff;
}

.hero-text-white * {
    color: #fff !important;
}

body.ribbit.memberhome #MainCopy_ContentWrapper .hero .row[class*=row-]>div[class*=col-md-]>*:not(.row[class*=row-]) {
    margin-top: 0;
    margin-bottom: 0;
}

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

.hero .hero-announcements.slick-slider {
    margin-bottom: 0;
}

.hero .hero-announcements .slick-track {
    display: flex;
}

.hero .hero-announcement.slick-slide {
    height: auto;
    display: flex;
}

.hero .hero-announcement.slick-slide .HtmlContent {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
}

.hero .hero-announcement.make-buttons p:has(>em) {
    margin-top: auto;
}


.slick-slide img:not(.headshot-sm), .slick-slide img:not(.logo-img) {
    display: block;
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
}

.logo-img {         
width: auto !important;               
height: auto !important;              
object-fit: fill !important;         
border-radius: 0 !important;
}


/*** dots ***/

.hero-announcements ul.slick-dots {
    bottom: 24px;
    text-align: right;
    width: 50%;
    left: auto;
    right: 24px;
}

ul.slick-dots,
ul.slick-dots * {
    line-height: 1;
}

.hero-announcements ul.slick-dots li {
    margin: 0 0 0 4px;
    width: 8px;
    height: 8px;
}

.hero-announcements ul.slick-dots li button::before {
    display: none;
}

.hero-announcements ul.slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid var(--hl-bs--default-text);
}

.hero-announcements ul.slick-dots li.slick-active button,
.hero-announcements ul.slick-dots li button:hover {
    background-color: var(--hl-bs--default-text);
}

.hero-announcements ul.slick-dots li button:focus {
    outline: 2px solid var(--hl-bs--primary);
}

/****** dashboard ******/

.dashboard-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*** user details ***/

.user-details {
    display: flex;
    align-items: center;
}

.member-dashboard-img .row {
    margin: 0;
}

.member-dashboard-img .col-md-12 {
    padding: 0;
}

.member-dashboard-img {
    width: 100px;
    height: 100px;
    margin-right: 16px;
}

.member-dashboard-img a:has(> img) {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.member-dashboard-img a img {
    max-width: 100%;
}

.user-details .greeting,
.user-details .greeting span {
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    font-family: futura-pt, sans-serif;
}

.user-details .greeting span {
    display: block;
    font-size: 32px;
}

/* membership type */

body.ribbit #MPOuterMost .membership-type * {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
body.ribbit #MPOuterMost .membership-type .col-md-12 {
    float: none;
}
#MPOuterMost .membership-type .contactDemographicControl > .col-md-12 {
    display: flex;
    background-color: #0F3361;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    margin-top: 6px;
}
body.ribbit #MPOuterMost .membership-type h2 {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #fff;
    margin-right: 6px;
}

/*** profile completion ***/

.hero .ProfileSnippet .profile-snippet-card {
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    width: 365px;
    max-width: 100%;
    margin-bottom: 16px;
}

.hero .ProfileSnippet .profile-snippet-card>*:not(.border-top:has(.profile-snippet-progress)) {
    display: none;
}

.hero .ProfileSnippet .profile-snippet-card .btn-alt-ghost:is(:hover, :focus) {
    background: transparent;
}

.hero .ProfileSnippet .profile-snippet-card>.border-top:has(.profile-snippet-progress) {
    border-top: none !important;
}

.hero .ProfileSnippet .profile-snippet-progress {
    padding: 0 !important;
    font-family: futura-pt, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
}

.hero .ProfileSnippet .profile-snippet-progress .my-2 {
    margin-bottom: 0 !important;
}

.hero .ProfileSnippet .profile-snippet-progress .progress {
    border: 2px solid #fff;
    border-radius: 20px;
    height: 12px;
    background: #fff !important;
    box-shadow: none;
}

.hero .ProfileSnippet .profile-snippet-progress .progress-bar {
    background-color: var(--hl-bs--secondary) !important;
    border-radius: 20px;
}

/*** links ***/

.dashboard-links {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.member-dashboard-link {
    padding: 8px;
}

.member-dashboard-link p {
    margin-bottom: 0;
}

body.ribbit .member-dashboard-link a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    font-family: futura-pt, sans-serif;
}

body.ribbit .member-dashboard-link a:is(:hover, :focus) {
    text-decoration: underline;
}

.member-dashboard-link a i {
    font-size: 16px;
    line-height: 16px;
    margin-right: 6px;
}

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

/****** re-setting Thrive styling ******/

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

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

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl ul:not(.dropdown-menu)>li,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content]:not(.engagement-leaderboard) .HLLandingControl ul:not(.dropdown-menu)>ol,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu):not(.rw-list):not(.rw-multiselect-taglist)>li,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div.ContentItemReact ul:not(.dropdown-menu)>ol,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink] a {
    padding: 0;
}

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>*,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl div[id$=_BottomLink]>a {
    padding: 0 !important;
}

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 a,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl>.Content h3 a:is(:hover, :focus) {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl p,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl h4,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl h5,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .title-row .ByLine,
body.ribbit:not(.interior) .row>div[class*=col-md-]>div[class*=Content] .HLLandingControl .content-row h5 {
    font-size: 16px;
}

body.ribbit .bg-bg2 {
    background-color: var(--hl-bs--gray-100) !important;
}

/****** badges and tags ******/

body.ribbit .community-events-list-badges .bg-bg2,
body.ribbit .feed-badge {
    padding: 3px 6px;
    font-family: futura-pt, sans-serif;
    font-size: 10px;
    color: #595959;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}

body.ribbit .feed-badge {
    font-size: 10px !important;
    color: #595959 !important;
}

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

.news-feed .HLLandingControl {
    position: relative;
}

.news-feed .HLLandingControl .Content ul {
    display: flex;
    margin: 4px -12px -12px -12px;
    flex-wrap: wrap;
}

.news-feed .HLLandingControl .Content ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 24px);
    display: flex;
    flex-direction: column;
    box-shadow: var(--box-shadow-standard);
    border-radius: 4px;
}

#MPOuterMost #MPOuter .news-feed .HLLandingControl .Content ul li {
    margin: 12px;
}

.news-feed .HLLandingControl .Content ul li .img-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Design_Services_Thrive/placeholder-news.png');
    background-size: cover;
    background-position: bottom right;
    opacity: 0;
    transition: .3s;
}

.news-feed .HLLandingControl .Content ul li .img-container.loading::before,
.news-feed .HLLandingControl .Content ul li .img-container.no-ajax-image::before {
    opacity: 1;
}

.news-feed .HLLandingControl .Content ul li .img-container {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    height: 140px;
    border-radius: 4px 4px 0 0;
}

.news-feed .HLLandingControl .Content ul li .text-container {
    height: calc(100% - 140px);
    padding: 16px;
    background: #fff;
    border-radius: 0 0 4px 4px;
}

.news-feed div[id*="BottomLink"] {
    position: absolute;
    right: 0;
    top: 8px;
}

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

.events-feed .Content ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.events-feed .Content ul li:not(:last-child) {
    border-right: 1px solid #EBEBEB;
}

.events-feed .Content ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 33.33333333%;
    display: flex;
}

#MPOuterMost #MPOuter .events-feed .HLLandingControl .Content ul li {
    padding: 24px 16px;
}

.events-feed .Content ul li>.row {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
}

.events-feed .Content ul li .timeAgoFormat {
    color: var(--ui-small-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.HLEventList .pull-right:has(> .add-event-button) {
    float: none !important;
}
.HLEventList .pull-right:has(> .add-event-button) .dropdown-menu {
    left: 0;
    right: auto;
}

/*** date blocks ***/

.HLEventList .Content ul li .col-md-2 {
    width: 72px;
    padding: 0;
    margin-right: 16px;
}

.HLEventList .Content ul li .col-md-10 {
    width: calc(100% - 88px);
    padding: 0;
}

.HLEventList .Content ul li .col-md-2 .margin-bottom-medium {
    margin-bottom: 0;
}

.HLEventList ul li .date-block {
    width: 72px;
    height: 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.HLEventList ul li .date-block .calendar-day {
    display: none;
}

.HLEventList ul li .date-block .calendary-number {
    line-height: 1;
}

.HLEventList ul li .date-block .calendary-number span {
    color: var(--hl-bs--secondary);
    font-family: futura-pt, sans-serif;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
}

.HLEventList ul li .date-block .calendar-month {
    margin-top: 20px;
    font-family: futura-pt, sans-serif;
    font-size: 16px;
    color: var(--ui-heading-text);
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

/****** react widgets ******/

body.ribbit .narrow-widget-container {
    padding: 16px;
    box-shadow: var(--box-shadow-standard);
}

body.ribbit .narrow-widget-container .widget-heading {
    padding-left: 0;
    padding-right: 0;
    border-bottom-color: var(--hl-bs--gray-300);
    padding: 0 !important;
    margin-bottom: 16px;
}

body.ribbit .narrow-widget-container .layout-grid {
    padding: 0 !important;
}

body.ribbit .narrow-widget-container .widget-content-item {
    padding-left: 8px;
    padding-right: 8px;
}

body.ribbit .narrow-widget-container .link-container-link {
    border-radius: 4px;
    color: var(--ui-heading-text);
    font-family: futura-pt, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

body.ribbit a.link-container.link-container-link:hover {
    color: var(--ui-heading-text);
    text-decoration: none;
}

body.ribbit .narrow-widget-container .link-container-content {
    border-radius: 4px;
}

body.ribbit .narrow-widget-container .link-container-link .font-weight-light {
    font-weight: 400;
    color: var(--ui-small-text);
}

body.ribbit .narrow-widget-container .view-more-link {
    padding: 16px 0 0 0 !important;
    border-top: 1px solid var(--hl-bs--gray-300);
    margin-top: 16px;
}

/*** events ***/

body.ribbit .narrow-widget-container .community-events-list-row {
    padding: 8px 0 !important;
}

body.ribbit .community-events-list-row .flex-grow-1 {
    padding-left: 8px !important;
}

body.ribbit .community-events-list-row h3 {
    margin-bottom: 0;
}

/* featured event image */

body.ribbit .community-events-list-row:has(.community-event-list-image) {
    margin: -17px -16px 0 -16px;
    padding: 0 !important;
}

body.ribbit .community-events-list-row:has(.community-event-list-image)+.community-events-list-row {
    border-top: 1px solid var(--hl-bs--gray-100);
    padding-top: 16px !important;
}

/* date blocks */
body.ribbit .calendar-stamp {
    background-color: var(--hl-bs--secondary);
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

body.ribbit .calendar-stamp .month,
body.ribbit .calendar-stamp .date {
    margin-top: 0;
    text-transform: none;
    font-weight: 600;
    line-height: 1.2;
    font-family: futura-pt, sans-serif;
}

body.ribbit .calendar-stamp.sm .month,
body.ribbit .calendar-stamp.sm .date {
    font-size: 12px;
}

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

body.ribbit .feed-list .feed-title-filter~.feed-cards-grid .layout-grid-cell:first-of-type .feed-item-row {
    border-radius: 0 0 8px 8px;
}

body.ribbit .feed-list .feed-title-filter~.feed-cards-grid .layout-grid-cell:first-of-type .images-preview {
    border-radius: 0;
}

body.ribbit .feed-list .layout-grid-cell .feed-item-row {
    border-radius: 8px;
}

body.ribbit .feed-list .layout-grid-cell .feed-item-row .images-preview {
    border-radius: 8px 8px 0 0;
}

body.ribbit .FeedWidget .card {
    border: none;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10), 0px 0px 2px 0px rgba(153, 153, 153, 0.25);
}

body.ribbit .FeedWidget .layout-grid-cell {
    margin-bottom: 16px !important;
}

body.ribbit .feed-image {
    aspect-ratio: 3 / 1;
}

body.ribbit .col-md-8[class*="section"] .feed-list .text-secondary.font-size-xs,
body.ribbit .col-md-9[class*="section"] .feed-list .text-secondary.font-size-xs {
    font-size: 16px !important;
}

body.ribbit .feed-list .flex-between-center.p-2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

body.ribbit .feed-list .flex-between-center .btn-sm.btn-ghost {
    text-transform: none;
    letter-spacing: 0;
}

body.ribbit .feed-list .flex-between-center a.link-standalone {
    color: var(--ui-heading-text);
    padding: 0 !important;
}

body.ribbit .content-card-title {
    font-size: 18px !important;
}

body.ribbit .content-card-title .link-title {
    color: var(--ui-heading-text);
}

body.ribbit a.link-meta {
    color: var(--hl-bs--link);
}

/************ custom HTML components ************/

/****** 'connect with members' section ******/

.discussion-mam {
    display: flex;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.discussion-mam p:has(>em) {
    margin-top: 0;
    margin-right: 24px;
}

.connect-with-members {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.connect-with-members p.bg-warning {
    margin-bottom: 0;
}

.connect-with-members .HLEngagement ul.display-horizontal {
    margin-right: 16px;
}

.connect-with-members .HLEngagement ul.display-horizontal li {
    min-width: 0;
    border: none;
    width: auto;
    margin-right: 0;
    border-radius: 0;
}

.connect-with-members .HLEngagement ul.display-horizontal li .title-row .col-md-9 {
    display: none;
}

.connect-with-members .HLEngagement ul.display-horizontal li .title-row .col-md-3 {
    padding: 0;
    width: auto;
    float: none;
    margin-right: 0;
}

.connect-with-members .HLEngagement ul.display-horizontal li .title-row .col-md-3 a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
}

.connect-with-members .HLEngagement ul.display-horizontal li .title-row .col-md-3 a img {
    width: 100%;
    height: auto;
}

.connect-with-members .HLEngagement ul.display-horizontal li+li .title-row .col-md-3 a {
    margin-left: -8px;
}

.connect-with-members .HLEngagement ul.display-horizontal li:last-child {
    position: relative;
}

.connect-with-members .HLEngagement ul.display-horizontal li:last-child::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: var(--hl-bs--secondary);
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
}

.connect-with-members>div:last-child {
    font-family: futura-pt, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--hl-bs--default-text);
}

/*** example message ***/

.join-discussion-graphic img {
    margin-left: auto;
}
.join-discussion {
    position: absolute;
    filter: drop-shadow(0px 0px 2px rgba(153, 153, 153, 0.25)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.10));
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    bottom: 140px;
    right: 175px;
}
.join-discussion::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 0;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    border: 30px solid transparent;
    border-right: 30px solid #fff;
}
body.ribbit .join-discussion h3 {
    margin-top: 0;
    margin-bottom: 4px;
}
body.ribbit .join-discussion p {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 300;
}
.pseudo-link {
    color: var(--hl-bs--link);
}

/****** blue CTA ******/

.cta-section {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Design_Services_Thrive/cta-bg.png');
    background-size: cover;
    background-position: center;
}

body.ribbit .cta-section * {
    color: #fff;
}

/****** promo slider ******/

.promo-slider .slick-track {
    display: flex;
    min-height: 340px;
}

.promo-slider .promo-slide.slick-slide {
    border-radius: 4px;
    height: auto;
    display: flex;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.promo-slide>a {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    text-decoration: none;
    display: flex;
    position: relative;
    padding: 48px 24px;
    background: linear-gradient(180deg, rgba(48, 52, 63, 0.00) 25.33%, #181B22 75.29%);
}

.promo-slider .promo-slide>a,
.promo-slider .promo-slide>a *,
.promo-slider .promo-slide>a:is(:hover, :focus) {
    color: #fff;
}

.promo-slide>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(180deg, rgba(48, 52, 63, 0.00) 25.33%, #181B22 98%);
    transition: .3s;
}

.promo-slide>a:is(:hover, :focus)::before {
    opacity: 1;
    transition: .3s;
}

.promo-slide>a .HtmlContent {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: end;
    align-items: start;
}

.promo-slide>a .HtmlContent>*:not(:last-child) {
    margin-bottom: 8px;
}

.promo-slide .HtmlContent>p:first-child {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    letter-spacing: 0;
}

/*** readability in smaller columns ***/
.col-md-6 .promo-slide > a h2 {
    font-size: 21px;
}
.col-md-6 .promo-slide > a {
    background: linear-gradient(180deg, rgba(48, 52, 63, 0.00) 0%, #181B22 65.29%);
}

/*** dots ***/

.promo-slider ul.slick-dots {
    left: 24px;
    bottom: 24px;
    text-align: left;
}

/* default slider dots */

ul.slick-dots li {
    margin: 0 2px;
    width: 8px;
    height: 8px;
}

ul.slick-dots li button::before {
    display: none;
}

ul.slick-dots li button {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: transparent;
    padding: 0;
}

ul.slick-dots li.slick-active button,
ul.slick-dots li button:hover {
    background: #fff;
}

ul.slick-dots li button:focus {
    outline: 4px solid var(--hl-bs--secondary);
}

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

#MPOuterMost #MPOuter .tile .suggested-contacts-btn p {
    margin-top: 0;
}

.HL-contact-suggestions .Content .row.title-row {
    display: flex;
    flex-wrap: wrap;
}

.HL-contact-suggestions .Content .row.title-row>div {
    padding: 0;
}

.HL-contact-suggestions .Content .row.title-row>.col-md-2 {
    width: 40px;
    margin-right: 8px;
}

.HL-contact-suggestions .Content .row.title-row>.col-md-6 {
    width: calc(100% - 106px);
}

.HL-contact-suggestions .Content .row.title-row>.update-friend {
    width: 50px;
    margin-left: 8px;
}

/*** profile picture ***/

.HL-contact-suggestions .Content .row.title-row>.col-md-2 a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}

.HL-contact-suggestions .Content .row.title-row>.col-md-2 a {
    max-width: 100%;
    max-height: unset;
}

/*** name + job description ***/

body.ribbit.memberhome #MPOuterMost #MPOuter .HL-contact-suggestions h3 {
    font-size: 14px;
}

body.ribbit.memberhome #MPOuterMost #MPOuter .HL-contact-suggestions .details {
    font-size: 13px;
    line-height: 1.4;
    color: var(--ui-small-text);
}

/*** buttons ***/

.HL-contact-suggestions .update-friend .btn {
    text-transform: none;
    padding: 2px 8px;
    letter-spacing: 0;
    display: block;
    margin-top: 0;
    margin-bottom: 8px;
}

.HL-contact-suggestions .update-friend .btn.add-contact {
    font-size: 0;
    line-height: 0;
}

.HL-contact-suggestions .update-friend .btn.add-contact::before {
    content: 'Add';
}

.HL-contact-suggestions .update-friend .btn.add-contact::before,
.HL-contact-suggestions .update-friend .btn.ignore-contact {
    font-size: 12px;
    line-height: normal;
    font-weight: 500;
}

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

#MPOuterFooter::after,
#MPCopyright,
#MPFooterLink {
    display: none;
}

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

#MPOuterFooter {
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 8px solid var(--hl-bs--secondary);
}

#FOOTER {
    padding-left: 0;
    padding-right: 0;
}

#FOOTER h2 {
    text-transform: none;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: normal;
}

#MPOuterFooter .footer-top-row {
    padding-bottom: 16px;
    margin-bottom: 32px;
}

#MPOuterFooter .footer-middle-row {
    padding-bottom: 42px;
    margin-bottom: 16px;
}

.footer-top-row,
.footer-middle-row {
    border-bottom: 1px solid rgba(217, 217, 217, 0.2);
}

#FooterContent>.row {
    padding-left: 0;
    padding-right: 0;
}

#FooterContent>.row>div:first-child {
    padding-left: 0;
}

#FooterContent>.row>div:last-child {
    padding-right: 0;
}

body.ribbit .Footer p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
}

.footer-logo img {
    width: 350px;
}

.footer-social ul {
    list-style-type: none;
    display: flex;
    justify-content: end;
    margin-right: -4px;
    padding-left: 0;
}

.footer-social ul li a {
    display: block;
    margin: 4px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: var(--hl-bs--primary);
    line-height: 32px;
    font-size: 16px;
    text-align: center;
}

.footer-social ul li a:is(:hover, :focus) {
    opacity: 0.7;
}

.footer-links ul {
    list-style-type: none;
    padding-left: 0;
}

.footer-links ul li {
    margin-bottom: 4px;
}

#FOOTER .footer-links ul li a:is(:hover, :focus) {
    text-decoration: underline;
}

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

body.ribbit.interior #MainCopy_ContentWrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.bg-grey {
    background-color: #ecf2f5;
    padding: 5px;
    position: relative;
}


.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--hl-bs--primary);
    border-color: var(--hl-bs--primary);
}

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

body.ribbit.groupdetails #MainCopy_ContentWrapper .ContentUserControl + .ContentUserControl {
    margin-top: 16px;
}
body.ribbit #MPOuterMost #MPOuter .HLLandingControl.HLEngagement{
    border-top: 0;
    border-radius: 0;
}
body.ribbit .community-tabs-container-outer {
    margin-top: 0;
}
body.ribbit .HLLandingControl div.col-sm-2.col-md-2,
body.ribbit .HLLandingControl.HLEngagement .col-md-3,
body.ribbit .blogs-block .title-row > .col-md-1 {
    width: 50px;
    padding: 0;
    float: left;
    margin-right: 16px;
}
body.ribbit .HLLandingControl .title-row .col-md-10.col-sm-10,
body.ribbit .HLLandingControl.HLEngagement .col-md-9,
body.ribbit .blogs-block .title-row > .col-md-11 {
    padding: 0;
    margin: 0;
    float: left;
    width: calc(100% - 66px);
}
body.ribbit.interior #MPOuterMost #MPOuter .HLLandingControl .row {
    padding-left: 0;
    padding-right: 0;
}
.contributed-content-list .bootstrap-select.btn-group {
    width: auto !important;
}
.DiscussionContentContainer a[id*="MessageList_ProfileImageDisplay"]:has(img) {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

/****** profile pages ******/

.followed-content-item .ProfilePic a {
    display: inline-flex;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.followed-content-item .ProfilePic a img {
    width: 100%;
    height: auto;
    max-height: none;
    max-width: 100%;
}

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

.style-guide h2,
.style-guide h3 {
    position: relative;
    margin-top: 0;
}
.style-guide h2 a,
.style-guide h3 a {
    top: -175px;
    position: absolute;
}
.style-guide img {
    margin-top: 10px;
    margin-bottom: 15px;
}

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


/****** interior page CSS from existing site ******/

/* funder statement/announcement bar */
.funder-statement {
    background-color: #f7f7f7;
    padding: 10px 30px;
    position: relative;
}

.funder-statement-grn {
    background-color: #64A70B;
    padding: 10px 30px;
    position: relative;
    color: white;
}

.funder-statement-grn a {
    color: white;
    text-decoration: underline;
}

.funder-statement-grn a:hover {
    color: #1D4F91;
    text-decoration: underline;
}

.funder-statement h5 {
    text-align: center;
    max-width: 1200px;
    margin: auto;
    padding: 10px;
}

.funder-statement-grn h5, .funder-statement-grn h4 {
    text-align: center;
    max-width: 1200px;
    margin: auto;
    padding: 10px;
color: white !important;
}

/*mini navigation */
.mini-navbar {
    background-color: #64A70B;
    display: grid;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

body.ribbit .mini-navbar a {
    color: #f2f2f2;
    padding: 14px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px 10px;
    display: inline-block;
}

.mini-navbar p {
    margin-bottom: 0px;
}

body.ribbit .mini-navbar a:is(:hover, :focus) {
    color: #1D4F91;
}

.mini-navbar::-webkit-scrollbar {
    display: none;
}

.mini-navbar-black {
    background-color: black;
    display: grid;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
#MPOuterMost #MPOuter .mini-navbar-black {
    padding-top: 10px;
    padding-bottom: 10px;
}

body.ribbit .mini-navbar-black a {
    color: #F4D301;
    padding: 14px;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px 10px;
}

.mini-navbar-black p {
    margin-bottom: 0px;
}

body.ribbit .mini-navbar-black a:hover {
    color: rgb(244, 211, 1, .8);
}

.mini-navbar-black::-webkit-scrollbar {
    display: none;
}

/* full-width banners */

.banner-page #PageTitleH1 {
	color: #ffffff;
	margin-top: 90px !important;
	border: none;
	text-align: center;
}

.banner-page #InteriorPageTitle {
    display: none !important;
}

.banner {
	height: 380px;
	overflow: hidden;
	margin-top: -250px;
	margin-bottom: 25px;
	position: relative;
	z-index: -1;
	width: 100%;
}

.tall-banner {
	height: 650px;
}

.banner img {
	width: 100%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
}

.banner:after {
	content: '';
	height: 100%;
	width: 100%;
	display: block;
	background: #000000;
	opacity: 0.3;
}

/* banners */
#MPOuterMost #MPOuter .banner-container {
    padding-top: 60px;
    padding-bottom: 50px;
    align-items: center;
    display: flex;
}


body.ribbit .banner-container *,
body.ribbit .dei-banner-text h1 {
    color: #fff;
}

/* General rule applies to everything inside banner-container 
body.ribbit .banner-container *,
body.ribbit .dei-banner-text h1 {
    color: #fff;
}
*/

/* Override for anything inside .hero-announcement 
body.ribbit .hero-announcement,
body.ribbit .hero-announcement * {
    color: #1D4F91; /* or a specific color like #000 */
}
*/


.aci-banner-bg {
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/ACI/connect-bg-dark.png");
    background-size: cover;
    background-position: center;
}

.advances-banner-bg {
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/ACI/connect-bg-dark.png");
    background-size: cover;
    background-position: center;
}

.glyco-banner-bg {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Webinars___Online_Education/SITC_2024_2024_Glyco-Immunology_Webinar_Header.jpg");    
  background-size: cover;
  background-position: center;
}

.immune-exclusion-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Webinars___Online_Education/2023_Mechanisms_of_Immune_Exclusion_Hero.jpg");    
  background-size: cover;
  background-position: center;
}


.rosenberg-bg {
  background-image:  linear-gradient(to left, rgb(29,79,145, .4), rgb(29,79,145)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Final_Rosenberg_Web_Header.jpg");
  background-size: cover;
  background-position: center;
}

.weber-bg {
  background-image:  linear-gradient(to left, rgb(29,79,145, .4), rgb(29,79,145)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/2024_Awards_Web_Header.jpg");
  background-size: cover;
  background-position: center;
}

.winterschool-bg {
    background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Winter_School/Winter_School_Web_Header_Latest.jpg");    
    background-size: cover;
    background-position: center;
}

.wic-banner-bg {
    background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/WIC/Group.jpg");    
    background-size: cover;
    background-position: center;
}

.spring-banner-bg {
    background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Spring_Scientific/2024_Spring_Scientific_Web_Header_2.jpg");    
    background-size: cover;
    background-position: center;
}

.election-banner-bg {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Membership/Election_Web_Header__1_.png");    
  background-size: cover;
  background-position: center;
}

.spring25-banner-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Spring_Scientific/2025_Spring_Scientific_Header.jpg");    
  background-size: cover;
  background-position: center;
}

.spring26-banner-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Spring_Scientific/2026_Tucson.jpg");    
  background-size: cover;
  background-position: center;
}

.drug-development-bg {
    background-image: linear-gradient(to left, rgb(29,79,145, .4), rgb(29,79,145)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Drug_Development_Program/Drug_Development_Header_2.jpg");
    background-size: cover;
    background-position: center;
}
.scion-banner-bg {
    background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/2022_Scion_Banner3.jpg");    
    background-size: cover;
    background-position: center;
}
.ibcg-banner-bg {
    background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Bladder_Cancer/Bladder_Cancer_3.jpg");    
    background-size: cover;
    background-position: center;
}
.sparkathon-bg {
    background-image: url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Sparkathon/2023_Sparkathon_Web_Header__1800___600_px_.gif");   
    background-size: cover;
    background-position: center;
}
.jitc-bg {
    background:  linear-gradient(to left, rgb(43, 46, 115, .4), rgb(43, 46, 115)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/JITC/JITC_Web_Header.png");    
    background-size: cover;
    background-position: center;
}
.cpg-bg {
    background: linear-gradient(to left, rgb(29, 79, 145, .3) 10%, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Scientific/CIGs/CIG_back_3.jpg");    
    background-size: cover;
    background-position: center;
}
.global-web-bg {
    background: linear-gradient(to left, transparent, #1D4F91), url("//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Global_Access/Global_Web_Page_Header.jpg");    
    background-size: cover;
    background-position: center;
}
.expanding-access-bg {
    background-image: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Policy/Cellular_Therapies__Bi-Specifics_Web_Header.jpg");   
    background-size: cover;
    background-position: center;
}

.fellowship-banner-bckgrnd {
background: linear-gradient(to left, transparent, #1d4f91 60%), 
  url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Fellowships___Tech_Awards/Fellowships_Banner__10_.png");    
  background-size: cover;
  background-position: center;
}

.win-banner-bg {
  background: linear-gradient(to left, transparent, #ffffff 60%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/WIN/2024_WIN_Web_Header_Molecule.jpg");    
  background-size: cover;
  background-position: center;
}

.support-bg {
    background-image: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Development/SITC_Thrive_Support_Page_Header__1_.jpg");   
    background-size: cover;
    background-position: center;
}

.membership-bg {
   background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Membership/Membership_Web_Header_ForWeb.jpg");    
  background-size: cover;
  background-position: center;
}
.committee-bg {
  background: linear-gradient(rgb(29, 79, 145, .7), rgb(29, 79, 145, .7)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Membership/SITC_2018_Stock_LRG-77.jpg");    
  background-size: cover;
  background-position: center;
}
.volunteer-banner-bg {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Membership/Volunteer_Banner__1_.png");    
  background-size: cover;
  background-position: center;
}

.awards-banner-bg {
      background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Awards/Awards_and_Recognition_Banner__1_.jpg");    
      background-size: cover;
      background-position: center;      
    }

.aboutsitc-banner-bg {
      background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/banners/about_sitc_back.jpg");    
      background-size: cover;
      background-position: center;      
    }

.deiroundtable-bg {
  background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/DEI/2024_Virtual_Roundtable_on_Diversity_Blue_2.jpg");    
  background-size: cover;
  background-position: center;
}

.onccomm-bg {
background: linear-gradient(to left, transparent, #1D4F91), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/bf150460-ae8c-4800-8e73-7bd647be2918/UploadedImages/Group_Photo__2_.jpg");  
  background-size: cover;
  background-position: center;
}

.biotech-virtual-banner {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Committees/SITC_Biotech_Webinars__Web_Banner_Cropped.jpg");    
  background-size: cover;
  background-position: center;
}

.neoadjuvant-banner {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Committees/2025_Neoadjuvant_Banner_1920x1080.jpg");    
  background-size: cover;
  background-position: center;
}

.compio-banner-bg {
  background: linear-gradient(to left, rgba(29, 79, 145, .75), rgba(29, 79, 145, .8)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Policy/Comp_IO/629666970-abstract-communication-blue-orange-adj-1903x910.jpg");    
  background-size: cover;
  background-position: center;
}

.patient-banner {
 background: linear-gradient(to left, transparent, #1D4F91 95%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Patient_Resources/SITC_Patient_Resource_Banner_1920x1080__2__2.jpg");    
  background-size: cover;
  background-position: center;
}

.checkpoints-banner-bg {
 background: linear-gradient(to left, transparent, #1D4F91 90%), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/CheckPoints_Web_Header__12_.png");    
  background-size: cover;
  background-position: center;
}

.targetio-banner-bg {
  background: linear-gradient(to left, rgba(29, 79, 145, .75), rgba(29, 79, 145, .8)), url("https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Webinar.jpg");    
  background-size: cover;
  background-position: center;
}

#MPOuterMost #MPOuter .aci-banner-container {
    padding-top: 60px;
    padding-bottom: 40px;
    align-items: center;
    display: flex;
}
body.ribbit .aci-banner-container * {
    color: #1D4F91;
}

/* backgrounds */

.bg-white-shadow {
    background-color: white;
    position: relative;
    border-radius: 5px;
    box-shadow: var(--box-shadow-standard);
    min-height: 125px;
   margin: 10px 5px 10px 5px;
padding: 10px;

}

.bg-gray {
    background-color: #f7f7f7;
    position: relative;
padding: 20px;
}

#MPOuterMost #MPOuter .bg-white-shadow {
margin: auto;
    padding: 15px;
    margin-top: 25px;
    margin-bottom: 25px;
}

#MPOuterMost #MPOuter .aci .bg-white-shadow {
    margin-top: 0px;
}
.bg-lightblue-shadow {
    background-color: #E3F4FF;
    position: relative;
    border-radius: 5px;
    /* box-shadow: 0px 4px 14px rgb(0 0 0 / 7%); */
}
#MPOuterMost #MPOuter .bg-lightblue-shadow {
    padding: 20px;
}
.bg-gradient {
    background: linear-gradient(#c0d9a3, #bbd8e7);
    position: relative;
}
#MPOuterMost #MPOuter .bg-gradient {
    padding-top: 25px;
    padding-bottom: 25px;
}
.bg-white-outline-borderblue {
    background-color: white;
    position: relative;
    border-radius: 5px;
    border: 2px solid #1D4F91;
    margin-top: 25px;
    border-top: 15px solid #1D4F91; 
    min-height: 555px;
}
#MPOuterMost #MPOuter .bg-white-outline-borderblue {
    padding: 10px;
}

.bg-bluegray {
    background-color: #f1f5f6;
    position: relative;
padding: 20px;
}

.bg-green {
    background-color: #63a70b;
    position: relative;
padding: 20px;
}

/* accordions */

.accordion-heading h3 {
	font-weight: 400;
	text-transform: none;
	font-size: 18px !important;
	color: var(--hl-bs--default-text);
	background: #fff;
	padding: 5px;
	margin: 0;
	cursor: pointer;
	transition: .3s;
}

.accordion-heading h3:hover,
.accordion-heading h3:focus {
	color: var(--hl-bs--link-hover);
	transition: .3s;
}

.accordion-heading h3::before {
	font-family: SITC2018;
	content: '\f00f';
	margin-right: 10px;
}

.open .accordion-heading h3::before {
	font-family: SITC2018;
	content: '\f010';
}

.accordion-text {
	display: none;
padding: 0px 10px 10px 10px;

}

.accordion-wrap .ContentItemHtml,
.accordion-wrap .ContentItemHtml:hover {
	transition: none !important;
}

.accordion-wrap {
	margin-bottom: 10px;
background: white;
border-radius: 5px;
}

/* updated organizer cards */

.organizercards-container > div[class*=col-md-] {
    display: flex;
    justify-content: center;
   flex-wrap: wrap;
}

.organizercards-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px;
}

.organizercards {
display: inline-flex;  
  margin: 10px;
  max-width: 165px;
  border-radius: 5px;
}

.awards .organizercards {
 max-width: 200px;
}

.organizercards img {
  object-fit: cover;
  width: 100%;
  height: 165px;
  border-bottom: 4px solid #63A70B;
  border-radius: 5px 5px 0 0;
}

.organizercards h3, .organizercards h4, .organizercards h5, .organizercards p {
  font-size: 15px !important;
  margin: 2px 0 !important;
  padding: 5px;
  word-wrap: break-word;
  text-align: left;
}

.sponsor-container > div[class*=col-md-] {
    display: flex;
    justify-content: center;
   flex-wrap: wrap;
}

.sponsor-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 5px;
}

    .sponsor-logos {
      flex: 25%;
      margin: 10px 10px;
      float: left;
      max-width: 200px;
      height: auto;

    }

.sponsor-logos img {
    object-fit: contain;
    max-width: 195px;
    height: 85px;
    position: relative;
}

@media (max-width: 992px) {
.sponsor-logos {
    max-width: none;
float: none;
}
}

/* tiles and cards */

.organizer-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 20px;
}

.organizer-card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 5px;
    background-color: white;
    margin: 10px;
    max-width: 250px;
    height: 360px;
    padding: 0px !important;
    border: 1px solid lightgray;
}

.organizer-card img {
    border-radius: 5px 5px 0 0;
    object-fit: cover;
    width: 100%;
    height: 225px;
    position: relative;
}

.organizer-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.organizer-card h4,
.organizer-card h5,
.organizer-card h6 {
    word-wrap: break-word;
    margin-left: 10px;
    margin-right: 10px;
}
.gray-card {
    background-color: #f7f7f7;
    position: relative;
    border-radius: 5px;
}

.card-lightblue {
    background-color: #E3F4FF;
    position: relative;
    padding: 10px 15px 10px 15px !important;
    border-radius: 5px;
    margin-top: 25px;
min-height: 225px;
width: 100%;
align-items: center;
    display: flex;

}

.card-white {
    background-color: #ffffff;
    position: relative;
    padding: 10px 15px 10px 15px !important;
    border-radius: 5px;
    margin-top: 25px;
min-height: 225px;
width: 100%;
align-items: center;
    display: flex;

}

#MPOuterMost #MPOuter .gray-card {
    margin-top: 15px;
    padding: 10px;
}

/* column layouts */

.responsive-3column {
    columns: 3 300px;
    column-gap: 2em;
    text-align: center;
}

.responsive-2column-left {
    columns: 2 200px;
    column-gap: 2em;
    text-align: left;
}

.responsive-2column p {
break-inside: avoid;
}

.responsive-2column {
    columns: 2 500px;
    column-gap: 2em;
    text-align: center;
}

.responsive-2column em {
font-size: .95em;
}

.responsive-3column {
    columns: 3 300px;
    column-gap: 2em;
    text-align: center;
}

.responsive-3column-left {
    columns: 3 300px;
    column-gap: 2em;
    text-align: left;
}

.responsive-3column em, .responsive-3column-left em {
font-size: .95em;
}

.responsive-3column p, .responsive-3column-left p {
break-inside: avoid;
}

/*** default table style ***/

table th {
    padding: 10px 15px;
    vertical-align: middle;
    color: inherit;

}

table tr:nth-child(2n) {
    background: #fafafa;
}

table tr td {
    padding: 8px;
    vertical-align: middle;
}

/* overlap text + image */

.overlap-text {
  transform: translate(-20%, 0%);
    background: white;
  padding: 20px;
  text-align: left;
  box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
border-radius: 5px;

}

@media (max-width: 993px) {
    .overlap-text {
    justify-content: center;
    text-align: left;
    transform: translate(0%, -40%);
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    display: flex;
    width: 90%;
    margin: auto;
    background: white;

    }
}

.overlap-text-left {
  transform: translate(20%, 0%);
    background: white;
  padding: 20px;
  text-align: left;
  box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    z-index: 1;
position: relative;
border-radius: 5px;
}

@media (max-width: 993px) {
    .overlap-text-left {
    justify-content: center;
    text-align: left;
    transform: translate(0%, -40%);
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
    display: flex;
    width: 90%;
    margin: auto;
    background: white;
flex-direction: column-reverse;

    }
}

.overlap-pic img {
    object-fit: cover;
    width: 570px;
    height: 380px;
border-radius: 5px;

}

.overlap-container {
display: flex;
margin: auto;
max-width: 1200px;
justify-content: center;
align-items: center;
}

.row-reverse-container {
display: flex;
margin: auto;
max-width: 1200px;
justify-content: center;
align-items: center;
}

@media (max-width: 993px) {
.row-reverse-container {
  flex-direction: column-reverse;
margin-bottom: -80px;
align-items: inherit;
}
}


@media (max-width: 993px) {
.overlap-container {
margin-bottom: -110px;
display: block;
}

.overlap-pic img {
width: 100%;
height: 335px;
}
}

/* buttons */

body.ribbit .spark-button {
    border-radius: 3px;
    background-color: #F4D301;
    color: black;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    transition: 0.3s;
}
  
  
body.ribbit .spark-button:hover {
    color:  white;
    background-color: #F4D301;
    opacity: 0.9;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
}

/* tabbed schedule */

/* Modernized Tabbed Schedule */

.tab-links ul {
    margin: 10px;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 15px; /* Modern replacement for manual negative margins */
    list-style: none; /* Removed margin and padding reset redundancy */
}

.tab-links li {
    flex: 1;
    max-width: 35%;
    border-radius: 4px; /* Added consistent border radius */
    overflow: hidden; /* Ensures content stays within bounds */
    transition: box-shadow 0.3s ease; /* Smooth shadow effect */
margin: 5px 0px;
 box-shadow: var(--box-shadow-standard);
}

.tab-links li:hover {
    box-shadow: var(--box-shadow-hover); /* Shadow only on hover */
}

.tab-links li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem; /* Scaled for modern readability */
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #1D4F91;
    background: #fff;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    transition: background 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

.tab-links li a strong {
    margin-bottom: 8px;
    color: #FBA61C;
    font-weight: 700; /* Stronger emphasis for contrast */
}
/* 
.tab-links li:hover a {
    background: #E3F4FF;
}
 */
.tab-links li.active a {
    background: #1D4F91;
    color: #fff;
}

.tab-links li.active a strong {
    color: #fff;
}

.tab-links li:first-of-type a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tab-links li:last-of-type a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .tab-links ul {
        flex-direction: column;
        gap: 10px; /* Adjust spacing for stacked layout */
    }

    .tab-links li {
        max-width: 100%;
        width: 100%;
    }

    .tab-links li a {
        font-size: 1rem; /* Slightly larger font for better readability */
        padding: 12px;
    }
}

/*** guidelines page ***/

.guideline-top-row {
	display: flex;
	background-color: rgb(240 131 64);
	border-top-left-radius: 35px;
}

#MPOuterMost #MPOuter .guideline-top-row {
    padding: 0;
}

#MPOuterMost #MPOuter .guideline-top-row .col-md-6:first-of-type {
	padding-right: 7px;
	padding-left: 0;
}

#MPOuterMost #MPOuter .guideline-top-row .col-md-6:last-of-type {
	padding-left: 8px;
	padding-right: 0;
}

body.ribbit .guideline-top-row h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
}

.guideline-news-text {
	margin-left: 25px;
	padding-right: 25px;
	height: calc(100% - 63px);
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0;
}

.guideline-news-text .HLRecentBlogs,
.guideline-news-text .HLRecentBlogs .Content {
	padding: 0;
	border: 0;
	margin-bottom: 0;
}

.guideline-news-text .HLRecentBlogs .Content .sort-options-container {
	display: none;
}

.guideline-news-text .HLRecentBlogs .Content ul li {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}

.guideline-news-text .HLRecentBlogs .Content div[id*="BottomLink"] .col-md-12 {
	padding: 0;
	margin-top: 10px;
}

.guideline-news-text .HLRecentBlogs .Content ul li h3 a {
	color: black;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: initial;
	line-height: 1.428571429;
	font-family: 'Helvetica', sans-serif;
}

.guideline-news-text .HLRecentBlogs .Content ul li h3 a:hover,
.guideline-news-text .HLRecentBlogs .Content ul li h3 a:focus {
	text-decoration: underline;
}


.guideline-news-text .HLRecentBlogs .Content ul li .ByLine {
	font-size: 14px;
	color: #30343f;
	font-style: italic;
}

.guideline-news-text .HLRecentBlogs .Content ul li p {
	margin-bottom: 0;
}

.guideline-news-text::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -15px;
	height: 100%;
	width: 15px;
	background-color: #fff;
}

.guideline-news-title h2 {
	color: #fff;
	font-weight: 600;
	border: 0;
	padding-top: 12px;
	padding-left: 25px;
	padding-right: 25px;
	padding-right: 12px;
	margin-bottom: 13px;

}

.guideline-title h2 {
	color: #2c5684;
	font-weight: 600;
	border: 0;
	margin-top: 35px;
	margin-bottom: 15px;
}

.guideline-news p {
	color: #2b5584;
}

.bottom-margin-50 {
	margin-bottom: 50px;
}

/* Concertina Colour Wrapper */

.concertina-wrap.green,
.concertina-wrap.blue {
	padding-top: 12px;
	padding-left: 25px;
	border-top-left-radius: 30px;
	position: relative;
}

.guideline-news-text a[id*="MoreLink"] {
	background-color: transparent;
	color: #30343f;
	padding: 0;
	border: 0;
	float: right;
}

.concertina-wrap.green:not(.open) .concertina-text,
.concertina-wrap.blue:not(.open) .concertina-text {
	display: block !important;
	height: 250px;
	overflow: hidden;
	transition: 0.3s !important;
	padding-bottom: 55px;
}


.concertina-wrap.blue:not(.open) .concertina-text {
	height: 193px;
	position: relative;
	z-index: 5;
}

.concertina-wrap.green:not(.open) .concertina-text {
	height: 215px;
	position: relative;
	z-index: 5;
	padding-bottom: 22px;
}

.concertina-wrap.blue.open .concertina-text {
	display: block !important;
	height: 441px;
	transition: 0.3s !important;
	position: relative;
	z-index: 5;
}

.concertina-wrap.blue.open .concertina-text .img-wrap {
	position: relative;
}

.concertina-wrap.blue .concertina-text,
.concertina-wrap.blue .concertina-text .HtmlContent {
	background-color: #dde6ed;
}

.concertina-wrap.green .concertina-text .HtmlContent,
.concertina-wrap.blue .concertina-text .HtmlContent {
	color: #30343f;
	padding: 10px;
	padding-right: 15px;
	height: 100%;
	overflow-y: hidden;
}

.concertina-wrap.green .concertina-text,
.concertina-wrap.green .concertina-text .HtmlContent {
	background-color: #dfeeda;
}

.concertina-wrap.green.open .concertina-text {
	display: block !important;
	height: 488px;
	transition: 0.3s !important;
	position: relative;
	z-index: 5;
}

.concertina-wrap.green button,
.concertina-wrap.blue button {
	font-size: 36px;
	font-weight: 600;
	width: 100%;
	background: transparent;
	border: transparent;
	color: white;
	text-align: left;
	position: relative;
	font-family: "futura-pt", "Futura", 'Helvetica Neue', Helvetica Neue, Helvetica, sans-serif;
	padding: 0;
}


.concertina-wrap.green button,
.concertina-wrap.blue button {
	padding-bottom: 12px;
}

.concertina-wrap.green button::after,
.concertina-wrap.blue button::after {
	float: right;
	content: '\f012';
	color: white;
	font-family: 'SITC2018';
}

.concertina-wrap.green.open button::after,
.concertina-wrap.blue.open button::after {
	content: '\f013';
}

.concertina-wrap.blue {
    background-color: #0d528f;
    padding-bottom: 14px;
}

.concertina-wrap.blue .HtmlContent .text-wrap {
	padding-right: 0px;
}

.concertina-wrap.blue .HtmlContent img {
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}

.concertina-wrap.green .HtmlContent img {
	float: right;
	margin-top: -10px;
	margin-right: -15px;
}

.concertina-wrap.blue .HtmlContent img,
.concertina-wrap.green .HtmlContent img {
	width: 188px;
}

.concertina-wrap.green {
	background: #6ab445;
	margin-top: -25px;
	margin-bottom: 0;
	position: relative;
	z-index: 7;
}


.concertina-wrap.green .concertina-text span,
.concertina-wrap.green .concertina-text p,
.concertina-wrap.green .concertina-text p a {
	color: black;
}

.concertina-wrap.green .concertina-text p a {
	padding-right: 5px;
}

.concertina-wrap.green .concertina-text h2 {
	font-size: 16px;
	color: white;
	text-decoration: underline;
	color: white;
	border: 0;
	margin-bottom: 0;
}

.concertina-wrap.green .concertina-text ul li {
	border: 0;
}

.concertina-wrap.green .concertina-text ul li .timeAgoFormat {
	font-weight: bold;
	text-transform: none;
	color: white;
}

.concertina-wrap.green .concertina-text ul li a {
	font-size: 16px;
	color: white;
	font-weight: normal;
	text-transform: none;
	line-height: 0;
}

.concertina-wrap.green .concertina-text ul li a:last-of-type {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.concertina-wrap.green .HLEventList br {
	display: none;
}

.guideline-tiles {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	grid-template-rows: repeat(4, 150px);
}

@media (max-width: 550px) {
    .guideline-tiles {
        grid-template-columns: repeat(2, calc(50% - 15px));
        grid-template-rows: repeat(8, 150px);
        grid-gap: 15px;
    }
}


.guideline-tiles a {
	background-color: #fafafa;
	border-radius: 15px;
	margin: 5px;
	transition: 0.3s;
	box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 8px 16px -5px rgba(0, 0, 0, 0.75);
    text-decoration: none;
}

.guideline-tiles .guideline-tile {
	padding: 0px 20px 0px 15px;
	position: relative;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.guideline-tiles a:hover,
.guideline-tiles a:focus {
	margin-top: 0;
	margin-bottom: 10px;
	transition: 0.3s;
	text-decoration: none;
}

.guideline-tiles a .alg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Acute_Leukemia_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .alg span {
	color: #f4743a;
}

.guideline-tiles a .bcg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Breast_Cancer_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .bcg span {
	color: #F56287;
}

.guideline-tiles a .cmg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Cutaneous_Melanoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .cmg span {
	color: #F4D301;
}

.guideline-tiles a .hcg::after {
	content: '';
	background-image: url('//higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Hepatocellular_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .hcg span {
	color: #075e4a;
}

.guideline-tiles a .hnscg span {
	color: #75053f;
}

.guideline-tiles a .hnscg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Head_and_Neck_Squamous_Cell_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 101%;
	width: 59px;
	background-size: cover;
}


.guideline-tiles a .ici::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/ICI-related_Adverse_Events_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .ici span {
	color: #691662;
}

.guideline-tiles a .pcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/prostate_carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .pcg span {
	color: #228bb3;
}

.guideline-tiles a .iec::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/IEC-related_Adverse_Events_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .iec span {
	color: #db95cc;
}

.guideline-tiles a .lg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/lymphoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .lg span {
	color: #a02012;
}

.guideline-tiles a .mmg span {
	color: #cb4b65;
}

.guideline-tiles a .mmg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/multiple_myeloma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .nclcg span {
	color: #64A70B;
}

.guideline-tiles a .nclcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Non-Small_Cell_Lung_Cancer_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .pcg span {
	color: #238cb4;
}

.guideline-tiles a .pcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/prostate_carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .rccg span {
	color: #fba61c;
}

.guideline-tiles a .rccg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Renal_Cell_Carcinoma_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .ucg span {
	color: #121870;
}

.guideline-tiles a .ucg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/urothelial_2x.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .gic span {
	color: #98a0d0;
}

.guideline-tiles a .gic::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/GI_Cancer_Guideline_-_2.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .gcg span {
	color: #420a82;
}

.guideline-tiles a .gcg::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/Gynecologic_Cancer_Guideline__1_.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a .nmsc span {
	color: #9d9da1;
}

.guideline-tiles a .nmsc::after {
	content: '';
	background-image: url('https://higherlogicdownload.s3.amazonaws.com/SITCANCER/2c19e5a6-3adb-4d01-b46c-c01e11745b3a/UploadedImages/Development/NMSC_Guideline_-_2.png');
	background-position: right;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 59px;
	background-size: cover;
}

.guideline-tiles a span {
	font-weight: 600;
	font-size: 16px;
	position: relative;
	z-index: 5;
}

.guideline-tiles a .ContentItemHtml::after {
	height: calc(100% + 1px);
	right: -1px;
}

/* responsive */

@media only screen and (max-width: 1150px) {
	.banner img {
		width: auto;
		max-width: 200%;
		max-width: none;
		height: 100%;
	}

	.banner-page #PageTitleH1 {
		margin-top: 0px !important;
		font-size: 60px;
		margin-bottom: 10px !important;
	}

	.banner {
		margin-top: -300px;
	}
}

@media (max-width: 991px) {

    .mini-navbar,
    .mini-navbar-black {
        justify-content: space-between;
    }
    #MPOuterMost #MPOuter .aci-banner-container, #MPOuterMost #MPOuter .banner-container {
        flex-direction: column;
    }
    .organizer-card img {
        width: 250px;
    }
    .overlap-text {
        justify-content: center;
        text-align: left;
        transform: translate(0%, -40%);
        box-shadow: 0px 4px 14px rgb(0 0 0 / 7%);
        display: flex;
        width: 90%;
        margin: auto;
        background: white;
    }
}

@media only screen and (max-width: 768px) {
	.banner-page #PageTitleH1 {
		font-size: 40px;
	}

	.tall-banner {
		height: 380px;
	}

    .tab-links ul {
        flex-wrap: wrap;
    }
}

@media (max-width: 510px) {
    .tab-links ul {
        display: block;
    }

    .tab-links li {
        width: 95%;
    }
}

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

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

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

    .row-center-content,
    .footer-top-row {
        display: flex;
        align-items: center;
    }

    #MPOuterMost .row-extra-pad>.col-md-6:first-child {
        padding-right: 48px;
    }

    #MPOuterMost .row-extra-pad>.col-md-6:last-child {
        padding-left: 48px;
    }

    .row-unequal-halves>.col-md-6:first-child {
        width: 55%;
    }

    .row-unequal-halves>.col-md-6:last-child {
        width: 45%;
    }

    .footer-attribution {
        text-align: right;
    }

    .dashboard-top-row>div:first-child {
        width: 42%;
    }

    .dashboard-top-row>div:last-child {
        width: 58%;
    }
}

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

@media (max-width: 1200px) {
    body.ribbit #NAV>div {
        padding: 0;
    }
    .top-text-links {
        padding-left: 8px;
        padding-right: 8px;
    }

    #MPButtonBar {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 991px) {
    body.ribbit #MPOuterMost .navbar-header #LogoNavPlaceholder {
        margin-left: 0;
    }

    .tiles,
    .events-feed .Content ul {
        flex-wrap: wrap;
    }

    .tiles>div[class*="col-md-"] {
        flex-basis: 100%;
    }

    .news-feed .HLLandingControl .Content ul li {
        flex-basis: calc(50% - 24px);
    }

    .events-feed .Content ul li {
        flex-basis: 100%;
    }

    #MPOuterMost #MPOuter .events-feed .Content ul li:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #ebebeb;
    }

    #FooterContent>.row>div {
        padding-left: 0;
        text-align: center;
    }

    .footer-social ul {
        justify-content: center;
        margin: -4px;
    }

    .footer-logo img {
        margin-left: auto;
        margin-right: auto;
    }

    .tiles>.col-md-12 {
        flex-wrap: wrap;
    }

    .tiles>.col-md-12 .tile,
    .tiles>.col-md-12 .clickable-tile,
 .tiles>.col-md-12 .clickable-tile-pic,
 .tiles>.col-md-12 .tile-pic,
    .tiles>.col-md-12 .cta-tile,
    .tiles>.col-md-12 .button-tile {
        flex-basis: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .join-discussion {
        right: 150px;
    }

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

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

@media (max-width: 768px) {
    .blogs-block div[id*='ItemRating'].CommentPanel {
        margin-bottom: 0;
    }
    .blogs-block #TitleContainer + .row > .margin-top-small {
        margin-top: 0;
        margin-right: 16px;
    }
    .messagetitle-container + .row {
        padding-left: 8px;
        padding-right: 8px;
    }
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        float: left;
    }
}

@media (max-width: 767px) {
    body.ribbit .navbar-toggle {
        margin-right: -10px;
    }

    .dashboard-top-row {
        display: block;
    }

    .news-feed .HLLandingControl .Content ul li {
        flex-basis: calc(100% - 24px);
    }

    #FOOTER {
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-feed div[id*="BottomLink"] {
        position: relative;
        right: auto;
        top: auto;
        margin-top: 24px;
    }
    body.ribbit h1 {
        font-size: 32px;
    }
    body.ribbit.profile .email-preferences .row.row-border-bottom {
        padding-bottom: 10px;
    }
    body.ribbit #NAV>div.col-md-12 {
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    a.btn-community-stats-static span.badge {
        display: inline-block;
        width: auto;
        margin: 0;
        background-color: var(--hl-bs--alt-bg4);
        border: none;
        color: #fff;
        font-weight: 400;
        padding: 3px 7px;
        font-size: 12px;
   }
}

@media (max-width: 425px) {
    .join-discussion {
        right: 130px;
        bottom: 120px;
    }
}

/*** headshot styling ***/

 .headshot-large img {
    object-fit: cover !important;
    width: 215px !important;
    height: 230px !important;
    position: relative;
    border-radius: 5px;
}

 .headshot-large {
    object-fit: cover !important;
    width: 215px !important;
    height: 230px !important;
    position: relative;
    border-radius: 5px;
}

.headshot-sm img {
    object-fit: cover;
    width: 125px;
    height: 165px;
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
}

 .headshot-sm {
    object-fit: cover;
    width: 125px;
    height: 165px;
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
}

img.img-responsive.headshot-sm {
    object-fit: cover;
    width: 125px;
    height: 165px;
    position: relative;
    border-radius: 5px;
    margin-right: 10px;
}

 .headshot-sq {
    object-fit: cover;
   width: 150px;
    height: 150px;
    position: relative;
    border-radius: 5px;
}

/* anchor fix */
.anchor-fix {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

@media (max-width: 996px) {
    .anchor-fix {
        top: -210px;
    }
}

/* grid */

 .grid-container {
      display: flex;
      flex-wrap: wrap;
 justify-content: center;
      gap: 20px; /* Spacing between grid items */
    }

    .grid-item {
      flex: 1 1 calc(33.333% - 20px); /* Adjusts to 3 items per row */
      padding: 10px;
      text-align: center;
    }

.grid-item img {
    object-fit: cover;
   width: 125px;
    height: 165px;
    position: relative;
    border-radius: 5px;
    margin-right: auto;
margin-left: auto;
}

    /* Responsive Design */
    @media (max-width: 768px) {
      .grid-item {
        flex: 1 1 calc(50% - 20px); /* Adjusts to 2 items per row on tablets */
      }
    }
 }
    body.ribbit.profile #ManageSettings #PrivacyProfilePreferences .privacySettingsRow>.col-md-12>.form-group {
        flex-wrap: wrap;
    }
    body.ribbit.profile #ManageSettings .privacySettingsRow .form-group .privacySettingLabel {
        max-width: unset;
    }
}
    @media (max-width: 480px) {
      .grid-item {
        flex: 1 1 100%; /* Adjusts to 1 item per row on small screens */
      }
    }

/* List styling */
.li-margin-bottom li {
margin-bottom: .4em;
}

/*** Community Description in Tabs alginment ***/
body.ribbit .community-tabs-container-outer {
    display: block;
}
body.ribbit .community-tabs-container-outer .communityDescriptionDashboard {
    padding: 0 8px;
    margin: 0 auto;
    max-width: 1200px;
}
@media (max-width: 768px) {
    body.ribbit .community-tabs-container-outer .communityDescriptionDashboard {
        padding: 0 16px;
    }
}