@charset "utf-8";

.primary-nav-1 button.primary-nav:focus, .primary-nav-1 input.primary-nav:focus { outline: none; }

.primary-nav-1 nav.primary-nav { position: relative; display: flex; height: 4rem; grid-template: "hamburger empty heart search user" 100% / 4rem auto 4rem 4rem 4rem; background: rgb(34, 34, 34); border-bottom: 1px solid rgb(51, 51, 51); }

.primary-nav-1 .right-side-section.primary-nav { display: flex; align-items: center; margin-left: auto; user-select: none; }

.primary-nav-1 button.primary-nav { background: none; color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font: inherit; cursor: pointer; }

.primary-nav-1 .branding.primary-nav { position: static; float: left; padding: 0px 5px 0px 10px; transform: translate(0px, 0px); margin: 0px !important; }

.primary-nav-1 slot.primary-nav, .primary-nav-1 .branding.primary-nav { display: flex; justify-content: left; align-items: center; }

.primary-nav-1 media-menu.primary-nav { flex: 1 1 0%; justify-self: stretch; }

.primary-nav-1 .ia-logo.primary-nav { height: 3rem; width: 2.7rem; display: inline-block; }

.primary-nav-1 .ia-wordmark.primary-nav { height: 3rem; width: 9.5rem; }

.primary-nav-1 .ia-logo.primary-nav, .primary-nav-1 .ia-wordmark.primary-nav { margin-right: 5px; }

.primary-nav-1 .hamburger.primary-nav { grid-area: hamburger; padding: 0px; }

.primary-nav-1 .hamburger.primary-nav svg.primary-nav { height: 4rem; width: 4rem; fill: rgb(255, 255, 255); }

.primary-nav-1 .mobile-donate-link.primary-nav { display: inline-block; }

.primary-nav-1 .mobile-donate-link.primary-nav svg.primary-nav { height: 4rem; width: 4rem; }

.primary-nav-1 .mobile-donate-link.primary-nav .fill-color.primary-nav { fill: rgb(255, 0, 0); }

.primary-nav-1 .sr-only.primary-nav { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; overflow: hidden; white-space: nowrap; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); user-select: none; }

.primary-nav-1 .search-trigger.primary-nav { padding: 0px; }

.primary-nav-1 .search-trigger.primary-nav svg.primary-nav { height: 4rem; width: 4rem; }

.primary-nav-1 .search-trigger.primary-nav .fill-color.primary-nav { fill: rgb(153, 153, 153); }

.primary-nav-1 ia-dropdown-search-bar.primary-nav { display: none; font-size: 1.6rem; --dropdownFontSize: 1.4rem; --dropdownItemButtonPadding: 0 10px; }

@media (max-width: 889px) {
  .primary-nav-1 ia-dropdown-search-bar.search-open.primary-nav { --search-bar-width: 100%; display: flex; align-items: center; position: absolute; inset: 0px 4rem; z-index: 3; }
}

.primary-nav-1 .upload.primary-nav { display: none; }

.primary-nav-1 .upload.primary-nav span.primary-nav { display: none; }

.primary-nav-1 .upload.primary-nav svg.primary-nav { height: 3rem; width: 3rem; }

.primary-nav-1 .screen-name.primary-nav { display: none; font-size: 1.3rem; vertical-align: middle; text-transform: uppercase; }

.primary-nav-1 .user-menu.primary-nav { color: rgb(153, 153, 153); padding: 0.5rem; height: 100%; }

.primary-nav-1 button.user-menu.primary-nav:hover, .primary-nav-1 button.user-menu.primary-nav:focus { color: rgb(255, 255, 255); outline: none; }

.primary-nav-1 .user-menu.active.primary-nav { border-radius: 1rem 1rem 0px 0px; background: rgb(51, 51, 51); }

.primary-nav-1 .user-menu.primary-nav img.primary-nav { display: block; width: 3rem; height: 3rem; }

.primary-nav-1 .link-home.primary-nav { text-decoration: none; display: inline-flex; }

.primary-nav-1 a.link-home.primary-nav:focus, .primary-nav-1 a.link-home.primary-nav:focus-visible { outline-offset: 1px; }

@media only screen and (min-width: 890px) and (max-device-width: 905px) {
  .primary-nav-1 .branding.second-logo.primary-nav { padding-right: 0px; }
}

@media (min-width: 906px) {
  .primary-nav-1 .branding.second-logo.primary-nav { padding-right: 20px; }
}

@media (max-width: 889px) {
  .primary-nav-1 slot.primary-nav[name="opt-sec-logo"] { display: none; }
  .primary-nav-1 .right-side-section.primary-nav { display: initial; }
  .primary-nav-1 .right-side-section.primary-nav .user-info.primary-nav { float: right; }
}

@media (min-width: 890px) {
  .primary-nav-1 { }
  .primary-nav-1 nav.primary-nav { display: flex; z-index: 4; height: 5rem; padding-right: 1.5rem; }
  .primary-nav-1 slot.primary-nav[name="opt-sec-logo-mobile"] { display: none; }
  .primary-nav-1 .ia-logo.primary-nav, .primary-nav-1 .ia-wordmark.primary-nav { margin-right: 10px; }
  .primary-nav-1 .hamburger.primary-nav, .primary-nav-1 .search-trigger.primary-nav, .primary-nav-1 .mobile-donate-link.primary-nav { display: none; }
  .primary-nav-1 .user-info.primary-nav { display: block; float: right; vertical-align: middle; height: 100%; padding: 1rem 0.5rem; }
  .primary-nav-1 .user-info.primary-nav .user-menu.primary-nav img.primary-nav { height: 3rem; width: 3rem; margin-right: 0.5rem; }
  .primary-nav-1 .user-menu.primary-nav { padding: 1rem 0.5rem; }
  .primary-nav-1 .user-menu.active.primary-nav { background: transparent; }
  .primary-nav-1 .user-menu.primary-nav img.primary-nav { display: inline-block; vertical-align: middle; margin-right: 0.5rem; }
  .primary-nav-1 .upload.primary-nav { display: block; padding: 1rem 0.5rem; float: right; font-size: 1.4rem; text-transform: uppercase; text-decoration: none; color: rgb(153, 153, 153); }
  .primary-nav-1 .upload.primary-nav:active, .primary-nav-1 .upload.primary-nav:focus, .primary-nav-1 .upload.primary-nav:hover { color: rgb(255, 255, 255); }
  .primary-nav-1 .upload.primary-nav:focus-visible { outline: none; }
  .primary-nav-1 .upload.primary-nav svg.primary-nav { vertical-align: middle; fill: rgb(153, 153, 153); }
  .primary-nav-1 .upload.primary-nav:hover svg.primary-nav, .primary-nav-1 .upload.primary-nav:focus svg.primary-nav, .primary-nav-1 .upload.primary-nav:active svg.primary-nav { fill: rgb(255, 255, 255); }
  .primary-nav-1 ia-dropdown-search-bar.primary-nav { display: block; position: static; margin-right: 0.5rem; }
}

@media (min-width: 990px) {
  .primary-nav-1 .screen-name.primary-nav { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 165px; }
  .primary-nav-1 .upload.primary-nav span.primary-nav { display: inline; vertical-align: middle; }
}