/*
Theme Name: galiver
Theme URI: https://cafehmusic.ir
Description: Theme Music Free
Author: galiver
Author URI: https://cafehmusic1.ir
Version: 1.0.1
*/
*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
body{direction:rtl;color:#1b262c;overflow-x:hidden;cursor:default;}
input,button,textarea{background:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
a{text-decoration:none;color:#1b262c;transition:all 300ms ease-out}
a:hover{text-decoration:none;color:var(--hover--hue)}
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:normal}
.clearer{clear:both; line-height:0 ; padding:0 ; margin:0 }
.flex{display:flex;flex-wrap:wrap;align-items:center}
.kht{width:100%;border-bottom:1px solid #C0C0C0;margin-bottom:20px;}

.header{background:#eb7575;padding:4px;border-bottom:3px solid #484747;}
.menu{float:right;}
.menu a{font:17px Yekan,tahoma;padding:5px 9px;color:#000;margin-left:2px;line-height:40px;}
.menu a:hover{background:#fff;color:#000;}
.search{background:#fff;width:320px;;border-radius:15px;overflow:hidden;float:left;}
.search input{padding:1em;width:calc(100% - 70px);}
.search button{background:#eb7575;color:#000;padding:7px 10px;border-radius:9px;top:6px;width:60px;}

.search1{background:#fff;width:95%;;border-radius:15px;overflow:hidden;border:1px solid #484747;margin:5px;}
.search1 input{padding:1em;width:calc(100% - 70px);}
.search1 button{background:#eb7575;color:#000;padding:7px 10px;border-radius:9px;top:6px;width:60px;}

.pagebody{float:right;width:74%;margin-top:15px;padding:0px 20px;}

.posts-tit-tt h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.posts-tit-tt h2 a {font:15px Yekan,tahoma;color:#000;line-height:25px;}

.posts {border:1px solid #232323;margin-bottom:20px;margin-top:2px;text-align:center;}
.posts p , .posts h1 , .posts h2{line-height:40px;}
.posts-pic{padding:1px;}
.posts-pic img {max-height:100%;height: auto;}
.posts-bod{padding:1px;}
.posts-bod p{line-height:40px;}
.posts-tit {height:38px;background:#F2F2F2;padding-right:5px;}
.posts-tit h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.posts-tit h2 a {font:18px Yekan,tahoma;color:#000;line-height:35px;}
.posts-inf{margin:10px 5px;}
.posts-inf span{overflow:hidden;font:15px Yekan,tahoma;}
.posts-ttr{line-height:40px;}
.posts-more{text-align:left;background:#DBFFFE;padding:8px;line-height:40px;margin-top:10px;}
.posts-more a{font:18px Yekan,tahoma;color:#FFF;padding:7px 17px;margin-left:10px;background:#2d18c4;}
.posts-more a:hover{background:#e87474;}

.hedlist{padding:10px;border:1px solid #000;width:100%;}
.hedlist-ttl{background:#eee;width:100%;font-size:17px;padding:8px 3px;}
.hedlist .hedlist-titl{width:calc(50% - 5px);padding:8px 0px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hedlist .hedlist-titl h3{position: relative;font-size:16px;}
.hedlist .hedlist-titl a{padding-right:12px;}
.hedlist .hedlist-titl a:before {content:""; border: 2px solid #7f7f7f;width:5px;height:5px;position:absolute;right:0px;bottom:6px;border-radius:50%;}

.post-tit {height:38px;background:#F2F2F2;padding-right:5px;}
.post-tit h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post-tit h2 a {font:18px Yekan,tahoma;color:#000;line-height:35px;}
.post-pic{padding:3px;text-align:center;}
.post-pic img {max-width:100%; height: auto;}
.post-titr{padding:3px;font:16px Yekan,tahoma}
.post-titr h1{font:19px Yekan,tahoma;line-height:30px;}
.post-titr h2{font:17px Yekan,tahoma;line-height:30px;}
.post-titr p{font:15px Yekan,tahoma;line-height:30px;}
.post-titr p strong{font:17px Yekan,tahoma;line-height:30px;}
.post-titr span{font:20px Yekan,tahoma;line-height:30px;}

.Vije-list{margin:10px 0px;}
.Vije-list-title{background:#eee;width:100%;}
.Vije-list-title span{font-size:17px;line-height:35px;}
.Vije-list-scroll{display:flex;overflow-x:scroll;scrollbar-color:#848484 #ececec;scrollbar-width:thin ;}
.music-box{display:flex;flex-direction:column;margin:10px;position:relative;}
.music-box img{width:170px;max-width:170px;height:170px;border:1px solid #5E5D5D;border-radius:7px;margin-bottom:4px; }
.music-box p{font-size:13px;line-height:20px;}

.telegram-bot{margin-top:15px;margin-bottom:5px;text-align:center;}
.telegram-bot a{font-size:16px;background:linear-gradient(180deg,rgba(41, 153, 255, 0.88) 0%,rgba(154, 226, 255, 0.9) 100%);padding:13px 30px;color:#000;margin:10px 0px;border-radius:6px;box-shadow:0px 0px 12px rgb(161, 161, 161);display: inline-block; }
.telegram-bot a:hover{background:linear-gradient(180deg,rgba(0, 133, 255, 0.88) 0%,rgba(121, 216, 255, 0.9) 100%);}
.tab-pic{padding:3px;text-align:center;margin-bottom:35px;margin-top:35px;}
.tab-pic img {max-width:100%; height: auto;}


.bests{margin-top:35px;border-top:2px solid #000;}
.bests:nth-child(odd) {background-color:#e1e1e1;}
.bests:nth-child(even) {background-color:#eee;}
.titl-bests{padding:8px;}
.titl-bests a{color:#000;font-size:17px;cursor:pointer;}
.titl-bests span{color:#000;font-size:16px;}
.bests .down-box,.bests .pakh{margin-top:5px;}
.bests-tt{font:18px Yekan,tahoma;padding:10px;text-align:center;color:#000;}


.titl-bests-golchin{margin-top:20px;border-top:4px solid #646464;padding-top:10px;padding-bottom:10px}
.titl-bests-golchin{font-size:18px;}

.gholchin-list{margin-top:15px;text-align:center;}
.gholchin-list a{font:18px Yekan,tahoma;background:#ffd8d8;width:100%;padding:8px 0px;display:inline-block;color:#000;position:relative;margin-top:1px;}

.down-box{margin-top:15px;text-align:center;}
.down-box a,.down-box samp{font:16px Yekan,tahoma;background:#4DFFED;width:100%;padding:8px 0px;display:inline-block;color:#000;position:relative;margin-top:1px;}
.down-box a:hover{color:#FF0000;background:#7FFC49;}
.pakh{background:#F0F0F0;margin-top:15px;}
.pakh p{padding:5px;font-size:14px;margin:3px;}
.pakh span{padding:5px;font-size:16px;margin:3px;color:#b11919}
.audio audio{width:100%;}


.Dastebandi-body{margin:10px 1px;background:#474747;}
.Dastebandi-title{background:#000;width:100%;color:#fff;}
.Dastebandi-title span{font-size:17px;line-height:35px;}
.Dastebandi{margin-top:1px;text-align:center;}
.Dastebandi-box a{font-size:18px;background:linear-gradient(to right,rgb(238, 229, 119) 0%,rgb(249, 201, 88) 100%);width:calc(100% - 10px);padding:10px 2px;display:inline-block;color:#000;position:relative;margin-top:10px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Dastebandi-box a:hover{background:linear-gradient(to right,rgb(255, 245, 127) 0%,rgb(255, 196, 56) 100%);}

.post-mtn{margin-top:10px;padding:0px 3px;text-align:center;}
.post-mtn h3{padding:7px 0px;font:19px Yekan,tahoma;}
.post-mtn p{padding:7px 0px;font:16px Yekan,tahoma;line-height:25px;}
.post-mtn-gh{margin-top:10px;padding:0px 3px;text-align:center;}
.post-mtn-gh h3{padding:7px 0px;font:19px Yekan,tahoma;}
.post-mtn-gh p{padding:7px 0px;font:16px Yekan,tahoma;line-height:25px;}

.post-lis{padding:3px;margin-top:10px;text-align:center;}
.post-lis .title{padding:7px 0px;background:#FFD1FE;font:14px Yekan,tahoma;}
.post-lisa{background:#f0efef;border-bottom:1px dashed #3800ff;padding:2px;}
.post-lisa:hover{background:#686868;}
.post-lisa a{color:#0b0091;line-height:30px;}
.post-lisa a:hover{color:#fff;}

.information{background:#DBFFFE;margin:5px 0px 10px 0px;height:60px;}
.information .more{height:39px; line-height:36px; margin-top:11px; padding:10px 30px 10px 30px;  float:left; background:#2d18c4;font:16px Yekan,tahoma;color:#FFF;}
.information .more:hover{background:#e87474}

.mpagenavi{flex-direction:row-reverse;justify-content:center}
.mpagenavi a,.mpagenavi span{height:40px;width:40px;display:flex;justify-content:center;align-items:center;margin:5px;border-radius:4px;background:#fff;border:1px solid #999898;}
.mpagenavi a:hover,.mpagenavi .current{color:#f90000;}

.side_left{float:left;width:calc(26% - 10px);border:1px solid #232323;padding:4px;margin:15px 4px;}
.side_left .title {height:25px;background:#F2F2F2;padding-right:15px;padding-top:3px;}
.side_left .body p{border-bottom:1px dashed #3800ff;font:16px Yekan,tahoma;padding:8px;margin:8px;line-height:25px;}
.side_left .body p a{color:#000;}
.side_left .body p a:hover{color:#4f4ae6;}

.tags{border:1px solid #232323;padding:7px;}
.tags .titles{background:#F2F2F2;font:18px Yekan,tahoma;line-height:30px;padding-right:5px;}
.tags .body{line-height:40px;}
.tags .body a {padding:10px 5px; color:#000;font:16px Yekan,tahoma;}

.comments .titles{padding:10px;margin:12px;background:#e8e8e8;}
.comments .titles span{font:20px Yekan,tahoma;}
.comment-author b{font:18px Yekan,tahoma;}
.comment-author span{font:15px Yekan,tahoma;color:#e11717;}
.comment-metadata a{text-decoration:none;font:14px Yekan,tahoma;color:#4244f7;padding:5px;}
.comment-content p{font:17px Yekan,tahoma;line-height:30px;}
.title-comments , .comment-reply-title{font:20px Yekan,tahoma;}

.footer{background:#1b262c;padding-top:5px;margin-top:5px;height:200px;}
.copyright{background:#323c42;text-align:center;color:#fff;margin-top:5px;font-size:15px}

.notfound{color:#777}
.notfound img{margin:1em auto;display:block}
.notfound form{position:relative;width:95%;margin:1em auto}
.notfound input{background:#f2f2f2;height:42px;width:100%;border-radius:10px;padding:0 1em}
.notfound button{position:absolute;height:32px;color:#fff;left:5px;top:5px;border-radius:10px;padding:0 1em}


.commentsfrom form{padding:0.7em;}
.sbox.commentsfrom header::before{background-position:-162px -16px}
.commentsfrom .holder{justify-content:space-between;margin-bottom:1em}
.commentsfrom input,.commentsfrom textarea{background:#f2f2f2;padding:7px 10px;border-radius:8px}
.commentsfrom input{width:49%}
.commentsfrom textarea{width:100%;resize:none}
.commentsfrom button{padding:7px 15px;border-radius:8px;color:#000;font-size:15px;margin-top:.5em;background:#bbb;}
.answer li{background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1);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:#bbb;justify-content:space-between;padding:.5em;border-radius:5px}
.answer .chdr strong{color:#000;display:flex;align-items:center}
.answer .chdr strong b{color:#fff;font-weight:400;padding:0 5px;border-radius:5px;margin:0 5px;font-size:12px}
.answer .chdr span{color:#000;font-size:12px}
.answer li p{padding:1em .5em .5em;color:#000;}
.answer ul{margin-right:1em}


.header1 {background:#FFFFFF;height:85px;padding:5px;}
.header1 strong {color:#000; font:26px Yekan,tahoma;padding:5px;}
.header1 h3 {color:#000; font:18px Yekan,tahoma;padding:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.body-links{border:1px solid #232323;margin:5px;padding:5px;}
.body-links a{padding:5px; font:15px Yekan,tahoma;line-height:30px;}
.body-links a:hover{color:#1b262c;cursor:default;}

.tab-box-250 {min-height: 50px;margin:10px;text-align:center;}
.tab-box-90 {text-align:center;position:fixed;bottom:0;left:0;width:100%;z-index: 99999;max-height: 150px;}
.tab-box-90 img {max-height: 150px;}

.tab-box-230 {min-height: 270px;margin:10px;text-align:center;}
.tab-box-250-100{min-height: 100px;margin:10px;}

.tab-box-v {min-height: 300px;border:1px solid #232323;text-align:center;}

.video-body {width:100%;text-align:center;}
.video{max-width:100%;}

.ggle-block{margin-top:15px;text-align:center;}
.ggle-block p{font:16px Yekan,tahoma;background:#4DFFED;width:100%;padding:8px 0px;display:inline-block;color:#000;position:relative;margin-top:1px;}

@media screen and (max-width:1024px){
.hedlist .hedlist-titl{width:100%;padding:4px 0px;}
.hedlist .hedlist-titl h3{font-size:14px;}
.music-box img{width:120px;max-width:120px;height:120px;}
}


@media screen and (max-width:800px) {
.search {width:100%}
.search{margin-top:1em}
.mpagenavi{margin-bottom:1em}
.pagebody{width:100%;padding:0px 3px;}
.side_left{width:calc(100% - 10px);}

.tab-box-250-100 {min-height: 250px;}
}

@media screen and (max-width:720px){
.header h2 {font-size:23px;}
.header h3 {font-size:20px;}
}

@media screen and (max-width:640px) {
.commentsfrom button{width:100%}
.copyright{margin-top:1em}
}

@media screen and (max-width:580px){
.header h2 {font-size:20px;}
.header h3 {font-size:17px;}
.posts-tit h2 a {font-size:15px;}
.posts-inf span{font-size:13px;}
.post-titr{font-size:14px;}
.post-titr h1{font-size:16px;}
	
.tab-box-230 {min-height: 500px;margin:10px;}
}


@media screen and  (max-width:480px){
.menu{height:40px;}
.menu a{font-size:14px;padding:4px 7px;line-height:37px;}
}


@media screen and (max-width:280px) {
.commentsfrom .holder{flex-direction:column}
.commentsfrom input{width:100%}
.commentsfrom .mail{margin-top:1em}
}