@import url('https://solarinoo.github.io/black_0.1_.css');

/*доп*/


.post-content.post-page h1 {
    color: #000;
}

h5 {
    color: #898989;
}
[style="text-align: right;"] a, .content h1, [class="d-flex justify-content-between mb-3 "] a {
 color: #000000;
}

form#newtopicform {
margin: 0px 0px 25px !important;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #1a1a1a;
}
.user_footer a, .info_container a, .info_text a, .info_text div {
    color: #202020!important;
}

.info_text, .info_container {
      background: #fff;
}

/*-*/

div#app {
    max-width: 1300px;
    margin: auto;
}

main.py-4 {
    margin: auto;
    flex-direction: row-reverse;
}

[src="//beon.fun/i/offline.png"],
[src="//beon.fun/i/online.png"],
[src="/i/blog.png"],
[src="/i/offline.png"],
[src="/i/user.png"],
[src="/i/access.png"],
[src="/i/topic_options.png"],
[src="/i/podcast.png"],
.pagination-goto,
.left-menu__friends,
.left-menu__unread-message img.flag,
.user:before,
.blog:before,
img.flag,
/*.text-center img,*/
.blog__iread,
.blog__last-comments,
.blog__refferers,
.post-content.blog_total_counter {
    display: none;
}

body {
    background: #f3f3f3;
}

.post-content, .comment-content, div.left-menu, .bg-white, .textareabg, .modal-content, .emj-dropdown-content {
    background: #fff;
}
[href="mailto:a@beon.fun"] {
    color: #000000;
}
.crumb-item, .crumbs, .datebg {
    color: #000000;
}

.post-title, h1, .left-menu h3,
.post-title-date  {
    color: #000000;
}

[onclick="return showSpoiler(this)"], a.user {
    color: #000000 !important;
}

.pc-menu a {
    color: #202020!important;
    transition: 0.2s;
}

.pc-menu a:hover {
transition: 0s;
color:#767676!important;
}

a.navbar-brand {
    color: #202020!important;
    font-size: 22px;
    transition: 0.2s;
}
a.navbar-brand:hover {
transition: 0s;
color:#767676!important;
}
.m2 {
    color: #000;
}

.tag_bar > span:hover {
    color:#9b9b9b;
  transition: 0.3s;
}

a, div {
    color: #202020;
    text-decoration: none !important;
    transition: 0.2s;
}

a:hover, span[data-target="#deleteconfirmmodal"]:hover {
    text-decoration: unset!important;
    color:#767676;
transition: 0.2s;
}

  
.fa-retweet::before, .fa-bookmark::before, .fa-exclamation-triangle::before, .fa-quote-left::before, span[data-target="#deleteconfirmmodal"]  {
    color: #202020;
   padding: 3px;
   transition: .5s;
}
.fa-heart:hover:before, .fa-retweet:hover:before, .fa-bookmark:hover:before, .fa-exclamation-triangle:hover:before, .fa-quote-left:hover:before  {
    color: #767676!important;
   cursor:pointer;
   transition: .2s;
}

 [class="post-opt col-12 col-md-6"] span, .post-opt a, [onclick="deleteComment(this)"]  {
    color: #202020;
   transition: .3s;
}

 [class="post-opt col-12 col-md-6"] span:hover,  .post-opt a:hover, [onclick="deleteComment(this)"]:hover {
    color: #767676!important;
   transition: .3s;
}

select, input, .btn-outline-primary, .textareabg input[type="submit"], .textareabg input[type="button"], .left-menu-text input[type="submit"], button.btn.btn-secondary, button.btn.btn-primary, input.w-100.input-tags, input.w-100.input-mood, input.w-100.input-music, input.w-100.input-want {
    background: #f3f3f3;
    color: #000000;
    border: 1px solid #818181;
    font-size: 13px;
    cursor: pointer;
    transition: 0.4s;
}

 select:hover,
input:hover,
.btn-outline-primary:hover,
.textareabg input[type="submit"]:hover,
.textareabg input[type="button"]:hover,
.left-menu-text input[type="submit"]:hover, 
button.btn.btn-secondary:hover, 
button.btn.btn-primary:hover,
.btn-outline-primary:hover,
input.w-100.input-tags:hover, input.w-100.input-mood:hover,
input.w-100.input-music:hover,
input.w-100.input-want:hover  {
    color: #767676;
    transition: 0.4s;
}


.left-menu {
    width: 27%;
    margin-right: 0!important;
    margin-left: 15px;
    margin-bottom: auto;
    border: 1px solid #1a1a1a !important;
    background: #040404;
}

.quotation {
    border-left: 3px solid #ffffff;
    background: #0a0a0a;
    color: #fff;
    font-size: 12px;
}

textarea, .alert-success {
    color: #000000;
    background: #f3f3f3;
    border: 1px solid #818181;
}

.avatar-select-label-selected {
    border: 1px solid #000000;
    filter: opacity(0.7);
    transition: 0.3s;
}

.avatars-fullscreen-link-wrapper {
    background: #fff;
}

::selection {
    color: #000;
    background: #959595;
}

.avatar-select-label-selected {
    border: 1px solid #7a7a7a;
    transition: 0.3s;
}

::-webkit-scrollbar {
    background-color: #000000;
}

::-webkit-scrollbar-thumb {
    border: 7px solid #ffffff;
    background-color: #8f8f8f;
    min-height: 24px;
    min-width: 24px;
}
::-webkit-scrollbar-track {
    border: 7px solid #ffffff;
    background-color: #000000;
}



@media (max-width: 840px), (max-width: 700px) {
    .menu__box {
    background:#fff;
}
.menu__item  {
   color: #000000;
}
.menu__item:hover {
    background-color: #000000;
}

    .left-menu > div.mobile_open_menu > h3 {
        color: #000000!important;
        font-weight: bold;
    }

.py-4 {
    flex-direction: column!important;
    width: 100%!important;
}
}