@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* =========================================================
   NFPRHA | GlacierBay Responsive Override
   Brand guide based
   Primary Blue: #5191CD
   Accent Mint:  #AAFACE
   Font: Roboto
   Load AFTER 99-GlacierBay_Responsive.css
========================================================= */

:root{
  --nfprha-blue: #5191CD;
  --nfprha-blue-dark: #3D78AF;
  --nfprha-blue-deep: #2F628F;
  --nfprha-mint: #AAFACE;
  --nfprha-mint-soft: #EEFDF5;
  --nfprha-text: #233746;
  --nfprha-text-soft: #5B6B78;
  --nfprha-border: #D7E3EE;
  --nfprha-bg-soft: #F5F9FC;
  --nfprha-bg-tint: #EDF5FB;
  --nfprha-white: #FFFFFF;
  --nfprha-heading: #244A67;
  --nfprha-shadow: 0 8px 24px rgba(35, 55, 70, 0.08);
  --nfprha-radius: 8px;
}

/* =========================================================
   Global typography
========================================================= */
html,
body,
button,
input,
select,
textarea,
label,
div,
span,
p,
a,
li,
td,
th{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

body{
  color: var(--nfprha-text);
  background-color: var(--nfprha-white);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p,
li,
td,
th{
  font-size: 16px;
  color: var(--nfprha-text);
}

h1, h2, h3, h4, h5, h6,
.PanelTitle,
.panel-title,
.TitleBarCaption{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  color: var(--nfprha-heading);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
}

h1{
  font-size: clamp(2rem, 3vw, 2.75rem);
  margin-bottom: 0.5em;
}

h2{
  font-size: clamp(1.625rem, 2.2vw, 2.125rem);
  margin-bottom: 0.5em;
}

h3{
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
}

h4{
  font-size: 1.125rem;
}

small,
.text-muted,
.HelperText{
  color: var(--nfprha-text-soft) !important;
}

hr{
  border-color: var(--nfprha-border);
  margin: 1.5rem 0;
}

/* =========================================================
   Links
========================================================= */
a{
  color: var(--nfprha-blue);
  transition: color .2s ease, opacity .2s ease;
}

a:hover,
a:focus{
  color: var(--nfprha-blue-dark);
  text-decoration: underline;
}

a:active{
  color: var(--nfprha-blue-deep);
}

/* =========================================================
   Accessibility / focus
========================================================= */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.btn:focus,
.TextButton:focus{
  outline: 3px solid rgba(170, 250, 206, 0.9);
  outline-offset: 2px;
  box-shadow: none !important;
}

/* =========================================================
   Header + logo area
========================================================= */
#masterHeaderBackground,
header.header{
  background: #ffffff;
  border-bottom: 1px solid var(--nfprha-border);
}

.header-top-container{
  background: #ffffff;
}

.header-bottom-container{
  background: var(--nfprha-blue);
}

.header-logo-container{
  margin: 0.75em 0;
}

#masterLogoArea img,
.header-logo-container img{
  max-height: 88px;
}

/* Utility and header links */
.header-top-container a,
.header-social a,
.search-container a,
.auth-link-container a{
  color: var(--nfprha-text);
}

.header-top-container a:hover,
.header-social a:hover,
.search-container a:hover,
.auth-link-container a:hover{
  color: var(--nfprha-blue);
}

/* =========================================================
   Primary navigation
========================================================= */
.header-bottom-container .navbar-nav > li > a,
.header-bottom-container .RadMenu a.rmLink,
.header-bottom-container .nav > li > a{
  color: #ffffff !important;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.01em;
}

.header-bottom-container .navbar-nav > li > a:hover,
.header-bottom-container .navbar-nav > li > a:focus,
.header-bottom-container .RadMenu a.rmLink:hover,
.header-bottom-container .RadMenu a.rmLink:focus,
.header-bottom-container .nav > li > a:hover,
.header-bottom-container .nav > li > a:focus{
  background-color: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
  text-decoration: none;
}

/* Dropdown menus */
.RadMenu .rmGroup,
.navbar-nav .dropdown-menu,
.header-bottom-container .dropdown-menu{
  background: #ffffff;
  border: 1px solid var(--nfprha-border);
  box-shadow: var(--nfprha-shadow);
  border-radius: 0 0 var(--nfprha-radius) var(--nfprha-radius);
}

.RadMenu .rmGroup .rmLink,
.navbar-nav .dropdown-menu > li > a,
.header-bottom-container .dropdown-menu > li > a{
  color: var(--nfprha-text) !important;
  background: transparent !important;
  font-weight: 500;
}

.RadMenu .rmGroup .rmLink:hover,
.RadMenu .rmGroup .rmLink:focus,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus,
.header-bottom-container .dropdown-menu > li > a:hover,
.header-bottom-container .dropdown-menu > li > a:focus{
  background: var(--nfprha-bg-tint) !important;
  color: var(--nfprha-blue-dark) !important;
  text-decoration: none;
}

/* Mobile nav toggle */
.navbar-toggle{
  border-color: rgba(255,255,255,0.65);
  background: transparent;
}

.navbar-toggle .icon-bar{
  background-color: #ffffff;
}

/* =========================================================
   Search
========================================================= */
.header-search input[type="text"],
.search-field,
.SearchField{
  border: 1px solid var(--nfprha-border) !important;
  border-radius: 999px;
  background-color: #ffffff;
  color: var(--nfprha-text);
}

.SearchField label{
  color: var(--nfprha-heading) !important;
  font-weight: 700;
}

.SearchResultSummary .ListItemTitle a{
  border-radius: 6px;
  color: var(--nfprha-heading) !important;
}

.SearchResultSummary .ListItemTitle a:hover{
  background-color: var(--nfprha-bg-tint) !important;
  color: var(--nfprha-blue-dark) !important;
}

/* =========================================================
   Buttons
========================================================= */
.TextButton,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
button:not(.navbar-toggle){
  background: var(--nfprha-blue) !important;
  border: 1px solid var(--nfprha-blue) !important;
  color: #ffffff !important;
  border-radius: 999px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0.75rem 1.25rem;
  text-decoration: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .15s ease;
  box-shadow: none !important;
}

.TextButton:hover,
.TextButton:focus,
.btn:hover,
.btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
button:not(.navbar-toggle):hover,
button:not(.navbar-toggle):focus{
  background: var(--nfprha-blue-dark) !important;
  border-color: var(--nfprha-blue-dark) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.ButtonItem,
.btn-default,
.button,
a.button{
  border-radius: 999px;
}

/* Secondary style if used */
.btn-secondary,
.button-secondary,
.TextButton.secondary{
  background: #ffffff !important;
  color: var(--nfprha-blue) !important;
  border: 1px solid var(--nfprha-blue) !important;
}

.btn-secondary:hover,
.button-secondary:hover,
.TextButton.secondary:hover{
  background: var(--nfprha-bg-tint) !important;
  color: var(--nfprha-blue-dark) !important;
  border-color: var(--nfprha-blue-dark) !important;
}

/* =========================================================
   Main content
========================================================= */
#masterContentArea{
  margin-top: 20px;
}

#masterContentArea .container,
#masterContentArea .container-inner{
  color: var(--nfprha-text);
}

/* =========================================================
   Panels, cards, content blocks
========================================================= */
.StandardPanel,
.ContentBorder,
.panel-border,
.panel,
div.ShowFieldset fieldset,
.EventSummary,
.ProductDisplay{
  background: #ffffff;
  border: 1px solid var(--nfprha-border) !important;
  border-radius: var(--nfprha-radius);
  box-shadow: none;
}

.PanelHead,
.panel-heading,
.PanelHead.Distinguish,
.panel-heading.Distinguish,
.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading{
  background: var(--nfprha-bg-tint) !important;
  border-bottom: 1px solid var(--nfprha-border) !important;
}

.PanelTitle,
.panel-title,
.PanelHead .TitleBarCaption,
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title{
  color: var(--nfprha-heading) !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.PanelBody,
.panel-body{
  color: var(--nfprha-text);
}

.SelectedItem{
  background-color: var(--nfprha-mint-soft) !important;
}

/* Collapsible panel icon area */
.PanelHead.Distinguish.Collapsible:after{
  opacity: 0.8;
}

/* =========================================================
   Homepage / full width section styling
========================================================= */
.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg5{
  background: #ffffff !important;
  min-height: auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg4{
  background: var(--nfprha-bg-soft) !important;
  min-height: auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5{
  padding: clamp(50px, 6vw, 84px) 1%;
}

.Wrapper-HomePage h2.panel-title,
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2{
  color: var(--nfprha-heading) !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong{
  color: var(--nfprha-blue-dark);
  font-size: inherit;
  display: inline;
  padding-bottom: 0;
}

/* =========================================================
   Tables
========================================================= */
table{
  width: 100%;
}

table,
table th,
table td{
  border-color: var(--nfprha-border) !important;
}

th{
  background: var(--nfprha-bg-tint);
  color: var(--nfprha-heading);
  font-weight: 700;
}

td{
  background: #ffffff;
}

/* =========================================================
   Forms
========================================================= */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
select,
textarea{
  border: 1px solid var(--nfprha-border) !important;
  border-radius: 6px;
  background: #ffffff;
  color: var(--nfprha-text);
  padding: 0.75rem 0.875rem;
  min-height: 44px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
select:hover,
textarea:hover{
  border-color: #BDD2E4 !important;
}

input::placeholder,
textarea::placeholder{
  color: #7A8B98;
}

/* =========================================================
   Alerts / helper text / status
========================================================= */
.Alert,
.alert,
.ValidationSummary,
.ProblemPanel{
  border-radius: 8px;
}

.Alert,
.alert-info{
  background: var(--nfprha-bg-tint);
  border-color: #C8DDED;
  color: var(--nfprha-text);
}

.alert-success{
  background: var(--nfprha-mint-soft);
  border-color: #BDEFD5;
  color: #21553A;
}

.alert-warning{
  background: #FFF8E8;
  border-color: #F2DEAA;
  color: #7A5A14;
}

.alert-danger,
.ValidationSummary,
.ProblemPanel{
  background: #FFF1F1;
  border-color: #E8BABA;
  color: #8A2E2E;
}

/* =========================================================
   Events / product / profile summary areas
========================================================= */
.EventSummary .PhotoArea,
.EventSummary .Description,
.ProductDisplay{
  background: #ffffff;
}

.EventSummary .PhotoArea img{
  border: 1px solid var(--nfprha-border) !important;
  border-radius: 8px;
}

.mini-profile-banner-large,
.account-page-with-banner .mini-profile-banner-large{
  background: var(--nfprha-bg-soft);
  border: 1px solid var(--nfprha-border);
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a:not(.ButtonItem),
.account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a:not(.ButtonItem){
  color: var(--nfprha-heading);
}

/* =========================================================
   Footer
========================================================= */
.footer,
.footer-content-section,
.footer-nav-copyright{
  background: #244A67;
  color: #ffffff;
}

.footer a,
.footer-content-section a,
.footer-nav-copyright a{
  color: #ffffff;
}

.footer a:hover,
.footer-content-section a:hover,
.footer-nav-copyright a:hover{
  color: var(--nfprha-mint);
}

.footer-content-section h2,
.footer-content-section h3,
.footer-content-section .panel-title{
  color: #ffffff !important;
}

.footer-content-section{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.footer-promo-container .promo .TextButton{
  background: var(--nfprha-mint) !important;
  border-color: var(--nfprha-mint) !important;
  color: #244A67 !important;
}

.footer-promo-container .promo .TextButton:hover{
  background: #8FE8BB !important;
  border-color: #8FE8BB !important;
  color: #244A67 !important;
}

/* =========================================================
   Images / media
========================================================= */
img{
  border-radius: 0;
}

.img-rounded,
.img-thumbnail{
  border-radius: 8px;
  border-color: var(--nfprha-border);
}

.nfprha-text-center{
  text-align: center;
}

:root{
  --nfprha-nav-shift-desktop: 0px;
}

/* Desktop logo nudge only */
@media (min-width: 992px){
  #masterLogoArea img,
  .header-logo-container img{
    margin-top: -13px !important;
    margin-left: -13px !important;
  }
}

/* ---------- Utility nav ---------- */
#ctl01_ciUtilityNavigation_UtilityPlaceholder{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea,
#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList{
  display: flex;
  align-items: center;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .account-menu,
#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationUnorderedList{
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea li,
#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList li{
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .sign-in-link,
#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationLink{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding: 0;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea li::after{
  content: "|";
  display: inline-block;
  margin: 0 12px;
  color: #ffffff;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList li:not(:last-child)::after{
  content: "|";
  display: inline-block;
  margin: 0 12px;
  color: #ffffff;
}

#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList{
  margin-right: 10px;
}

.header-bottom-container .RadMenu li.donatenavbutton > a.rmLink,
.header-bottom-container .RadMenu a.rmLink.donatenavbutton,
.header-bottom-container li.donatenavbutton > a,
.header-bottom-container a.donatenavbutton,
.header-bottom-container .RadMenu li.Joinnavbutton > a.rmLink,
.header-bottom-container .RadMenu a.rmLink.Joinnavbutton,
.header-bottom-container li.Joinnavbutton > a,
.header-bottom-container a.Joinnavbutton,
.header-bottom-container .RadMenu li.joinnavbutton > a.rmLink,
.header-bottom-container .RadMenu a.rmLink.joinnavbutton,
.header-bottom-container li.joinnavbutton > a,
.header-bottom-container a.joinnavbutton{
  background: #2a9e4f !important;
  color: #ffffff !important;
  border: 1px solid #2a9e4f !important;
  border-radius: 0 !important;
  padding: 9px 20px !important;
  margin: 6px 0 !important;
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.header-bottom-container .RadMenu li.donatenavbutton > a.rmLink:hover,
.header-bottom-container .RadMenu a.rmLink.donatenavbutton:hover,
.header-bottom-container li.donatenavbutton > a:hover,
.header-bottom-container a.donatenavbutton:hover,
.header-bottom-container .RadMenu li.donatenavbutton > a.rmLink:focus,
.header-bottom-container .RadMenu a.rmLink.donatenavbutton:focus,
.header-bottom-container li.donatenavbutton > a:focus,
.header-bottom-container a.donatenavbutton:focus,
.header-bottom-container .RadMenu li.Joinnavbutton > a.rmLink:hover,
.header-bottom-container .RadMenu a.rmLink.Joinnavbutton:hover,
.header-bottom-container li.Joinnavbutton > a:hover,
.header-bottom-container a.Joinnavbutton:hover,
.header-bottom-container .RadMenu li.Joinnavbutton > a.rmLink:focus,
.header-bottom-container .RadMenu a.rmLink.Joinnavbutton:focus,
.header-bottom-container li.Joinnavbutton > a:focus,
.header-bottom-container a.Joinnavbutton:focus,
.header-bottom-container .RadMenu li.joinnavbutton > a.rmLink:hover,
.header-bottom-container .RadMenu a.rmLink.joinnavbutton:hover,
.header-bottom-container li.joinnavbutton > a:hover,
.header-bottom-container a.joinnavbutton:hover,
.header-bottom-container .RadMenu li.joinnavbutton > a.rmLink:focus,
.header-bottom-container .RadMenu a.rmLink.joinnavbutton:focus,
.header-bottom-container li.joinnavbutton > a:focus,
.header-bottom-container a.joinnavbutton:focus{
  background: #218a40 !important;
  border-color: #218a40 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ---------- Desktop primary nav ---------- */
@media (min-width: 992px){

  .header-bottom-container #ctl01_ciPrimaryNavigation_PrimaryNavigationArea{
    position: relative;
    left: var(--nfprha-nav-shift-desktop) !important;
  }

  .header-bottom-container .header-container,
  .header-bottom-container .primary-navigation-area,
  .header-bottom-container .nav-primary,
  .header-bottom-container .RadMenu{
    display: flex;
    align-items: center;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal{
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem{
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink .rmText{
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem.donatenavbutton,
  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem.Joinnavbutton,
  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem.joinnavbutton{
    display: flex !important;
    align-items: center !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem.donatenavbutton{
    margin-left: 12px !important;
  }

  /* Actual desktop gap between JOIN and DONATE */
  .header-bottom-container .RadMenu li.Joinnavbutton > a.rmLink,
  .header-bottom-container .RadMenu li.joinnavbutton > a.rmLink,
  .header-bottom-container .RadMenu a.rmLink.Joinnavbutton,
  .header-bottom-container .RadMenu a.rmLink.joinnavbutton,
  .header-bottom-container li.Joinnavbutton > a,
  .header-bottom-container li.joinnavbutton > a,
  .header-bottom-container a.Joinnavbutton,
  .header-bottom-container a.joinnavbutton{
    margin-right: 10px !important;
  }
}

/* ---------- Mobile / tablet reset ---------- */
@media (max-width: 991px){

  /* kill desktop nudges */
  #masterLogoArea img,
  .header-logo-container img{
    max-width: 100% !important;
    height: auto !important;
    max-height: 64px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  .header-top-container .header-container{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  #masterLogoArea,
  #auxiliary-container{
    float: none !important;
  }

  #auxiliary-container{
    width: 100% !important;
    margin-top: 8px !important;
  }

  #ctl01_ciUtilityNavigation_UtilityPlaceholder{
    width: 100% !important;
    justify-content: flex-end !important;
    row-gap: 8px !important;
  }

  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea,
  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList,
  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilitySearch{
    flex-wrap: wrap !important;
  }

  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList{
    margin-right: 0 !important;
  }

  .header-bottom-container #ctl01_ciPrimaryNavigation_PrimaryNavigationArea{
    position: static !important;
    left: auto !important;
    width: 100% !important;
  }

.header-bottom-container .header-container,
.header-bottom-container .primary-navigation-area{
  display: block !important;
  width: 100% !important;
}

/* keep mobile nav hidden until hamburger is clicked */
.header-bottom-container .nav-primary.collapse{
  display: none !important;
  width: 100% !important;
}

.header-bottom-container .nav-primary.collapse.in,
.header-bottom-container .nav-primary.collapsing{
  display: block !important;
  width: 100% !important;
}

/* only style the RadMenu when the mobile nav is actually open */
.header-bottom-container .nav-primary.collapse.in .RadMenu,
.header-bottom-container .nav-primary.collapsing .RadMenu{
  display: block !important;
  width: 100% !important;
}

  .header-bottom-container .navbar-collapse{
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

.header-bottom-container .nav-primary.collapse.in .RadMenu .rmRootGroup.rmHorizontal,
.header-bottom-container .nav-primary.collapsing .RadMenu .rmRootGroup.rmHorizontal{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.header-bottom-container .nav-primary.collapse.in .RadMenu .rmRootGroup.rmHorizontal > .rmItem,
.header-bottom-container .nav-primary.collapsing .RadMenu .rmRootGroup.rmHorizontal > .rmItem{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.header-bottom-container .nav-primary.collapse.in .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink,
.header-bottom-container .nav-primary.collapsing .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 14px 18px !important;
  margin: 0 !important;
  white-space: normal !important;
  border-top: 1px solid rgba(255,255,255,0.16) !important;
  box-sizing: border-box !important;
}

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    white-space: normal !important;
    border-top: 1px solid rgba(255,255,255,0.16) !important;
    box-sizing: border-box !important;
  }

  .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink .rmText{
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    text-transform: uppercase !important;
  }

  /* Mobile submenus */
  .header-bottom-container .RadMenu .rmGroup{
    position: static !important;
    width: 100% !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .header-bottom-container .RadMenu .rmGroup .rmLink{
    padding: 12px 28px !important;
  }

  /* Mobile CTA buttons */
  .header-bottom-container .RadMenu li.donatenavbutton > a.rmLink,
  .header-bottom-container .RadMenu a.rmLink.donatenavbutton,
  .header-bottom-container li.donatenavbutton > a,
  .header-bottom-container a.donatenavbutton,
  .header-bottom-container .RadMenu li.Joinnavbutton > a.rmLink,
  .header-bottom-container .RadMenu a.rmLink.Joinnavbutton,
  .header-bottom-container li.Joinnavbutton > a,
  .header-bottom-container a.Joinnavbutton,
  .header-bottom-container .RadMenu li.joinnavbutton > a.rmLink,
  .header-bottom-container .RadMenu a.rmLink.joinnavbutton,
  .header-bottom-container li.joinnavbutton > a,
  .header-bottom-container a.joinnavbutton{
    width: calc(100% - 24px) !important;
    min-height: 44px !important;
    margin: 10px 12px 0 !important;
    padding: 12px 18px !important;
    border-right: 0 !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px){

  /* let utility nav breathe on phones */
  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea li::after,
  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList li::after{
    display: none !important;
  }

  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .sign-in-link,
  #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationLink{
    padding: 4px 0 !important;
  }

  /* hero height safety on phones */
  .HomePageFullWidthArea .carousel-inner.bg-img .item{
    height: 420px !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}
@media (max-width: 991px){
  .header-top-container{
    background: var(--nfprha-blue) !important;
  }
}
@media (max-width: 991px) {
    .header-top-container {
        background: var(--nfprha-blue) !important;
    }

        .header-top-container a {
            color: #ffffff !important;
        }

    #auxiliary-container {
        width: 100% !important;
        margin-top: 6px !important;
    }

    #ctl01_ciUtilityNavigation_UtilityPlaceholder {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-end !important;
        width: 100% !important;
        row-gap: 8px !important;
        column-gap: 8px !important;
    }

        #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilitySearch {
            display: none !important;
        }

        #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea,
        #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList {
            order: 1;
            flex: 0 0 auto !important;
            width: auto !important;
            display: flex !important;
            align-items: center !important;
            margin: 0 !important;
        }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .account-menu,
            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationUnorderedList {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                flex-wrap: nowrap !important;
                gap: 12px !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea li,
            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList li {
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

                #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea li::after,
                #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList li::after {
                    display: none !important;
                }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .sign-in-link,
            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationLink {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                min-height: 40px !important;
                padding: 8px 10px !important;
                font-size: 14px !important;
                font-weight: 500 !important;
                line-height: 1.2 !important;
                white-space: nowrap !important;
                color: #ffffff !important;
                text-decoration: none !important;
            }

                #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityAccountArea .sign-in-link:hover,
                #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationList .NavigationLink:hover {
                    text-decoration: underline !important;
                }

        #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle {
            order: 2;
            display: flex !important;
            align-items: center !important;
        }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle .navbar-toggle {
                margin: 0 !important;
                width: 42px !important;
                height: 42px !important;
                padding: 0 !important;
                border-radius: 4px !important;
                background: rgba(255,255,255,0.92) !important;
                border: 1px solid rgba(255,255,255,0.92) !important;
            }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle .menu-toggle {
                display: inline-block !important;
                position: relative !important;
                vertical-align: middle !important;
            }

                #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle .menu-toggle .icon-bar {
                    display: block !important;
                    width: 20px !important;
                    height: 3px !important;
                    margin: 3px auto !important;
                    background: #111111 !important;
                    border-radius: 1px !important;
                }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle .searchbar-toggle {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle + .UtilityNavigationToggle .navbar-toggle {
                margin-left: 8px !important;
            }

    #ctl01_ciUtilityNavigation_search-collapse {
        order: 3;
        width: 100% !important;
    }

        #ctl01_ciUtilityNavigation_search-collapse .search-container {
            padding-top: 4px;
        }

        #ctl01_ciUtilityNavigation_search-collapse .header-search {
            width: 100%;
        }

        #ctl01_ciUtilityNavigation_search-collapse .search-field {
            width: 100% !important;
        }
}

@media (min-width: 992px) {
    .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem {
        margin-right: 18px !important;
    }

        .header-bottom-container .RadMenu .rmRootGroup.rmHorizontal > .rmItem > .rmLink {
            padding-left: 14px !important;
            padding-right: 14px !important;
        }
}

/* =========================================================
   NFPRHA primary nav dropdowns
   Match wireframe desktop + mobile
========================================================= */

/* Desktop + shared submenu shell */
.header-bottom-container .RadMenu .rmGroup,
.header-bottom-container .dropdown-menu {
    background: #2f628f !important;
    border: 0 !important;
    border-top: 4px solid #2a9e4f !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.22) !important;
    padding: 0 !important;
    overflow: hidden !important;
    min-width: 260px !important;
}

    /* Reset submenu items */
    .header-bottom-container .RadMenu .rmGroup .rmItem {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Submenu links */
    .header-bottom-container .RadMenu .rmGroup .rmLink,
    .header-bottom-container .dropdown-menu > li > a {
        display: block !important;
        background: transparent !important;
        color: #ffffff !important;
        font-weight: 400 !important;
        text-decoration: none !important;
        padding: 14px 20px !important;
        line-height: 1.3 !important;
        border: 0 !important;
        border-top: 1px solid rgba(42,158,79,0.9) !important;
        transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important;
    }

    /* First node should not get double line under the green top bar */
    .header-bottom-container .RadMenu .rmGroup > .rmItem:first-child > .rmLink,
    .header-bottom-container .dropdown-menu > li:first-child > a {
        border-top: 0 !important;
    }

    /* Optional bottom edge so last item feels boxed in */
    .header-bottom-container .RadMenu .rmGroup > .rmItem:last-child > .rmLink,
    .header-bottom-container .dropdown-menu > li:last-child > a {
        border-bottom: 1px solid rgba(42,158,79,0.9) !important;
    }

    /* Hover / focus state */
    .header-bottom-container .RadMenu .rmGroup .rmLink:hover,
    .header-bottom-container .RadMenu .rmGroup .rmLink:focus,
    .header-bottom-container .dropdown-menu > li > a:hover,
    .header-bottom-container .dropdown-menu > li > a:focus {
        background: #3d78af !important;
        color: #ffffff !important;
        text-decoration: none !important;
        padding-left: 24px !important;
    }

/* Keep flyout positioning clean on desktop */
@media (min-width: 992px) {
    .header-bottom-container .RadMenu .rmGroup {
        margin-top: 0 !important;
    }
}

/* Mobile submenu styling */
@media (max-width: 991px) {

    .header-bottom-container .RadMenu .rmGroup {
        background: #2f628f !important;
        border: 0 !important;
        border-top: 3px solid #2a9e4f !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
    }

        .header-bottom-container .RadMenu .rmGroup .rmLink {
            color: #ffffff !important;
            padding: 13px 28px !important;
            border-top: 1px solid rgba(42,158,79,0.9) !important;
            background: transparent !important;
        }

        .header-bottom-container .RadMenu .rmGroup > .rmItem:first-child > .rmLink {
            border-top: 0 !important;
        }

        .header-bottom-container .RadMenu .rmGroup .rmLink:hover,
        .header-bottom-container .RadMenu .rmGroup .rmLink:focus {
            background: #3d78af !important;
            padding-left: 32px !important;
        }
}

/* =========================================================
   NFPRHA Tagged List News Cards
   Scoped to taggedNews
========================================================= */

.taggedNews .panel,
.taggedNews .panel-body,
.taggedNews .panel-body-container,
.taggedNews .TaggedListPanel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.taggedNews .panel-body,
.taggedNews .panel-body-container {
    padding: 0 !important;
}

.taggedNews .TaggedListPanel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: stretch !important;
}

    .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        background: #ffffff;
        border: 1px solid #c8dff0;
        overflow: hidden;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

        .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 24px rgba(35, 55, 70, 0.10);
        }

.taggedNews .nfprha-news-card__media {
    position: relative;
    height: 165px;
    background: linear-gradient(135deg, #2a7ab5 0%, #3a90cc 100%);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .taggedNews .nfprha-news-card__media img,
    .taggedNews .nfprha-news-card__media .contentTaggedListResponsiveThumbnail,
    .taggedNews .nfprha-news-card__media .contentTaggedListImageThumbnailR {
        display: block;
        width: auto !important;
        height: auto !important;
        max-width: 80%;
        max-height: 80%;
        object-fit: contain;
        object-position: center center;
        margin: 0 auto !important;
        border: 0 !important;
    }

.taggedNews .nfprha-news-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 18px 20px 20px;
}

.taggedNews .nfprha-news-card__share {
    display: none !important;
}

.taggedNews .nfprha-news-card__meta {
    margin: 0 0 12px;
    line-height: 1.2;
}

.taggedNews .nfprha-news-card__date,
.taggedNews .nfprha-news-card__date span {
    color: #5b6b78 !important;
    font-size: 15px;
    font-weight: 400;
}

.taggedNews .nfprha-news-card__title {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.28;
    text-transform: uppercase;
    letter-spacing: 0;
}

    .taggedNews .nfprha-news-card__title a,
    .taggedNews .nfprha-news-card__title span {
        color: #2a7ab5 !important;
        text-decoration: none !important;
    }

.taggedNews .nfprha-news-card__desc,
.taggedNews .nfprha-news-card__desc span,
.taggedNews .nfprha-news-card__desc p {
    color: #5b6b78 !important;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

.taggedNews .nfprha-news-card__readmore {
    margin-top: 18px;
}

    .taggedNews .nfprha-news-card__readmore a {
        color: #2a9e4f !important;
        text-decoration: none !important;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .taggedNews .TaggedListPanel {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .taggedNews .nfprha-news-card__media {
        height: 145px;
    }

    .taggedNews .nfprha-news-card__body {
        padding: 16px 16px 18px;
    }

    .taggedNews .nfprha-news-card__title {
        font-size: 17px;
    }
}

.taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    background: #ffffff;
    border: 1px solid #c8dff0;
    overflow: hidden;
    transform: translateY(0) scale(1);
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
    will-change: transform;
}

    .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card:hover,
    .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card:focus-within {
        transform: translateY(-6px) scale(1.02);
        box-shadow: 0 16px 30px rgba(35, 55, 70, 0.16);
        border-color: #9fc8e3;
    }

@media (prefers-reduced-motion: reduce) {
    .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card {
        transition: none !important;
    }

        .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card:hover,
        .taggedNews .TaggedListPanel > .BlockTLItem.nfprha-news-card:focus-within {
            transform: none !important;
        }
}

.footer-content {
    background-color: #005f9e !important;
}

.footer, .footer-content-section, .footer-nav-copyright {
    background: #005f9e !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4 {
    display: none !important;
}

.Wrapper-HomePage #masterContentArea {
    margin-top: -95px !important;
}

@media (min-width: 992px) {
    .header-bottom-container #ctl01_ciPrimaryNavigation_PrimaryNavigationArea {
        position: relative;
        left: 300px !important;
    }
}

/* Utility nav search only */
#ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilitySearch .search-field,
#ctl01_ciUtilityNavigation_search-collapse .search-field,
#SimpleSearchBlock .search-field,
#ResponsiveSimpleSearchBlock .search-field {
    min-height: 0 !important;
    height: 36px !important;
    padding: 0 18px !important;
    line-height: 36px !important;
    border-radius: 999px !important;
}

/* Keep the utility row vertically aligned */
#ctl01_ciUtilityNavigation_UtilityPlaceholder {
    display: flex !important;
    align-items: center !important;
}

    #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilitySection {
        display: flex !important;
        align-items: center !important;
    }

