/* Файл пользовательских css стилей, для тонкой настройки шаблона */
:root, [data-bs-theme="light"] {
--bs-border-radius:.375rem;
}
body {
    background:url(/bg.webp);
    background-attachment:fixed;
    background-size:cover;
    background-position:center;
}
.mt-n5 {
    margin-top:-5px !important;
}
.actions .add-favorite {
    background:url(../svg/favorite.svg);
    width:14px;
    height:14px;
    display: inline-block;
    vertical-align:middle;
}

.star-rating > div {
    display:inline-block;
    overflow:hidden;
}
.ratingplus {
    color:rgb(var(--success-rgb));
}
.ratingminus {
    color:rgb(var(--danger-rgb));
}
.user-info .send-pm a {
    background: rgb(var(--success-rgb));
    box-shadow: 0 0.25rem 1rem rgba(var(--success-rgb), 0.3) !important;
    color: #fff;
    border-radius: 0.375rem;
    padding: 5px 10px;
    text-transform: capitalize;
    font-size: 0.8rem;
}
.user-info .send-pm a:hover {
    background: rgba(var(--success-rgb),.85);
    transition:0.3s all;
}
.main-header-profile .text-white span {
    color:#fff !important;
}
.join-us {
    --body-bg-rgb: 255 255 255;
    bottom:0;
    background-color:rgb(var(--body-bg-rgb));
    margin-bottom:0;
}

[data-theme-mode="dark"] {
    #loader .desktop-logo {
    filter:brightness(1.5);
}
.bar,.page_next-prev,.announcements,.card.bg-light {
    background-color: rgb(48 52 64) !important;
}
.footer.bg-white {
    background-color: rgb(29 35 47) !important;
}  
.join-us {
    --body-bg-rgb: 29 35 47;
}
.home {
    --body-bg-rgb: 29, 35, 47;
}

.form-control:focus {
    background-color:#262525;
}
.card.card-action {
    border:0 !important;
}
    .bg-secondary-transparent,
.bg-secondary-transparent:hover {
    background-color: rgb(var(--body-bg-rgb));
    color: rgb(var(--secondary-rgb)) !important;
}
.rounded-0 {
    border-radius:0 !important;
}
.card {
    background-color: rgb(69 71 84 / 46%);
    border: 0;
    
}
#loader {
    background-color: rgb(16, 20, 30);
}
.app-header {
    background-color: rgb(36 42 51);
}
.dropdown-menu {
    background-color: #333843;
}
.bg-white {
    background-color: rgb(48 52 64) !important;
}
.modal-content {
    color: var(--default-text-color);
    background-color: #2a2929;
    border: 0;
    border-radius: 0.5rem;
}

}
.hover-blur{
    transition:all 0.2s ease-out;
}

.hover-shadow {
    transition:all 0.2s ease-out;
}
.hover-shadow:hover {
    box-shadow: 0 0 0.25rem rgba(0,0,0, .1) !important;
    transition:all 0.2s ease-out;
}
.hover-opacity .card-img-top {
    transition:all 0.2s ease-in;
}
.hover-opacity:hover .card-img-top {
    opacity:0.85;
    transform: scale(1.05);
}
.list-group-item:hover .hover-opacity{
    opacity:0.85;
}

.text-shadow {
    text-shadow:0 1px 2px #000;
}
.badge a {
    color:#fff !important;
}

.list:last-child .border-bottom {
    border-bottom:0 !important;
}

.group > b > span {
    color:var(--text-muted) !important;
    font-weight:400;
}
.top-shadow {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 40%, rgba(255, 255, 255, 0) 100%);
}
.bottom-shadow {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .75) 40%, rgba(255, 255, 255, 0) 100%);
}

