/* Background Images and Footer */
/* Color Picker */
/* VERSION 34 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
  background-color: ;
*/
/*
  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: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

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

  [PrimaryColorRGB-StartComment]
  --hl-bs--primary-rgb: [PrimaryColorRGB];
  --hl-bs--selected-rgb: [PrimaryColorRGB], 50;
  [PrimaryColorRGB-EndComment]

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

  [TextOnPrimaryRGB-StartComment]
  --hl-bs--primary-opposite-rgb: [TextOnPrimaryRGB];
  [TextOnPrimaryRGB-EndComment]
  
  /*
  --hl-bs--link: ;
  */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  [FooterBackgroundColorRGB-StartComment]
  --hl-bs--footer-color-opposite-rgb: [FooterBackgroundColorRGB];
  [FooterBackgroundColorRGB-EndComment]
}/************************ Primary Navbar ***********************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

    /* 
    color: ;
    */
}


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

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

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

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



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

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


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

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


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

    /* 
    color: ;
    */
}


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

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

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

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


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

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


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

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


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

    /* 
    color:  !important;
    */
}


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

    /* 
    color:  !important;
    */
}


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

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

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

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

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

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

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

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

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

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

    /* 
    color:  !important;
    */
}

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*
.primary-button-background-color {
  background-color:  !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 */
/*** Blogs filter checkmark ***/
.filter-content.has-selection li.checkbox-filter:has(input.active)::before {
    content: '\f00c';
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    color: #019ADE;
    border: none;
}

.row-full .section1, .row-full .section10, .row-full .section16, .row-full .section17, .row-full .section5, .row-full .section9 {
    padding-left: 15px;
    padding-right: 15px;
}
/* stop the content overflowing to the sides, especially with negative margins on .row */
#MPOuterMost {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}
/* hide .HtmlFooter and .MPBottomMenu, both of which add extra padding/whitespace */
.HtmlFooter,
.MPBottomMenu {
    display: none;
}
/* remove bottom margin from empty paragraphs (eg. in widgets) to avoid whitespace */
p:empty {
    margin-bottom: 0;
}
/* this one's not HL-specific */
/* centres all background images created using the bg image JS/ajax calls for images */
.bg-image,
.img-container {
    background-size: cover;
    background-position: center;
}
/* avoids 1px tall sections, especially when they hold JS but no content */
/* can be less specific, but might break other HL functionality */
.home .col-md-12[class*="section"] {
    min-height: 0;
}
/* allows for word breaking for emails and profile inbox messages */
body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/* overrides the above word breaking for yes/no toggle buttons in create event */
#event-additional-details-container {
    overflow-wrap: normal !important;
    word-wrap: normal !important;
}
/* resets the padding on col-md-12 full-width sections */
.row-full > .col-md-12[class*="section"] {
    padding: 0;
}
.row-full > .col-md-6[class*="section"],
.row-full > .col-md-8[class*="section"],
.row-full > .col-md-4[class*="section"],
.row-full > .col-md-3[class*="section"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* reset alerts to neutral colours */
.alert-warning, .alert-success, 
.ideation-home .alert.alert-success, 
.ideation-detail .alert.alert-success {
    color: inherit;
    background-color: #f9f9f9;
    border-color: #f5f5f5;
}

/*** fix Add Event button styling ***/

.HLEventList .Content > div[id*="ContentPanel"] > .col-md-12.no-pad > .pull-right {
    float: none !important;
    text-align: right;
}
.HLEventList .Content > div[id*="ContentPanel"] > .col-md-12.no-pad > .pull-right + br {
    display: none;
}

@media (max-width: 768px) {
    .btn-group>.btn, .btn-group-vertical>.btn {
        float: left;
    }
}
/*** fixing non-responsive images ***/
img {
    max-width: 100%;
}

/*** fixing lack of wrapping on community settings dropdown buttons ***/
.CommunityManagementGearStatusPaddingL {
    white-space: normal;
}
/****** fix missing left-hand profile page content on my contacts page ******/
.text-muted-h2.my-contacts .col-md-3.section1 {
    display: block !important;
}
/****** accessibility - fixing contrast ******/
.label-default {
    background-color: #777;
}
/****** accessibility - adding in focus outlines ******/

.btn-group>.btn:focus, 
.btn-group-vertical>.btn:focus,
.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

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

body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #3B3D40;
    -webkit-font-smoothing: antialiased;
}
h1, .h1,
h2, .h2,
.text-muted-h2 h2,
h3, .h3,
h4, .h4,
.overline h6 {
    color: #005378;
}
h1, .h1, h2, .h2 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 61px;
    /*line-height: 1.2;*/
    line-height: 106%;
    letter-spacing: -0.5px;
}
.HLLandingControl h2,
.HLLandingControl .heading h2,
.HtmlContent h3 {
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    padding-left: 0;
}
h3, .h3,
.HLLandingControl h3,
.HLLandingControl h3 a {
    font-weight: 700;
    font-size: 21px;
    line-height: 1.2;
    letter-spacing: -0.1px;
}
.event-list h3 a:hover,
.event-list h3 a:focus,
.HLLandingControl h3 a:hover,
.HLLandingControl h3 a:focus {
    text-decoration: underline;
    color: #000;
}
h4, .h4 {
    font-size: 20px;
    line-height: 1.2;
}
h5, .h5 {
    font-size: 16px;
    line-height: 1.2;
}
h6, .h6 {
    font-size: 13px;
    line-height: 1.2;
}
.overline h6,
.event-list .text-muted {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.overline h6 {
    margin-top: 0;
    margin-bottom: 0;
    color: #019ADE;
}
.p-large {
    font-size: 20px;
}
.p-small {
    font-size: 14px;
    line-height: 1.35;
}
a {
    color: #005378;
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: underline;
}

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

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

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

.make-buttons em {
    display: inline-block;
    margin: -10px;
}
.make-buttons em a,
.make-buttons em a:hover,
.make-buttons em a:focus,
.promo-link em {
    display: inline-block;
    margin: 10px;
    font-style: normal;
    text-decoration: none;
}
.make-buttons em a::after {
    font-family: "Font Awesome 6 Pro";
    content: '\f061';
    padding-left: 6px;
    font-size: 14px;
}
.make-buttons.no-arrow em a::after {
    content: none;
}
.promo-link em {
    margin: 0;
}
.make-buttons em a,
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn,
.btn:hover,
.btn:focus,
.promo-link em {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 16px;
    border-radius: 3px;
    text-align: center;
}
.make-buttons.small em a,
.make-buttons.small em a:hover,
.make-buttons.small em a:focus,
.btn-group-sm > .btn,
.btn-group-sm > .btn:hover,
.btn-group-sm > .btn:focus,
.btn.btn-sm,
.btn.btn-sm:hover,
.btn.btn-sm:focus {
    font-size: 12px;
    padding: 5px 10px;
}
.message-list-controls .btn,
.message-list-controls .btn:hover,
.message-list-controls .btn:focus {
    padding: 7px 12px;
    font-size: 12px;
    margin-left: 5px;
}
.make-buttons.x-small em a,
.make-buttons.x-small em a:hover,
.make-buttons.x-small em a:focus,
.btn.btn-xs,
.btn.btn-xs:hover,
.btn.btn-xs:focus {
    font-size: 10px;
    padding: 2px 5px;
}
.custom-search-form .btn {
    padding: 4px 8px;
}
.make-buttons em a,
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus,
.HLLandingControl .btn.btn-default,
.promo-link em {
    color: #fff;
}
.make-buttons em a,
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:focus {
    border: 1px solid transparent;
}
.make-buttons em a,
.btn.btn-primary,
.HLLandingControl .btn.btn-default {
    background: #005378;
}
.make-buttons em a:hover,
.make-buttons em a:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.HLLandingControl .btn.btn-default:hover,
.HLLandingControl .btn.btn-default:focus {
    background: #003045;
}
.bottom-cta.make-buttons em a:first-child {
    color: #005378;
    background: #fff;
}
.bottom-cta.make-buttons em a:first-child:hover,
.bottom-cta.make-buttons em a:first-child:focus {
    color: #fff;
    background: #001D29;
}
.make-buttons.teal em a,
.btn.btn-success,
.bottom-cta.make-buttons em a:last-child,
.promo-link em {
    background: #009ADE;
    color: #fff;
}
.make-buttons.teal em a:hover,
.make-buttons.teal em a:focus,
.btn.btn-success:hover,
.btn.btn-success:focus,
.bottom-cta.make-buttons em a:last-child:hover,
.bottom-cta.make-buttons em a:last-child:focus,
#PageTitleH1 .btn.btn-default:hover,
#PageTitleH1 .btn.btn-default:focus {
    background: #0077AB;
    color: #fff;
}
.make-buttons.grey em a,
.btn.btn-default {
    color: #000;
    background: #F7F7F7;
}
.make-buttons.grey em a:hover,
.make-buttons.grey em a:focus,
.btn.btn-default:hover,
.btn.btn-default:focus {
    color: #fff;
    background: #005378;
}
.make-buttons.light-blue em a,
.btn.btn-default {
    color: #000;
    background: #B9D6EE;
}
.make-buttons.light-blue em a:hover,
.make-buttons.light-blue em a:focus,
.btn.btn-default:hover,
.btn.btn-default:focus {
    color: #000;
    background: #94ABBE;
}
.btn-default .caret {
    border-top-color: #000;
}
.btn-default:hover .caret,
.btn-default:focus .caret {
    border-top-color: #fff;
}

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

