/**************************************************************
Copyright (C) 2022 Pawel Siwczak

Theme Name: Mastodon Aurora
Theme URI: https://www.artsculture.media/
Author: Pawel Siwczak / ArtsCulture.Media
Author URI: @baroquepawel@artsculture.media

Permission to use, copy, modify, and distribute this work 
for any purpose with or without fee is hereby granted,
provided that the above copyright notice and 
this permission appear in all copies. 

EXCEPTION: IT IS FORBIDDEN TO USE THIS WORK IN RELATION TO 
ANY NSFW, ILLEGAL, OR VIOLENT CONTENT.

This material is provided "as is", with absolutely no warranty 
expressed or implied. Any use is at your own responsibility.
**************************************************************/

/*
* Version: 1.0.077
* Date: 13 Jan 2023
*/


/***********************************
* CUSTOM FONTS 
* point urls to your fonts folder 
***********************************/

/* noto latin-ext */
@font-face {
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    src: url('fonts/noto_latin_ext.woff') format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* noto latin */
@font-face {
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    src: url('fonts/noto_latin.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* manrope latin-ext */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/manrope_latin_ext.woff') format('woff');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
/* manrope latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/manrope_latin.woff') format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* alternatively call fonts from google
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Noto+Sans+Display:wght@800&display=swap');
*/


/***********************************
* GENERAL
***********************************/

.account__header__extra__links {
    text-align: right;
}

.theme-default .account__header__extra__links a {
    color: #3a404a;
}

.theme-default .account__header__extra__links a strong {
    color: #3a404a;
}

.account__header__tabs__name h1 span {
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
}

/* EMBEDDED CONTENT */

body.embed .detailed-status__display-name {
    font-size: 0.85rem !important;
}
body.embed .button.logo-button {
    background: #5f5cc9;
}



/***********************************
* LOGIN and SIGNUP
***********************************/

body.lighter {
/*    background: url('graphics/pbackg1.jpg'); /* change name to your background image */
    background-color: #02111B;
    background-size: cover;
}


.account__header__fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.server-banner, .sign-in-banner {
    font-size: 1rem;
    line-height: 1.5rem;
}

.server-banner__meta__column .display-name__html {
    font-size: 1rem;
}

/***********************************
* DARK THEME (DEFAULT)
***********************************/

.theme-default .tabs-bar__wrapper {
    background: transparent;
}

.theme-default .about__meta {
    border-width: 1px 1px 5px 1px;
    border-style: solid;
    border-color: #7974FE;
}

.theme-default .about__meta {
    background: transparent;
}

.theme-default .account__header__fields .verified dt {
    color: #606984 !important;
}

.theme-default .account__header__bio .account__header__fields {
    background-color: #02111B;
}

.theme-default .detailed-status, .detailed-status__action-bar {
    background-color: #02111B !important;
}


.theme-default .conversation--unread {
    background-color: #02111B;
}


.theme-default .conversation--unread p {
    color: #FCFCFC;
}

.theme-default .status__content__read-more-button span.status__content__read-more-button span
.theme-default .muted .status__content p, 
.theme-default .status__content a {
    color: #FCFCFC !important;
    opacity: 0.75;
}

.theme-default .account__header {
    background-color: #02111B;
    border-width: 0 1px 5px 1px;
    border-style: solid;
    border-color: #7974FE;
}

.theme-default .account-card, .scrollable .account-card {
    background-color: #02111B;
    border: 1px solid #7974FE;
}

.theme-default .column-inline-form {
    background-color: #02111B;
}

.theme-default .account__section-headline button, .notification__filter-bar button {
    background-color: #02111B;
}

.theme-default .account__section-headline, .notification__filter-bar {
    background-color: #02111B;
}

.theme-default .dismissable-banner, .follow_requests-unlocked_explanation {
    background-color: #02111B;
    border: 1px solid #BF1A2F;
}

.theme-default .regeneration-indicator, .column>.scrollable {
    background: #02111B;
}

.theme-default .empty-column-indicator {
    background: #02111B;
}

.theme-default .compose-form .compose-form__modifiers {
    background: #02111B;
}

.theme-default .compose-form__autosuggest-wrapper { 
    border-width: 1px;
    border-style: solid;
    border-color: #7974FE;
    background-color: #02111B;
}

.theme-default .compose-form .autosuggest-textarea__textarea {
    background-color: #02111B !important;
    color: rgb(240, 240, 240);
}

.theme-default .compose-form .compose-form__buttons-wrapper {
    background: #02111B;
    border-width: 0 1px 5px 1px;
    border-style: solid;
    border-color: #7974FE;
}

.theme-default html {
    scrollbar-color: #8181811a #02111B;
}

.theme-default {
    background: #02111B;
}

.theme-default .dropdown-menu, .dropdown-menu__item a {
    background: #313543;
    color: #eff3f5;
}

/* MEDIA / IMAGE details modal */
.theme-default .report-modal {
    background: #282c37;;
    color: #fff;
}

/***********************************
* LIGHT THEME 
***********************************/

.theme-mastodon-light .column>.scrollable .empty-column-indicator {
    background: #eff3f5;
}

.theme-mastodon-light .notification__filter-bar button {
    background-color: #eff3f5;
}

.theme-mastodon-light .column>.scrollable {
    background: #eff3f5;
}

.theme-mastodon-light .muted .status__content p, 
.theme-mastodon-light .status__content a {
    color:  #0d0c0c !important; 
    opacity: 0.75;
}


.theme-mastodon-light .compose-form__modifiers .compose-form__uploads-wrapper {
    background: #eff3f5;
}

.ttheme-mastodon-light .compose-form__autosuggest-wrapper {
    border-width: 1px;
    border-style: solid;
    background-color: #eff3f5;
}

.theme-mastodon-light .compose-form .autosuggest-textarea__textarea {
    background-color: #eff3f5 !important;
}

.theme-mastodon-light .compose-form__buttons-wrapper {
    background: #eff3f5;
    border-width: 0 1px 5px 1px;
    border-style: solid;
}

.theme-mastodon-light .dismissable-banner, .follow_requests-unlocked_explanation {
    background-color: #d9e1e8;
}

/***********************************
* UNIVERSAL 
***********************************/


/* ADMIN AREA */

body.admin {
    font-size: 1rem;
    font-family: 'Manrope', serif;
}

.admin .display-name__html {
    font-size: 1rem;
    font-family: 'Manrope', serif;
}


/* PUBLIC FACING PAGES */

body {
    font-size: 1.15rem;
    font-family: 'Manrope', serif;
}

.scrollable p, a, span {
    line-height: 1.55rem;
}

.mention .hashtag {
    opacity: 0.65;
    margin-right: 0.25rem;
}

.mention {
    opacity: 0.75;
    margin-right: 0.25rem;
}

.trends__item__name {
    font-size: 0.8rem;
}

.about__header h1 {
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
}

.navigation-bar__profile-account, .display-name__html {
    font-size: 1.25rem;
    font-family: 'Noto Sand Display', sans-serif;
    font-weight: 800;
    opacity: 0.65;
}

.display-name__html {
    line-height: 1.5rem;
}


.navigation-bar__profile-edit {
    font-size: 0.8rem;
    opacity: 0.65;
}

.account__header__fields .verified {
    border: none !important;
    background: none;
}


.compose-form .autosuggest-textarea__textarea {
    font-size: 0.9rem;
    min-height: 175px;
}

.account__header.inactive {
    background: url('graphics/moved3.jpg'); /* change name to your thumbnail image */
    background-size: cover;
    opacity: 0.15;
    filter: saturate(0.5);
}

.account__header.inactive .account__header__image {
    opacity: 0;
}

.acm_red {
    color: #BF1A2F;
}

.acm_small {
    font-size: 0.8rem;
}

.regeneration-indicator, .column>.scrollable {
    font-size: 1.1rem;
}
.empty-column-indicator {
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
}

.column-header {
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    opacity: 0.67;
}

a.column-link {
    font-family: 'Noto Sans Display', sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    opacity: 0.67;
}

.detailed-status-direct {
    border-right: 5px solid #BF1A2F;
}

.column[aria-label="Direct messages"] {
    border-right: 5px solid #BF1A2F;
}

.conversation__unread {
    background-color: #BF1A2F;
    animation: pulse 3s infinite;
    animation-timing-function: ease-out;
    animation-play-state: running;
}
    @keyframes pulse {
    0% {
        transform: scale(0.25);
    }
    50% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(0.25);
    }
    }

.status-direct {
    border-right: 5px solid #BF1A2F;
}

.status-direct .fa-at::before {
    color: #BF1A2F;
}

.account__header__image {
    height: 325px;
}

.account__header .account__avatar {
    width: 155px !important;
    height: 155px !important;
}

.theme-mastodon-light .detailed-status, .detailed-status__action-bar {
    background-color: #eff3f5;
}

/* TRANSLATE POST  */
/* Read More */
.status__content__read-more-button span {
        color: #595aff;
        font-weight: 800;
        font-variant-caps: all-small-caps;
        opacity: 0.65;
}

.status__content__read-more-button span
6364ff

.status__content__read-more-button span::before {
    content: '> ';
}

.status__content__read-more-button span:hover {
/*    color: #BF1A2F; */
    color: #6364ff;
    opacity: 0.95;
}

.status__content, .detailed-status .status__content {
    font-size: 15px;
}

.translate-button .link-button {
    color: #ffffff;
    font-variant-caps: all-small-caps;
    opacity: 0.65;
}

.translate-button .link-button {
    color: #BF1A2F;
    opacity: 0.95;
}

.translate-button__meta {
    color: #ffffff;
    font-variant-caps: all-small-caps;
    opacity: 0.65;
}

/* Make Filtered Notification's Smaller */

.status__wrapper--filtered {
    font-size: 14px;
    padding: 5px;
}

/* BUTTON: Publish -> Toot */

.compose-form__publish-button-wrapper .button {
    visibility: hidden;
}

.compose-form__publish-button-wrapper .button::after {
    content:'Toot!'; 
    visibility: visible;
    background-color: #595aff;
    opacity: 0.85;
    border: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    /* font-family: inherit; */
    font-family: 'Noto Sans Display';
    font-style: normal;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 22px;
    overflow: hidden;
    padding: 7px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compose-form__publish-button-wrapper .button:hover::after {
    opacity: 1;
}

.button {
    background: #6364ff !important;
    opacity: 0.85;
    color: #fff;
}

.button:hover {
    background: #6364ff;
    opacity: 1;
    color: #fff;
}

/* FOOTER BRANDING – feel free to put your own or remove */
/*.link-footer {
    background: url('https://cdn.bach.club/sdg/Mastodon/Logos/acm_masto_footer_logo2.webp');
    background-size: cover;
    background-blend-mode:darken;

}*/