.InternalHeaderArea {
    background: var(--nfprha-blue) !important;
}

.nav-secondary .sub-nav-head {
    background-color: var(--nfprha-blue) !important;
}

/* =========================================================
   NFPRHA footer color normalization
   Use brand blue without losing visibility
========================================================= */

/* Outer site footer shells */
.footer,
.footer-content,
.footer-content-section,
.footer-nav-copyright {
    background: var(--nfprha-blue) !important;
}

    /* Let the custom footer sit cleanly inside the shell */
    .footer-content > .container,
    .footer-nav-copyright > .container {
        background: transparent !important;
    }

/* Custom iPart footer */
.nfprha-footer {
    background: transparent !important;
    color: #cfe3f1 !important;
}

    /* Footer links */
    .nfprha-footer a {
        color: #cfe3f1 !important;
        text-decoration: none;
    }

        .nfprha-footer a:hover,
        .nfprha-footer a:focus {
            color: #ffffff !important;
            text-decoration: none;
            opacity: 1;
        }

/* Footer headings */
.nfprha-footer__title {
    color: #ffffff !important;
    border-bottom-color: rgba(153, 210, 255, 0.55) !important;
}

/* Social icon boxes */
.nfprha-footer__social-link {
    background: #4ba6df !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

    .nfprha-footer__social-link:hover,
    .nfprha-footer__social-link:focus {
        background: #69b7e8 !important;
    }

    .nfprha-footer__social-link svg {
        fill: #ffffff !important;
    }

/* Copyright row */
.footer-nav-copyright,
.footer-nav-copyright p,
.footer-nav-copyright span,
.footer-nav-copyright a,
.footer-copyright,
.footer-copyright a {
    color: #ffffff !important;
}

    .footer-nav-copyright a:hover,
    .footer-nav-copyright a:focus,
    .footer-copyright a:hover,
    .footer-copyright a:focus {
        color: #cfe3f1 !important;
    }

    /* Safety so global site link color does not bleed into footer */
    .footer a,
    .footer-content a,
    .footer-content-section a,
    .footer-nav-copyright a {
        color: inherit !important;
    }

.StandardPanel, .ContentBorder, .panel-border, .panel, div.ShowFieldset fieldset, .EventSummary, .ProductDisplay {
    background: #ffffff;
    border: 1px solid var(--nfprha-border) !important;
}

/* =========================================================
   NFPRHA Account Page cleanup
   Scope only to account page/banner areas
========================================================= */

/* 1) Clean up the top account banner bars */
.account-banner-short .banner-top-bar,
.account-banner-short .banner-content {
    background: #ffffff !important;
    border: 1px solid var(--nfprha-border) !important;
    box-shadow: none !important;
}

/* remove empty native panel headers that create odd bars */
.account-banner-short .panel-heading:empty {
    display: none !important;
}

/* keep account banner panels clean */
.account-banner-short .panel,
.account-banner-short .panel-body,
.account-banner-short .panel-body-container {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* 2) Status / Type / ID summary text visibility */
.account-banner-short .summary-display,
.account-banner-short .summary-display-inline,
.account-banner-short .summary-display-item,
.account-banner-short .summary-display .PanelField,
.account-banner-short .summary-display .PanelFieldValue {
    color: var(--nfprha-text) !important;
}

    .account-banner-short .summary-display .Label {
        color: var(--nfprha-heading) !important;
        font-weight: 700 !important;
    }

    .account-banner-short .summary-display .PanelFieldValue,
    .account-banner-short .summary-display .PanelFieldValue span {
        color: var(--nfprha-text) !important;
        font-weight: 500 !important;
    }

/* 3) Actions + Join Now buttons
   Override the sitewide pill/button bleed just on this page */
.account-banner-short .TextButton,
.account-banner-short input[type="button"],
.account-banner-short input[type="submit"],
.account-banner-short button {
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Actions dropdown trigger */
#ctl01_TemplateBody_WebPartManager1_gwpciActions_ciActions_DropdownButton {
    background: var(--nfprha-blue) !important;
    border: 1px solid var(--nfprha-blue) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
}

/* Join Now button */
#ctl01_TemplateBody_WebPartManager1_gwpciRenewalButton_ciRenewalButton_JoinNowButton {
    background: var(--nfprha-blue) !important;
    border: 1px solid var(--nfprha-blue) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
}

    #ctl01_TemplateBody_WebPartManager1_gwpciActions_ciActions_DropdownButton:hover,
    #ctl01_TemplateBody_WebPartManager1_gwpciActions_ciActions_DropdownButton:focus,
    #ctl01_TemplateBody_WebPartManager1_gwpciRenewalButton_ciRenewalButton_JoinNowButton:hover,
    #ctl01_TemplateBody_WebPartManager1_gwpciRenewalButton_ciRenewalButton_JoinNowButton:focus {
        background: var(--nfprha-blue-dark) !important;
        border-color: var(--nfprha-blue-dark) !important;
        color: #ffffff !important;
    }

