/** Tumma */

/** https://luolasto.org/css/themes/base.css */
@import url("/css/themes/base.css?i=6");
/* @import url("/css/navi2.css"); */

:root {
    --base-color-0: black !important;
    --base-color-1: var(--base-color-0) !important;
    --base-color-2: var(--base-color-0) !important;
    --base-color-3: var(--base-color-0) !important;
    --base-color-4: var(--base-color-0) !important;
    --base-color-5: var(--base-color-0) !important;
    --base-color-6: var(--base-color-0) !important;
    --bg-color: #101013 !important;
}

body {
    color: whitesmoke !important;
    background: #1b1919 !important;
    background: black !important;
    background-image: unset !important;
	/* font-family: Verdana,Geneva,sans-serif !important; */
	letter-spacing: 0.04rem;
   /* background-color: #130e0e !important; */
   /* background-color: black !important*/
	line-height: unset !important;
}
/*
header#main-header {
    border-radius: 5px;
}*/

#main-container {
    background-color: var(--bg-color) !important;
    background-image: linear-gradient(#191a1b, var(--bg-color) -5%);
    box-shadow: none !important;
    /* border-left: 1px solid #968686 !important; */
    /* border-right: 1px solid #968686 !important; */
}

#mentions-box {
	margin-bottom: 15px;
	margin-top: 15px;
}

.noti {
	margin-bottom: 8px;
	white-space: nowrap;
	/* overflow-x: hidden; */
}
.noti .fa {
	margin-right: 5px;
}

.noti:not(:hover) .fa {
	filter: opacity(0.13);
}

#notis .feeds-items-container {
	max-height: calc(max(200px, 30vh));
	overflow: auto;
	scrollbar-width: none;
	margin-top: 7px;
	margin-bottom: 8px;
	letter-spacing: 0.10rem;
}

/* #notis .feeds-items-container div { */
/* 	display: flex; */
/* 	flex-wrap: wrap; */
/* } */

div#media-right-items-container {
	width: 650px !important;
}

.paginated-medias * img.media-it-thumb {
	height: 200px !important;
}

div.paginated-medias > div.media-it-holder, div.medias-page-right-items > div.media-it-holder {
	width: 190px !important;
}

.medias-page-right-items * img.media-it-thumb {
	height: 200px !important;
}

div.carousel-row * img.media-it-thumb {
    width: 150px;
    height: 180px;
}

div.message-meta {
	padding-left: 35px !important;
	/* padding-top: 36px !important; */
}


img.message-meta-pic {
	max-width: 42px;
	max-height: 50px;
	object-fit: cover !important;
}


.unrounded {
    border-radius: unset !important;
}


button > .fa{
    color: black ;
}


.menu-item-separator, .menu-group-outer {
	filter: opacity(60%);
}



table, tr, td, th {
    border: none !important;
}

.tr-item:nth-child(2n) {
    background: #1b1a1c;;
}

hr {
    border-color: #c6b4b440 !important;
}

.bordered {
    border: none !important
}

.flash-base {
    border: 2px solid #adb4b5 !important;
    color: white !important;
    background-color: #0d314fe6;
}

#forum-header, #media-header-hr {
    border-bottom: solid 1px whitesmoke;
}

.thread-link {
    line-height: 18px !important;
}



/*.shadowed, .feeds-container, .message-article, .paginated-medias > .media-it-holder {
    border: 1px #483838 solid !important;
}*/

/*
#status-update-input, #status-message, .media-page-content, #user-description, .user-basic-info, #user-channels,
#channel-meta, #commentbox
{
    border: 3px #483838 solid !important;
}*/


#message-submit, #status-update-input {
    border-bottom:  unset !important;
    -webkit-box-shadow: unset !important;
    -moz-box-shadow:  unset !important;
    box-shadow: unset !important;
    text-decoration: none !important;
}

