:root {
	background-border-color: #000000;
}

body.app-body.layout-multiple-columns div.column {
width: clamp(420px, 25% - 87.5px, 420px) !important;
margin-left: 15px !important;
}
body.layout-multiple-columns {
background-color: #121212 !important;
}

div.ui {
    margin-left: 20px;
}


/* home posts */
body.app-body.layout-multiple-columns div.column[role="region"][aria-label="Home"] {
background-color: #000;
}

body.app-body.layout-multiple-columns div.column[role="region"][aria-label="Home"] .status__wrapper {
border-bottom: none;
}



body.app-body.layout-multiple-columns div.column article{
padding:0px 20px 4px 10px;
margin-top: 16px;
border-top: 1px solid #303030 !important;
}

/* posts end */

/* notifications */
div.notification-group, div.notification-ungrouped {
    border-bottom: none !important;

}

div.notification-group__main {
    margin-bottom: 15px !important;
}

div.notification-group--unread, div.notification-ungrouped--unread, div.notification-ungrouped--direct, div.notification-group--direct
 {
	background-color: #000 !important;
}

div.notification-ungrouped--mention
{
    background-color: #091325 !important;
}

div.notification-group--unread:before {
	-webkit-border-start: none !important;
	border-inline-start: none  !important;
}
div.notification-ungrouped--unread:before {
	-webkit-border-start: none !important;
	border-inline-start: none  !important;
}

/* notifications ends */

/* scrollbar stuff */

@supports not selector (:: -webkit-scrollbar) {
    html {
        scrollbar-color:#252525 var(--background-border-color)
    }
}

.custom-scrollbars ::-webkit-scrollbar {
    width: 8px;
    height:8px
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: #252525;
    border: 2px var(--background-border-color);
    border-radius: 12px;
    width: 6px;
    box-shadow:inset 0 0 0 2px var(--background-border-color)
}

.custom-scrollbars ::-webkit-scrollbar-thumb:hover {
    background-color: #666666;
    border: 2px var(--background-border-color);
    border-radius: 12px;
    width: 6px;
    box-shadow:none;
}

.custom-scrollbars ::-webkit-scrollbar-track {
    background-color: var(--background-border-color);
    border-radius:0
}

/* scrollbar stuff ends */

/* links */

body.app-body.layout-multiple-columns a {
color: #989bb9 !important;
}

body.app-body.layout-multiple-columns a:hover {
color: #f1f1f1 !important;
}


body.app-body.layout-multiple-columns div.status__content a.unhandled-link, body.app-body.layout-multiple-columns div.edit-indicator__content a.unhandled-link, body.app-body.layout-multiple-columns div.reply-indicator__content a.unhandled-link {
color: #dec233 !important;
}
body.app-body.layout-multiple-columns div.account__header__bio .account__header__fields dd {
color: #989bb9  !important;
}

/* links end */

body.app-body.layout-multiple-columns div.drawer__inner__mastodon img {
 width: 100%;
}

body.app-body.layout-multiple-columns .drawer__inner .drawer__inner__mastodon {
background-color: #161616 !important;
}

.compose-form__highlightable {
background-color: #FFF;
color: #212121;
}
div.compose-form__highlightable textarea.autosuggest-textarea__textarea {
background-color: #FFF !important;
color: #212121;
}

.column>.scrollable {
border: 0px !important;
}


body.app-body.layout-multiple-columns .status__content p,body.app-body.layout-multiple-columns .edit-indicator__content p,body.app-body.layout-multiple-columns .reply-indicator__content p {
margin-bottom: 0.7em !important;
}

body.app-body.layout-multiple-columns .status{
margin-bottom: 5px !important;
border-bottom: none !important;
}

body.app-body.layout-multiple-columns .status .content-warning{
background: #19212b;
border: none !important;
}

body.app-body.layout-multiple-columns .hashtag-bar a{
background:#19212b; 
color:#989bb9;
}
body.app-body.layout-multiple-columns .hashtag-bar a:hover{
color:#dec233; 
}

body.app-body.layout-multiple-columns .status__action-bar {
margin-top: 10px;
}

body.app-body.layout-multiple-columns .detailed-status__meta__line {
    border-bottom: none !important;
}
/*
.column-header button {
color: #dfc233 !important;
}
*/




body.app-body.layout-multiple-columns .compose-form__highlightable .status__quote .status__content p{
    color:#717171 !important;

}


/* images and action buttons */ 

.media-gallery {
outline-offset: 0px !important; 
border-radius: 0px !important;
}


.media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important; 
border-radius: 0px !important;
border: 2px solid red;

}

.compose-form__upload .media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: "MISSING ALTTEXT"; 
font-size: 16px;
color:#FFFFFF;
background-color: red;

}

.compose-form__upload .media-gallery__item:not(:has(button.media-gallery__alt__label)) {
outline-offset: 0px !important; 
border-radius: 0px !important;
border: none !important;

}

.compose-form__upload .media-gallery__item:not(:has(button.media-gallery__alt__label))::before {
content: ""; 
font-size: 0px;
color:#FFFFFF;
background-color: #ffffff;

}

.media-gallery__item {
outline-offset: 0px !important; 
border-radius: 0px !important;
}

.media-gallery__item__badges {
opacity: 15% !important;
}
.media-gallery__item__badges:hover {
opacity: 100% !important;
}
.media-gallery__actions__pill {
opacity: 15% !important;
}
.media-gallery__actions__pill:hover {
opacity: 100% !important;
}