/* 4) Actions dropdown menu cleanup */
.account-banner-short .BigButtonList.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--nfprha-border) !important;
    border-radius: 6px !important;
    box-shadow: var(--nfprha-shadow) !important;
    padding: 6px 0 !important;
}

    .account-banner-short .BigButtonList.dropdown-menu li {
        margin: 0 !important;
    }

    .account-banner-short .BigButtonList.dropdown-menu .ButtonItem {
        display: block !important;
        background: transparent !important;
        color: var(--nfprha-text) !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 10px 14px !important;
        text-decoration: none !important;
    }

        .account-banner-short .BigButtonList.dropdown-menu .ButtonItem:hover,
        .account-banner-short .BigButtonList.dropdown-menu .ButtonItem:focus {
            background: var(--nfprha-bg-tint) !important;
            color: var(--nfprha-blue-dark) !important;
        }

/* 5) Edit pencil / gear / add icon buttons
   Remove the fake boxed button treatment */
.account-banner-short .panel-heading-options .RadButton.rbImageButton,
.account-banner-short .panel-heading-options > a,
#mainContentWrapper .panel-heading-options .RadButton.rbImageButton,
#mainContentWrapper .panel-heading-options > a,
.mini-profile-edit-wrapper > a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    color: var(--nfprha-blue) !important;
}