.margin-top-30 {
    margin-top: 30px;
}
.margin-top-60 {
    margin-top: 60px;
}
.margin-top-75 {
    margin-top: 75px;
}
.margin-top-85 {
    margin-top: 85px;
}
.margin-top-100 {
    margin-top: 100px;
}
.margin-top-125 {
    margin-top: 125px;
}
.margin-top-155 {
    margin-top: 155px;
}
.margin-top-165 {
    margin-top: 165px;
}
.margin-top-190 {
    margin-top: 190px;
}
@media (min-width: 992px) {
    .row-7-5 > .col-md-8 {
        width: 58%;
    }
    .row-7-5 > .col-md-4 {
        width: 42%;
    }
}
@media (max-width: 991px) {
    .margin-bottom-30-mob {
        margin-bottom: 30px;
    }
}
.flex-row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.flex-row .col-md-6 {
    justify-content: center;
}
.flex-row>[class*="col-"] {
    display: flex;
    align-self: stretch;
}
.row-wide.no-pad-last-child > div[class*="col-md-"]:last-child {
    padding-left: 0;
    padding-right: 0;
}

/****** tags ******/

.content-tags a.label-search-tag,
a.label-search-tag {
    color: #005378;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    padding: 4px 8px;
    background: #DEF5FF;
    border-radius: 4px;
    border: none;
}

.content-tags a.label-search-tag:hover,
.content-tags a.label-search-tag:focus,
a.label-search-tag:hover,
a.label-search-tag:focus,
.faceted-search-main .fs-result-row .label-search-tag:hover,
.faceted-search-main .fs-result-row .label-search-tag:focus {
    color: #fff;
    background: #005378;
    text-decoration: none;
    border: none;
}

.content-tags .text-muted {
    display: none;
}
.content-tags .flex-tag-container {
    margin-left: -10px;
}


/****** styled links ******/

.make-link em a {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid transparent;
}
.make-link em a:hover,
.make-link em a:focus {
    text-decoration: none;
    border-bottom: 1px solid #000;
    color: #000;
}
.make-link em a::after,
#Welcome_LoginLink::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f061';
    font-size: 12px;
    margin-left: 6px;
    float: right;
}
.make-link em a::after {
    margin-top: 3px;
}

/************ circular profile pictures ************/

.Welcome .imgButton.btn,
a[id*="ProfileImage"]:not([id*="NameLink"]):not([id*="ManageDropDown"]),
a[id*="UserImageDisplay"],
a[id*="Contacts_PictureLink"],
a[id*="lnkDisplay"],
a[id*="Welcome_Details_ProfileLink"],
.list-group-item-image,
a[title="User Name Image"],
a[oldtitle="User Name Image"],
.member-dashboard-img a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic > a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
}
.member-directory a[id*="Contacts_PictureLink"],
.directory a[id*="lnkDisplay"],
.findacompany a[id*="lnkDisplay"] {
    border-radius: 0;
    width: auto;
    height: auto;
    display: inline-block;
}
.Welcome .imgButton.btn {
    background-color: #fff;
}
.list-group-item-image {
    width: 40px;
    height: 40px;
}
.list-group-item-nochild .list-group-item-image {
    width: 20px;
    height: 20px;
}
.Welcome button.btn-default.btn.imgButton {
    width: 30px;
    height: 30px;
    min-height: 30px;
    border: none;
    margin-left: 10px;
}
.text-muted-h2 a[id*="ImageControl_lnkDisplay"] {
    width: 140px;
    height: 140px;
    background: #f9f9f9;
}
a[id*="Welcome_Details_ProfileLink"] {
    width: 50px;
    height: 50px;
}
div[id*="MemberBox"] a[id*="lnkDisplay"] {
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
}
div[id*="MemberBox"] a[id*="lnkDisplay"] img {
    border: none !important;
}

.imgButton img,
a[id*="ProfileImage"] img,
a[id*="UserImageDisplay"] img,
a[id*="Contacts_PictureLink"] img,
a[id*="lnkDisplay"] img,
a[id*="Welcome_Details_ProfileLink"] img,
.list-group-item-image img,
a[title="User Name Image"] img,
a[oldtitle="User Name Image"] img,
.member-dashboard-img img,
.dashboard-col-3 ul li .col-sm-2 a img,
.HLEngagement .Picture a img,
td.ProfilePic > a > img {
    position: relative;
    max-height: unset !important;
    height: auto;
    max-width: 100% !important;
    width: auto;
    margin: 0;
}

.member-directory .member-picture {
    text-align: center;
}

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

#MPOuterHeader {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
#MPOuterHeader > .col-md-12,
#HEADER > .col-md-12,
#Logo > .col-md-12,
#MPheader .col-md-12 {
    padding: 0;
}
#MPOuterMost.full #HEADER {
    padding: 0 25px;
    max-width: 100%;
}
.home #MPOuterHeader,
.membership #MPOuterHeader {
    /*background: #001D29;*/
}
#DesktopLogoDiv {
    width: 210px;
}
#Logo {
    float: left;
    margin-right: 0;
    margin-top: 10px;
}
#MPheader > .row:first-child {
    float: right;
}
.skiplinkholder a, .skiplinkholder a:link, .skiplinkholder a:visited {
    left: auto;
    right: -500%;
    top: -250px;
    min-width: 300px;
}
.skiplinkholder a:focus, .skiplinkholder a:active {
    left: auto;
    right: 0;
	top: 0;
}
#MPheader > div.row {
    padding: 0;
    margin: 0;
}
#MPheader div#Logo.row {
    padding: 35px 0 10px 0;
}

/****** sticky header ******/
#PageTitleH1 {
    margin-top: 70px !important;
}
.no-pageTitle-padding {
    padding-top: 0;
}

#PageTitleH1 ~ #MainCopy_ContentWrapper {
    padding-top: 60px;
}
#PageTitleH1[aria-hidden*="true"] ~ #MainCopy_ContentWrapper {
    padding-top: 50px;
}

/****** welcome ******/

#Welcome_Content {
    margin-top: 8px;
}

.Welcome .imgButton.btn.btn-default {
    min-height: 30px;
    height: 30px;
    width: 30px;
    border: none;
    padding: 0;
}
#BtnShowProfile {
    display: none;
}
#Welcome_LoginLink,
#Welcome_LoginLink:hover,
#Welcome_LoginLink:focus {
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 6px 10px 3px 10px;
    background: transparent;
    font-weight: 700;
    font-size: 14px;
    border-radius: 0;
}
#Welcome_LoginLink:hover,
#Welcome_LoginLink:focus {
    border-radius: 4px;
    background-color: #003045;
    border-bottom-color: transparent;
}
#Welcome_LoginLink::after {
    content: '\f090';
    color: #009ADE;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
}
#Welcome_LoginLink:hover::after,
#Welcome_LoginLink:focus::after {
    color: #fff;
}

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

