/*
Theme Name: DeliMusic
Description: Theme Music
Theme URI: https://vebeet.com/product/delimusic/
Author: MohammadFamo
Author URI: https://vebeet.com
Version: 1.0
*/
@font-face{font-family:yekan;font-style:normal;font-weight:400;src:url(assets/yekan.woff) format("woff"),url(assets/yekan.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
body{direction:rtl;color:#161125;overflow-x:hidden;cursor:default;font-size:14px;background: #fff;background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);}
body,input,button,textarea,h1,h2,h3,h4,h5,h6{font-family:yekan}
input,button,textarea{font-size:14px;background:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{text-decoration:none;color:#161125;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:#e51c5a}
img{border:0;max-width:100%;height:auto}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
strong,b{font-weight:400}
.background__svg{transform:scaley(-1);position:absolute;z-index:-1;fill:#e4ecf1;top:0;left:0;right:0}





.deli_width{max-width:1024px;margin:0 auto;width:95%}
.deli_flex{display:flex;flex-wrap:wrap;align-items:center}
.deli_home{justify-content:space-between;align-items:stretch;margin-top:1.3em}
.deli_center{width:50%;order:2}
.deli_right{width:18%;order:1}
.deli_left{width:29%;order:3}
.site_header nav{border-radius:1em;justify-content:space-between;padding:.7em 1em;background:#fff;box-shadow:0 0 10px rgb(22 17 37 / 10%);border-right:3px solid #575757}
.site_header > div{justify-content:space-between}
.deli_logo{display:inline-flex;overflow:hidden;justify-content:center;align-items:center;font-size:25px;margin:.8em 0}
.deli_logo a{display:flex;align-items:center}
.deli_logo a:before{content:"";background:url(assets/icon.png);width:50px;height:50px;background-size:cover;margin-left:.7em}
.site_header li,.hm_fodr li{margin:.5em;font-size:16px;display:flex}
.site_header li:first-child,.hm_fodr li:first-child{margin-right:0}
.site_header li:last-child,.hm_fodr li:last-child{margin-left:0}
.site_header li a,.hm_fodr li a{display:flex;align-items:center}
.site_header form{background:#444;position:relative;border-radius:1em;height:50px;width:400px;overflow:hidden}
.site_header form input{padding:1em;width:100%;height:50px;color:#fff}
.site_header form input::placeholder{color:#ccc}
.site_header form button{position:absolute;background:#e51c5a;color:#fff;height:40px;left:.4em;top:50%;transform:translate(0,-50%);border-radius:1em;display:flex;justify-content:center;align-items:center;padding:0 1em}
.aho_vpp{margin-top:1em}
.aho_vpp ul{align-items:stretch;justify-content:space-between}
.aho_vpp li{width:14.6%}
.aho_vpp.hm_vpha li{width:23%;margin:0 0 1em}
.aho_vpp li a{display:flex;flex-direction:column;align-items:center}
.aho_vpp li img{display:block;width:100%;border-radius:1em}
.aho_vpp li a span{text-align:center;background:#fff;padding:.7em .5em;width:100%;border-radius:1em;margin:.7em 0 0;box-shadow:0 0 10px rgb(22 17 37 / 10%)}
.site_box{background:#fff;box-shadow:0 0 10px rgb(22 17 37 / 10%);border-radius:1em;margin:0 0 1em;padding:1em}
.site_box header,.hm_vpha header{border-bottom:1px solid #e2ebf0;padding:0 0 1em;margin:0 0 1em}
.site_box header:before,.hm_vpha header:before{content:"";background:#e51c5a;width:6px;height:15px;float:right;margin:4px 0 0 7px;border-radius:1em}
aside .site_box header:before{background:#360682;}
.site_box header h1,.site_box header h2{font-size:17px}
aside .site_box ul{line-height:1.8}
aside .site_box li{margin:0 0 1em}
aside .site_box li a:before{content:"";background:#cfd9df;width:4px;height:10px;float:right;margin:9px 0 0 7px;border-radius:1em}
aside .site_box li:last-child{margin:0}
aside .site_box{border-bottom:3px solid #575757}
.site_box header div{margin:.5em 0 0}
.site_box header div span{margin:.5em 0 0 .5em;display:inline-block;color:#575757}
.site_box header div span a{color:#575757}
.site_box header div span:before{content:"";background:#cfd9df;width:7px;height:7px;float:right;margin:6px 0 0 6px;border-radius:2px}
.deli_content{text-align:center;line-height:2}
.deli_content img{margin:.8em auto;border-radius:1em;display:block}
.deli__dl{text-align:center;width:70%;margin:0 auto 1em}
.deli_content audio,.deli_content video{width:100%;display:flex;margin:1.2em 0 0}
.deli__dl a{border:1px solid rgb(147 28 64 / 50%);background:#e51c5a;color:#fff;box-shadow:0 5px 10px rgb(229 28 90 / 30%);display:flex;justify-content:center;align-items:center;margin:1.2em 0 0;padding:.7em;border-radius:12em}
.deli__dl a:before{content:"";width:15px;height:19px;margin-left:.6em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 400'%3E%3Cpath d='M400,520.7,286.88,407.58l28.28-28.28L380,444.14V200h40V444.14l64.84-64.84,28.29,28.28ZM240,560v40H560V560Z' transform='translate(-240 -200)' fill='%23fff'/%3E%3C/svg%3E")}
.deli__dl a:hover{background:#161125;box-shadow:0 5px 10px rgb(0 0 0 / 30%)}
.site_box footer{display:flex;justify-content:center;align-items:center;margin:1.3em 0 .3em}
.site_box footer a{border:1px solid rgb(147 28 64 / 50%);background:#e51c5a;color:#fff;box-shadow:0 5px 10px rgb(229 28 90 / 30%);padding:.8em 2em;display:inline-flex;border-radius:1em}
.site_box footer a:hover{box-shadow:none;background:#161125}
.hm_pnmbr{justify-content:center;margin:0 0 1.2em}
.hm_pnmbr a,.hm_pnmbr span{height:35px;width:35px;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:1em;background:#575757;color:#fff}
.hm_pnmbr a:hover,.hm_pnmbr .current{color:#fff;background:#e51c5a}
.hm_pnmbr .next,.hm_pnmbr .prev{width:auto;padding:0 1em;background:#161125}
.hm_pnmbr .dots{padding:0 .8em}
.hm_hdng{padding:0 0 1em;line-height:2}
.hm_hdng h1{border-bottom:1px solid rgb(255 255 255 / 40%);padding:0 0 .2em;margin:0 0 .2em;display:inline-flex}
.hm_hdng h1,.hm_hdng h1 a{font-size:18px}
.hm_hdng h2,.hm_hdng p{font-size:14px;color:#575757}
.sb__404 svg{width:50%;margin:1.5em auto;display:flex}
.sb__404 div{color:#575757}
.sbox.commentsfrom header::before{background-position:-162px -16px}
.commentsfrom .holder{justify-content:space-between;margin-bottom:1em}
.commentsfrom input,.commentsfrom textarea{background:#e2ebf0;padding:7px 10px;border-radius:8px}
.commentsfrom input{width:49%}
.commentsfrom textarea{width:100%;resize:none}
.commentsfrom button{background:#e51c5a;padding:7px 15px;border-radius:8px;color:#fff;font-size:15px;margin-top:.5em}
.answer li{background:#fff;box-shadow:0 0 10px rgb(22 17 37 / 10%);margin-bottom:1em;padding:.5em;border-radius:5px;background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1);margin-bottom:1em;padding:.5em;border-radius:5px}
.answer .chdr{background:#e2ebf0;justify-content:space-between;padding:.5em;border-radius:5px}
.answer .chdr strong{color:RGBA(0,0,0,0.7);display:flex;align-items:center}
.answer .chdr strong b{color:#fff;background:#e51c5a;font-weight:400;padding:0 5px;border-radius:5px;margin:0 5px;font-size:12px}
.answer .chdr span{color:RGBA(0,0,0,0.25);font-size:12px}
.answer li p{padding:1em .5em .5em;color:RGBA(0,0,0,0.5)}
.answer ul{margin-right:1em}
.hm_fodr {padding:1em 1.2em;background: #fff;box-shadow:0 -5px 10px rgb(22 17 37 / 10%);border-radius:1em 1em 0 0}
.hm_fodr ul{padding:0 0 .8em;border-bottom:1px solid #e2ebf0;margin:0 0 .8em}
.hm_fodrc{color:#575757}
.vebeetpre,.vebeetnext{position:fixed;height:85px;top:50%;z-index:9;transform:translate(0,-50%);width:36px;right:0;border-radius:10px 0 0 10px;color:#fff!important;background:#e51c5a}
.vebeetpre{right:initial;left:0;border-radius:0 10px 10px 0}
.vebeetnext span,.vebeetpre span{transform:rotate(-90deg) translate(-50%,0);position:absolute;width:67px;text-align:center}
.vebeetnext span{left:-1.15em}
.vebeetpre span{right:-.9em}
@media screen and (max-width:1024px) {.deli_width{width:98%}}
@media screen and (max-width:900px) {
.deli_center{width:100%;order:1}
.deli_right{width:100%;order:2}
.deli_left{width:100%;order:3}
.aho_vpp li{width:15.5%}
.deli_right .site_box ul{display:flex;flex-wrap:wrap}
aside .site_box li{margin:0 0 10px 10px}
.hm_fodr ul,.site_header ul{justify-content:center}
.site_header ul{margin:0 0 1em}
.hm_fodrc{text-align:center}
.deli_logo{display:flex;margin:.8em auto}
.site_header nav{flex-direction:column}
.site_header form{width:100%}
}
@media screen and (max-width:720px) {
.aho_vpp li{width:32%;margin:0 0 1em}
.aho_vpp{margin-bottom:-1em}
.aho_vpp.hm_vpha{margin-bottom:0}
.deli__dl{width:100%;margin:0 auto .5em}
}
@media screen and (max-width:365px) {.aho_vpp.hm_vpha li{width:48%}}