@font-face{font-family:'iran sans';src:url(assets/fonts/IRANSansX-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'iran sans';src:url(assets/fonts/IRANSansX-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--primary:#62c462;--body:#fbfbfb;--black:#222;--gray:#eee}
html{font-size:62.5%;font-family:iran sans;scroll-behavior:smooth}
*{box-sizing:border-box;padding:0;margin:0;border:0}
ul,li{list-style:none}
body{direction:rtl;background:#212121;color:#eee;overflow-x:hidden;cursor:default;font-family:iran sans;font-size:1.5rem;gap:1em;display:flex;flex-direction:column}
input,button,textarea{font-family:iran sans;font-size:1.3rem;background:none;outline:0;color:#fff}
strong,b,h2,h3{font-family:iran sans;font-weight:700}
strong,b{font-weight:700}
h1{font-size:2rem}
h2{font-size:1.8rem}
h3{font-size:1.6rem}
hr{border-bottom:1px solid #414141;margin:1em 0}
a{text-decoration:none;color:#fff;transition:all 300ms ease-out}
img{max-width:100%;height:auto;object-fit:cover}
.container,main{max-width:640px;margin:0 auto;width:100%}
.header{height:70px;display:flex;align-items:center;justify-content:space-between;gap:1em;background:#313131;border:1px solid #414141;border-top:0}
article header h1 a{color:#fff!important}
.logo{margin-right:1em}
.logo a{display:flex;color:#F9E7B2;font-size:2.2rem;user-select:none;gap:.5em;height:50px;align-items:center;font-weight:700}
.header nav{display:flex;flex-wrap:wrap;gap:.5em;padding:.9em}
.header nav span{gap:1em;display:flex;flex:1 1 auto}
.header nav a{display:flex;align-items:center;width:100%;font-size:1.4rem;padding:.5em;text-align:center;justify-content:center;color:#eee;background:linear-gradient(45deg,#313131 0%,#383838 100%);border:1px solid #383838;border-radius:.5em}
.search form{background:#313131;height:49px;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #414141}
.search form input{width:100%;height:100%;padding:0 1em;color:#eee;font-size:14px;background:none}
.search form button{height:49px;font-size:15px;cursor:pointer;background:#414141;color:#fff;padding:0 .6em}
article,.heading,section,.sidebar{background:#313131;border:1px solid #414141;width:100%}
section{margin-top:1em}
.heading{margin-bottom:1em;padding:1em}
.heading p{color:#ddd;margin-top:.5em}
.entry-content a{color:#4aa3ff;text-decoration:underline}
.content header,.singer header,.sidebar header{padding:1em 1em 0;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:.7em}
.content header:after,.singer header:after,.sidebar header:after{margin:4px 0 0;background:linear-gradient(90deg,#fff0 0%,#515151 50%,#fff0 100%);content:"";width:320px;height:1px}
.content header h1,.singer header h2,.sidebar header h2{font-size:1.6rem;font-weight:400}
.singer header h2,.sidebar header h2{color:#F9E7B2}
.content > div{line-height:2;padding:.8em;text-align:center}
.content > div img{margin:.7em auto 0;border-radius:.7em;vertical-align:bottom}
.downloadbox{margin:1em 0}
.download a{display:flex;justify-content:center;align-items:center;padding:.9em 1.2em;border-radius:1em;color:#fff;width:50%;margin:0 auto;height:50px;text-decoration:none;background:linear-gradient(180deg,#26DF4F 0%,#008C1F 100%);font-weight:700}
.download a:nth-of-type(2){background:linear-gradient(180deg,#888 0%,#555 100%);margin-top:1em}
.download a:hover{opacity:.8}
.player audio{width:50%}
.breadcrumb{border-top:1px solid #414141;padding:1em;color:#aaa}
.breadcrumb a{font-weight:700}
.index{display:flex;flex-wrap:wrap;gap:1em;width:100%}
.index article{padding:.8em}
.index article figure{width:180px;height:190px;display:flex;overflow:hidden;border-radius:1em;float:right;margin-left:1em;position:relative}
.index article h2{font-size:1.7rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8}
.index article > div{line-height:1.8;color:#999;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.index footer{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;margin:.7em 0 0}
.index footer audio{flex:1;height:40px;filter:invert(0.9)}
.index footer a{background:#212121;color:#eee;display:flex;justify-content:center;align-items:center;font-size:1.4rem;padding:0 .7em;border-radius:2em;gap:.4em;height:40px}
.index footer a:hover{background:#fff;color:#212121}
.sidebar{margin-top:1em}
.sidebar ul,.singer ul{padding:1em;display:flex;flex-wrap:wrap;gap:.7em;width:100%}
.sidebar li,.singer li{gap:1em;display:flex;flex:1 1 auto}
.sidebar li a,.singer li a{border-radius:1em;display:flex;width:100%;padding:.7em .5em;text-align:center;justify-content:center;color:#eee;background:#383838;border:1px solid #515151}
.sidebar li a:hover,.singer li a:hover{background:#484848}
.lyrics{border:1px solid #414141;background:#353535;border-radius:1em;padding:1em 0;height:300px;overflow:auto;overflow-y:scroll}
.page{padding:1em;margin-top:1em}
ul.pagenavi{display:flex;list-style:none;gap:.5em;justify-content:center}
ul.pagenavi li a{padding:.5em .9em;background:#313131;color:#eee}
ul.pagenavi li a:hover{background:#d71920}
ul.pagenavi li span.current{padding:.9em 1.2em;background:#515151;color:#fff}
.footer{background:#313131;border:1px solid #414141;text-align:center;padding:1em}
.footer p{color:#e5e5e5;font-size:14px;line-height:2}
::-webkit-scrollbar{width:12px;height:8px}
::-webkit-scrollbar-track{background:#272727}
::-webkit-scrollbar-thumb{background:#d71920}
#mediaad-exJaO .ni-ellipsis{color:#eee!important}
@media screen and (max-width: 480px) {
.header{height:60px;gap:.4em}
.header nav{padding:.4em}
.header nav a{padding:.4em}
.search form{padding:0 .5em}
.index footer{flex-direction:column;width:100%;gap:.4em;margin:.7em 0 0}
.index footer audio{flex:initial;height:42px;width:100%}
.index article h2{-webkit-line-clamp:2}
.index article figure{width:130px;height:130px}
.download a,.player audio{width:80%}
.index footer a{height:50px}
}