#fullsearch {
    width:100%;
}
@media (max-width:575.98px) {
    .meta {
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .send-pm {
        text-align:center !important ;
    }
    .user-info .block {
        margin-left:auto;
        margin-right:auto;
        width:fit-content;
    }
}
    
@media (max-width:767.98px) {
    .about .poster {
        text-align:center;
    }
    .page {
        margin-top:0 !important;
    }
    .file .avatar.avatar-xxl {
        width:3rem !important;
        height:3rem !important;
        line-height:3rem !important;
    }
    .text-end.actions {
        text-align:left !important;
    }
    .text-end.actions a:first-child span {
        margin-left:0 !important;
    }
    
}

@media (max-width:991.98px) {
    .main-content {
        padding-top:60px !important;
    }
}
@media (max-width:1399.99px) {
    body {
        background-image: none !important;
    }
    
    .slider, .swiper-slide .card {
        max-height:300px;
    }
}

.tagscloud a,.tags a {
    font-weight:400;
    color:var(--text-muted);
}
.tagscloud a:before,.tags a:before {
        content:"#";
    }
.line-clamp-2 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
    line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.line-clamp-3 {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
    line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.play-btn i {
    margin-right:-12px;
}
.play-btn:hover {
    background-color: rgba(var(--dark-rgb), 0.75) !important;
}
.comments {
    min-height:50px;
}
.latest-comments .border-bottom:last-child {
    border-bottom:0 !important;
}
.latest-news .news:last-child {
    border-bottom:0 !important;
}
.mgb-2 {
    margin-bottom:2px;
}
.top-1 {
    top:1px;
}
.top-2 {
    top:2px;
}
.top-3 {
    top:3px;
}
.top-4 {
    top:4px;
}
.top-5 {
    top:5px;
}
.top-n1 {
    top:-1px;
}
.top-n2 {
    top:-2px;
}
.top-n3 {
    top:-3px;
}
.top-n4 {
    top:-4px;
}
.top-n5 {
    top:-5px;
}
.top-n6 {
    top:-6px;
}
.fw-bold {
    font-weight:900 !important;
}
.shadow-sm {
    box-shadow: 0 1px 0.25rem 1px rgb(0 0 0 / 4%) !important;
}
[data-theme-mode="dark"] {

.title .title-bg {
    background-color:rgb(29,35,47) !important;
}    
.quote_block {
    background-color:var(--black-2);
}   


}

.description > ul > li::marker {
    font-family: boxicons !important;
    font-style: normal;
    font-variant: normal;

    text-rendering: auto;
    display: inline-block;
    color:var(--bs-teal);
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\ebe6";
}
.description > ul {
    padding:0 0.8rem;
}
.description > ul > li {
    padding-left:5px;
    margin-bottom:5px;
}
.btn-yandex {
    background-color:#f8604a;
}
.btn-vk {
    background-color:#0077ff;
}
.btn-fb {
    background-color:#3b5998;
}
.btn-mailru {
    background-color:#0077ff;
}
.btn-mailru span {
    margin-left:-2px;
}
.btn-ok {
    background-color:#fbbc0b;
}
.btn-g {
    background-color:#cf4e43;
}
.btn-tw {
    background-color:#00ACED;
}
.btn.btn-g:hover,
.btn.btn-g:focus,
.btn.btn-g:active,
.btn.btn-ok:hover,
.btn.btn-ok:focus,
.btn.btn-ok:active,
.btn.btn-mailru:hover,
.btn.btn-mailru:focus,
.btn.btn-mailru:active,
.btn.btn-fb:hover,
.btn.btn-fb:focus,
.btn.btn-fb:active,
.btn.btn-yandex:hover,
.btn.btn-yandex:focus,
.btn.btn-yandex:active,
.btn.btn-vk:hover,
.btn.btn-vk:focus,
.btn.btn-vk:active,
.btn.btn-tw:focus,
.btn.btn-tw:active{
    background-color:rgba(0,0,0,.25) !important;
}
.title i {
    margin:5px !important;
}
.block-title {
    padding-left: 53px;
    padding-right: 17px;
    line-height: 45px;
    height: 48px;
    z-index: 0;
}
.related-news .next, .related-news .prev{
    width: 25px;
    height: 25px;
    line-height: 26px;
    margin-top: -6px;
}
.more-btn {
    height: 48px;
    width: 48px;
    line-height: 48px;
    display: block;
}

.add-news select#category, select.timezoneselect, select.twofactorselect {
    width:100% !important;
    max-width:350px;
}

.scrollToTop {
    bottom:70px !important;
}
.app-sidebar .main-sidebar-header .header-logo img {
    height: auto !important;
    line-height: unset !important;
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}
#loader {
    flex-wrap: nowrap;
    flex-direction: column;
    font-weight:bold;
}
#loader img {
    animation: animate 800ms ease-out infinite alternate;
    display: block;
    margin-bottom: 15px;
}

@keyframes animate {
    0% {

		transform: scale(0.99);
    }	
    100% {
	
		transform: scale(1);
    }
}
.comments .info {
    margin-bottom:0 !important;
}
.flip {
    transform: scale(-1, 1);
}

@media (min-width: 1400px) {
    
}
.title {
    letter-spacing:0.5px;
}
.title .title-bg {
    z-index:1;
}
.bg-wd {
    background-color:rgb(var(--danger-rgb)) !important;
}
.highlight,.text-wd {
    color: rgb(var(--danger-rgb)) !important;
    fill: rgb(var(--danger-rgb)) !important;
}
.app-sidebar .side-menu__icon {
    color: rgb(var(--danger-rgb)) !important;
    fill: rgb(var(--danger-rgb)) !important;
}
#series_list .cover.active {
    filter:grayscale(1);
}
#series_list .active h3 {
    color:rgb(var(--danger-rgb)) !important;
}
.avatar.avatar-sm {
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem;
}
.grayscale {
    filter:grayscale(1);
}
.ya-share2__item {
    margin-right: 7px !important;
}
.bar {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}
.announcements {
    height:45px;
    line-height:45px;
    padding-left: 38px;
}
.announcements .announce-icon {
    margin-left: 15px;
    margin-top: 3px;
}