#MPOuterMost.full #MPButtonBar {
    max-width: 100%;
}
#NAV {
        position: absolute;
        bottom: auto;
        left: auto;
        right: 3%;
        top: 35px;
        margin: 0 auto;
}
#NAV .col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#NAV,
.navbar-default {
    background-color: transparent;
    border: none;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-default .navbar-nav>li,
.navbar-default .navbar-nav>li.active,
.navbar-default .navbar-nav>li.disabled {
    padding: 0 4px;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.disabled>a {
    color: #000; 
    background-color: transparent;
    font-weight: 500;
    letter-spacing: -0.25px;
    padding: 8px 10px;
    border-radius: 4px;
    border: 2px solid transparent;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.current-page>a {
	color: #000; 
    background-color: transparent;
    text-decoration: underline;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
}
.navbar-default .navbar-nav>li>a.members-site, .navbar-default .navbar-nav>.active>a.members-site, .navbar-default .navbar-nav>.disabled>a.members-site {
    background: #019ADE;
    color: #fff;
}
.navbar-default .navbar-nav>li>a.apply-now, .navbar-default .navbar-nav>.active>a.apply-now, .navbar-default .navbar-nav>.disabled>a.apply-now {
    background: #004D78;
    color: #fff;
}

/* caret */
.navbar-default .navbar-nav>.dropdown>a .caret,
.navbar-default .navbar-nav>.dropdown>a:hover .caret, 
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border: none;
    width: auto;
    height: auto;
    margin: 0 0 0 6px;
}
.navbar-default .navbar-nav>.dropdown>a .caret::before,
.navbar-default .navbar-nav>.dropdown>a:hover .caret::before, 
.navbar-default .navbar-nav>.dropdown>a:focus .caret::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f107';
    font-weight: 900;
    color: #78D6FF;
}
/* removing extraneous padding on desktop */
@media (min-width: 992px) {
    #NAV .row {
        margin-left: 0;
        margin-right: 0;
    }
    #NAV .col-md-12,
    .navbar-collapse {
        padding: 0;
    }
}

/* dropdowns */
.navbar-nav>li>.dropdown-menu {
	background: linear-gradient(180deg, rgba(222, 245, 255, 0) 0%, rgba(222, 245, 255, 0.8) 100%), #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 83, 120, 0.35), 0px 0px 15px rgba(0, 83, 120, 0.12);
    border-radius: 4px;
    top: calc(100% + 10px);
    padding: 20px 0;
}
.nav.navbar-nav .dropdown-submenu>ul.dropdown-submenu {
    margin-left: 20px;
    padding-left: 0;
}
.navbar-nav .dropdown-menu>li>a,
.navbar-nav .dropdown-submenu>li>a {
    padding: 10px 30px;
    color: #005378;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.25px;
}
.navbar-nav .dropdown-menu>.active>a,
.navbar-nav .dropdown-menu>.active>a:hover,
.navbar-nav .dropdown-menu>.active>a:focus,
.navbar-nav .dropdown-menu>li>a:hover,
.navbar-nav .dropdown-menu>li>a:focus,
.navbar-nav .dropdown-submenu>li>a:hover,
.navbar-nav .dropdown-submenu>li>a:focus,
.navbar-nav .dropdown-submenu>li.active>a,
.navbar-nav .dropdown-submenu>li.active>a:hover,
.navbar-nav .dropdown-submenu>li.active>a:focus {
	background: transparent;
    color: #000;
    text-decoration: underline !important;
}

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

#MPSearchBlock {
    margin-top: 0;
}
#MPOuterMost #searchColumn {
    max-width: 280px;
    display: none;
}
.SearchInputs,
.SearchInputs2 {
    border-radius: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
#searchColumn .SearchInputs {
    width: 280px;
}
.SearchInputs .input-group,
.SearchInputs2 .input-group {
    display: block;
    width: 100%;
    position: relative;
}
.SearchInputs .form-control,
.SearchInputs2 .form-control {
    border: none;
    box-shadow: none;
    padding: 10px 14px;
    height: 36px;
    font-size: 14px;
    line-height: 16px;
    transition: background .3s;
}
#searchColumn .SearchInputs .form-control {
    background: rgba(255, 255, 255, 0);
}
#searchColumn .SearchInputs .form-control:focus {
    background: #fff;
    transition: background .3s;
}
.SearchInputs .form-control::placeholder,
.SearchInputs2 .form-control::placeholder {
    color: rgba(134, 137, 142, 0.6);
    font-style: normal;
}
#MPOuterMost button[id*="SearchButton"],
#MPOuterMost button[id*="SearchButton"]:hover,
#MPOuterMost button[id*="SearchButton"]:focus,
#MPOuterMost .btnSearch,
#MPOuterMost .btnSearch:hover,
#MPOuterMost .btnSearch:focus {
    padding: 0;
    background: transparent;
    border: none;
    width: 35px;
    height: 35px;
    text-align: center;
}
.SearchInputs .input-group .input-group-btn,
.SearchInputs2 .input-group .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 5;
}
button[id*="SearchButton"] .glyphicon-search::before,
.btnSearch .glyphicon-search::before {
    font-size: 20px;
    color: #009ADE;
    line-height: 35px;
    font-family: 'Font Awesome 5 Pro';
    content: '\f002';
    font-weight: 300;
}

/************ page background ************/

#MainCopy_ContentWrapper {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/gradient-bg-solid.jpg');
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-bottom: 0;
}
.home #MainCopy_ContentWrapper,
.membership #MainCopy_ContentWrapper {
    background-color: #f2f5fa;
    background-image: none;
    padding-bottom: 0;
}

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

#PageTitleH1 {
    color: #fff;
    text-align: center;
    padding: 50px 0;
    background: #005378;
    max-width: 100%;
}

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

.hero {
    /*margin-bottom: 60px;*/
}
.hero .HtmlContent {
    background: linear-gradient(360deg, rgba(0, 83, 120, 0.4) 0%, #005378 100%);
    padding: 105px calc(50% - 500px) 85px calc(50% - 500px);
    text-align: center;
    position: relative;
}
/*.home .hero,
.membership .hero {
    margin-bottom: 0;
}
.home .hero .HtmlContent,
.membership .hero .HtmlContent {
    background: linear-gradient(to bottom, rgba(0, 83, 120, 0.7) 0%, rgba(0, 83, 120, 0.7) 65%, rgba(0, 83, 120, 1.0) 100%);
    padding-top: 135px;
    padding-bottom: 165px;
}
.home .hero .HtmlContent,
.membership .hero .HtmlContent {
    min-height: 750px;
}
.home .hero .HtmlContent::before,
.membership .hero .HtmlContent::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, #003045 50%, rgba(0, 48, 69, 0) 100%);
    content: '';
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    height: 240px;
    display: block;
}*/
.memberhome .hero .HtmlContent {
    padding-top: 90px;
    padding-bottom: 30px;
}
.hero h6 {
    margin-top: 0;
    margin-bottom: 0;
    color: #019ADE;
}
.hero h1, .hero h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
}
.hero p {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    color: #DEF5FF;
}
.hero button {
    color: #fff;
    font-size: 50px;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 0;
    background: transparent;
    border: none;
    position: absolute;
    bottom: 85px;
    left: calc(50% - 45px);
}
.hero button::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-weight: 300;
}

/*** Custom Backgrounds ***/
.hero-ellipse {
    padding: 8% 5% 5% 5%;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/Hero-Ellipse.png);
    background-position: top;
    background-size: cover;
    color: #fff;
}
.hero-ellipse-light {
    padding: 10% 5%;
    background: url(https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/Hero-Ellipse-Light.png);
    background-position: top;
    background-size: cover;
    color: #fff;
}
.blue-gradient-bg {
    padding: 10% 5%;
    background: linear-gradient(121deg, #005378 11.85%, #019ADE 99.38%);
    color: #fff;
}
.light-gradient-bg {
    padding: 10% 5%;
    background: linear-gradient(180deg, #FFF 0%, #F2F5FA 100%);
    color: #000;
}
.angular-gradient-bg {
    padding: 10% 5%;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/AngularGradient.png);
    background-position: center;
    background-size: cover;
    color: #fff;
}
.angular-gradient-bg-2 {
    padding: 10% 5%;
    background-image: url(https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/Angular-Gradient-2.png);
    background-position: center;
    background-size: cover;
    color: #fff;
}
.white-bg {
    padding: 10% 5%;
    background-color: #fff;
    color: #000;
}
.hero-no-bg {
    padding: 10% 5%;
    color: #000;
}
.dark-blue-bg {
    padding: 50px calc(50% - 500px) 40px calc(50% - 500px);
    background-color: #005378;
    color: #fff;
}

/*** Sponsor Carousel in Dark Blue BG section ***/
.custom-sponsors .scrolling-carousels {
    padding: 0;
}
.custom-sponsors .scrolling-carousels::after, .custom-sponsors .scrolling-carousels > .row-full:not(:last-child) .slick-slider::after {
    content: none;
}
.dark-blue-bg.custom-sponsors .scrolling-carousels::after {
    content: '';
    background: linear-gradient(to right, rgba(0, 83, 120, 100%) 0%, rgba(0, 83, 120, 10%) 20%, transparent 30%, rgba(0, 83, 120, 10%) 80%, rgba(0, 83, 120, 100%) 100%);
}

/*** Hero Text ***/
.hero-text .HtmlContent {
    padding: 0 calc(50% - 500px) 0 calc(50% - 500px);
}
.hero-text h1 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 96px;
}
.hero-text p {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    color: #fff;
}
.hero-text p:has(img) {
    max-width: initial;
    margin-bottom: 0;
}
.hero-text h2 {
    color: #fff;
}
.hero-no-bg h2, .hero-no-bg p, .white-bg h2, .white-bg p, .light-gradient-bg h2, .light-gradient-bg p {
    color: #000;
}
.hero-text button {
    color: #fff;
    font-size: 50px;
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 0;
    background: transparent;
    border: none;
    position: absolute;
    bottom: 85px;
    left: calc(50% - 45px);
}
.hero-text button::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-weight: 300;
}

