/*
Theme Name: galiver
Theme URI: https://cafehmusic.ir
Description: Theme Music Free
Author: galiver
Author URI: https://cafehmusic1.ir
Version: 1.0.411
*/


*{box-sizing:border-box;padding:0;margin:0;border:0;outline:0}
body{direction:rtl;color:#1b262c;cursor:default;}
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}
.clearer{clear:both; line-height:0 ; padding:0 ; margin:0 }
.kht{width:calc(100% - 50px);border-bottom:1px solid #C0C0C0;margin:20px;}

@font-face {font-family: iranyekan;font-style: normal;font-weight: normal;src:url("assets/fonts/iranyekan.woff2") format("woff2"),url("assets/fonts/iranyekan.woff") format("woff");font-display: swap;}
body,input,button,textarea,h1,h2,h3,h4,h5,h6 {font-family: iranyekan;}

/* سربرگ */
.header{background:#fff;padding:16px 16px 25px 5px;width:100%;box-shadow:inset 0px -3px 7px rgb(223, 223, 223);}
.menu {display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap; }
.menu a {font-size:15px;padding:7px 10px;color:#2f2f2f;box-shadow:0px 0px 5px rgba(179, 179, 179, 0.84);background:linear-gradient(180deg,rgb(121, 156, 212) 0%,rgba(172, 179, 191, 0.38) 100%);border-radius:5px;}
.menu a:hover {background:linear-gradient(180deg,rgb(91, 127, 185) 0%,rgba(172, 179, 191, 0.51) 100%);}

.pagebody{background:#f9f9f9;padding:0px 5px;display:flex;}
.post-body{width:74%;margin-top:30px;padding:0px 20px;}

/* صفحه اصلی */
.posts-body{background:#fff;width:100%;margin-bottom:25px;border-radius:5px;box-shadow:0px 0px 6px rgb(181, 181, 181);}

.posts-title {background:#E3F8FF;margin-bottom: 10px;padding: 0 15px 4px;}
.posts-title h1 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:18px;padding:10px 0;border-bottom:1px solid #E3E3E3;}
.posts-title h1 a {color:#000;text-decoration: none;}
.posts-title h1 a:hover{color:#0600c1;}
.posts-title-meta {margin-top:5px;color:#4b4b4b;font-size:14px;}
.posts-title-meta span {margin-right:5px;}

.posts-titr{padding:5px;text-align:center;}
.posts-titr p{font-size:15px;margin:6px 0px;}

.posts-more{background:#8ca6cf69;padding:10px;margin-top:20px;text-align:left;}
.posts-more a{padding:10px 20px;font-size:17px;background:linear-gradient(180deg,rgb(91, 127, 185) 0%,rgba(172, 179, 191, 0.51) 100%);}
.posts-more a:hover{padding:10px 20px;font-size:17px;background:linear-gradient(180deg,rgb(58, 117, 213) 0%,rgba(146, 166, 199, 0.76) 100%);}

.mpagenavi{background:#fff;width:100%;margin-bottom:25px;box-shadow:0px 0px 6px rgb(181, 181, 181);padding:4px;text-align:right;}
.mpage-links a,.mpage-links .current {display:inline-block;padding:6px 10px;margin:3px 3px;background:linear-gradient(180deg,rgb(195, 195, 195) 0%,rgb(227, 227, 227) 100%);border-radius:4px;}
.mpage-links .current {background:#fff;color:#000;font-weight:bold;border:1px solid #4d4d4d;box-shadow:0px 0px 6px rgb(181, 181, 181);}
.mpage-links a:hover{background:linear-gradient(180deg,rgb(155, 155, 155) 0%,rgb(212, 212, 212) 100%);}
/* صفحه اصلی */

/* تک نوشته */
.post-new-music{background:#fff;width:100%;margin-bottom:25px;border-radius:5px;box-shadow:0px 0px 6px rgb(181, 181, 181);}
.post-new-music-title{width:100%;font-size:16px;padding:9px 12px;border-bottom:1px solid #E3E3E3;}
.post-new-music-list {padding:0 3px;margin:0;list-style: none;}
.post-new-music-item {width:calc(50% - 6px);padding:8px 3px;display:inline-block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.post-new-music-list p{position:relative;font-size:16px;}
.post-new-music-list a{padding-right:12px;}
.post-new-music-list a:before {content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #7f7f7f;position: absolute;right: 0;bottom: 6px;}
.post-new-music-list a:hover{color:#0f6391;}
.post-new-music-list a:hover:before {content: "";position: absolute;right:-2px;bottom:6px;width:6px;height:10px;border-right:3px solid #7f7f7f;border-bottom:3px solid #7f7f7f;transform: rotate(45deg);}

.post{background:#fff;width:100%;margin-bottom:25px;border-radius:5px;box-shadow: 0px 0px 6px rgb(181, 181, 181);}
.post-title{background:#E3F8FF;margin-bottom:10px;padding:0 15px 4px;}
.post-title h1{font-size:18px;padding:10px 0;border-bottom:1px solid #E3E3E3;}
.post-title h1 a {color:#000;text-decoration: none;}
.post-title h1 a:hover{color:#0600c1;}
.post-title-meta {margin-top:5px;color:#4b4b4b;font-size:14px;}
.post-title-meta span {margin-right:5px;}

.post-titr{padding:5px;text-align:center;}
.post-titr h2{font-size:18px;margin:6px 0px;}
.post-titr p{font-size:15px;margin:6px 0px;}

.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%);}

.post-vije{margin:10px 0px;box-shadow:0px 0px 6px rgb(181, 181, 181);}
.post-vije-title{background:#eee;width:100%;font-size:16px;padding:10px;}
.post-vije-scroll {display: flex;overflow-x: auto;gap: 12px;padding: 10px;scroll-behavior: smooth;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: #848484 #ececec;}
.post-vije-scroll::-webkit-scrollbar {height: 6px;}
.post-vije-scroll::-webkit-scrollbar-thumb {background: #848484;border-radius: 10px;}
.post-vije-scroll::-webkit-scrollbar-track {background: #ececec;}
.post-vije-scroll > * {scroll-snap-align: start;flex: 0 0 auto;}
.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;}

.down-box{margin-top:15px;margin-bottom:5px;text-align:center;}
.down-box a{font-size:16px;background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);padding:13px 50px;color:#000;margin:10px 10px;border-radius:6px;box-shadow:0px 0px 8px rgb(106, 106, 106);display:inline-block;}
.down-box a:hover{background:linear-gradient(180deg,rgba(255, 113, 21, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);}

.play-online {display:flex;justify-content:center;cursor:pointer;}
.play-box {font-size:16px;display:flex;align-items:center;gap:10px;padding:1px 30px;border-radius:8px; background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);box-shadow:0px 0px 8px rgb(106, 106, 106);}
.play-box .play-icon {width:50px;height:50px;}
.play-box:hover{background:linear-gradient(180deg,rgba(255, 113, 21, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);}

.down-iranip{font-size:16px;background:linear-gradient(180deg,rgba(255, 129, 48, 0.97) 0%,rgba(253, 123, 39, 0.37) 100%);box-shadow:0px 0px 8px rgb(106, 106, 106);padding:10px 5px;}

.post-mtn{margin-top:10px;padding:0px 3px;text-align:center;}
.post-mtn h2{padding:7px 0px;font-size:17px;}
.post-mtn p{padding:7px 0px;font-size:16px;line-height:25px;}
.post-tozih{margin-top:10px;padding:0px 3px;text-align:right;}
.post-tozih p{padding:7px 0px;font-size:16px;line-height:25px;}

.comments{border-radius:5px;box-shadow:0px 0px 6px rgb(181, 181, 181);margin-bottom:20px;}
.comments-title{width:100%;font-size:16px;padding:9px 12px;border-bottom:1px solid #E3E3E3;}
.comments-body{padding:9px;}
.comments-body-admin{font-size:14px;color:#e20b0b;}
.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;}

.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;box-shadow:0px 0px 6px rgb(181, 181, 181);}
.commentsfrom input{width:49%}
.commentsfrom textarea{width:100%;resize:none}
.commentsfrom button{padding:7px 25px;border-radius:8px;color:#000;font-size:15px;margin:20px;box-shadow:0px 0px 7px rgb(131, 131, 131);background:linear-gradient(180deg,rgba(255, 85, 85, 0.88) 0%,rgba(255, 189, 189, 0.9) 100%);}
.answer li{background:#fff;box-shadow:0px 0px 9px RGB(144, 144, 144);margin-bottom:20px;padding:5px;border-radius:5px;}
.answer .chdr{justify-content:space-between;font-size:16px;padding:9px 12px;border-bottom:1px solid #CACACA;}
.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}

.back-links{margin-bottom:10px;border-radius:5px;box-shadow:0px 0px 6px rgb(181, 181, 181);padding:10px;font-size:15px;}

/* پلیر */
.player {direction:ltr;color:#FFF;background:#252525;height:70px;position:fixed;bottom:0;left:0;width:100%;z-index:11000;transition: all 0.3s linear 0s;font-size:15px;}

.player-slider {width:100%;position:relative;height:10px;}
.player-slider-position-div{height:10px;position:absolute;top:0px;left:7px;width:calc(100% - 14px);}
.player-slider-position{width:14px;height:14px;z-index:113;position:absolute;top:-2px;left:calc(0% - 7px);background:#252525;border-radius: 50%;border:1px solid #fff;}
.player-seek-slider{width:100%;height:10px;z-index:114;position:absolute;top:0px;left:0px;opacity: 0.2;cursor:pointer;}
.player-slider-back{width:100%;height:10px;z-index: 110;border-radius:5px;position:absolute;top:0px;left:0px; background:#686868;border:2px solid #000;opacity:1;}
.player-slider-loaded{width:0%;height:10px;z-index: 111;border-radius:5px;position:absolute;top:0px;left:0px; background:#9b9b9b;opacity:0.8;border-bottom:2px solid #000;border-top:2px solid #000;}
.player-slider-played{width:0%;height:10px;z-index: 112;border-radius:5px;position:absolute;top:0px;left:0px; background:#d7d7d7;opacity:1;border-bottom:2px solid #000;border-top:2px solid #000;}
.player-seek-slider{-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-transition: .2s;transition: opacity .2s;}
.player-seek-slider::-webkit-slider-thumb{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 0px;height: 0px;}
.player-seek-slider::-moz-range-thumb{width: 0px;height: 0px;}

.player-body{width:100%;display:flex;align-items:center;height:60px;}

.player-buttons {width:200px;margin:0 15px;display:flex;align-items:center;gap:10px;justify-content:center;}
.player-buttons-playpause-track{height:45px;width:45px;background:#0C0D0D;border-radius:20%;}
.player-buttons-next-track, .player-buttons-previous-track{height:45px;width:45px;background:#0C0D0D;border-radius:50%;}
.player-buttons-playpause-track img, .player-buttons-previous-track img, .player-buttons-next-track img{height:45px;width:45px;cursor:pointer;}

.player-slider-time {width:100px;margin:0 10px;display:flex;align-items:center;gap:3px;justify-content:center;}

.player-info-music {max-width:calc(100% - 600px);min-width:50px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: auto;margin-left:20px;}
.player-info-music a{color:#fff;}

.player-volume {width:150px;white-space:nowrap;margin:0 10px;display:flex;align-items:center;justify-content:left;gap:8px;}

.player-volume-img{height:25px;width:25px;background:#000;border-radius:50%;}
.player-volume-img img{height:25px;width:25px;border-radius:50%;}

.player-volume-body{width:110px;}
.player-volume-slider{width:110px;}

.player-volume-slider {-webkit-appearance: none;-moz-appearance: none;appearance: none;height:3px;-webkit-transition: .2s;transition: opacity .2s;background:#fff;border-radius:5px;cursor:pointer;}
.player-volume-slider::-webkit-slider-thumb {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 10px;height:10px;background: #fff;cursor: pointer;border-radius: 50%;border:1px solid #fff;}
.player-volume-slider::-moz-range-thumb {width: 10px;height: 10px;background:#fff;cursor: pointer;border-radius:50%;border:1px solid #fff;}

.player-volume-slider {opacity: 0.7;}
.player-volume-slider:hover {opacity: 1.0;}

.player-auto-select{height:30px;width:35px;background:#fff;border-radius:20%;margin:0 10px;}
.player-auto-select img{height: 30px; width: 35px;}


/*ستون کناری */
.side-left{width:calc(26% - 10px);margin:30px 4px;}
.side-left-body{border-radius:5px;box-shadow:0px 0px 6px rgb(181, 181, 181);margin-bottom:20px;}
.side-left-body-title{width:100%;font-size:16px;padding:9px 12px;border-bottom:1px solid #E3E3E3;}
.side-left-body-list p{border-bottom:1px dashed #3800ff;font-size:14px;padding:6px;line-height:20px;}
.side-left-body-list p a{color:#000;}
.side-left-body-list p a:hover{color:#4f4ae6;}

/*پابرگ */

.footer{background:#f2f2f2;padding-top:5px;margin-top:5px;height:120px;}
.copyright{background:#e6e6e6;text-align:center;color:#000;margin-top:5px;font-size:15px}

/*
 .menu a {font-size:15px;padding:7px 10px;

.posts-title {padding: 0 15px 4px;}
.posts-title h1 {font-size:18px;padding:10px 0;
.posts-title-meta {margin-top:5px;font-size:14px;}

.posts-titr{padding:5px;}
.posts-titr p{font-size:15px;margin:6px 0px;}

.posts-more{padding:10px;margin-top:20px;}
.posts-more a{padding:10px 20px;font-size:17px;}

.mpage-links a,.mpage-links .current {padding:6px 10px;margin:3px 3px;}

.post-new-music-title{font-size:16px;padding:9px 12px;}
.post-new-music-list p{position:relative;font-size:16px;}
.post-new-music-list a{padding-right:12px;}
.post-new-music-list a:before {content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #7f7f7f;position: absolute;right: 0;bottom: 6px;}
.post-new-music-list a:hover:before {content: "";position: absolute;right:-2px;bottom:6px;width:6px;height:10px;border-right:3px solid #7f7f7f;border-bottom:3px solid #7f7f7f;transform: rotate(45deg);}


.post-title{padding:0 15px 4px;}
.post-title h1{font-size:18px;padding:10px 0;}
.post-title-meta {margin-top:5px;font-size:14px;}

.post-titr{padding:5px;}
.post-titr h2{font-size:18px;margin:6px 0px;}
.post-titr p{font-size:15px;margin:6px 0px;}

.telegram-bot{margin-top:15px;margin-bottom:5px;}
.telegram-bot a{font-size:16px;padding:13px 30px;}

.post-vije-title{font-size:16px;padding:10px;}

.music-box{margin:10px;}
.music-box img{width:170px;max-width:170px;height:170px;margin-bottom:4px; }
.music-box p{font-size:13px;line-height:20px;}


.down-box a{font-size:16px;padding:13px 50px;margin:10px 10px;}

.play-box {font-size:16px;padding:1px 30px;border-radius:8px;}
.play-box .play-icon {width:50px;height:50px;}

.post-mtn h2{padding:7px 0px;font-size:17px;}
.post-mtn p{padding:7px 0px;font-size:16px;line-height:25px;}
.post-tozih p{padding:7px 0px;font-size:16px;line-height:25px;}

.comments-title{font-size:16px;padding:9px 12px;}
.comments-body{padding:9px;}
.comments-body-admin{font-size:14px;}
.commentsfrom input{width:49%}
.answer .chdr{font-size:16px;padding:9px 12px;}

.back-links{padding:10px;font-size:15px;}

.side-left-body-title{font-size:16px;padding:9px 12px;}
.side-left-body-list p{font-size:14px;padding:6px;line-height:20px;}
*/
@media screen and (max-width:1024px){
}
@media screen and (max-width:900px){
	.player-buttons {width:160px;}
	.player-info-music {max-width:calc(100% - 560px);}
}
@media screen and (max-width:800px) {
.pagebody {flex-direction: column;}
.post-body{width:100%;padding:0px 3px;}
.side-left{width:calc(100% - 10px);}
	.player{font-size:14px;}
	.player-info-music {max-width:calc(100% - 460px);}
	.player-volume {width:50px;}
	.player-volume-img{height:20px;width:20px;}
	.player-volume-img img{height:20px;width:20px;}
	.player-volume-body{width:20px;height:60px;display:flex;justify-content:center;align-items:center;}
	.player-volume-slider {transform: rotate(-90deg);width:50px;}
}

@media screen and (max-width:710px){
.post-new-music-list p{font-size:14px;}
.post-new-music-list a{padding-right:10px;}
.post-new-music-list a:before {content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:6px solid #7f7f7f;position: absolute;right: 0;bottom: 6px;}
.post-new-music-list a:hover:before {content: "";position: absolute;right:-2px;bottom:6px;width:4px;height:8px;border-right:2px solid #7f7f7f;border-bottom:2px solid #7f7f7f;transform: rotate(45deg);}

.music-box{margin:8px;}
.music-box img{width:130px;max-width:130px;height:130px;margin-bottom:3px; }
.music-box p{font-size:13px;line-height:15px;}

.posts-more a{padding:10px 20px;font-size:15px;}
.posts-more{text-align:center;}

.commentsfrom input{width:90%;margin-bottom:10px;}

	.player-buttons-previous-track{display:none;}
	.player-buttons {width:95px;margin:0 5px;gap:5px;}
	.player-buttons-playpause-track{height:40px;width:40px;}
	.player-buttons-next-track{height:40px;width:40px;}
	.player-buttons-playpause-track img, .player-buttons-next-track img{height:40px;width:40px;}
	.player-auto-select{height:27px;width:30px;margin:0 7px;}
	.player-auto-select img{height:27px;width:30px;}
	.player-slider-time {width:50px;margin:0 2px;display:flex;flex-direction:column;gap:0px;font-size:12px;}
	.player-info-music {max-width:calc(100% - 310px);font-size:13px;margin-left:10px;}
}

@media screen and (max-width:580px){
.post-new-music-item {width:100%;padding:5px 4px;}
}


@media screen and  (max-width:480px){
.play-box .play-icon {width:40px;height:40px;}
.telegram-bot a,.down-box a,.play-box{font-size:15px;padding:11px 30px;}
.play-box{font-size:15px;padding:1px 20px;}
.player-volume {display:none;}
.player-info-music {max-width:calc(100% - 210px);margin-left:3px;margin-right:5px;}
}

@media screen and (max-width:280px) {
.telegram-bot a,.down-box a,.play-box{padding:9px 20px;}
.commentsfrom .holder{flex-direction:column}
.commentsfrom input{width:100%}
.commentsfrom .mail{margin-top:1em}
}
@media screen and (max-width:230px) {
.telegram-bot a,.down-box a,.play-box{font-size:14px;}
.player-info-music{display:none;}
}
@media screen and (max-width:160px) {
.player-auto-select,.player-slider-time{display:none;}
}