/*
Theme Name: anitamusic
Theme URI: https://wintheme.ir
Description: Music Theme Wp
Author: wintheme.ir
Author URI: https://wintheme.ir
Version: 1.0
*/
@font-face{font-family:IRANSansX;font-style:normal;font-weight:400;src:url(fonts/IRANSansX.woff) format("woff"),url(fonts/IRANSansX.woff2) format("woff2");font-display:swap}


*{box-sizing:border-box;padding:0;margin:0;border:0}
body{direction:rtl;color:#929292;overflow-x:hidden;cursor:default;font-size:14px;}
body,input,button,textarea,h1,h2,h3,h4,h5,h6{font-family:IRANSansX;}


input,button,textarea{font-size:13px;background:none;outline:0;color:RGBA(0,0,0,0.9)}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none;color:#222;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:#ffa200}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
b,strong{font-weight:normal}
img,:before,:after{transition:all .3s ease-out}


/* هدر موبايل */
.msmpdng{padding-top:55px}

.mshedrm {
    background: #ffa200;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 57px;
    z-index: 9;
    justify-content: space-between;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px RGBA(0, 0, 0, 0.3);
}

.mshedrm a {
    width: 116px;
    height: 30px;
    background: url(msimg/logo-mob.png) no-repeat;
    text-indent: -200%;
    overflow: hidden;
    background-size: cover;
    margin: 0 1em;
}

.mshedrm form {
    flex: 1;
    height: 57px;
    background: RGBA(0, 0, 0, 0.06);
}
.mshedrm form input {
    width: 100%;
    height: 57px;
    padding: 0 1.5em;
    font-size: 12px;
    color: #fff;
    padding-left: 65px;
}
.mshedrm form button {
    width: 57px;
    height: 57px;
    left: 0;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: RGBA(0, 0, 0, 0.1);
}
.mshedrm form input::placeholder{opacity: 0.4;color: #fff;}

.msnavm {
    background: #000;
    padding: 1em 0;

}
.msnavm ul {
    justify-content: space-between;
}
.msnavm li {
    width: 25%;
    text-align: center;
    border-left: 1px dashed #333;
}
.msnavm li:last-child{border:0;}
.msnavm li a {
    color: #fff;
    padding: 7px 0;
}





.liosv{display:flex;position:absolute;width:0;height:0}
.msw{max-width:1170px;margin:0 auto;width:95%}
.msf{display:flex;flex-wrap:wrap;align-items:center}
.mshtop{background:#f8f8f8}
.mshtop .msf,.mshbtm{justify-content:space-between}
.mshedr ul{height:85px}
.mshtop li{display:flex;height:85px;margin-left:1em}
.mshtop li:last-child{margin:0}
.mshtop li a{font-size:15px;color:#b5b5b5;border-bottom:3px solid #F8F8F8;height:85px;display:flex;align-items:center}
.mshtop li.current-menu-item a,.mshtop li a:hover{border-color:#ffa200;color:#000}
.mshtop form{background:#eee;height:50px;position:relative;width:320px;border-radius:15px;overflow:hidden}
.mshtop form input{width:100%;height:50px;padding:0 1.5em 0 4em;color:#555}
.mshtop form button{width:20px;height:20px;position:absolute;left:1.5em;top:50%;transform:translate(0,-50%)}
.mshtop form input:focus + button path,.mshtop form:hover button path{fill:#ffa200}
.mshbtm{padding:2em 0}
.mshbtm a {
    width: 193px;
    height: 50px;
    background: url(msimg/logo.png) no-repeat;
    text-indent: -200%;
    overflow: hidden;
    background-size: cover;
}
.mshbtm span {
    background: #f8f8f8;
    padding: 1em 1.5em;
    border-radius: 14px;
    color: #000;
    flex-wrap: nowrap;
}
.mshbtm span svg{margin-left:.7em}
.msvips{background:#464646;padding:2em 0}
.mscipt{display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;margin:0 0 1.5em}
.mscipt svg{margin-left:.5em}
.msvips ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.msvips li{width:23.1%}
.msvips li a{display:block;position:relative;overflow:hidden;border-radius:14px}
.msvips li img{display:block;width:100%;height:auto}
.msvips li:hover img{filter:grayscale(40%)}
.msvips li a span{flex-direction:column;align-items:center;background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 90%);position:absolute;bottom:0;width:100%;display:flex;padding:3em 1em 1em;color:#fff;text-align:center;transition:all .3s ease-out}
.msvips li a:hover span{background:RGBA(0,0,0,0.7);padding:1em;height:100%;justify-content:center}
.msvips li strong{color:#fff;font-size:15px;margin:0 0 .5em;width:100%;text-align:center}
.msvips li b{color:rgba(255,255,255,0.7);font-size:13px;width:100%;text-align:center}

.msvips.ms404vip {border-radius: 14px;padding: 1em 0;margin:0 0 1.5em}
.msvips.ms404vip .mscipt {
    font-size: 15px;
    margin: 0.5em 0 1em;
}
.msvips.ms404vip ul{	justify-content: flex-start;}
.msvips.ms404vip li {
    width: 25%;
    padding: 10.4px;
}
.msvips.ms404vip li strong{margin:0}


.mshads{margin-top:1.5em}
.mshads a,.mshads img{display:block;margin:0 auto;border-radius:14px}
.mscats{justify-content:space-between;margin-top:1.5em}
.mscats a{width:32%;position:relative;border-radius:14px;overflow:hidden}
.mscats img{display:block;width:100%}
.mscats a > span{position:absolute;width:100%;height:100%;top:0;left:0;background:RGBA(0,0,0,0.5);display:flex;justify-content:space-between;align-items:center;padding:1.5em;transition:all 300ms ease-out}
.mscats a:hover > span{background:RGBA(0,0,0,0.7)}
.mscats a > span span{display:flex;flex-direction:column}
.mscats a > span span b{color:#fff;font-size:17px;margin:5px 0 0}
.mscats a > span span strong{color:rgba(255,255,255,0.7)}
.mscats a > span > strong{background:#ffa200;color:#fff;padding:5px 10px;border-radius:10px}
.msf2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.5em}
.msrast{width:61.5%;order:1}
.msidebr{width:37%;order:2}
.msmusic,.mssbx,.uspnav,.msheding,.ms404{background:#f7f7f7;margin:0 0 1.5em;border-radius:14px;overflow:hidden;padding:1.2em}
.ms404 {
    text-align: center;
    line-height: 2;
}
.ms404 img {
    margin: 1.5em 0 0;
}
.mshcnt{background:#464646;border-radius:14px;padding:1em;text-align:center;line-height:2}
.msheding{padding:1em}
.msheding h1{font-size:17px;color:#ffa200}
.msheding h1 a{color:#ffa200}
.msheding h1 a:hover{color:#fff}
.msheding p,.msheding h2,.msheding h3{color:#c3c3c3;font-size:12px}
.uscomment header,
.mssbx header{display:flex;align-items:center;padding:1.3em;color:#000;font-size:15px;background:#ffa200;border-radius:14px}
.uscomment header h4{display:flex;align-items:center;}
.uscomment header h4:before,
.mssbx header::before{content:"";width:20px;height:10px;background:#fff;border-radius:10px;margin-left:.7em}
.mssbx ul{padding:1em .5em 0}
.mssbx li{display:flex;justify-content:space-between;align-items:center;line-height:2.6}
.mssbx.msartist li{width:49%}
.mssbx li a{color:#464646;display:flex;align-items:center}
.mssbx li span{color:#c3c3c3;font-size:12px}
.mssbx li a:hover{color:#ffa200}
.mssbx li a::before{content:"";width:6px;height:10px;background:url(msimg/arrow.svg) no-repeat;background-size:cover;margin-left:.6em;margin-top:-2px}
.mssbx li a:hover:before{background:url(msimg/arrowh.svg) no-repeat;background-size:cover}
.msmusic header{display:flex;align-items:center;padding:1.5em;color:#000;font-size:14px;flex-wrap:wrap;background:#464646;border-radius:14px;justify-content:space-between}
.msmusic .msmhding{font-size:15px;color:#fff}
.msmusic .msmhding a{color:#fff;display:inline-flex;align-items:center}
.msmusic .msmhding a:hover{color:#ffa200}
.msmusic .msmhding a::before{content:"";width:20px;height:10px;background:#ffa200;border-radius:10px;margin-left:.7em}
.mspcnt{padding:1em .5em;text-align:center;line-height:2.3;color:#6f6f6f}
.mspcnt.mspcnts{padding-bottom:0;}
.mspcnt a{color:#000}
.mspcnt a:hover{color:#ffa200}
.mspcnt hr{width:100%;height:2px;margin:.7em 0;background:RGBA(255,204,0,0.05)}
.mspcnt img{margin:.7em auto;border-radius:14px;display:inherit}
.mspcnt h2, .mspcnt h3 {
    color: #000;
    font-size: 16px;
}


.mshre {
	justify-content: center;
    margin: 1em 0 0;
    width: 100%;
}
.mshre a {
    display: flex;
    background: #efefef;
    padding: 0.7em 1.4em;
    border-radius: 14px;
    color: #b5b5b5;
    align-items: center;
    font-size: 13px;
    margin: 0.5em;
}
.mshre a:hover{
background: #ffa200;
color:#fff;
}

.mshre a svg{margin-left:0.5em;}

.mshre a svg path{transition:all 300ms ease-out}
.mshre a:hover svg path{fill:#fff}


.msmusic footer{margin:0 .5em .5em}
.msmusic footer ul{color:#8d8d8d;font-size:12px;flex:1}
.msmusic footer li{position:relative;padding:0 1em}
.msmusic footer li:first-child{padding-right:0}
.msmusic footer li a{color:#8d96a7}
.msmusic footer li a:hover{color:#000}
.msmusic footer li::after{content:"";position:absolute;top:50%;transform:translate(0,-50%);width:1px;height:10px;background:#d8d8d8;left:0}
.msmusic footer li:last-child:after{display:none}
.msmusic footer > a{background:#000;border-radius:14px;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;padding:.7em 1.5em}
.msmusic footer > a:hover{background:#ffa200}

.msmusic .mspftr {
    margin: 1.5em 0 0;
}
.msmusic .mspftr ul{
flex: initial;
width: 100%;
	justify-content: center;
}

.mspnavi{justify-content:center;width:100%;margin:0 0 1.5em;background:#f7f7f7;border-radius:14px}
.mspnavi a,.mspnavi span{font-size:15px;color:#000;border-bottom:3px solid #F8F8F8;height:50px;display:flex;align-items:center;width:50px;justify-content:center}
.mspnavi .current,.mspnavi a:hover{border-color:#ffa200;color:#ffa200}
.mspnavi .next,.mspnavi .prev{width:auto;padding:0 15px;color:#6f6f6f;border:none}
.msfooter{background:#212529}
.mstopf{justify-content:space-between;padding:2.2em 0 2em}
.mstopf .mftul li a{color:#cdd3dc;font-size:15px;margin-left:1em}
.mstopf .mftul li a:hover{color:#fff}
.ustinfo span{color:#cdd3dc;flex-direction:row-reverse;margin-right:1em;font-size:15px;text-transform:uppercase}
.ustinfo span svg{margin-right:.7em}
.mfbul{width:100%;margin:2em 0 0}
.mfbul li{display:flex}
.mfbul li a{background:#2c3034;color:#8d8d8d;padding:.7em 1.4em;margin:5px 0 5px 10px;border-radius:14px}
.mfbul li a:hover{background:#3a3f44;color:#fff}
.msbtmf{background:#2c3034;padding:1em 0}
.msbtmf .msf{justify-content:space-between}
.msbtmf p{color:#8d8d8d;font-size:13px}
.msbtmf p a{color:#fff}
.msbtmf p a:hover{color:#ffa200}
.msscls{display:flex}
.msscls a{display:flex;margin:10px}
.msscls a svg{border-radius:4px;overflow:hidden}
.msscls a svg path{transition:all 300ms ease-out}
.msscls a svg path:hover{fill:#fff}


.ptpside.mspopular ul{padding:0;}
.mstabs {
    position: relative;
    margin: 1em 0 0;
}
.mstabs > input, .mstabs > span {
    width: 32%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
}
.mstabs > input{cursor:pointer;opacity:0;position:absolute;z-index:99}
.mstabs > span {
    color: #ffa200;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
}

.mstabs > span:nth-child(1){border-radius:0}
.mstabs > span i,.mstabs > span{transition:all .5s}
.mstabs > input:checked{cursor:default}
.mstabs > input:checked + span {
    color: #fff !important;
    background: #464646 !important;
    border-radius: 14px;
}
.mstabs > input:hover + span{background:rgba(255, 162, 0, 0.07);}
#msti1, #msti1 + span {right: 0;}
#msti2, #msti2 + span {left: 50%;transform: translate(-50%, 0);}
#msti3,#msti3 + span{left:0}
.mstcnt{padding:47px 0 0;width:100%;line-height:2.2}
.mstcnt section{width:100%;display:none}
#msti1:checked ~ .mstcnt #mstitm1{display:block}
#msti2:checked ~ .mstcnt #mstitm2{display:block}
#msti3:checked ~ .mstcnt #mstitm3{display:block}

.msbadi, .msgbli {
    position: fixed;
    height: 86px;
    top: 60%;
    text-decoration: none;
    z-index: 9;
    cursor: pointer;
    transform: translate(0,-50%);
    width: 34px;
    right: 1em;
    border-radius: 50px;
    background: #ffa200;
    color: #000 !important;
    box-shadow: 0 0 0 5px #f7f7f7;
}
.msbadi:hover,.msgbli:hover{background:#fed11e}
.msbadi{right:initial;left:1em}
.msbadi span,.msgbli span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center;font-size:12px}
.msbadi span{left:-17px}
.msgbli span{right:-15px}
.msarta, .msdlbx {
    margin: 0 auto;
    width: 90%;
    justify-content: space-between;
    align-items: flex-start !important;
}
.msarta a, .msdlbx a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffa200;
    padding: 1em;
    border-radius: 14px;
    color: #0c0c0c;
    margin: 1em 0 0;
    width: 49%;
    flex-wrap: wrap;
}

.msdlbx .msbdw,
.msarta a{width:100%;}

.msdlbx a:before{content:"";width:16px;height:16px;background:url(msimg/dl.svg) no-repeat;background-size:cover;margin-left:7px}
.msdlbx a:hover:before{background:url(msimg/dlh.svg) no-repeat;background-size:cover;}


.msarta h3{font-size:14px}

.msarta a:before{content:"";width:22px;height:22px;background:url(msimg/singer.svg) no-repeat;background-size:cover;margin-left:7px}


.msarta a,.msdlbx a:hover{background:#0c0c0c;color:#fff}



.msdlbx a span {
    background: #000;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    color: #fff;
    margin-right: 0.7em;
}
.mslisten {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    background: #efefef;
    color: #6f6f6f;
    padding: 10px;
    border-radius: 14px;
    margin-top: 1em;
}
.mslisten svg{margin-left:.5em}
.msdlbx video,.msdlbx audio{width:100%;margin:1em 0 0}

audio::-webkit-media-controls-play-button,audio::-webkit-media-controls-panel{background-color:#fff}

.uscomment {
    background: #f7f7f7;
    margin: 0 0 1.5em;
    border-radius: 14px;
    overflow: hidden;
    padding: 1.2em;
}
.uscomment header{justify-content:space-between}
.uscomment header span {
    font-size: 13px;
    color: #fff;
}
.uscomment form {
    padding: 1.2em 0;
}

.uscomment form textarea, .uscomment form input {
    padding: 1em 1.5em;
    border-radius: 12px;
    font-size: 14px;
    background: #efefef;
}

.uscomment form input{width:48.5%}
.uscomment form textarea {
    width: 100%;
    resize: none;
    height: 65px;
}

.uscomment form input:focus,.uscomment form textarea:focus{background: #e5e5e5;}


.zachld2{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 0 1.5em}
.zachld3{position:relative}


.uscomment form button{position:absolute;left:1em;top:50%;transform:translate(0,-50%);background:#ffa200;width:35px;height:35px;border-radius:15px 5px 5px 15px}
.uscomment form button svg{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}
.uscomment form textarea:focus + button,.uscomment form textarea:hover + button{background:#000}
.zachld4 {
    margin: 1.5em 0 0;
    color: #8d8d8d;
    background: #fff;
    padding: 0.7em;
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zachld4 svg{margin-left:0.5em}
.usnoc {
    background: rgba(255, 162, 0, 0.1);
    color: #ffa200;
    padding: 0.7em;
    text-align: center;
    border-radius: 14px;
}

.uscomment > ul{margin:0 0 -1em;}
.uscomment ul li span {
    border: 1px solid #d9d9d9;
    display: flex;
    flex-direction: column;
    border-radius: 14px;
    padding: 1em;
    margin: 0 0 1em;
    position: relative;
}

.uscomment ul .children{margin-right: 1em;}




.uscomment ul li span strong {
    background: #efefef;
    border-radius: 14px;
    padding: 1em;
    justify-content: space-between;
}


.uscomment ul li span strong > b {
    color: #000;
    font-size: 15px;
}
.uscomment ul li span strong > b > b {
    font-size: 12px;
    color: #AA7822;
}
.uscomment ul li span strong i {
    color: RGBA(0, 0, 0, 0.3);
    font-style: normal;
    font-size: 12px;
}

.uscomment ul li span p {
    color: #464646;
    overflow-wrap: break-word;
    width: 100%;
    padding: 1em 0.5em 0;
    line-height: 2;
}

.uscomment ul .administrator span{border-color:#ffa200;}
.uscomment ul .administrator span strong{background: #ffa200;}
.uscomment ul .administrator span strong > b,
.uscomment ul .administrator span strong i{color:#fff;}
.uscomment ul .administrator span strong > b > b {color: #fedea6;}







@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 800px) {
.msrast,.msidebr{width:100%;}
.mshtop form {width: 100%;flex: 1;margin-right: 1em;}
}
@media screen and (max-width:720px) {
.mstopf { padding: 1.2em 0 1em; flex-direction: column;}
.ustinfo,.msscls{margin:1em 0 0;}
.mfbul {margin: 1em 0 0;	justify-content: center;}
.msbtmf .msf{flex-direction: column;}
}
@media screen and (max-width: 640px) {
.mshtop > .msf {flex-direction: column;}
.mshedr ul,.mshtop li,.mshtop li a{height:50px}
.mshedr ul {margin: 1em 0;height: auto;}
.mshtop form{margin:0 0 1em;}
.msvips {padding: 1em 0;}
.mscipt {font-size: 15px;margin: 0.2em 0 1.2em;}
}
@media screen and (max-width: 520px) {
.mshbtm{padding: 1.2em 0;flex-direction: column;}
.mshbtm a{margin-bottom:1em;}
.mshbtm span{width:100%;	justify-content: center;}
.mscats,.msmusic footer{flex-direction: column;}
.mscats a,.msmusic footer > a{width:100%;}
.mscats a:nth-child(2){margin:1em 0;}
.msmusic, .mssbx, .uspnav, .msheding, .ms404 {margin: 0 0 1em;padding: 0.6em;}
.mshads,.msf2{margin-top: 1em;}
.msmusic header,.uscomment header, .mssbx header{padding: 0.8em;	justify-content: center;}
.msmusic .msmhding{font-size: 14px;}
.msmusic footer > a{margin:1em 0 0;}
.msmusic footer ul {justify-content: center;}
.msbtmf p{text-align:center;}
.mshcnt {padding: 0.7em;}
.uscomment header span {margin: 5px 10px;}
.msarta, .msdlbx {width: 96%;}
}
@media screen and (max-width: 480px) {
.msvips li {width: 48.1%;margin: 0 0 1em;}
.msvips.ms404vip li {width: 50%;padding: 10px 10px 0;}
.msvips ul{margin:0 0 -1em;}
.mstopf ul {justify-content: center;line-height: 2.2;}
.mfbul li a {padding: .2em 0.7em;}
.msarta a, .msdlbx a,.mssbx.msartist li{width:100%;}
.msbadi, .msgbli {box-shadow: 0 0 0 2px #f7f7f7;}
}
@media screen and (max-width: 411px) {

}
@media screen and (max-width: 375px) {
.msmusic footer li {padding: 0 0.5em;}
.msnavm li a {font-size: 12px;}
.mshedrm a {width: 88px;margin: 0 0.7em;}
}
@media screen and (max-width: 360px) {
.mshre a {justify-content: center;width: 100%;}
.uscomment {margin: 0 0 1em;padding: 0.7em;}
}
@media screen and (max-width: 320px) {
.ustinfo{	flex-direction: column;}
.mssbx li {flex-wrap: wrap;}
.msdlbx a span{margin:5px 0 0;}
}
@media screen and (max-width: 280px) {
.msarta a, .msdlbx a {font-size: 13px;}
.msvips.ms404vip li{width:100%;}
}