@media only screen and (max-width: 1200px) {
    .media-it-holder {
        width: unset;
    }
}



@media only screen and (min-width: 1200px) {


    div#media-carouse-list {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        overflow: auto;
        flex-wrap: nowrap;
        margin: auto;
        scrollbar-width: thin;
        scrollbar-color: #8a8aa88f #0000004f;
        scroll-behavior: smooth;
    }

    span.media-bottom-row-arrow {
        background: gray;
        font-size: 20px;
        /* border-radius: 15px; */
        margin: auto;
        padding: 7px;
        cursor: pointer;
        line-height: 50px;
        color: black;
    }

    span#scroll-to-left {
        box-shadow: -5px 5px black;
    }

    span#scroll-to-right {
        box-shadow: 5px 5px black;
    }
    
    
    div#media-carouse-list > #media-list {
        max-width: 39vw;
        max-width: 39vw;
        /*padding: 15px;*/
    }

    div#media-carouse-list > #media-list * > .media-it-holder {
        padding: 0 9px 0 9px;
    }

    div#media-carouse-list > * img.media-it-thumb {
        object-fit: cover !important;
    }

    div.carousel-row {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
    }
    

    .user-basic-info > hr {
        display: none;
    }

    #user-info {
        margin-top: 15px;
 
  	font-size: 0.6vw;
    }

    div.channel-items {
        font-size: 0.7vw !important;
    }
    

    .message-user-info-messages {
        font-size: 11px !important;
    }

    #status-header {
        padding: 2px 5px 2px 5px;
        background: #1f1f26;
        width: calc(100% - 15px) !important;
        float: right;
        margin-right: 5px !important;
    }

    #status-header > .rates-container {
        float: left;
        margin-left: 5px;
    }

    hr#status-header-hr {
        display: none !important;
    }

    #status-report, #status-remove {
        float: right;
    }
}

#main-container {
            background-color: var(--bg-color) !important;
            background-image: linear-gradient(#191a1b, var(--bg-color) 15%);

            box-shadow: none !important;
            /* border-left: 1px solid #968686 !important; */
            /* border-right: 1px solid #968686 !important; */
}

#chat-body-container > #chat-page-messages > .chat-message-container > * > a {
    color: black !important;
}

a, #footer-text, .quote, .message-header > * {
    color: #c6c0c0 !important;
}

input, a[type="button"], select, textarea, .code {
    color: black !important;
}

a.action:not(input) {
    color: #f5e5e7 !important;
}

a.action:hover:not(input) {
    color: #cac6c6 !important;
    /*text-decoration: underline !important;*/
}

#main-navi * .menu-group > .action, #media-basic-info *, .message-header * {
    color: whitesmoke !important;
}

#media-rate {
    color: #23a11b !important;
}

#media-rate:hover {
    color: #0fff00 !important;
}

div#media-basic-info {
    padding: 2px !important;
}


/*
@media scren and (max-width:960px) and (orientation:landscape) {
    div#media-basic-info {
	position: relative !important;
    }
}*/

/*
a.media-header-link {
    display: inline-block !important;
    font-size: 25px;
}
a#media-header-link-prev {
    margin-left: 20px;
}
a#media-header-link-next {
    margin-right: 20px;
}*/


.media-jump {
    display: block !important;
}

#media-modal {
    box-shadow: 8px 8px #00000012;
}



.shadowed, .feeds-container, textarea, .message-article {
    /*box-shadow: 0 0 5px #451515 !important; */
}

.shadowed, .message-article, #random-side-medias {
    /*background-color: #0a0502 !important; */
    /* padding: 15px 0 15px 5px !important; */
    background: #060606 !important;
}

textarea {
    background-color: white !important;
    /*box-shadow: 0 0 5px #eae8e8 !important; */
}

.on-preview {
    filter: brightness(110%) !important;
    -webkit-box-shadow: 0 0 5px #c3c5c9 !important;
    -moz-box-shadow: 0 0 5px #c3c5c9 !important;
    box-shadow: 0 0 5px #c3c5c9 !important;
}