.account-banner-short .panel-heading-options .sysicon,
#mainContentWrapper .panel-heading-options .sysicon,
.mini-profile-edit-wrapper .sysicon {
    color: var(--nfprha-blue) !important;
}

.account-banner-short .panel-heading-options .RadButton.rbImageButton:hover,
.account-banner-short .panel-heading-options > a:hover,
#mainContentWrapper .panel-heading-options .RadButton.rbImageButton:hover,
#mainContentWrapper .panel-heading-options > a:hover,
.mini-profile-edit-wrapper > a:hover {
    background: transparent !important;
    border: 0 !important;
    color: var(--nfprha-blue-dark) !important;
}

/* 6) Keep the main content panels nice without re-boxing the banner */
#mainContentWrapper .tabs-wrapper .panel,
#mainContentWrapper .tab-content-bg > .panel,
#mainContentWrapper .ContentTabbedDisplay {
    background: #ffffff !important;
    border: 1px solid var(--nfprha-border) !important;
    box-shadow: none !important;
}

/* 7) Panel titles stay on-brand */
#mainContentWrapper .panel-title {
    color: var(--nfprha-heading) !important;
}

/* =========================================================
   NFPRHA Primary Nav ???????? Fix #1: Parent item stays visible when dropdown open
   Fix #2: Child nodes reduced in size, proportional to parent
========================================================= */