/*** Custom Padding Top and Bottom ***/
.padding-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.no-top-padding {
    padding-top: 0;
}
.no-bottom-padding {
    padding-bottom: 0;
}
/*** Rounded Image ***/
.rounded-img img {
    border-radius: 4px;
}

/*** Custom Lists ***/
.orange-list ul, .blue-list ul {
    padding-left: 20px;
}
.orange-list ul li, .blue-list ul li {
    padding: 8px 0 8px 10px;
    text-align: left;
}
.orange-list ul li {
    list-style-image: url("https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/Group_108.png");
}
.blue-list ul li {
    list-style-image: url("https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/96bfae84-da4b-4d37-a8c2-a609ddf89380/UploadedImages/Group_109.png");
}
.orange-list h3 {
    text-align: left;
    color: #F24822;
}
.blue-list h3 {
    text-align: left;
    color: #009ADE;
}

/*** Spacer HTML widget ***/
.spacer {
    padding-top: 20px;
}
.spacer-60 {
    padding-top: 60px;
}
.spacer-100 {
    padding-top: 100px;
}

/*** Icon Squares ***/
.icon-sq .HtmlContent>p:has(i) {
    background-color: #B9D6EE;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}
.icon-sq .HtmlContent>p i {
    height: 60px;
    width: 60px;
    border-radius: 10px;
    font-size: 24px;
    color: #004D78;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

/*** Accordions ***/
body .accordion-heading button {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    background: transparent;
    padding: 15px 24px 15px 0;
    margin: 0;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
}
body .accordion-heading button:hover,
body .accordion-heading button:focus {
    color: var(--hl-bs--link-hover);
    transition: 0.3s;
}
.accordion-heading button::before {
    font-family: "Font Awesome 6 Pro";
    content: "\2b";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
}
.open .accordion-heading button::before {
    transform: translateY(-50%) rotate(45deg);
}
.accordion-text {
    display: none;
    padding-bottom: 10px;
    color: #323333;
}
.accordion-wrap {
    background-color: #fff;
    padding: 20px 20px 10px 20px;
    margin-bottom: 10px;
    border-radius: 4px;
}
.accordion-wrap .ContentItemHtml,
.accordion-wrap .ContentItemHtml:hover {
    transition: none !important;
}


/****** homepage about / CTAs ******/
.home,
.membership {
    color: #fff;
}
.home h2,
.membership h2 {
    margin-top: 0;
    margin-bottom: 20px;
    /*color: #fff;*/
}
.cta-section,
.wide-cta-section,
.bottom-cta {
    padding: 0 calc(50% - 350px);
    text-align: center;
}
.wide-cta-section {
    padding: 0 calc(50% - 450px) 45px calc(50% - 450px);
}
.bottom-cta {
    margin-top: 180px;
    margin-bottom: 215px;
}
.home p:not(:last-child),
.membership p:not(:last-child) {
    margin-bottom: 20px;
}
.home p:last-child,
.membership p:last-child {
    margin-bottom: 0;
}
.membership .HtmlContent > ul {
    padding-left: 20px;
}
.membership .HtmlContent > ul li {
    margin-bottom: 10px;
}

/************ scrolling carousels ***********/

.scrolling-carousels {
    padding: 25px 0;
    position: relative;
    opacity: 0.8;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 2px;
}
.scrolling-carousels .row .slick-slider {
    padding: 30px 0;
    margin-bottom: 0;
}
.scrolling-carousels > .row-full:not(:last-child) .slick-slider::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
    width: 1240px;
    max-width:calc(100% - 15px);
    height: 1px;
    background: linear-gradient(90deg, rgba(222, 245, 255, 0) 0%, #DEF5FF 49.48%, rgba(222, 245, 255, 0) 100%);
    opacity: 0.8;

}
.scrolling-carousels::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0,84,120, 80%) 0%, rgba(0,84,120, 20%) 20%, transparent 30%, rgba(0,84,120, 20%) 80%, rgba(0,84,120, 80%) 100%);
}
.scrolling-carousels .HtmlContent {
    padding: 0 50px;
}
.scrolling-carousels .HtmlContent img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto;
}

/************ homepage testimonials - commented out ************/

/*.home-testimonials .slick-track {
    padding-top: 50px;
    display: flex;
}
.home-testimonials.slider.slick-dotted,
.interior-testimonials.slider.slick-dotted {
    margin-bottom: 0;
}
.testimonial {
    border: 2px solid #0077AB;
    padding: 30px 50px;
    margin: 0 20px;
    border-radius: 3px;
    font-family: "Playfair Display", serif;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    position: relative;
    transition: .3s;
}
.home .testimonial.slick-slide {
    height: auto;
}
.interior-testimonials {
    margin-left: -10px;
    margin-right: -10px;
}
.home .testimonial .HtmlContent::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f10d';
    font-weight: 900;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #0077AB;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #003045;
    margin-bottom: 30px;
    margin-top: 7.5px;
}
.home .testimonial .HtmlContent::after {
    content: '';
    position: absolute;
    top: 30px;
    border-radius: 50%;
    border: 2px solid #009ADD;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
}
.home .testimonial.slick-active {
    transform: translateY(-50px);
}
.home .testimonial:not(.slick-active),
.home .testimonial:not(.slick-active) h6,
.home .testimonial:not(.slick-active) h6 + h6 {
    filter: blur(1px);
    color: #0077AB;
}
.testimonial h6 {
    text-align: center;
    color: #009ADE;
}
.testimonial h6:first-of-type {
    padding-top: 12px;
    margin-top: 40px;
    position: relative;
}
.testimonial h6:first-of-type::before {
    border-top: 1px solid #0077AB;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
}
.testimonial h6 + h6 {
    color: #fff;
}*/

/*** Replicate Home Testimonials for Interior pages ***/
.home-testimonials .slick-track, .interior-testimonials .slick-track {
    padding-top: 50px;
    display: flex;
}
.home-testimonials.slider.slick-dotted,
.interior-testimonials.slider.slick-dotted {
    margin-bottom: 0;
}
.testimonial {
    border: 2px solid #0077AB;
    padding: 30px 50px;
    margin: 0 20px;
    border-radius: 3px;
    font-family: "Playfair Display", serif;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    position: relative;
    transition: .3s;
}
.testimonial.slick-slide {
    height: auto;
}
.interior-testimonials {
    margin-left: -10px;
    margin-right: -10px;
}
.testimonial .HtmlContent::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f10d';
    font-weight: 900;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    /*background: #0077AB;*/
    background: #009ADD;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*color: #003045;*/
    color: #005378;
    margin-bottom: 30px;
    margin-top: 7.5px;
}
.testimonial .HtmlContent::after {
    content: '';
    position: absolute;
    top: 30px;
    border-radius: 50%;
    border: 2px solid #0077AB;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
}
.testimonial.slick-active {
    transform: translateY(-50px);
}
.testimonial:not(.slick-active),
.testimonial:not(.slick-active) h6,
.testimonial:not(.slick-active) h6 + h6 {
    filter: blur(1px);
    color: #0077AB;
}
.testimonial h6 {
    text-align: center;
    color: #009ADE;
}
.testimonial h6:first-of-type {
    padding-top: 12px;
    margin-top: 40px;
    position: relative;
}
.testimonial h6:first-of-type::before {
    border-top: 1px solid #0077AB;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
}
.testimonial h6 + h6 {
    color: #fff;
}

/****** dots ******/

ul.slick-dots {
    bottom: -40px;
    width: 220px;
    left: calc(50% - 110px);
}
.milestone-slider ul.slick-dots {
    bottom: 0;
    width: 380px;
    left: calc(50% - 190px);
}

ul.slick-dots li button {
    display: none;
}
ul.slick-dots li {
    width: 30px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
ul.slick-dots li::before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #009ADE;
    border-radius: 50%;
}
ul.slick-dots li.slick-active::before {
    content: '';
    width: 12px;
    height: 12px;
    border-color: transparent;
    background: #005378;
}
.home-testimonials ul.slick-dots li.slick-active::before,
.interior-testimonials ul.slick-dots li.slick-active::before {
    background: #DEF5FF;
}
ul.slick-dots li:not(.slick-active) {
    transform: translateY(-2px);
}