#main-header, #media-basic-info, #thread-header, .message-header, .dropdown-item > .action,
.dropdown-items, .dropdown-item {
    background-color: #3b292d !important;
    color: whitesmoke !important
}

.message-header > * {
	margin-left: 5px !important;
}

span.message-header {
    background: #1f1f26 !important;
	height: 28px;
	display: flex;
  align-items: baseline;
    /* margin-top: -6px !important; */
    /* margin-top: 2px !important; */
	/* padding-bottom: 6px; */
}
a.report-message {
	margin-left: auto !important;
}


/*
#frontage-top-medias {
    box-shadow: 2px 2px #3a3737a8;
    border-radius: 5px;
    background: #040404;
    padding: 0 15px 0 15px;
}*/



a.reply-check {
    font-weight: bold;
    color: white !important;
}

.frontpage-media-item, .media-navi, .media-ach-holder {
    background-color: none !important;
}

.frontpage-media-title {
    margin-bottom: 5px !important;
}

a.frontpage-media-link {
    text-decoration: none !important;
}

a.frontpage-media-link:first-of-type > img {
    background: #f0e6e30f;
}

img.media-it-thumb {
    background: #262323;
}

img.message-meta-pic:hover {
    filter: brightness(120%);
}

a.action:not(:hover) {
    text-decoration: none !important;
}

p.feeds-log > a.action, div.noti > a.action, a#show-replies.unreadReplies {
    text-decoration: underline !important;
}



/*
body {
    font-family: "Times New" ,"Roman", "Georgia Garamond";
}*/

a.media-poster:not(:hover) {
    text-decoration: none !important;
}

.media-ach-title, .frontpage-media-title, .broadcast-media-title {
    font-size: 11px !important;
}

span.media-it-title, .frontpage-media-title, .media-ach-title, .broadcast-media-title {
    /* font-family: "Times New" ,"Roman", "Georgia Garamond" !important; */
    width: 100% !important;
    /*max-width: 150px !important */;
    font-weight: bold;
}

div.paginated-medias > div.media-it-holder > span.media-it-title {
    background: #1e1e20;
    box-shadow: 5px 5px #070505ed;
}

div.paginated-medias > div.media-it-holder:hover > span.media-it-title {
    box-shadow: 5px 5px black;
}


div.paginated-medias > div.media-it-holder,
div.medias-page-right-items > div.media-it-holder
{
    width: 155px; 
}

div.media-it-bot-line {
    width: 100%;
    /* border-top: 1px solid #434353; */
    font-size: 10px;
    /* font-family: "Times New" ,"Roman", "Georgia Garamond" !important; */
}

div.media-it-bot-line {
	/* text-align: right !important;; */
	text-align: unset;
	display: flex;
}

a.media-it-limgink img.media-it-video-overlay {
	display: none !important;
}

.bot-line-title {
	font-size: 12px;
	max-width: 50%;
	overflow: hidden;
	white-space: pre;
}

.media-it-bot-line img.media-type-indicator {
	padding-left: 5px;
	align-self: anchor-center;
}

.media-it-bot-line .media-it-rates {
	display: inline;
	padding-right: 3px;
	margin-left: auto;
}

.media-it-bot-line div.media-it-rates span.sep::before {
	content: '·';
	filter: opacity(0.6);
	padding: 3px;
}
.media-it-bot-line div.media-it-rates span.sep {
}


.fileinfo {
	display: block;
	padding-top: 5px;
}

.fileinfo * {
	padding: 0 3px 0 3px;
	font-size: smaller;
}

.tag-container span {
	filter: brightness(1.2);
}

a.tag-count {
	color: white !important;
}
.tag-container .tag-sep {
	filter: opacity(0.5);
}

