﻿.archive-site{padding-bottom:40px}
.archive-site .head{padding:40px 0 20px;background:linear-gradient(to bottom,transparent,var(--body))}
.archive-site .head:before{content:"";position:absolute;top:0;right:0;height:100%;width:100%;background:#fff url('../img/bgarchive.svg') center;z-index:-1;opacity:.2}
.archive-site .head .main{width:1000px}
.archive-site .head .arm-dev{width:100px;height:100px;padding:10px;margin:0 calc(50% - 50px) 15px}
.archive-site .head .dev-text{line-height:2;margin-bottom:10px}
.archive-site .head .dev-link{padding:10px 20px;display:inline-block}
.archive-site .head .dev-link i{margin:2px 0 0 7px}
.archive-site .head .dev-link:hover{background-color:var(--color) !important;color:#fff !important}
.archive-site .head .title-area h1{color:#484b62;display:inline-block;line-height:1.8;background-color:var(--body);padding:0 20px}
.archive-site .head .title-area:before{position:absolute;right:0;height:2px;top:calc(50% - 1px);content:"";width:100%;background:linear-gradient(to right,transparent,var(--color2),transparent)}
.archive-site .head .all-cats{margin-top:10px}
.archive-site .head .all-cats li{display:inline-block}
.archive-site .head .all-cats li a{padding:8px 15px;margin:7px 4px;display:inline-block}
.archive-site .head .all-cats li a .icon{width:18px;height:18px;margin-left:10px}
.archive-site .head .all-cats li a img.icon{filter:brightness(0) saturate(100%) invert(31%) sepia(6%) saturate(4742%) hue-rotate(206deg) brightness(92%) contrast(87%)}
.archive-site .head .all-cats li.active a,.archive-site .head .all-cats li a:hover{color:var(--color)}
.archive-site .entery{display:flex;flex-wrap:wrap}
.archive-site .entery .mini-p .pic{height:auto}
html.dark-mode .archive-site .head .title-area h1{color:#fff}
html.dark-mode .archive-site .head:before{background:var(--body) url('../img/bgarchive.svg') center}
html.dark-mode .archive-site .head .all-cats li a{background:#27272b;color:#bfc0c8}
html.dark-mode .archive-site .head .all-cats li.active a,html.dark-mode .archive-site .head .all-cats li a:hover{color:var(--color2)}
html.dark-mode .archive-site .head .all-cats li a .icon{filter:grayscale(10) brightness(10);opacity:.6}
html.dark-mode .archive-site .head .dev-link,html.dark-mode .archive-site .head .dev-text{color:#ddd}
html.dark-mode .archive-site .head .all-cats li a img.icon{filter:brightness(0) invert(1);opacity:.8}

@media only screen and (min-width:920px){
.archive-site .entery .mini-p{flex:1 0 calc(16.66% - 20px);max-width:calc(16.66% - 20px)}
}
@media only screen and (min-width:1220px){
.archive-site .entery .mini-p{flex:1 0 calc(14.28% - 20px);max-width:calc(14.28% - 20px)}
}
@media only screen and (min-width:1420px){
.archive-site .entery .mini-p{flex:1 0 calc(12.5% - 20px);max-width:calc(12.5% - 20px)}
}
@media only screen and (min-width:1620px){
.archive-site .entery .mini-p{flex:1 0 calc(11.11% - 20px);max-width:calc(11.1% - 20px)}
}
@media only screen and (max-width:920px){
.archive-site{padding-bottom:30px}
.archive-site .head{padding:20px 0}
.archive-site .head .title-area h1{padding:0 10px;font-size:19px}
.archive-site .head .dev-link{padding:10px 20px;padding:7px 14px}
.archive-site .head .all-cats{font-size:13px}
.archive-site .head .all-cats li a,.archive-site .head .all-cats li{float:right}
.archive-site .head .all-cats li{margin-left:10px}
.archive-site .head .all-cats li a{margin:10px 0}
.archive-site .head .all-cats li a .icon{width:18px;height:18px}
.archive-site .entery .mini-p{flex:1 0 100%;max-width:100%;margin:0 0 10px;border-bottom:1px var(--blur) solid;border-radius:0;padding:0 0 10px 70px}
.archive-site .entery .mini-p figure .pic,.archive-site .entery .mini-p figure{width:70px;height:70px}
.archive-site .entery .mini-p .title a{-webkit-line-clamp:1;line-clamp:1;height:auto;text-align:right}
.archive-site .entery .mini-p .cat-p{text-align:right}
.archive-site .entery .mini-p .title,.archive-site .entery .mini-p .cat-p{width:calc(100% - 85px);float:left}
.archive-site .entery .mini-p .title{margin-top:0}
.archive-site .entery .mini-p .title.title-en{margin-bottom:0}
.archive-site .entery .mini-p:last-child{border-bottom:0 !important}
.archive-site .entery .mini-p:after{content:"دریافت";background:linear-gradient(276deg,var(--color),var(--color2));padding:7px 15px;font-size:13px;font-weight:bold;color:#fff;border-radius:30px;position:absolute;left:0;top:20px}
.archive-site .entery .mini-p .full-link{z-index:4}
.archive-site .entery .mini-p .mini-stars{display:none}
.archive-site .entery .mini-p,.dark-mode .archive-site .entery .mini-p{background: none;box-shadow: none}

.archive-site .entery .mini-p .corner{transform:scale(.5) translate(-50%,50%)}


}