/****** arrows ******/

.slick-arrow.slick-prev,
.slick-arrow.slick-next {
    z-index: 10;
    position: absolute;
    bottom: -38px;
    top: auto;
    width: 26px;
    height: 26px;
    z-index: 10;
    transform: none;
}
.milestone-slider .slick-arrow.slick-prev,
.milestone-slider .slick-arrow.slick-next {
    bottom: 2px;
}
.slick-arrow.slick-prev::before,
.slick-arrow.slick-next::before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 26px;
    line-height: 1;
    opacity: 1;
    color: #005378;
    transition: .3s;
}
.slick-arrow.slick-prev:hover::before,
.slick-arrow.slick-prev:focus::before,
.slick-arrow.slick-next:hover::before,
.slick-arrow.slick-next:focus::before {
    color: #009ADE;
    transition: .3s;
}
.home-testimonials .slick-arrow::before,
.interior-testimonials .slick-arrow::before {
    color: #ABE5FF;
}
.home-testimonials .slick-arrow:hover::before,
.home-testimonials .slick-arrow:focus::before,
.interior-testimonials .slick-arrow:hover::before,
.interior-testimonials .slick-arrow:focus::before {
    color: #DEF5FF;
}
.slick-arrow.slick-prev::before {
    content: '\f053';
}
.slick-arrow.slick-next::before {
    content: '\f054';
}
.slick-arrow.slick-prev {
    left: calc(50% - 120px);
}
.slick-arrow.slick-next {
    right: calc(50% - 120px);
}
.milestone-slider .slick-arrow.slick-prev {
    left: calc(50% - 200px);
}
.milestone-slider .slick-arrow.slick-next {
    right: calc(50% - 200px);
}

/************ explore membership page ************/

.icon .HtmlContent {
    position: relative;
}
.icon i {
    color: #009ADE;
    font-size: 40px;
    line-height: 1;
    display: block;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
}
.membership .icon i {
    color: #fff;
}
.icon h2::after {
    content: '';
    width: 45px;
    height: 45px;
    background: #ABE5FF;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
}
.membership .icon h2::after {
    background: #0077AB;
}
.cta-section.icon h2::after,
.text-center.icon h2::after {
    left: calc(50% - 22.5px);
}

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

.styled-img .ContentItemHtml {
    width: 465px;
    max-width: calc(100% - 30px);
}
.about-img {
    position: relative;
}
.about-img .HtmlContent {
    position: relative;
    overflow: hidden;
}
.about-img::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(239.79deg, rgba(171, 229, 255, 0.3) -18.99%, rgba(171, 229, 255, 0) 126.77%);
    height: 320px;
    width: 320px;
    right: -30px;
    bottom: -10px;
}
.col-md-6:last-child .about-img::after {
    right: auto;
    left: -30px;
}
.col-md-6:last-child .about-img .HtmlContent::before {
    background: linear-gradient(108.31deg, #F2F7FA 7.91%, rgba(242, 247, 250, 0) 91.27%);
}
.round-img .HtmlContent {
    display: inline-flex;
    border-radius: 50%;
    overflow: hidden;
    width: 465px;
    height: 465px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.round-img.about-img .HtmlContent::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(254.44deg, #EFF5F8 8.31%, rgba(239, 245, 248, 0) 92.6%);
}
.round-img .HtmlContent img {
    max-width: unset;
    height: 100%;
    width: auto;
}

/************ milestone carousel ************/

.milestone-slider.slick-dotted.slick-slider {
    margin-bottom: 120px;
}
.milestone-slider.slick-dotted .slick-list {
    height: 380px;
}
.milestone-slider.slick-dotted::before {
    content: '';
    opacity: 0.1;
    border-top: 6px solid #005378;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
}
.milestone {
    text-align: center;
}
.milestone .HtmlContent,
.milestone h2 {
    transition: .3s;
    position: relative;
}
.milestone h2 {
    margin-top: 0;
    margin-bottom: 0;
    height: 48px;
}
.milestone h2::before,
.milestone h2::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 50%);
}
.milestone h2::before {
    width: 25px;
    height: 25px;
    background: #009ADE;
}
.milestone h2::after {
    width: 13px;
    height: 13px;
    background: #DEF5FF;
}
.milestone:not(.slick-current) h2 {
    transform: translateY(10px);
}
.milestone.slick-current h2::before {
    width: 45px;
    height: 45px;
    bottom: -30px;
}
.milestone.slick-current h2::after {
    font-family: 'Font Awesome 5 Pro';
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: transparent;
    color: #DEF5FF;
    font-weight: 300;
    font-size: 28px;
    content: '\f277';
    bottom: -30px;
}
.milestone .HtmlContent {
    opacity: 0;
    padding: 20px 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
}
.milestone .HtmlContent::before,
.milestone .HtmlContent::after {
    content: '';
    position: absolute;
    width: 115px;
    border-top: 1px solid #005378;
    left: calc(50% - 57.5px);
    top: 0;
}
.milestone .HtmlContent::after {
    top: auto;
    bottom: 0;
}
.milestone.slick-current .HtmlContent {
    opacity: 1;
}
.milestone.slick-current h2,
.milestone h3 {
    color: #003045;
}
.milestone:not(.slick-current) h2 {
    color: #009ADE;
    font-size: 28px;
}

/************ leadership bios ************/

.flex-bio {
    display: flex;
}
.interior .row .flex-bio .col-md-3 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 25%;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.flex-bio .col-md-3 > a {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    display: flex;
}
.leadership-bio {
    margin: 15px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 30px;
    font-size: 14px;
    line-height: 1.35;
    transition: .3s;
    cursor: pointer;
}
.col-md-9 .flex-bio a {
    color: #656565;
}
.col-md-9 .flex-bio a:hover,
.col-md-9 .flex-bio a:focus {
    color: #656565;
    text-decoration: none;
}
.col-md-9 .flex-bio .leadership-bio {
    padding: 30px 20px;
    margin: 5px;
}
.leadership-bio .HtmlContent strong {
    width: 150px;
    height: 150px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
}
.leadership-bio .HtmlContent strong img {
    width: 100%;
    height: auto;
}
.leadership-bio h4 {
    margin-top: 15px;
    margin-bottom: 8px;
}
.leadership-bio p {
    margin-bottom: 20px;
}
.leadership-bio.small-bio p {
    margin-bottom: 0;
}
.leadership-bio:hover,
.leadership-bio:focus {
    transition: .3s;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 0px 14px rgba(0, 0, 0, 0.05);
}
.leadership-bio h6 {
    margin-top: 0;
    margin-bottom: 8px;
}
.leadership-bio p:last-child {
    margin-bottom: 0;
}
.bio-container > .col-md-3 > .leadership-bio {
    margin: 0 auto;
    width: 350px;
    max-width: 100%;
}
.bio-container > .col-md-9 {
    margin: -5px;
}
.underline {
    padding-bottom: 20px;
    position: relative;
}
.underline *:last-child {
    margin-bottom: 0;
}
.underline::after {
    content: '';
    position: absolute;
    opacity: 0.15;
    border-top: 1px solid #005378;
    width: 114px;
    bottom: 0;
    left: 0;
}
.underline.text-center::after {
    left: calc(50% - 57px);
}

/************ promo block ************/

