.product-detail .attributes {
  padding: initial; }
  .product-detail .attributes .attribute button.color-attribute {
    background-color: transparent;
    border: none; }

@media only screen and (min-width: 1024px) {
  .product-detail .pdpRightContent {
    padding-left: 1.5rem; } }

#allDonorsModal,
#topDonorsModal,
#allTeamsModal {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 600px;
  overflow-y: auto;
  width: 90%;
  transform: translate(-50%, 0%); }
  #allDonorsModal .modal-body,
  #topDonorsModal .modal-body,
  #allTeamsModal .modal-body {
    width: 90%; }

.gift-options-mobile {
  position: fixed;
  right: 4%;
  top: 50%;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--skin-banner-background-color-1);
  z-index: 2; }
  .gift-options-mobile a {
    background-color: transparent;
    border: none;
    white-space: nowrap;
    font-size: smaller;
    padding: 0;
    margin: auto;
    display: block; }
    .gift-options-mobile a svg {
      fill: white;
      height: 20px;
      display: block;
      margin: 1.1rem auto 0 auto; }
  .gift-options-mobile span {
    color: var(--skin-menu-color-1-invert); }

.fundNumber {
  color: var(--color-grey9); }

.badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.5rem 0.5rem;
  z-index: 1;
  color: var(--skin-menu-color-1-invert);
  background-color: var(--color-red1); }
  .badge.redbadge {
    background-color: var(--skin-banner-background-color-1); }
  .badge.greenbadge {
    background-color: var(--color-nu-green); }