/* FIX 1 ???????? rmExpanded is on the a> directly, not the li */
.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmRootLink.rmExpanded,
.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmRootLink.rmExpanded:hover,
.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmRootLink.rmExpanded:focus {
    background-color: rgba(0, 95, 158, 0.85) !important;
    background-image: none !important;
    color: #ffffff !important;
}

    .RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmRootLink.rmExpanded .rmText,
    .RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink.rmRootLink.rmExpanded .rmToggle {
        color: #ffffff !important;
        background-image: none !important;
    }

/* FIX 2 ???????? Shrink child node boxes: tighter padding, smaller font, narrower min-width */
.header-bottom-container .RadMenu .rmGroup,
.header-bottom-container .dropdown-menu {
    min-width: 200px !important; /* was 260px */
}

    .header-bottom-container .RadMenu .rmGroup .rmLink,
    .header-bottom-container .dropdown-menu > li > a {
        padding: 9px 16px !important; /* was 14px 20px */
        font-size: 13px !important; /* slightly smaller than parent ~15px */
        line-height: 1.3 !important;
        white-space: nowrap !important; /* prevents text wrapping / overlap */
    }

        /* Keep hover indent proportional to the new padding */
        .header-bottom-container .RadMenu .rmGroup .rmLink:hover,
        .header-bottom-container .RadMenu .rmGroup .rmLink:focus,
        .header-bottom-container .dropdown-menu > li > a:hover,
        .header-bottom-container .dropdown-menu > li > a:focus {
            padding-left: 20px !important; /* was 24px */
        }

/* Mobile child nodes ???????? match reduced sizing */
@media (max-width: 991px) {
    .header-bottom-container .RadMenu .rmGroup .rmLink {
        padding: 9px 22px !important; /* was 13px 28px */
        font-size: 13px !important;
    }

        .header-bottom-container .RadMenu .rmGroup .rmLink:hover,
        .header-bottom-container .RadMenu .rmGroup .rmLink:focus {
            padding-left: 26px !important; /* was 32px */
        }
}