.promo-block {
    position: relative;
    display: flex;
    padding: 64px 30px;
    border-radius: 4px;
    overflow: hidden;
}
.promo-block a > *,
.promo-block-small a > * {
    position: relative;
}
.promo-block a:not(h3)::before,
.promo-block-small a:not(h3)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(92.06deg, rgba(0, 83, 120, 0.9) 1.74%, rgba(0, 83, 120, 0) 71.92%);
}
.promo-block a:not(h3)::after {
    background: rgb(0, 83, 120);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.15;
    transition: .3s;
    mix-blend-mode: multiply;
}
.promo-block-small a:not(h3)::before {
    background: rgba(0, 83, 120, 0.8);;
    mix-blend-mode: multiply;
}
.promo-block a:not(h3):hover::after,
.promo-block a:not(h3):focus::after {
    opacity: 0.5;
    transition: .3s;
}
.promo-block-small a::not(h3)hover::before,
.promo-block-small a::not(h3)focus::before {
    background: rgba(0, 83, 120, 0.9);
}
.promo-block a:not(h3)::before,
.promo-block-small a::not(h3):before,
.promo-block a:not(h3):hover::before,
.promo-block-small a:not(h3):hover::before,
.promo-block a:not(h3):focus::before,
.promo-block-small a:not(h3):focus::before {
    transition: .3s;
}
.promo-block a,
.promo-block h6,
.promo-block h3,
.promo-block p,
.promo-block-small a,
.promo-block-small h6,
.promo-block-small h3,
.promo-block-small p {
    color: #fff;
}
.promo-block a:hover,
.promo-block a:focus,
.promo-block-small a:hover,
.promo-block-small a:focus {
    text-decoration: none;
}
.promo-block h6 {
    margin-top: 0;
    margin-bottom: 10px;
}
.promo-block h3 {
    margin-top: 0;
    margin-bottom: 20px;
}
.promo-block h3:last-child,
.promo-block p:last-child {
    margin-bottom: 0;
}
.promo-block .HtmlContent {
    width: 675px;
    max-width: calc(100% - 170px);
    position: relative;
    z-index: 10;
}
.promo-link {
    z-index: 10;
}
.promo-block-small {
    border-radius: 4px;
    height: 125px;
    position: relative;
    padding: 25px 30px;
    display: flex;
    overflow: hidden;
}
.promo-block a,
.promo-block-small a {
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
}
.promo-block-small .HtmlContent {
    height: 100%;
    width: 100%;
    display: flex;
}
.promo-block-small h3 {
    margin-top: auto;
    margin-bottom: 0;
}
.promos-small {
    margin: 10px;
}
.promos-small > .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.promo-block-small i {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 25px;
    line-height: 1;
}

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

.upcoming-event-list div[id*="CalendarDisplayPanel"] > .row.no-margin,
.upcoming-event-list div[id*="EventList"] > .row:first-child {
    display: none;
}
.event-list h2 {
    font-size: 25px;
    line-height: 1.2;
    margin-top: 50px;
    margin-bottom: 20px;
}
.event-list h2:first-of-type {
    margin-top: 0;
}
.event-list-item {
    background: #fff;
    border-radius: 4px;
    border: none;
    margin-bottom: 10px;
    padding: 20px;
}
.event-list-item > .col-md-12 > .row {
    display: flex;
    flex-direction: row-reverse;
}
.event-list-item > .col-md-12 > .row > .col-md-3 {
    width: 170px;
    padding: 0;
    margin-right: 30px;
    height: 170px;
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}
.event-list-item > .col-md-12 > .row > .col-md-3 img {
    margin: 0;
    max-width: unset;
    height: 100%;
}
.event-list-item > .col-md-12 > .row > .col-md-9 {
    width: calc(100% - 200px);
    padding: 0;
}
.event-list-item > .col-md-12 > .row > .col-md-12 {
    padding: 0;
    width: 100%;
}
.event-list h3 a {
    text-decoration: none;
}
.event-list h3 {
    margin-top: 0;
    margin-bottom: 25px;
}
.event-list .event-dates {
    font-size: 16px;
    line-height: 35px;
    color: #000;
    padding-left: 45px;
    position: relative;
    padding-bottom: 0;
}
.event-list .event-dates::before,
.event-list div[id*="LocationPanel"]::before {
    position: absolute;
    width: 35px;
    height: 35px;
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    font-family: 'Font Awesome 5 Pro';
    color: #009ADE;
    font-weight: 400;
}
.event-list .event-dates::before {
    content: '\f017';
    top: 0;
    left: 0;
}
.event-list div[id*="LocationPanel"] {
    position: relative;
}
.event-list div[id*="LocationPanel"]::before {
    content: '\f5a0';
    left: -45px;
    top: 0;
}

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

.ContentUserControl .HLLandingControl,
.HLLandingControl .Content,
.HLLandingControl ul {
    padding: 0;
    margin: 0;
    border: none;
}
.HLLandingControl h3 {
    margin-top: 0;
    margin-bottom: 8px;
}
.ByLine,
.HLLandingControl h5 {
    font-size: 12px;
    line-height: 14px;
}
.ByLine a,
.HLLandingControl h5 a {
    font-weight: 700;
    text-decoration: underline;
    color: #005378;
}
.ByLine a:hover,
.ByLine a:focus,
.HLLandingControl h5 a:hover,
.HLLandingControl h5 a:focus {
    text-decoration: underline;
    color: #000;
}
.byline-posted-in .ByLine,
.byline-posted-in h5 {
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    color: #3B3D40;
}
.byline-posted-in .ByLine {
    margin-right: 20px;
}
.byline-posted-in {
    margin-bottom: 8px;
}
.HLLandingControl div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}

/****** all content list ******/

.HLLandingControl.SearchResults ul li .row.title-row .col-sm-3.col-md-3.pull-right {
    display: none;
}
.HLLandingControl.SearchResults ul li .row.title-row .col-md-9 {
    width: 100%;
}

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

.memberhome .HLDiscussions h2 {
    margin-top: 20px;
    margin-bottom: 15px;
}
.HLDiscussions ul {
    padding-top: 0;
}
.HLDiscussions ul li {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 20px 20px 20px 90px;
    position: relative;
    border: none;
}
.HLDiscussions ul li p {
    margin-bottom: 0;
}
.HLDiscussions ul li .title-row .col-sm-2 {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 0;
}
.HLDiscussions ul li .title-row .col-sm-10 {
    width: 100%;
    padding: 0;
}

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

.memberhome-events h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.memberhome-events ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.memberhome-events ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33.3333333% - 30px);
    margin: 15px;
    background: #fff;
    border-radius: 3px;
    border: none;
    padding: 20px;
}
.memberhome-events div[id*="CalendarLocation"] {
    display: none;
}

/*** date blocks ***/

.memberhome-events ul li .col-md-2,
.HLEventList ul li .col-md-2 {
    padding: 0;
    width: 75px;
    margin-right: 20px;
    float: left;
}
.memberhome-events ul li .col-md-10,
.HLEventList ul li .col-md-10 {
    padding: 0;
    width: calc(100% - 95px);
    float: left;
}
.date-block,
.SearchResults.HLLandingControl .calendar-tile.date-block {
    background: #005378;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: none;
    width: 75px;
}
.date-block .calendar-day {
    display: none;
}
.date-block .calendary-number,
.SearchResults.HLLandingControl .calendary-number {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
    background: transparent;
}
.date-block .calendar-month,
.SearchResults.HLLandingControl .calendar-month {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/************ member home left column ************/

.quick-links > .col-md-12,
.my-communities > .col-md-12,
.profile-info > .col-md-12 {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
}
.memberhome .quick-links > .col-md-12[class*="section"],
.memberhome .my-communities > .col-md-12[class*="section"],
.memberhome .profile-info > .col-md-12[class*="section"] {
    padding: 20px;
}
.quick-links,
.my-communities {
    margin-top: 10px;
}
.quick-links h2,
.my-communities h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    line-height: 1.35;
}

/****** profile info ******/

.user-details {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.profile-picture {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}
.profile-picture .row {
    margin: 0;
}
.profile-picture .col-md-12 {
    padding: 0;
}
.profile-picture a[id*="ImageControl"] {
    width: 100px;
    height: 100px;
}
.profile-picture .margin-top-small.row.form-group {
    display: none;
}
.user-details > div:last-child {
    width: calc(100% - 120px);
}
.profile-name {
    color: #005378;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
}
.job-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #86898E;
}
.profile-name + .job-title {
    margin-top: 5px;
}
.profile-job-title {
    display: none;
}

/*** profile completion ***/

.progress-text {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.35;
    color: #000;
    margin-bottom: 5px;
}
.progress {
    height: 10px;
    border-radius: 50px;
    background: #EFF0F1;
    box-shadow: none;
}
.progress-bar-info {
    color: #005378;
    background: #005378;
    border-radius: 50px;
    height: 10px;
}

/*** profile links ***/

.profile-links {
    display: flex;
    flex-wrap: wrap;
}
.profile-link {
    flex-basis: 50%;
    margin-bottom: 10px;
}
.profile-link:last-child,
.profile-link:nth-last-child(2) {
    margin-bottom: 0;
}
.profile-link i {
    color: #009ADE;
    width: 20px;
}

/****** my communities ******/

.my-communities .mc-quick-list-footer,
.my-communities .heading + br,
.my-communities .mc-quick-list-card .mc-quick-list-body .mc-quick-list-row .mc-quick-list-members {
    display: none;
}
.my-communities .mc-quick-list-card .mc-quick-list-body .mc-quick-list-row {
    height: auto;
}
.my-communities .mc-quick-list-card .mc-quick-list-body .mc-quick-list-row .mc-quick-list-com-name {
    color: #005378;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none;
}
.my-communities .mc-quick-list-card .mc-quick-list-body .mc-quick-list-row .mc-quick-list-com-name:hover,
.my-communities .mc-quick-list-card .mc-quick-list-body .mc-quick-list-row .mc-quick-list-com-name:focus {
    color: #000;
    text-decoration: underline;
}
.my-communities .row {
    margin-left: 0;
    margin-right: 0;
}