@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
	  div.media-it-bot-line:not(*:root) {
    font-size: 11px;
}
}
span.media-it-title {
    font-size: 10px;
	letter-spacing: 0.25rem;
    font-weight: bold;
}

/* #frontpage-feeds a { */
/* 	color: white !important; */
/* } */
/* #frontpage-feeds { */
/* 	font-family: "Open Sans", sans-serif; */
/* 	font-optical-sizing: auto; */
/* 	font-weight: 400; */
/* 	text-shadow: none !important; */
/* 	color: white !important; */
/* } */
/**/


.feeds-items-title {
    display: none !important;
}

.media-ach > .media-ach-desc
{
	font-family: "Princess Sofia", cursive;
	color: #ffbebe;
	text-shadow: 2px 1px #adb6bc4a;
    font-size: 38px;
	font-weight: bold;
}

div.frontpage-media-title {
    text-decoration: none !important;
    font-size: 12px;
    order: -1;
}

span.feeds-items-title {
    font-size: 12px;
}

#status-update > a, .message-text > a {
    font-size: smaller !important;
}

.medias-page-right-items > .media-it-holder > img {
    border: 1px transparent solid !important;
}

.medias-page-right-items > .media-it-holder > img:hover {
    border: 1px whitesmoke solid !important;
}

.media-navi {
    border: 1px solid transparent !important;
}

/*
.paginated-medias > .media-it-holder, .frontpage-media-item, .media-navi, .media-ach-holder {
    border: 1px transparent solid !important;
    text-decoration: none !important;
}

.paginated-medias > .media-it-holder:hover, .frontpage-media-item:hover, .media-navi:hover, .media-ach-holder:hover {
    border: 1px red solid !important;
    text-decoration: none !important;
}*/

.paginated-medias > .media-it-holder {
    background-color: #0a0502 !important;
}

/* .paginated-medias > .media-it-holder { */
/*     border: 1px solid #1c1616 !important; */
/* } */

div#media-right-items-container {
    background: none !important;
}
div.media-page-content {
    background: none !important;
}

p.feeds-log {
    background: #111010;
    font-size: 14px !important;
    line-height: 16px !important;
    padding: 2px !important;
    /* font-family: Verdana, sans-serif !important; */
    /* font-family: "LiberationMonoRegular", monospace !important; */

}

    /* font-family: Verdana, sans-serif !important; */

div#frontage-top-medias {
    /*background: black !important;*/
    padding: 0 25px 2px 25px;
    margin-bottom: 8px;
}

.status-update, .feeds-container {
    /* background-color: #0a0502 !important; */
    background: #040404 !important;
}

.status-update {
	background: #232020 !important;
}


/*
@media only screen and (min-width: 1000px) {



.status-user {
    display: inline-flex !important;
    flex-direction: column !important;
    vertical-align: top !important;
    align-items: center !important;
    margin-top: 5px !important;
}
.user-thumbnail {
    max-width: 65px !important;
    max-height: 65px !important;
}
    .status-update {
        padding-left: 10px !important;
        display: flex !important;
    }

    .status-message {
        flex: 1;
    }

    #status-update-input {
        color: white !important;
        background-color: black !important;
    }

    .status-message-container {
        flex: 1;
        margin-top: 5px !important;
    }
}*/

.message-text {
    margin-bottom: 0 !important;
}

.status-message > a, .status-message * > a,
.message-text > a, .message-text * > a {
    font-size: smaller;
    text-decoration: underline;
}
.message-text {
    color: white !important;
}


.privmsg-info {
    float: right;
}

.message-text > .message-preview {
    font-weight: bold;    
}

article.message-article {
    border-left: none !important;
    border-right: none !important;
    border-left: none !important;
    margin-bottom: 11px !important;
    border: none !important;
}

article.message-article:target {
    background: #020202 !important;
}

.message-meta {
    border-right: 1px solid #3b292d !important;
}

