﻿.main-archive{padding:0 0 45px}
.main-archive .title-area{margin-bottom:0;text-align:right}
.main-archive .title-area h1{color:#484b62;display:inline-block;line-height:1.8;background-color:var(--body);padding:0 20px}
.global-location .entery a{color: #484b62}
/* .main-archive .title-area:before{position:absolute;right:0;height:2px;top:calc(50% - 1px);content:"";width:100%;background:linear-gradient(to right,transparent,var(--color),transparent);opacity:.5} */

.main-archive .entery{display:flex;flex-wrap:wrap}
.main-archive .entery .mini-p{flex:1 0 calc(25% - 15px);max-width:calc(25% - 15px)}
.dark-mode .main-archive .title-area h1{color:#fff}

.midbendzs{flex:1 0 100%;max-width:100%;margin:15px 0}
.midbendzs .slider-1-anime{transform:translateX(50%);margin-right:50%;width:100vw;width:100dvw}
.midbendzs .slider-1-anime .owl-nav{display:none}
.midbendzs .slider-1-anime .owl-dots{position:absolute;bottom:10px;z-index:1000;width:auto;right:50%;transform:translateX(50%)}
.midbendzs .slider-1-anime .owl-dots .owl-dot{background:#fff}


.develooper-info-head{margin-bottom:15px;background:rgba(34, 39, 48, 0.9);padding:25px 0}
.develooper-info-head .main{width:900px}
.develooper-info-head .bg-dev{top:0;right:0;height:100%;z-index:-1}
.develooper-info-head .arm-dev{width:150px;height:150px}
.develooper-info-head .inside{width:calc(100% - 175px);margin-top:10px}
.develooper-info-head .inside .text{line-height:1.85;text-align:justify;margin:3px 0 10px}
.develooper-info-head .inside .infos .web-btn{padding:5px 10px;margin-left:10px}
.develooper-info-head .inside .infos .web-btn i{margin:3px 5px 0 0}
.develooper-info-head .inside .infos .web-btn:hover{background:var(--color);color:#fff}
.develooper-info-head .inside .infos .year{backdrop-filter:blur(15px);padding:6px 10px;background:rgba(255, 255, 255, 0.2)}


.main-archive.ismoresearch{margin-top:25px}


.main-archive .rt-top-desc .list-like .like-btn{border:0;display:inline-block;margin-top:12px;border-radius: 18px;}
.main-archive .rt-top-desc .list-like .like-btn .icon{padding:7px 15px}
.main-archive .rt-top-desc .list-like .like-btn .icon i{margin:2px 0 0 8px}
.main-archive .rt-top-desc .list-like .like-btn .like-count{padding:6px 15px;border-right:1px var(--blur) solid}
.dark-mode .main-archive .rt-top-desc .list-like .like-btn{color:#fff}
.dark-mode .main-archive .rt-top-desc .list-like .like-btn .icon{color:#ddd}
.main-archive .rt-top-desc .list-like .like-btn.active .icon,.main-archive .rt-top-desc .list-like .like-btn.active{color:#fff !important}
.main-archive .rt-top-desc .list-like .like-btn.active .icon i:before{content:"\f5f8";}
.main-archive .rt-top-desc .list-like .like-btn.active .icon{font-size:0}
.main-archive .rt-top-desc .list-like .like-btn.active .icon:after{content:"پسندیده شد";font-size:13px}
.main-archive .rt-top-desc .list-like .like-btn.active{background:#F06A64 !important}
.main-archive .rt-top-desc .list-like .like-btn.loading .icon i{animation: fa-spin 2s infinite linear;}
.main-archive .rt-top-desc .list-like .like-btn.loading .icon i:before{content:"\f110";}


.main-archive .rt-top-desc{line-height:2.2;margin-bottom:15px;padding:0 150px}
.main-archive .rt-top-desc .exit{display:inline-block;padding:2px 17px;margin-right:15px}
.main-archive .rt-top-desc .exit i{margin:7px 7px 0 0}
.main-archive .rt-top-desc .exit:hover{opacity:.8}
.dark-mode .main-archive .rt-top-desc{color:#ddd}

.main-archive .entery .mini-uli{flex:1 0 calc(33.33% - 15px);max-width:calc(33.33% - 15px);margin:7.5px}

@media only screen and (min-width:920px){
.midbendzs .slider-1-anime .pic{height:170px}
.archive-slider .entery.flex-grid-items{display:flex;flex-wrap:wrap}
.archive-slider .entery .mini-p{flex:1 0 calc(33.33% - 15px);max-width:calc(33.33% - 15px)}

.main-archive.list-of-users-page{margin-top:20px}

}
@media only screen and (min-width:1220px){
.archive-slider .entery .mini-p{flex:1 0 calc(20% - 15px);max-width:calc(20% - 15px)}
}
@media only screen and (max-width:1220px){
.main-archive .entery .mini-uli{flex:1 0 calc(50% - 15px);max-width:calc(50% - 15px)}
}
@media only screen and (max-width:1030px){
.main-archive .title-area h1{font-size:22px}
.main-archive .entery .mini-p{flex:1 0 calc(33.33% - 15px);max-width:calc(33.33% - 15px)}
}
@media only screen and (max-width:920px){
.main-archive .rt-top-desc .list-like{margin-bottom: -10px;}
.main-archive.ismoresearch{margin-top:5px}
.midbendzs .slider-1-anime .pic{height:calc(44vw - 50px)}
.midbendzs{flex:1 0 calc(100% - 15px);max-width:calc(100% - 15px);margin:15px 7.5px;border-radius:10px;background:#fff;border:1px #E5E5E5 solid}
.midbendzs .slider-1-anime{transform:translateX(0);margin:10px;width:calc(100% - 20px);width:calc(100% - 20px);border-radius:10px;overflow:hidden}
.midbendzs .slider-1-anime .main{max-width:100%}
.dark-mode .midbendzs{background:#2e2e2e;border-color:rgba(255, 255, 255, 0.1)}
.main-archive .entery{width:calc(100% + 15px);transform:translateX(7.5px)}
.develooper-info-head{padding:30px 0}
.develooper-info-head .arm-dev{width:100px;height:100px;margin:0 calc(50% - 50px)}
.develooper-info-head .inside{width:100%;margin-top:15px}
.develooper-info-head .inside .title{font-size:18px;text-align:center}
.develooper-info-head .inside .text{text-align:center}
.develooper-info-head .inside .infos{text-align:center}
.develooper-info-head .inside .infos .web-btn,.develooper-info-head .inside .infos .year{float:none;display:inline-block}

.main-archive .title-area h1{padding:0 5px}

.main-archive.list-of-users-page{margin-top:10px}
.main-archive .rt-top-desc{font-size:14px;padding:0}
.main-archive .rt-top-desc .exit{margin-right:0;margin-top: 10px;}

}
@media only screen and (max-width:650px){
.midbendzs{flex:1 0 calc(100% - 10px);max-width:calc(100% - 10px);margin:10px 5px}
.main-archive .entery{width:calc(100% + 15px);transform:translateX(7.5px)}
.main-archive .entery .mini-p{flex:1 0 calc(33.33% - 10px);max-width:calc(33.33% - 10px);margin:5px;padding:0}
.main-archive .entery .mini-p .pic-area{margin:0;width:100%}
.main-archive .entery .mini-p .pic-area .pic{height:auto;border-radius:10px 10px 0 0}
.main-archive .entery .mini-p header{width:calc(100% - 20px);margin:10px 10px 0}
.main-archive .entery .mini-p header .title a{white-space:inherit;text-overflow:inherit;text-align:center;white-space:inherit;text-overflow:inherit;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:44px}
.main-archive .entery .mini-p header .cat-p{text-align:center}
.main-archive .entery .mini-p header .cat-p a{font-size: 12px;padding: 2px 6px;float:none;display:inline-block;margin:5px 0 0}
.main-archive .entery .mini-p footer .inf.andvers{margin-right:0 !important}
.main-archive .entery .mini-p footer .inf{margin-right:4px}
.main-archive .entery .mini-p footer .inf.moded .icon-mod{margin-left:1px}
.main-archive.ismoresearch .entery .mini-p footer .inf.moded{display:none !important}
.main-archive.ismoresearch .entery .mini-p footer .inf.andvers{float:right}

.main-archive .entery .mini-p footer{position:initial;padding-top:8px;width:calc(100% - 20px);margin-right:10px;margin-bottom:10px}
.main-archive .entery .mini-p footer::before{position:initial !important;float:right;transform:translateY(-10px);}
.main-archive .entery .mini-p footer .inf.andvers{float:right}
.main-archive .entery .mini-p footer .inf.moded{position:absolute;margin:0;top:5px;right:5px;background:#ffffffeb;padding:2px 7px;border-radius:30px;font-size:12px;backdrop-filter:blur(3px)}
.dark-mode .main-archive .entery .mini-p footer .inf.moded{background:#2e2e2ed4}


.main-archive .entery .mini-p footer .inf.moded.itemx-1,
.main-archive .entery .mini-p footer .inf.moded.itemx-2,
.main-archive .entery .mini-p footer .inf.moded.itemx-3{display:block !important;}
.main-archive .entery .mini-p footer .inf.moded.itemx-2{right:inherit;left:5px;font-size:0;padding:2px}
.main-archive .entery .mini-p footer .inf.moded.itemx-2 .icon-ionline{margin:0}
.main-archive .entery .mini-p footer .inf.moded.itemx-1{right:5px;top:initial;bottom:144px}


.main-archive .entery .mini-uli{flex:1 0 calc(100% - 10px);max-width:calc(100% - 10px);margin:0 5px 10px}
.main-archive .entery .mini-uli .pics{margin-right:0;margin-top: 40px;width: 200px;float: right;}
.main-archive .entery .mini-uli .pics .pic:last-child{border-radius: 15px;backdrop-filter: blur(30px);right: inherit;left: 0;background: none;padding: 0;width: 40px;height: 40px;top:11px}
.main-archive .entery .mini-uli .pics .pic:last-child .count{border-radius: 15px;height: 40px;line-height: 40px;font-size: 15px;text-shadow: none;backdrop-filter: blur(0);}
.main-archive .entery .mini-uli .inside .name{text-align:right;margin: 0;position: absolute;top: 10px;right: 0;border-bottom: 1px var(--blur) solid;padding:0 15px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-archive .entery .mini-uli:last-child{margin-bottom:5px}
.main-archive .entery .mini-uli .inside{height: auto;width: calc(100% - 215px);float: left;margin-top: 48px;}

.main-archive .inbox-list-page-bg{background:#fff;border:1px #EAEAEA solid;border-radius:10px;padding:20px}
.main-archive .inbox-list-page-bg .title-area h1{background:none}
.dark-mode .main-archive .inbox-list-page-bg{background:#2e2e2e;border-color:transparent}

.main-archive .entery .mini-p.its_news footer .matlab-date{width:100%;margin-bottom:5px}
.main-archive .entery .mini-p.its_news footer .matlab-blog{float:right}
.main-archive .entery .mini-p.its_news footer .matlab-blog svg{float:right;margin:0 0 0 7px}
.main-archive .entery .mini-p.its_news .pic-area .pic{height:calc(50vw - 80px)}

}