/****** quick links ******/

.quick-links .make-buttons {
    margin-bottom: 5px;
}
.quick-links .make-buttons:last-child {
    margin-bottom: 0;
}
.quick-links .make-buttons em,
.quick-links .make-buttons em a {
    display: block;
    margin: 0;
}

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

.memberhome-resources .HLLandingControl ul {
    display: flex;
    margin: 0 -15px;
}
.memberhome-resources .HLLandingControl ul li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(25% - 30px);
    margin: 15px;
    background: #fff;
    border-radius: 3px;
    border: none;
    padding: 170px 20px 20px 20px;
    position: relative;
    overflow: hidden;
}
.memberhome-resources .HLLandingControl ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/resource-default.png');
    background-size: cover;
    background-position: center;
}
.memberhome-resources .HLLandingControl ul li.leadership::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/PIMA_Category-Graphics_2022_Leadership.png');
}
.memberhome-resources .HLLandingControl ul li.legislative::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/PIMA_Category-Graphics_2022_Legislative.png');
}
.memberhome-resources .HLLandingControl ul li.sales::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/PIMA_Category-Graphics_2022_Marketing.png');
}
.memberhome-resources .HLLandingControl ul li.technology::before {
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/PIMAINSIGHTS/dcb63249-a1fa-49cb-b7a7-fa8c6bada7ab/UploadedImages/2022_Redesign_Dev_Images/PIMA_Category-Graphics_2022_Technology.png');
}
.memberhome-resources .main-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

/************ filtered library ************/

/*** no results ***/

.resources .resources-row .col-md-8 {
    min-height: 100px;
}

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

/*** left-hand column ***/
.selector-wrap {
    border-radius: 4px;
    background-color: #005378;
    margin-bottom: 30px;
    padding: 20px;
}
.selector-wrap h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.selector-wrap h3,
.selector-wrap p {
    color: #fff;
}
.selector-wrap p:last-child {
    margin-bottom: 0;
}
.selector-wrap .filter-title,
.selector-wrap .search-title {
    margin-top: 30px;
}
.resources .pagination {
    display: none;
}
.filter-wrap .row {
    margin-left: 0;
    margin-right: 0;
}

/* filters */
.filter-button-group {
    position: relative;
    margin-bottom: 15px;
}
.blog-categories.filter-button-group,
.access.filter-button-group {
    display: none;
}
.filter-button-group .filter-label,
.filter-button-group .filter-content {
    background: #fff;
    border: none;
    border-radius: 4px;
}
.dropdown-group .row {
    margin-left: 0;
    margin-right: 0;
}
.filtered-blogs .dropdown-group .row {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}
.filtered-blogs .dropdown-group .filter-button-group {
    margin-left: 5px;
    margin-right: 5px;
    min-width: 250px;
}
.filter-button-group .filter-label {
    cursor: pointer;
    display: block;
    padding: 12px 28px 12px 14px;
    color: #3B3D40;
    font-size: 14px;
    line-height: 1.35;
    position: relative;
    font-weight: 400;
    text-transform: capitalize;
}
.filter-button-group .filter-label::after {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-size: 10px;
    line-height: 20px;
    float: right;
    font-weight: 300;
    color: #009ADE;
    position: absolute;
    right: 14px;
}
.filter-button-group .filter-content {
    display: none;
}
.filter-button-group.open .filter-content {
    display: block;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 3px);
    background: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04), 0px 0px 14px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 4px 4px;
    padding: 20px 20px 20px 14px;
}
.filter-button-group .filter-content ul {
    margin-bottom: 0;
}
.filter-button-group .filter-content li {
    list-style-type: none;
    padding: 6px 10px 6px 0;
    color: #3B3D40;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
    transition: color .3s;
    margin-bottom: 10px;
}
.filter-button-group .filter-content li:last-of-type {
    margin-bottom: 0;
}
.filter-button-group .filter-content li:hover,
.filter-button-group .filter-content li:focus,
.filter-button-group .filter-content li.is-active {
    color: #005378;
    transition: color .3s;
    text-decoration: underline;
}
.filter-button-group .filter-content ul {
    padding: 0;
}
/* checkboxes */
.checkbox-filter {
    position: relative;
}
.checkbox-filter input {
    opacity: 0;
    z-index: -1;
    position: absolute;
}
.checkbox-filter::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #D5D6D8;
    margin-right: 11px;
    float: left;
    margin-top: 1px;
    transition: .3s;
}
.checkbox-filter.is-active::before {
    background: #009ADE;
    border-color: #009ADE;
    transition: .3s;
}

/*** library entries ***/

.HLLandingControl ul li.iso {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 10px;
    border: none;
}
.blog .HLLandingControl ul {
    margin-left: -5px;
    margin-right: -5px;
}
.blog .HLLandingControl ul li.iso, .filtered-blogs .HLLandingControl ul li.iso {
    width: calc(33.3333333% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    min-height: 300px;
}
.filtered-blogs.hide-filters .dropdown-group {
    display: none;
}
.resources .HLLandingControl ul li.iso {
    width: 100%;
}
.HLLandingControl ul li.iso h3 {
    margin-bottom: 8px;
    margin-top: 0;
}

/*** re-setting blog entry font with pima class ***/

.blog.pima.iso {
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

/************ community list ************/

.community-list .col-md-7 {
    padding-left: 0;
}
.community-list .col-md-5 {
    padding-right: 0;
}
.community-list p[id*="StatLastJoined"] .text-muted {
    margin-left: -8px;
}
.community-list p[id*="StatLastJoined"] .label ~ small .text-muted {
    margin-left: 0;
}
.btn-community-stats-static.btn-default,
.btn-community-stats-static.btn-default:hover,
.btn-community-stats-static.btn-default:focus {
    background: #DEF5FF;
    padding: 5px 8px;
    color: #005378;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    border: none;
}
.btn-community-stats-static.btn-default .badge {
    color: #005378;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.1;
    background: #fff;
    border-radius: 5px;
    padding: 3px 7px;
    margin-left: 6px;
}
.btn-community-stats-static.btn-default:hover,
.btn-community-stats-static.btn-default:focus {
    color: #fff;
    background: #005378;
}
.btn-community-stats-static.btn-default:hover .badge,
.btn-community-stats-static.btn-default:focus .badge {
    color: #fff;
    background: #003045;
}

/************ labels ************/

.label {
    background: #D5D6D8;
    border-radius: 4px;
    padding: 3px 6px;
    color: #3B3D40;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.1;
    text-transform: uppercase;
}

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

.viewdocument .timeAgoFormat,
.viewdocument span[id*="UploadedDate"] {
    display: none;
}

/************ interior page panels ************/

.panel-form,
.post-message-contributed-content .panel.panel-form {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    color: #3B3D40;
}

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

#MPFooterLink,
#MPCopyright {
    display: none;
}
#MPOuterFooter {
    /*background: #000;*/
    background: linear-gradient(121deg, #003045 24.85%, #005378 99.38%);
    padding: 30px 0;
}
#FOOTER.col-md-12 {
    padding-left: 0;
    padding-right: 0;
}
.footer-top-row {
    margin-top: 40px;
    margin-bottom: 100px;
    padding-bottom: 30px;
}
.footer-bottom-row {
    color: #fff;
    margin-bottom: 25px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 12px;
}
.footer-top-row,
.footer-top-row a,
.footer-bottom-row a,
.footer-top-row h4 {
    color: #fff;
}
.footer-top-row .make-buttons {
    padding-top: 15px;
}
.footer-logo {
    padding: 40px 0 25px 0;
}
.footer-social {
    padding-top: 15px;
}
.footer-social ul {
    display: flex;
    list-style-type: none;
    padding-left: 0;
}
.footer-social ul li {
    margin-right: 5px;
}
.footer-social a {
    width: 50px;
    height: 50px;
    background: transparent;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
}
.footer-social a:hover,
.footer-social a:focus {
    text-decoration: none;
    color: #009ADE;
    background: transparent;
}
.footer-links {
    margin-top: 40px;
}
.footer-links li {
    margin-bottom: 15px;
    list-style-type: none;
}
.footer-links a:hover,
.footer-links a:focus,
.footer-attribution a:hover,
.footer-attribution a:focus {
    text-decoration: underline;
    color: #009ADE;
}
.footer-links.contact-info a {
    color: #009ADE;
}
.footer-attribution a {
    text-decoration: underline;
}
.footer-subscribe {
    margin-top: 40px;
}
.footer-newsletter {
    margin-left: -35px;
    position: relative;
}
.footer-newsletter::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    background: #000;
    bottom: 65px;
}

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

