h2#rules, h1#about-floss-social, h1#terms-of-service-code-of-conduct, h1#inactive-account-policy { 
background: #2b90d9; 
color: #eff3f5 !important; 
padding-left: 0.5em;
text-transform: capitalize;
}

div#fin { padding: 1em 1em 0 1em; background-color: #d8e4bc; }
div#fin h1 { margin-top: 0; color: #2C3D34; }
div#fin p { color: #006400;  }
div#fin a { font-weight: bold; }



/* Stylize announcements box */
button.column-header__button i.icon-with-badge i.fa-bullhorn { color: #2b90d9 !important; }

/* Highlight informational educational banners */
div.dismissable-banner { background-color: #FFE4B5; }
div.dismissable-banner__message span { color: #666; }
 
/* Indicate media without a description
initial code by Paul (https://linernotes.club/@balrogboogie), expanded upon by FiXato (https://contact.fixato.org)
related discussions: https://dragonscave.space/@Mayana/106443499687608116.
Feel free to reuse it; it's public domain (https://linernotes.club/@balrogboogie/106681622019395866) */
.media-gallery__item-thumbnail img:not([alt])
 {
    border: 4px dashed rgba(255, 0, 0, 1);
    box-sizing: border-box;
    opacity: 0.9;
    filter: blur(1px);
    background-color: #FF0;
}

/* Add additional content to account requests */
div.user_invite_request_text span.hint:after { content: ". Be sure to explain your interest in or connection to FLOSS. To keep the network fast and experiences enjoyable, not all applications can be accepted. Visit https://joinmastodon.org/servers to find more instances."; } 


/* Retootify courtesy https://github.com/mastodon/mastodon/issues/20751#issuecomment-1315329065 */
.compose-form__publish-button-wrapper button {
  color: rgba(255,255,255,0);
}
.compose-form__publish-button-wrapper button::before {
  content: "Toot!";
  position: absolute;
  top: 50%;
  left: 50%;
  color: rgba(255,255,255,1);
  transform: translate3d(-50%, -50%, 0);
}
.compose-form__publish-button-wrapper:lang(de) button::before {
  content: "Tröt!" !important;
}

/* Highlight warning for DMs etc. */
.compose-form .compose-form__warning { background: #FAA !important; }

/* Red icon for pinned posts */
div.status__prepend-icon-wrapper i.fa-thumb-tack { color: #F00; }

/* Fix non-accessible low contrast link color in posts */
.status__content a, .status__content a.unhandled-link { color: #459ae5; }

/* Colorize post visibility status */
span.status__visibility-icon i.fa-at, div.detailed-status__meta i.fa-at { color: #e50a0a; }
span.status__visibility-icon i.fa-lock, div.detailed-status__meta i.fa-lock { color: #ddb02a; }
span.status__visibility-icon i.fa-unlock, div.detailed-status__meta i.fa-unlock { color: #6ea95b; }
span.status__visibility-icon i.fa-globe, div.detailed-status__meta i.fa-globe { color: #459ae5; }
div.privacy-dropdown__option__icon i.fa-at, button.privacy-dropdown__value-icon i.fa-at { background-color: #e50a0a; color: #fff; padding: 2px; border-radius: 4px; }
div.privacy-dropdown__option__icon i.fa-lock, button.privacy-dropdown__value-icon i.fa-lock { background-color: #ddb02a; color: #fff; padding: 2px; border-radius: 4px; }
div.privacy-dropdown__option__icon i.fa-unlock, button.privacy-dropdown__value-icon i.fa-unlock { background-color: #6ea95b; color: #fff; padding: 2px; border-radius: 4px; }
div.privacy-dropdown__option__icon i.fa-globe , button.privacy-dropdown__value-icon i.fa-globe { background-color: #459ae5; color: #fff; padding: 2px; border-radius: 4px; }

/* Pending: Alternative font for Japanese locale */
/*@import url(https://fonts.bunny.net/css?family=noto-sans-jp:400,700);
body:lang(ja) { font-family: 'Noto Sans JP', sans-serif !important; }
strong:lang(ja) { font-weight: 700 !important; } */

/* Modify UI elements */
div.link-footer p:nth-child(2) a[href*="joinmastodon"] { display: none; }
div.about div:nth-of-type(5) { display: none; }
div.privacy-policy div.column-title h3 span:before { content: "(Non) "; }

.user-role-4 {
  --user-role-accent: #26a269;
  --user-role-background: #26a26919;
  --user-role-border: #26a26980;
}

.user-role-2 {
  --user-role-accent: #e01b24;
  --user-role-background: #e01b2419;
  --user-role-border: #e01b2480;
}

.user-role-3 {
  --user-role-accent: #ffffff;
  --user-role-background: #ffffff19;
  --user-role-border: #ffffff80;
}

.user-role-1 {
  --user-role-accent: #e5a50a;
  --user-role-background: #e5a50a19;
  --user-role-border: #e5a50a80;
}