.message > a {
    text-decoration: underline !important;
    font-size: smaller !important;
}

.message-text a.message-user-link {
    color: white !important;
    font-weight: bold !important;
}


.quote {
    border-left: 1px solid #fff7f7 !important;
}

input[type='file'], input[type='files'] {
    color: whitesmoke !important;
}

.fa {
    color: whitesmoke;
}


button {
    height: 25px !important;
}

#preview > .message {
    -webkit-box-shadow: 0 0 5px black !important;
    -moz-box-shadow: 0 0 5px black !important;
    box-shadow: 0 0 5px black !important;
}

#buffers-container, .chat-user-link {
    color: whitesmoke !important;
}

#buffer-highlighter {
    color: blanchedalmond;
}

#chat-right-items, #chat-page-messages {
    background-color: #222429;
    color: #dae3e5;
}



#chat-file-input {
    color: white !important;
}

.message-on-preview {
    background-color: whitesmoke !important;
    border: 1px white solid !important;
}



.media-file {
    /* background: #111010; */
    background-image: linear-gradient(#111010bd, #0d0c0c, #1110107d);
    display: flex;
}
.media-file:hover {
        background-image: linear-gradient(#2d292961, #111010de, #221f1f61);
}

iframe.embedded-media {
	margin: auto;
}

img.file:hover, img.video:hover, 
iframe.embedded-media:hover {
	filter: brightness(110%);
}

.file {
    background: #33313180;
    text-align: center;
    color: whitesmoke;
    margin: auto;
}


.file:hover:not(.file-spoilered) {
    background: #848080ab;
}

.file:hover:not(.file-spoilered) {
    background: #3e3c3cab;
}




div.front-top-medias {
	    scrollbar-width: thin;
    }

div#media-carouse-list {
	background: #0b0a0a;
	padding: 0;
	margin: 5px 0 0 0;
}

div#media-carouse-list * div#media-list {
	padding: 0;
	margin-top: 55px;
}

div.carousel-row * span.media-it-title {
	max-width: 150px;
}

#main-header, #media-basic-info {
	background: #1a1717 !important;
	border: 1px solid #171616 !important;
}

#media-basic-info {
	opacity: 0.85;
}

div#main-body[data-uri='/wpaint/'] {
	background: #1c1a1a;
}

div.paginated-medias > div.media-it-holder, div.medias-page-right-items > div.media-it-holder {
	margin-top: 25px;
}

div#media-carouse-list > #media-list * > .media-it-holder, div.front-top-medias > div.media-it-holder {
	padding: 0 15px 0 15px;
}

img#user-avatar-img {
	background: black;
}

div#main-body[data-view='channelMediaDisplay'] > div#channel-container > div#channel-meta {
	display: none !important;
}

div#main-body[data-view='channelMediaDisplay'] * span#channelName {
	display: inline !important;
	margin-right: 8px;
	font-family: monospace;
	font-weight: bolder;
}

/*
@media (min-width: 2200px) {

    *::target-text {
        font-size: 1.5rem !important;
    }


    a {
        font-size: 2.0rem !important;
        line-height: 2.2rem !important;
    }

    #media-basic-info {
        font-size: 2.0rem !important;
    }

    p.feeds-log {
        font-size: 2.2rem !important;
        line-height: 2.5rem !important;
    }

    .message-text, .status-message, #user-description, #thread-container, #status-update, textarea {
        font-size: 2.3rem !important;
    }


    div#media-right-items-container
    {
        width: 30vw !important;
    }

    div.paginated-medias > div.media-it-holder, div.medias-page-right-items > div.media-it-holder
    {
        width: 15vw !important;
    }

    span.media-it-title {
        font-size: 1.5rem !important;
    }

    .tag-container, h3.tag, .channel-name {
        font-size: 2.5rem !important;
    }

    div.carousel-row * img.media-it-thumb {
        width: 6vw !important;
        height: 10vh !important;
    }
}*/