.white-tile,
.highlight-tile {
    /*padding: 20px 30px;*/
    padding: 5%;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #323333;
    width: 100%;
}
.white-tile {
    background: #fff;
}
.highlight-tile {
    background: #fff;
    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 4%), 0 0 20px 0 rgb(0 0 0 / 6%);
}
.highlight-tile h2 {
    color: #000;
}
.highlight-tile ul li::marker, .white-tile ul li::marker {
    color: #019ADE;
    font-size: 24px;
}
.highlight-tile ul, .white-tile ul, .outline-tile ul {
    padding-left: 20px;
}
.white-tile.icon-sq, .highlight-tile.icon-sq, .outline-tite.icon-sq {
    padding: 10%;
}
.outline-tile {
    border-radius: 4px;
    border: 2px solid #0077AB;
    background-color: transparent;
    color: #fff;
    padding: 5%;
    margin: 0 auto 10px auto;
    width: 100%;
}
.outline-tile h2, .outline-tile h3 {
    color: #fff;
}
.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;
    background-color: #FaFaFa;
    border: 1px solid #f5f5f5;
}
.plain-table tr:nth-child(2n) {
    border-bottom: 1px solid #EDEDED;
    background: #FFF;
}
.highlight-tile li img {
    margin-top: 10px;
    margin-bottom: 15px;
}

/*** Contact page form ***/
.contact-form .panel-form address, .contact-form .panel-form h2 {
    display: none;
}

/************ responsiveness *************/

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

@media (min-width: 992px) {
    div[id*="MessagePanel"] .col-md-4 {
        width: 25%;
    }
}

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

@media (max-width: 1380px) {
    #NAV .navbar-nav {
        float: left;
    }
}

@media (max-width: 1200px) {
    #MPOuterMost.full #HEADER {
        padding-left: 15px;
        padding-right: 15px;
    }
    #NAV {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 1100px) {
    #NAV {
        z-index: 10;
    }
    #Logo {
        position: relative;
        z-index: 20;
    }
    #MPOuterMost #searchColumn {
        float: none !important;
        max-width: 100%;
        margin-top: 10px;
        padding: 0 5px;
    }
    #searchColumn .SearchInputs {
        width: 100%;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        background: transparent;
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse > .row > .col-md-12 {
        padding: 0;
    }
    .navbar-nav {
        float: none !important;
        margin: 0;
        max-height: calc(100vh - 90px);
        background: #fff;
        padding: 5px;
    }
    .navbar-default .navbar-nav>li>a.members-site, .navbar-default .navbar-nav>.active>a.members-site, .navbar-default .navbar-nav>.disabled>a.members-site {
        margin-bottom: 5px;
    }
    .navbar-nav > li {
        float: none;
        max-height: calc(100% - 150vh);
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-collapse.in {
        overflow-y: scroll;
    }
    .collapsing {
        overflow: hidden !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        box-shadow: none;
    }

    /*** colours ***/
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #005378;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #3B3D40;
        background-color: transparent;
        text-decoration: underline;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #3B3D40;
        background-color: #e7e7e7;
        text-decoration: underline;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #3B3D40;
        background-color: transparent;
        text-decoration: underline;
    }
}

@media (max-width: 1030px) {
    .hero .HtmlContent {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1060px) {
    .filtered-blogs .dropdown-group .row {
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    .interior .row-wide > div[class*="section"],
    .row-wide > div[class*="section"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .promos-small.row.row-wide > .col-md-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 991px) {
    #NAV > .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-links ul {
        padding-left: 0;
    }
    .footer-social ul {
        justify-content: center;
    }
    .footer-links,
    .footer-subscribe,
    .footer-top-row,
    .footer-bottom-row,
    .footer-attribution {
        text-align: center;
    }
    .footer-links li {
        text-align: center !important;
    }
    .footer-logo img {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-newsletter {
        margin-left: 0;
    }
    .blog .HLLandingControl ul {
        margin-left: 0;
        margin-right: 0;
    }
    .blog .HLLandingControl ul li.iso, .filtered-blogs .HLLandingControl ul li.iso {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        min-height: 0;
    }
    .promos-small > .col-md-6:first-child {
        margin-bottom: 10px;
    }
    .memberhome-resources .HLLandingControl ul {
        flex-wrap: wrap;
    }
    .memberhome-resources .HLLandingControl ul li,
    .memberhome-events ul li {
        flex-basis: calc(50% - 30px);
    }
    .flex-row {
        display: block;
    }
    .styled-img .ContentItemHtml {
        max-width: 100%;
        width: auto;
    }
    .testimonial {
        margin-left: 15px;
        margin-right: 15px;
    }
    .interior-testimonials {
        margin-left: -15px;
        margin-right: -15px;
    }
    .bio-container > .col-md-3 {
        margin-bottom: 15px;
    }
    .flex-bio {
        flex-wrap: wrap;
    }
    .interior .row .flex-bio .col-md-3 {
        flex-basis: 50%;
    }
}

@media (max-width: 930px) {
    .wide-cta-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 768px) {
    .digest-viewer thead.table-thead-background {
        display: none;
    }
    table.digest-viewer thead>tr>th,
    table.digest-viewer tbody>tr>th,
    table.digest-viewer tfoot>tr>th,
    table.digest-viewer thead>tr>td,
    table.digest-viewer tbody>tr>td,
    table.digest-viewer tfoot>tr>td {
        text-align: left;
    }
    table.digest-viewer td.text-right {
        float: right;
    }
    table.digest-viewer .thread-follow-icon-no-float-xs::before {
        content: 'Following';
        font-family: inherit;
        margin-right: 5px;
    }
    table.digest-viewer span[id*="lblReplies"] {
        font-weight: 700;
    }
    table.digest-viewer span[id*="lblReplies"]::after {
        content: 'replies';
        font-family: inherit;
        margin-left: 3px;
        font-weight: 400;
    }
    table.digest-viewer abbr.timeago {
        cursor: default;
        border-bottom: none;
        text-decoration: none;
    }
    table.digest-viewer .timeago::before {
        content: 'Posted:';
        margin-right: 3px;
        font-family: inherit;
    }
    .profile-info,
    .my-communities,
    .quick-links {
        padding-left: 15px;
        padding-right: 15px;
    }
    .memberhome-resources .HLLandingControl ul li,
    .memberhome-events ul li {
        flex-basis: calc(100% - 30px);
    }
    .bio-container > .col-md-9 {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;
    }
    #PageTitleH1[aria-hidden*="true"] ~ #MainCopy_ContentWrapper {
        padding-top: 70px;
    }
}

@media (max-width: 700px) {
    h1, .h1, .hero-text h1 {
        font-size: 40px;
    }
    h2, .h2 {
        font-size: 36px;
    }
}

@media (max-width: 600px) {
    .promo-block a {
        display: block;
    }
    .promo-block .HtmlContent {
        max-width: 100%;
    }
    .promo-block a .promo-link {
        margin-top: 15px;
    }
    .event-list-item > .col-md-12 > .row {
        flex-direction: column-reverse;
    }
    .event-list-item > .col-md-12 > .row > .col-md-3 {
        width: 100%;
        height: 300px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .event-list-item > .col-md-12 > .row > .col-md-9 {
        width: 100%;
    }
    body.leadership h3 {
        text-align: center;
    }
    .interior .row .flex-bio .col-md-3 {
        flex-basis: 100%;
    }
    .leadership-bio {
        max-width: 350px;
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    .col-md-9 .flex-bio .leadership-bio {
        margin-left: auto;
        margin-right: auto;
        max-width: 350px;
        width: 100%;
    }
}

@media (max-width: 425px) {
    .HLDiscussions ul li {
        padding-left: 20px;
    }
    .HLDiscussions ul li .title-row .col-sm-2 {
        position: relative;
        top: auto;
        left: auto;
        width: 50px;
        margin-right: 20px;
        float: left;
    }
    .HLDiscussions .title-row .col-md-10.col-sm-10 {
        width: calc(100% - 70px);
        float: left;
    }
    .testimonial {
        padding-left: 30px;
        padding-right: 30px;
    }
    #PageTitleH1[aria-hidden*="true"] ~ #MainCopy_ContentWrapper {
        padding-top: 90px;
    }
}