/*
Theme Name: webahang.ir-z
Author: webahang.ir
Author URI: https://webahang.ir/
Version: 3.2
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;}
:focus{outline:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul, ul{list-style:none;margin-bottom: -8px;}
table{border-collapse:collapse;border-spacing:0;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
::selection{background:#B2D3FA;color:#000}
::-moz-selection{background:#B2D3FA;color:#000}
@font-face{font-family:'BYekan';src:url('fonts/byekan.eot?#') format('eot'),
url('fonts/byekan.woff') format('woff'),
url('fonts/byekan.ttf') format('truetype');}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}
h1, h2, h3, h4, h5, h6{font-family:'BYekan',tahoma;font-weight:normal}
h1{font-size:22px;}
h2{font-size:19px;}
h3{font-size:17px;}
h4{font-size:15px;}
h5{font-size:11px;}
h6{font-size:11px;}
.clear{clear:both;display:block;height:0;font-size:0px;}
a, a:visited{color:#3b5367;text-decoration:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
a:hover{color:#10B6DB}
a.shouldblue, a:hover.shouldblue{color:#10B6DB !important}
.divider{height:4px;margin:5px 0px;clear:both;}
body{direction:rtl;color:#393E46;background:#f2f2f2;}
#wrapper{overflow:hidden;width:100%;position:relative;margin:0px auto;font:14px/2 tahoma;color:#2C2C2D;}
.w1200{width:1200px;margin:0 auto;}
.head-site{padding:5px 0;background:linear-gradient(135deg, #2c3333 0%, #3a4444 25%, #1f2626 50%, #3f4c4c 75%, #2c3333 100%);
};position:relative;}
.head-hidden{border: 0; width: 1px;height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;}
.mylogo{float:right;margin-left:15px;}
.mylogo a{display: block}


.mylogo a h1{height: 80px;width: 210px;}
.mymenu{float:right;min-width:500px;position:relative;top:19px;}
.mymenu ul li{float:right;font-size:14px;font-family:'BYekan', tahoma, Arial, sans-serif;margin-left:5px;}
.mymenu ul li a{color:#fff;display:block;padding:5px 8px;background:#3b536d;border-radius:18px;margin-top: 13px;margin-bottom: 30px;border: 1px solid #6d6f72;}
.mymenu ul li a:hover{background:#10B6DB;color:#f5f5f5;}
.mysearch{overflow:hidden;width:200px;height:39px;position:relative;float:left;border-radius:5px 3px 3px 5px;top:21px;background:#ffffff;border-radius: 24px;}
.mysearch input[type=text]{font-family:tahoma, Arial, sans-serif;position:relative;border:none;width:100%;font-size:11px;background:transparent;padding-top:12px;padding-right:8px;}
.mysub{position:absolute;border:none;background:transparent;cursor:pointer;font-size:17px;color:#666;padding:5px;top:0px;left:0;}
.head-site .mysub{position: absolute;border: none;background: #0c8da8;cursor: pointer;font-size: 18px;color: #fff;padding: 20px 10px;top: -11px;border-radius: 3px 0 0 3px;height: 50px;}
.head-site .mysub i{position:relative;top:-1px;}
.more-link{display:none;}
.spec-post{background: #e6e6e6;-webkit-box-shadow: 0px 7px 11px rgba(0, 0, 0, 0.17);border-bottom: 4px solid #e7f6f2;}
.spec-box{width:200px;float:right;}
.main-spec-box{padding:15px 8px;position:relative;}
.main-spec-box img{display:block;width:99%;height:auto;border-radius:5px;height:180px;box-shadow: 0px 0px 7px 0px #282525;border: solid 1px #4d4a4a;}
.main-spec-box a{display:block;position:relative;}
.main-spec-box span{/*opacity:0;visibility:hidden*/;position: absolute;background: rgba(0,0,0,.7);bottom: 0;text-align: center;padding: 5px 0.5px;color: #ffffff;border-radius: 0px 0 5px 5px;transition: all 0.2s !important;font-size: 12px;line-height: 1.4;width: 100%;height: 40px;display: flex;align-items: center;justify-content: center;}
.main-spec-box a:hover span{/*opacity:1;visibility:visible;*/}
.main-site{min-height:200px;margin:15px auto;}
.right-sidebar{width:220px;float:right;}
.artist-box-side ul{min-height:100px;max-height:510px;margin:0 !important;padding:0 15px;}
.artist-box-side ul li:before{content:' » ' !important;background:none !important;width:auto !important;height:auto !important;position:static !important;float:none !important;right:0;top:0 !important;margin-left:5px;}
#ascrail2000{opacity:0.3 !important;}
.mymenu ul li ul{display:none;}
.tagcloud,.textwidget{padding:5px 15px;}
.mycontent{width:650px;margin:0 15px;min-height:200px;float:right;}
.mycontent article{background: #e1e1e1;border-radius: 8px;margin-bottom: 15px;min-height: 100px;padding-bottom: 1px;border: 2px solid #dbdbdb;}
.mycontent article:last-child{margin-bottom:0 !important;}
.mycontent article header{position: relative;background: #2c3333;border-radius: 5px 5px 0 0;}
.type-post{position:absolute;left:0px;top:15px;background:#10B6DB;padding:5px;color:#ffffff;border-radius:0 3px 3px 0;padding-left:15px;text-align:center;}
.type-post i{font-size:13px;display:block;text-align:center;position:relative;left:-5px;}



.mycontent article header h1{font-size:20px;color:#ffffff;margin-right:15px;margin-bottom:11px;margin-top:10px;display:inline-block;position:relative;padding-bottom:1px;margin-left: 15px;}
.mycontent article header h1:after{content:'';border-bottom:2px solid #e7f6f2;position:absolute;width:100px;bottom:0;right:0;}
.mycontent article header h1 a{color:#ffffff;}

.mycontent article header h2{font-size:18px;color:#000000;margin-right:15px;margin-bottom:11px;margin-top:10px;display:inline-block;position:relative;padding-bottom:1px;margin-left: 15px;}
.mycontent article header h2:after{content:'';border-bottom:2px solid #e7f6f2;position:absolute;width:100px;bottom:0;right:0;}
.mycontent article header h2 a{color:#ffffff;}
.meta-post{margin:15px 0;padding:0 15px;margin-top:0;padding-bottom:12px;font-family: 'BYekan',tahoma;font-size: 12px;}
.meta-post i{margin-left:5px;}
.meta-post div{float:right;margin-left:5px;border-radius:3px;background:#e7f6f2e8;padding:5px;}
.meta-post div a{display:inline-block;color: #141414;}
.main-post{margin:15px;}
.main-post p{font-size:15px;line-height:28px;color: #000000;}
.dl-box h3{text-align: center;font-size:14px;margin-bottom:5px;}
.main-post img{border-radius:0.7em;height:auto;margin:15px auto;display:block;max-width: 100%!important}
.mylink-more{margin-right:0;margin-bottom:0;}
.mylink-more a:after{;border:9px solid transparent;position:absolute;top:35px;left:65px;border-top-color:#10B6DB;}
.side-ads a{display:block;text-align:center;}
.side-ads{padding-top:20px;}
.mylink-more a{display: block;background: #0d7e96;font-family: 'BYekan', tahoma, Arial, sans-serif;color: #FFFFFF;font-size: 15px;font-family: BYekan;padding: 14px 30px;transition: .3s all ease;text-align: center;margin: auto;margin-bottom: auto;text-shadow: 0 3px 4px rgb(0 0 0 / 48%);border-radius: 0px 0px 5px 5px;}
.mylink-more a i{margin-left:5px;}
.ads-main{background:#dddddd;padding:15px;border-radius:3px;margin-bottom:15px;position:relative;border-right:48px solid rgb(204, 204, 204);}
.ads-main:before{content:"تبلیغات ویژه 468 * 60 ";position:absolute;font-size:15px;font-family:'BYekan', tahoma, Arial, sans-serif;transform:rotate(270deg);right:-88px;top:66px;}
.ads-fix-post:before{content:"تبــلیغات";right:-50px;top:30px;}
.ads-main a{display:block;text-align:center;}
.left-sidebar{width:300px;float:right;}
.myside aside{min-height:100px;background:#e1e1e1;margin-bottom:15px;position:relative;border-radius:7px;border: 1px solid #dbdbdb;}
.tab-popular{}
.tit-tab{background:#333945;padding:10px 0;text-align:center;border-radius:3px 3px 0 0;}
.lnks-tab{padding:7px 5px;background:#2d323c;position:relative;}
.lnks-tab a{display:inline-block;position:relative;right:31%;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:12px;color:#dddddd;margin-left:0px;padding:0px 5px;border-radius:3px;width:25px;text-align:center;}
.lnks-tab a:hover{background:#27ae60;color:#ffffff !important;}
.current1{background:#27ae60;color:#ffffff !important;}
.tit-tab i{color:#ffffff;font-size:14px;}
.tit-tab h3{color:#ffffff;font-size:14px;}
.topmusiclist a:before{content:counter(li);counter-increment:li;position:absolute;right:-2.8em;color:#757E84;top:50%;margin-top:-1em;background:#EBEBEB;height:2em;width:2em;line-height:2em;text-align:center;font:12px/2 'BYekan',tahoma;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.topmusiclist a:after{position:absolute;content:'';border:.5em solid transparent;right:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.topmusiclist a:hover:after{right:-.9em;border-right-color:#EBEBEB;;}
.topmusiclist ol{counter-reset:li;padding:0px 32px 0px 0px;list-style:none;*list-style:decimal;}
.topmusiclist a:hover{color:#27ae60;}
.topmusiclist a{position:relative;display:inline-block;text-decoration:none;}
.topmusiclist ol li{margin-bottom:15px !important;}
.main-tab{padding-top:15px;}
.myside aside ul,.myside aside ol{margin:15px;margin-top:5px;}
.myside ul li:before{content:'';background:#3b536785;width:8px;height:8px;position:relative;float:right;right:0;top:11px;margin-left:5px;border-radius: 3px;}
.myside ul li{position:relative;list-style-position:inside;color:#666666;line-height:25px;border-bottom: 1px solid rgb(207 206 206);padding: 0.5em 0;}
.myside ul li a{color:#0f1c2c;}
.myside ul li a:hover{color:#0d7e96;}
.tit-side{padding: 14px;padding-top: 10px;background: linear-gradient(180deg,#27384a 0%,#3b5367 95%);border-radius: 5px 5px 0px 0px;}
.mycontent .tit-side h3:after{content:'';;position:absolute;width:50px;bottom:0;right:0;}
.tit-side h3{position:relative;font-size:16px;padding-top:2px;color:#fff;text-align: center;}
.tit-side h3:after{content:'';;position:absolute;width:50px;bottom:0;right:0;}
.samandehi{position:relative;margin:5px 0;}
.samandehi i,.samandehi p{display:block;float:right;}
.samandehi i{font-size:30px;margin-left:5px;}
.samandehi p{position: relative;top: -4px;border-style: solid;text-align: center;background: #e1e1e1;color: #393E46;border-radius: 5px;font-size: 13px;border: 2px solid #dbdbdb;}
.foot-site{padding:6px 0;padding-bottom:2px;min-height:20px;background:#333945;}
.main-footer{}
.cp-right{text-align:center;color:#ffffff;padding:15px 0;}
.fpart{width:32.5%;float:right;}
.main-fpart{min-height:200px;background:#2d323c;padding:15px;border-radius:3px;}
.tit-fpart{margin-bottom:10px;position:relative;}
.tit-fpart *{float:right;}
.tit-fpart h3{color:#ffffff;font-size:16px;}
.tit-fpart a{font-family:'BYekan', tahoma, Arial, sans-serif;font-size:12px;color:#ffffff;background:#10B6DB;border-radius:3px;padding:0 5px;position:relative;top:3px;margin-right:8px;display:block;}
.img-ftp{width:70px;float:right;height:70px;}
.img-ftp img{border-radius:3px;height:70px !important;width:100%;}
.inf-ftp{float:right;margin-right:15px;width: 270px;}
.inf-ftp span{display:block;font-size:10px;}
.inf-ftp i{margin-left:5px;}
.inf-ftp span{color:#aaa;}
.inf-ftp p{color:#ffffff;font-size:11px;width:100%;}
.main-fpart ul li{position:relative;z-index:99;margin-bottom:25px;}
.main-fpart ul li:before{content:'';border-bottom:2px solid #333945;position:absolute;width:200px;bottom:-14px;right:-15px;}
.main-fpart ul li:last-child{margin-bottom:0;}
.main-fpart ul li:last-child:before{border-bottom:none !important;}
.fpart:nth-child(2){margin:0 15px;}
.share-music a{padding:5px 0;display:block;margin-bottom:5px;background:#fff;border-right:3px solid #10B6DB;color:#666;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:14px;text-align:center;box-shadow:0 0 5px #ddd;border-radius:3px;}
.please-music a{padding:5px 0;display:block;box-shadow:0 0 5px #ddd;margin-bottom:15px;background:#fff;border-right:3px solid #10B6DB;color:#666;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:14px;text-align:center;border-radius:3px;}
.side-menu ul li{font-weight:bold;}
.side-menu ul li ul li{font-weight:normal;}
.side-menu ul li ul li:before{background:none !important;}
.ads-side{}
.ads-side img{display:block;width:100%;height:auto;border-radius:3px;margin-bottom:15px !important;}
.mytelegram{padding:10px 0;background:steelblue;width:100%;position:fixed;bottom:0;display:none;z-index:9999;}
.mytelegram p{float:right;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:14px;color:#ffffff;}
.mytelegram a{display:block;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:14px;color:#ffffff;border:2px solid #ffffff;border-radius:3px;padding:2px 10px;transition:all 0.2s;float:left;}
.mytelegram a:hover{color:steelblue;background:#ffffff;}
.mytelegram i{font-size:18px;color:#ffffff;float:right;display:block;position:relative;top:5px;margin-left:10px;}
.social-site{position:fixed;left:15px;top:102px;}
.social-site a{display:block;text-align:center;font-size:16px;color:#ffffff;height:30px;width:30px;padding-bottom:2px;margin-bottom:5px;opacity:0.8;background:#999 !important;}
.social-site a:hover{opacity:1;}
.ssfb{background:steelblue;border-radius:3px;}
.ssgp{background:#ee0000;border-radius:3px;}
.ssins{background:seagreen;border-radius:3px;}
.sstg{background:#10B6DB;border-radius:3px;}
article.single-post{}
.single-post{text-align:center;}
.bott-inf{background:#ededed;padding-bottom:24px;border-radius:0 0 3px 3px;}
.single-post header{text-align:right;}
.dl-box{margin:0 15px;margin-bottom:15px;margin-top: 0px;}
.matn-ms h3{color:royalblue;}
.matn-ms{color:#000000;}
.matn-ms{margin-bottom: 12px;font-size: 16px;line-height: 32px;margin: 5px;}
.dl-box h3{text-align:center;color:royalblue;}
.dl-box div{width:70%;margin:0 auto;}
.dl-box h4{margin:5px 0;font-size:13px;}
.dl-box audio{border-radius:3px;  width: 100%;height: 35px;outline: none;margin-top: 5px;}
.dl-box textarea{max-width:100%;min-width:100%;max-height:50px;min-height:50px;border-radius:3px;border:1px solid whitesmoke;overflow-y:auto;padding-left:0;color:#666666;border-radius:3px;padding-right:0;}
.dl-box i{margin-left:7px;display:none;}
.dl-box a{position: relative;font-weight:bo1ld;color:#ffffff;border-radius:3px;display:block;background:linear-gradient(151deg,rgb(34 38 38) 0%,rgb(59 83 103) 100%);padding:11px 0;margin-bottom:5px;text-align:center;font-size:15px;width: 100%;text-shadow: 0 2px 4px rgb(0 0 0 / 50%);font-family: BYekan, sans-serif;border: 1px solid #5a5c5e;}
.dl-box a:hover{background:#435768;}
.related-post{background:#ffffff;box-shadow:0 0 5px #ddd;border-radius:3px;margin-bottom:15px;}
.main-related{padding: 15px 10px;background: #f2f2f2;}
.main-related ul li{width:25%;float:right;margin-bottom:25px;height:215px;}
.main-related ul li img{display:block;width:90%;margin:0 auto;border-radius:3px;height:auto;}
.main-related ul li p{text-align: center;width: 90%;margin: 0px auto;background: #e1e1e1;border-radius: 3px;}
.post-tags{}
.post-tags span{position:relative;font-family:'BYekan', tahoma, Arial, sans-serif;font-size:13px;color:#222;}
.post-tags span:before{content:'';border:3px solid tomato;float:right;position:relative;top:11px;margin-left:5px;border-radius:5px 0 0 5px;width:5px;}
.post-tags{}
.post-tags a{background:#eeeeee;border:1px solid #dddddd;border-radius:3px;display:inline-block;margin:3px 2px;padding:0 5px;}
.myshare-post{margin-top:15px;text-align:left;margin-left:15px;float:left;}
.myshare-post a{padding:0 5px;}
.myshare-post i{font-size:14px;}
.like-post{top:14px;float:right;text-align:right;margin-right:15px;font-size:13px;font-family:'BYekan', tahoma, Arial, sans-serif;position:relative;}
.like-post i{margin-left:5px;top:1px;position:relative;color:#ee0000;}
.mybtn-resp{display:none;}
@media screen and (max-width:1200px){.w1200{width:100%;}
.spec-box{width:16.65%;}
.spec-box img{}
.right-sidebar{width:18%;}
.mycontent{width:54%;}
.left-sidebar{width:24.5%;}
.fpart{width:32%;}
}
@media screen and (max-width:1000px){.ads-main img{width:100%;height:auto;}
.mycontent article img{width:100%;height:auto;}
}
@media screen and (max-width:900px){.right-sidebar{display:none;}
.up-btn{display:none;}
.lnks-tab a{right:42.5%;}
.mycontent{float:none;margin:0 15px;margin-bottom:15px;width:95%;}
.left-sidebar{float:none;width:95%;margin:0 15px;margin-bottom:15px;}
.ads-main img{width:auto;height:auto;}
.mycontent article img{width:auto;height:auto;}
.fpart{float:none;margin:0 15px;margin-bottom:15px;width:95%;margin-bottom:15px !important;}
.mylogo{float:none;}
.mymenu{float:none;top:0;display:none;right:15px;}
.mymenu ul li{float:none;margin-left:0;}
.mymenu ul li a{background:none;border-radius:0;}
.mysearch{float:none;top:0;margin:15px 0;display: block !important;width: 96% !important;margin: 0px auto 5px auto !important;text-align: center !important;}
.mysearch input[type="search"],
.mysearch input[type="text"] {display: block !important;margin: 0 auto !important;padding: 8px 12px !important;border-radius: 8px !important;font-size: 14px !important;}
.mysearch button,
.mysearch .search-submit {display: block !important;margin: 8px auto 0 auto !important;padding: 6px 14px !important;border-radius: 8px !important;font-size: 14px;}
.mybtn-resp{display:block;float:left;position:absolute;bottom:55px;left:20px;top:25px;}
.mybtn-resp button{display:block;border-radius:3px;background:#2d323c;color:#ffffff;font-size:18px;cursor:pointer;border:none;padding:8px 10px;}
}
@media screen and (max-width:700px){.lnks-tab a{right:40.5%;}
    .spec-box{width: 33.33%;margin-bottom: 15px;}
    .spec-post{padding-top: 15px;}
    .main-spec-box{padding: 0 8px;}
    .main-related ul li{width: 25%;}

}
@media screen and (max-width:610px){.mytelegram p,.mytelegram i{display:none;}
.mytelegram a{float:none;text-align:center;width:100px;margin:0 auto;}
}
@media screen and (max-width:565px){.ads-main img{width:100%;height:auto;}
.mycontent article img{width:100%;height:auto;}
.meta-post div{margin-bottom:5px;}
.lnks-tab a{right:38.5%;}
}
@media screen and (max-width:400px){.fpart,.left-sidebar,.mycontent{width:92%;}
.mylogo img{width:70%;height:60px;}
.lnks-tab a{right:34.5%;}
.img-ftp{margin: 0 auto;float: none;margin-bottom: 5px;}
.inf-ftp{float: none;margin: 0 auto;text-align: center;}
.spec-box{width: 50%;}
.main-related ul li{width: 50%;}
.samandehi i{display:none;}

}
@media screen and (max-width:330px){
    .main-related ul li{width: 70%;float: none;margin: 15px auto;}
}
@media screen and (max-width:300px){.dl-box div{width:100%;}
.lnks-tab a{right:28.5%;}
}
.pop-month,.pop-year{display:none;}
.pg-main-post{padding-bottom:15px;}
.up-btn{background:white;padding:2px 10px;border-radius:3px;position:fixed;right:15px;bottom:80px;color:#2d323c;opacity:0;visibility:hidden;cursor:pointer;z-index:9999999999999;font-size:18px;}
.up-btn-vis{opacity:1;visibility:visible;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled{color:#fff;text-decoration:none;}
.navigation li{display:inline;}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled{background-color:#586f83;border-radius:3px;cursor:pointer;padding:12px;padding:0.75rem;}
.navigation li a:hover,
.navigation li.active a{background-color:#3b5367;}
.myfld-cm{width:49%;float:right;}
.myfld-cm:nth-child(2){float:left;}
.myfld-cm input{width:100%;padding:10px 0 !important;border-radius:3px;font-family:'BYekan', tahoma, Arial, sans-serif;color:#222;background:#dddddd;border:none;text-align:center;font-size:14px;}
.texy-area textarea{background:#dddddd;margin:15px 0;font-size:14px;min-height:100px;height:100px;max-height:auto;min-width:100%;max-width:100%;display:block;color:#222;border:none;font-family:'BYekan', tahoma, Arial, sans-serif;width:100%;padding:10px 0 !important;border-radius:3px;text-align:center;}
.submit{background:#a5c9ca;color:#000;border:none;padding:5px 10px;font-size:14px;border-radius:3px;font-family:'BYekan', tahoma, Arial, sans-serif;cursor:pointer;margin-bottom:16px;}
.main-mycms ul li{background:#e1e1e1;border-radius:3px;box-shadow:0 0 5px #9d9d9d;padding:15px;margin-bottom:15px;}
.main-mycms ul li ul li{border-radius:3px;box-shadow:0 0 5px #ddd;margin-bottom: -14px;}
.comment-author{float:left;}
.comment-author img{border-radius:30px;}
.comment-meta{;margin-right: 15px;margin-bottom: 10px;font-size: 13px;}
.comment-meta b,.comment-meta span{display:block;margin:5px 0;}
.comment-meta b{color:#34495e;}
.mybrdc{background: white;border-radius:3px;box-shadow:0 0 5px #ddd;padding:8px 15px;font-family: Tahoma;font-size: 11px;margin-bottom: 10px}
.reply a{background:#4646463b;display:block;float:right;border-radius:20px;color:#000;padding:0px 5px;margin-top:10px;margin-bottom:10px;font-family:'BYekan', tahoma, Arial, sans-serif;}

.hsPageHandle span {position: fixed;height: 85px;top: 60%;background: #e7f6f2;text-decoration: none;z-index: 501;cursor: pointer;transform: translate(0,-50%);width: 37px;right: 0;border-radius: 15px 0 0 15px;transition: all 300ms ease-out;border-right: 0;font-family: 'BYekan',tahoma;font-size: 15px;
	border: 2px solid RGBA(0,0,0,0.2);
}
.hsPageHandle span:hover {
    background: #0d7e96;
}
.hsPageHandle span.left {
    right: initial;
    left: 0;
    border-radius: 0 15px 15px 0;
    border: 2px solid RGBA(0,0,0,0.2);
    border-left-color: rgba(0, 0, 0, 0.2);
    border-left-style: solid;
    border-left-width: 2px;
    border-left: 0;
}
.hsPageHandle strong {
    transform: rotate(-90deg);
    position: absolute;
    width: 73px;
    top: 2.4em;
    right: -1.1em;
    color: #3b5367;
}
.hsPageHandle span:hover strong{
    color: #FFF !important;
}
/* === پست‌های ویژه در هدر === */
.spec-post .w1200 {
  display: flex;
  flex-wrap: wrap; /* اجازه بده توی موبایل برن خط بعد */
  justify-content: space-between;
}

.spec-post .spec-box {
  flex: 0 0 12.5%; /* دسکتاپ = 8 تا در هر ردیف */
  box-sizing: border-box;
  margin: 0;
  padding: 5px;
  float: none !important; /* حذف float در قالب‌هایی که دارن */
}

.spec-post .main-spec-box img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* === برای موبایل (هر ردیف 4 تا) === */
@media (max-width: 768px) {
  .spec-post .spec-box {
    flex: 0 0 25%; /* موبایل = 4 تا در هر ردیف */
  }
}

/* برای موبایل‌های خیلی کوچک (مثلاً زیر 480px، هر ردیف 2 تا) */
@media (max-width: 480px) {
  .spec-post .spec-box {
    flex: 0 0 50%;
  }
}

/* افکت hover برای حس بهتر پست ویژه*/
.spec-post .main-spec-box:hover span {
  background: rgba(0, 0, 0, 0.9);
  transform: translateY(-1.5px);
}
/* لیست آیتم‌ها مطالب مشابه */
.main-related ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 0;
list-style: none;
box-sizing: border-box;
margin-bottom: -36px;
}

/* هر آیتم */
.main-related li {
flex: 0 0 24%; /* چهار آیتم در یک ردیف */
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}

/* عکس‌ها */
.main-related li img {
display: block;
width: 100%;
height: auto; / نسبت مربع حفظ شود /
border-radius: 3px;
object-fit: cover; / برای اطمینان */
}

/* متن زیر عکس */
.main-related li p {
text-align: center;
width: 100%;
margin: 6px 0 0 0;
padding: 6px 8px;
background: #e1e1e1;
border-radius: 3px;
font-size: 12px;
line-height: 1.4;
word-wrap: break-word;
white-space: normal;
box-sizing: border-box;
}

/* ریسپانسیو: چهار آیتم کنار هم در هر سایز صفحه */
@media screen and (max-width: 1200px) {
.main-related li { flex: 0 0 24%; }
}

@media screen and (max-width: 992px) {
.main-related li { flex: 0 0 24%; }
}

@media screen and (max-width: 768px) {
.main-related li { flex: 0 0 24%; }
}

@media screen and (max-width: 480px) {
.main-related li { flex: 0 0 24%; }
}
/*استایل تگ‌های پست */
.artist-links-wrap {
    margin-top: -10px;
    text-align: center;
}

.artist-link {
    display: inline-block;
    background: #0d7e96;
    color: #fff;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 3px;
    font-family: BYekan, sans-serif;
    font-size: 15px;
    margin: 6px;
    font-weight: bo1ld;
    text-shadow: 0 2px 4px rgb(0 0 0 / 40%);
    transition: all 0.3s ease;
	width: 57%;
}

.artist-link:hover {
    background: #005162;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
.artist-link,
.artist-link:visited {
  color: #fff !important;
}
@media (max-width: 600px) {
    .artist-link {
        display: block;
        width: 75%;
        font-size: 15px;
        padding: 10px 18px;
        margin: 10px auto;
    }
}


/* کلاس اختصاصی برای استایل‌دهی به تگ audio */
.audio-player {
  width: 100%;                  /* عرض کامل برای همه دستگاه‌ها */
  background-color: #f7f7f7;    /* پس‌زمینه روشن */
  border-radius: 28px;          /* گوشه‌های گرد */
  box-shadow: 0 3px 8px rgb(0 0 0 / 22%); /* سایه ملایم و سبک */
  margin-top: 15px;             /* فاصله از محتوای بالایی */
}

/* استایل دکمه‌ها در مرورگرهای پشتیبانی کننده (ویژگی‌های اصلی کنترل‌ها) */
.audio-player::-webkit-media-controls-panel {
  background-color: #eaeaea;    /* پس‌زمینه روشن برای نوار کنترل */
  border-radius: 5px;           /* گرد کردن حاشیه‌های نوار کنترل */
  padding: 5px;
}

.audio-player::-webkit-media-controls-play-button {
  background-color: #0d7e96;   /* رنگ دکمه پلی */
  border-radius: 50%;           /* دایره‌ای کردن دکمه */
  color: white;                 /* رنگ متن داخل دکمه */
  padding: 8px;
}

.audio-player::-webkit-media-controls-volume-slider {
  background-color: #ddd;      /* رنگ روشن اسلایدر صدا */
  border-radius: 5px;
}

.audio-player::-webkit-media-controls-volume-slider:disabled {
  background-color: #bbb;      /* رنگ غیرفعال بودن اسلایدر صدا */
}

.audio-player::-webkit-media-controls-mute-button {
  background-color: #f2f2f2;   /* دکمه بی‌صدا با رنگ روشن */
  color: #16a085;               /* رنگ آیکن دکمه */
  border-radius: 50%;
  padding: 8px;
}

/* استایل برای مرورگرهای غیر کروم (Firefox) */
.audio-player {
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background-color: #0000002e;
  margin-top: 15px;
}

/* استایل برای مرورگرهای موبایل */
@media (max-width: 600px) {
  .audio-player {
    width: 100%;
    margin-top: 10px;  /* فاصله کمتر در دستگاه‌های موبایل */
  }
}



/* استایل برای متن "پخش آنلاین" */
.audio-title {
  text-align: center;         /* وسط‌چین کردن متن */
  font-size: 18px;            /* اندازه فونت */
  color: #333;                /* رنگ متن */
  font-weight: bold;          /* ضخیم کردن متن */
  margin-bottom: 15px;        /* فاصله از پلیر صوتی */
  background-color: #16a085;  /* رنگ پس‌زمینه */
  padding: 10px;              /* فضای داخلی */
  border-radius: 5px;         /* گوشه‌های گرد */
  width: 100%;                /* عرض کامل */
  max-width: 500px;           /* حداکثر عرض */
  margin: 0 auto;             /* وسط‌چین در صفحه */
}

/* استایل برای متن "بزودی" */
.coming-soon-message {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2f4355, #03809b, #262d2f);
    background-size: 400% 400%;
    color: #ffffff;
    padding: 20px 15px;
    border-radius: 12px;
    font-family: 'Vazir', sans-serif;
    font-size: 1.2rem;
    box-shadow: 0 4px 15px rgb(0 0 0 / 30%);
    margin: 20px 0;
    text-align: center;
    flex-wrap: wrap;
    animation: pulse 2s infinite, gradientShift 7s ease infinite;
}

.coming-soon-message .icon {
    font-size: 1.8rem;
    margin-right: 10px;
    flex-shrink: 0;
}

/* انیمیشن پالس ملایم */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* انیمیشن تغییر آرام گرادیانت */
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ریسپانسیو موبایل */
@media (max-width: 600px) {
    .coming-soon-message {
        font-size: 1rem;
        padding: 5px 10px;
    }

    .coming-soon-message .icon {
        margin-right: 0;
        margin-bottom: 8px;
    }
}
/* تنطیمات کامنت */
.form-cms {
    max-width: 100%;
    margin: 20px auto;
    padding: 15px;
    background: #222c37;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    font-family: 'Tahoma', sans-serif;
}

.form-field {
    margin-bottom: 15px;
}

.form-field label {
    display: block;
    margin-bottom: 13px;
    color: #ffffff;
	font-family: 'BYekan', tahoma, Arial, sans-serif;
    font-size: 20px;
    border-bottom: 1px dotted rgb(255 255 255 / 20%);
    padding-bottom: 6px;
}

.form-field input,
.form-field textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border 0.3s, box-shadow 0.3s;
	font-family: 'BYekan', tahoma, Arial, sans-serif;
}

.form-field input:focus,
.form-field textarea:focus {
    border-color: #ff3b3b;
    box-shadow: 0 0 8px rgba(255,59,59,0.2);
    outline: none;
}

.submit {
    background-color: #ff3b3b;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 15px;
    cursor: pointer;
    width: fit-content;
    transition: background 0.3s;
	display: block;
    margin-left: 0;
    margin-right: auto;
}

.submit:hover {
    background-color: #e63232;
}

/* موبایل پسند */
@media (max-width: 480px) {
    .form-cms {
        padding: 10px;
    }
    .form-field input,
    .form-field textarea {
        padding: 10px;
        font-size: 14px;
    }
    .submit {
        padding: 10px 20px;
        font-size: 16px;
    }
}

/* مخفی کردن تیک ذخیره نام و ایمیل */
.comment-form-cookies-consent {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* تنطیمات  کامنت مخاطب */
/* ساختار کلی نظرات شبیه اینستاگرام */
/* ساختار کلی هر کامنت */
.comment-body {
    background: #fff;
    padding: 12px 15px;
    margin-bottom: 9px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 7%);
    font-family: 'Tahoma', sans-serif;
}

/* آواتار سمت راست */
.comment-body img.avatar {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: 10px;
	margin-top: 10px;
}

/* باکس اطلاعات کنار آواتار */
.comment-content-box {
    flex: 1;
    text-align: right;
}

/* نام کاربر */
.comment-content-box .comment-author-name {
    font-weight: 700;
    color: #111;
    font-size: 15px;
    margin-bottom: 4px;
}

/* متن کامنت */
.comment-content-box .comment-text {
    font-size: 14px;
    color: #222;
    line-height: 1.6;
    margin-bottom: 6px;
}

/* تاریخ + پاسخ */
.comment-content-box .comment-footer {
    font-size: 12px;
    color: #666;
}

.comment-content-box .comment-footer a {
    color: #3897f0;
    text-decoration: none;
    margin-right: 10px;
}

.comment-content-box .comment-footer a:hover {
    text-decoration: underline;
}

/* ریپلای‌ها (کامنت‌های تو در تو) */
.children {
    margin-right: 20px;
    border-right: 2px solid #eee;
    padding-right: 10px;
}
/* استایل بخش "پاسخ شما به فلانی" */
.comment-reply-title {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px; /* فاصله بین متن و لینک لغو پاسخ */
}

.comment-reply-title small {
    margin-right: 8px; /* برای RTL */
}

#cancel-comment-reply-link {
    font-size: 14px;
    color: #ff4d4d;
    cursor: pointer;
    text-decoration: none;
}

#cancel-comment-reply-link:hover {
    text-decoration: underline;
}
/* باکس لایک */
.comment-like-box {
    display: flex;
    align-items: center;
    gap: 6px; /* فاصله بین قلب، عدد و متن */
    flex-wrap: wrap; /* اگر فضا کم بود، خودش میره خط بعد */
}

/* دکمه قلب */
.comment-like-btn {
    cursor: pointer;
    font-size: 18px;
    user-select: none;
}

/* عدد لایک */
.comment-like-count {
    font-size: 14px;
    font-weight: bold;
}

/* در موبایل کوچیک‌تر بشه */
@media (max-width: 480px) {
    .comment-like-box {
        gap: 4px;
    }
    .comment-like-btn {
        font-size: 16px;
    }
    .comment-like-count {
        font-size: 13px;
    }
}
/* باکس متن کامنت */
.main-cm {
    word-wrap: break-word;   /* شکستن کلمات طولانی */
    overflow-wrap: break-word; /* پشتیبانی بیشتر مرورگرها */
    overflow: hidden;       /* جلوگیری از بیرون زدن متن */
    max-width: 100%;        /* جلوگیری از بزرگ شدن باکس در موبایل */
    display: block;
    line-height: 1.5;       /* فاصله خطوط مناسب */
    word-break: break-word; /* برای زبان‌های طولانی مثل فارسی */
}

/* واکنش‌گرا برای موبایل */
@media (max-width: 480px) {
    .main-cm {
        font-size: 14px;    /* متن کمی کوچکتر شود */
        line-height: 1.4;
    }
}
/* استایل لینک "لغو پاسخ" */
#cancel-comment-reply-link {
    background-color: #e74c3c;  /* قرمز جذاب */
    color: #ffffff;             /* متن سفید */
    padding: 3px 8px;          /* فاصله مناسب داخل دکمه */
    border-radius: 6px;         /* گوشه‌های گرد */
    font-size: 14px;            /* اندازه متن */
    font-weight: 250;           /* کمی ضخیم برای وضوح */
    text-decoration: none;      /* بدون خط زیر متن */
    display: inline-block;      
    transition: all 0.3s ease;  /* انیمیشن تغییر رنگ */
    cursor: pointer;
}

/* افکت هاور */
#cancel-comment-reply-link:hover {
    background-color: #c0392b;  /* قرمز تیره‌تر هنگام هاور */
}

/* واکنش‌گرا برای موبایل */
@media (max-width: 480px) {
    #cancel-comment-reply-link {
        padding: 5px 10px;
        font-size: 13px;
    }
}
/* ===========================
   منو و هدر موبایل – کاملاً واکنش‌گرا
   =========================== */
@media (max-width: 900px) {
    .mymenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
    }
}

@media (max-width: 900px) {
    .mylogo {
        width: 100%;
        text-align: center !important;
        display: block;
    }

    .mylogo a div {
        margin: 0 auto !important;
    }

    .mymain-head {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* ===========================
   موبایل – ریسپانسیو منو + وسط چین + چند خطی
   =========================== */
@media (max-width: 900px) {

    /* لوگوی وسط چین */
    .mylogo {
        width: 100%;
        text-align: center !important;
        display: block;
        margin-bottom: 0px;
    }

    .mylogo a div {
        margin: 0 auto !important;
    }

    /* ساختار کلی هدر در موبایل */
    .mymain-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center !important;
    }

    @media (max-width: 900px) {

        /* منو – افقی + چند خطی با فاصله کم */
        .mymenu ul {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            flex-wrap: wrap !important;
            gap: 4px !important; /* قبلاً 12 بود – الان خیلی کم */
            padding: 0 !important;
            margin-left: 28px;
        }

        /* آیتم‌ها */
        .mymenu ul li {
            display: inline-flex !important;
            margin: 0 !important; /* حذف فاصله اضافی */
            padding: 0 !important;
            line-height: 1 !important; /* کمترین خط ارتفاع */
        }

        /* لینک‌ها */
        .mymenu ul li a {
            display: inline-block !important;
            padding: 4px 6px !important; /* کم کردن پدینگ */
            font-size: 13px !important; /* کمی کوچکتر برای جاگیری بهتر */
            white-space: nowrap !important;
            line-height: 1 !important;
        }
    }

    /* نمایش دوباره فرم سرچ */
    .head-site form.search-form,
    form.search-form {
        display: block !important;
        margin-top: 10px !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* وسط‌چین کردن input سرچ */
    form.search-form input[type="text"],
    form.search-form input[type="search"] {
        width: 90% !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* اگر آیکون سرچ داری */
    form.search-form button,
    .search-submit {
        display: block !important;
        margin: 8px auto !important;
    }
}

@media (max-width: 900px) {
    .mymenu ul li a {
        display: inline-block !important;
        padding: 6px 12px !important;
        background: #3b536d !important;   /* رنگ پس‌زمینه */
        border-radius: 6px !important;    /* کمی گرد */
        color: #fff !important;           /* رنگ نوشته */
        text-align: center !important;
        line-height: 1.4 !important;
        font-size: 14px !important;
        border: 1px solid #919191 !important; /* دور خط لطیف */
    }

    .mymenu ul {
        gap: 6px !important;
    }
}

@media (max-width: 900px) {

}
.head-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* مخفی کردن آیتم‌های مشخص فقط در موبایل */
@media (max-width: 768px) {
    #menu-item-12,  /* صفحه اصلی */
    #menu-item-9187  /* فرم تماس */
    {
        display: none !important;
    }
}
#commentform {
    background: #222c37;
    padding: 5px 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*  استایل ظرف کلی پلیر ویدیو */
.video-online-player {
    width: 100%;
    max-width: 600px; /* جلوگیری از بزرگ شدن بیش از حد در دسکتاپ */
    margin: 20px auto;
    background: #000;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    border: 2px solid #333;
}

/* استایل خود ویدیو */
.video-online-player video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 80vh; /* جلوگیری از بلند شدن بیش از حد ویدیوهای عمودی در موبایل */
    object-fit: contain; /* حفظ نسبت ابعاد بدون کشیدگی */
    background-color: #000;
}

/* افکت هاور برای جذابیت */
.video-online-player:hover {
    border-color: #0d7e96; /* رنگ برند خودت را بگذار */
    transition: 0.3s;
}

/* ایجاد فاصله و وسط‌چین کردن کل بخش آنلاین */
.simple-player-container {
    text-align: center;
    margin: 20px 0;
    width: 100%;

}

/* استایل نوشته بالای پلیر */
.simple-play-text {
    display: block;        /* باعث می‌شود متن در خط جداگانه بالای پلیر قرار بگیرد */
    font-size: 14px;       /* اندازه استاندارد */
    color: #323232;           /* رنگ خاکستری که به همه قالب‌ها می‌آید */
    margin-bottom: 8px;    /* فاصله کم و مناسب با پلیر */
    font-family: tahoma, arial, sans-serif; /* فونت ساده */
	border-bottom: 1px dashed RGBA(0, 0, 0, 0.2);
	font-weight: bold;
	font-family: 'BYekan',tahoma;
}
/* استایل مخصوص موبایل (نسخه کاملاً ریسپانسیو و تمام‌صفحه) */
@media screen and (max-width: 768px) {
    .dl-box div {
        width: 100% !important; /* تمام صفحه شدن در گوشی */
        max-width: 100%;        /* حذف محدودیت عرض */
        margin: 12px 0;         /* فاصله مناسب بین باکس‌ها برای جلوگیری از کلیک اشتباه */
    }
    
    .dl-box div a {
        display: block;
        width: 100%;
        padding: 15px 0;        /* بزرگتر کردن دکمه برای لمس راحت‌تر با انگشت (UX) */
        text-align: center;
        font-size: 15px;        /* اندازه فونت بهینه برای موبایل */
		margin-bottom: -5px;
    }
}