/* About page */
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]),
.audio-player__canvas:not([title]),
.video-player video:not([title]), 
.media-gallery__gifv video:not([title])
 {
    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 describe your current or past involvement in FLOSS, and provide links to any online profiles or existing Fediverse or other social media accounts. 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; }

/* Highlight old posts, boosts, etc. */
a.status__relative-time time[datetime^="201"], a.status__relative-time time[datetime^="2020-"], a.status__relative-time time[datetime^="2021-"] {
background-color: #FAA !important; padding: 2px; margin-left: 2px; border-radius: 3px; color: #000; }


/* 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) "; }

/* Colorization follows. Based on Bonn.social customziations. */

/* Simple UI mode */
.column-link--transparent.active, .text-icon-button.active, .icon-button.inverted.active, .emoji-mart-anchor-selected, .emoji-mart-anchor-selected:hover, .column-back-button {
color: #2b90d9;
}
.icon-with-badge__badge {
background: #2b90d9;
border: 2px solid #2b90d9;
}
.privacy-dropdown__option.active, .privacy-dropdown__option:hover, .privacy-dropdown.active .privacy-dropdown__value.active, .language-dropdown__dropdown__results__item.active {
background: #2b90d9;
}
.privacy-dropdown__option.active:hover {
background: #d9742b;
}
.emoji-mart-anchor-bar {
background-color: #2b90d9;
}


/* Advanced column UI */
.column-header>.column-header__back-button, .column-header__back-button {
color: #2b90d9;
}
.column-header.active .column-header__icon {
color: #2b90d9;
text-shadow: 0 0 10px rgba(43,144,217,.4);
}
.column-header__wrapper.active {
box-shadow: 0 1px 0 rgba(43,144,217,.3);
}
.column-header__wrapper.active:before {
background: radial-gradient(ellipse,rgba(43,144,217,.23) 0,rgba(43,144,217,0) 60%);
}

/* Other site pages */
.rules-list li:before {
background: #d9742b;
}
.simple_form .hint a, .simple_form .input.boolean label a {
color: #2b90d9;
}
.simple_form .block-button, .simple_form .button, .simple_form button, .simple_form .block-button, .simple_form .button, .simple_form button, .button.button-tertiary:active, .button.button-tertiary:focus, .button.button-tertiary:hover {
background: #2b90d9;
}
.simple_form .block-button:hover, .simple_form .button:hover, .simple_form button:hover {
background-color: #d9742b;
}
.simple_form input[type=email]:active, .simple_form input[type=email]:focus, .simple_form input[type=number]:active, .simple_form input[type=number]:focus, .simple_form input[type=password]:active, .simple_form input[type=password]:focus, .simple_form input[type=text]:active, .simple_form input[type=text]:focus, .simple_form input[type=url]:active, .simple_form input[type=url]:focus, .simple_form textarea:active, .simple_form textarea:focus {
border-color: #2b90d9;
}
.simple_form .block-button:active, .simple_form .block-button:focus, .simple_form .block-button:hover, .simple_form .button:active, .simple_form .button:focus, .simple_form .button:hover, .simple_form button:active, .simple_form button:focus, .simple_form button:hover {
background-color: #d9742b;
}
.button.button-tertiary {
color: #2b90d9;
border: 1px solid #2b90d9;
background:transparent;
}


/* Trends */
.trends__item__sparkline path:last-child {
stroke: #2b90d9!important;
}
.trends__item__sparkline path:first-child {
fill: rgba(43,144,217,.25)!important;
}

/* Buttons */
.button {
background-color: #2b90d9;
}
.button:hover {
background-color: #d9742b;
}
.button.logo-button, .button.logo-button {
background: #2b90d9;
}
.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover {
background: #2b90d9 !important;
}

/* Radio Buttons */
.radio-button__input.checked {
border-color: #2b90d9;
background: #2b90d9;
}

/* Links */
.empty-column-indicator a, .error-column a, .follow_requests-unlocked_explanation a, .account__header__bio .account__header__fields a, .status__wrapper--filtered__button {
color: #2b90d9;
}


/* Notifications */
.conversation__unread {
background: #2b90d9;
}
.notification.unread:before, .status__wrapper.unread:before {
border-left: 2px solid #2b90d9;
}
.reply-indicator__content a.unhandled-link, .status__content a.unhandled-link, .notification__message .fa {
color: #2b90d9;
}

/* Menus */
.dropdown-menu__item a:active, .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item button:active, .dropdown-menu__item button:focus, .dropdown-menu__item button:hover {
background: #2b90d9;
}

/* Slider configs */
.react-toggle--checked .react-toggle-track {
background-color: #2b90d9;
}
.react-toggle--checked .react-toggle-thumb {
border-color: #d9742b;
}
.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track {
background-color: #d9742b;
}

/* Icons */
.icon-button.active {
color: #2b90d9;
}

/* Admin pages */

.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
background-color: #2b90d9;
}
.admin-wrapper .sidebar ul .simple-navigation-active-leaf a:hover {
background-color: #d9742b;
}
.admin-wrapper .content .muted-hint a, body .muted-hint a, .icon-button.active {
color: #2b90d9;
}
.filters .filter-subset a.selected {
color: #2b90d9;
border-bottom: 2px solid #2b90d9;
}
.dashboard__quick-access, .admin-wrapper .content__heading__tabs a.selected, .dimension__item__indicator {
background: #2b90d9;
}
.button.logo-button.button--destructive:active, .button.logo-button.button--destructive:focus, .button.logo-button.button--destructive:hover, admin-wrapper .content__heading__tabs a.selected:active, .admin-wrapper .content__heading__tabs a.selected:focus, .admin-wrapper .content__heading__tabs a.selected:hover {
background: #d9742b;
}
.dimension__item__indicator--90 {
background-color: rgba(99,100,255,.9);
}
.dashboard__quick-access:active, .dashboard__quick-access:focus, .dashboard__quick-access:hover {
background-color: #d9742b;
transition: all .2s ease-out;
}

/* About page */
.about__section__title {
color: #2b90d9;
}

/* General links */
.prose a, .status__content__read-more-button {
color: #2b90d9;
}

/* Post content */
.poll__chart.leading {
background: #2b90d9;
}

/* Buttons */
.block-modal__cancel-button, .confirmation-modal__cancel-button, .confirmation-modal__secondary-button, .mute-modal__cancel-button {
background-color: transparent !important;
}
.button:active, .button:focus, .button:hover {
background-color: #2b90d9;
}

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

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

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