/*
Theme Name: PersianMusic
Theme URI: Wintheme.ir	
Description: پوسته اشتراکی پرشین موزیک
Author: Wintheme.ir
Author URI: https://wintheme.ir
Version: 1.0
*/
@font-face {
	font-family:bakhn;
	font-style: normal;
	src: url('fonts/YekanBakh-Regular.woff') format('woff'),   
	url('fonts/YekanBakh-Regular.woff2') format('woff2');		 
}
@font-face {
	font-family:bakhb;
	font-style: normal;
	src: url('fonts/YekanBakh-Bold.woff') format('woff'),   
	url('fonts/YekanBakh-Bold.woff2') format('woff2'); 
}
img {
	width: 100%;
}
::selection {
    background: #32bb37;
    color: #023009;
}
b,strong {
	font-family: bakhb;
}
.ltrtxt {
	direction: ltr;
}
.flce {
	display: flex;
	align-items: center;
}
.flex-wrap {
	flex-wrap:wrap;
}
.mytransition {
	transition: 80ms;
}
.green-gradient1 {
    background: linear-gradient(270deg, #48FB6F 0%, #9EFF00 51.04%, #8FFF00 100%);
}
.green-gradient2 {
	background:  linear-gradient(180deg, #26DF4F 0%, #008C1F 100%);
}
.green-gradient3 {
	background:  linear-gradient(270deg, #1DED4A 0%, #56ED0F 51.04%, #7DC91D 100%);
}
.green-gradient4 {
background: linear-gradient(to right, #093637, #44A08D);
}
.yellow-gradient1 {
	background:  linear-gradient(90deg, #FFE500 0%, #FFE500 50%, #E5CE00 100%);
}
.green-fade {
	background:linear-gradient(180deg, rgba(15, 79, 29, 0.00) 20.37%, rgba(2, 26, 7, 0.86) 100%), #d3d3d300 -103px -45.5px / 139.037% 154.762% no-repeat;
}
.black-fade {
	background: linear-gradient(1deg, #0000008a, transparent);
}
.swiper-pagination .swiper-pagination-bullet {
	background-color: #ffffff82;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #FFF;
}
.player .active {
	color:#1EA73C;
}
.titlerow .line:after {
    content: '';
    height: 2px;
    background: #ffffff25;
    width: 100%;
    position: absolute;
}
.dark .titlerow .line:after {
	background: #00000025;
}
.aplay.pause::before {
	font-family: 'icomoon';
	content: "\e956";
}
.aplay.pause2::before {
	font-family: 'icomoon';
	content: "\e957";
}
.play.pause::before {
	font-family: 'icomoon';
	content: "\e956";
}
.play.pause2::before {
	font-family: 'icomoon';
	content: "\e957";
}
.play.bold::before {
	font-family: 'icomoon';
	content: "\e95a";
}
.play.bold.pause::before {
	font-family: 'icomoon';
	content: "\e957";
}
.like.active .icon-heart::before,.actions .like.active::before,.single .info .like.active::before,.track .like.active::before {
	font-family: 'icomoon';
	content: "\e93f";
	color: #FF3030;
}
.styleform input[type=text],.styleform input[type=email],.styleform input[type=number],.styleform input[type=search],.styleform input[type=tel],.styleform input[type=password],.styleform input[type=file],.styleform input[type=image],.styleform select {
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: #1A1A1A;
	color: #FFF;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
}
.dark .styleform input[type=text],.dark .styleform input[type=email],.dark .styleform input[type=number],.dark .styleform input[type=search],.dark .styleform input[type=tel],.dark .styleform input[type=password],.dark .styleform input[type=file],.dark .styleform input[type=image],.dark .styleform select {
	background: #ebebeb;
    color: #3c3c3c;
}
.styleform input[type=text]:focus ,.styleform input[type=email]:focus ,.styleform input[type=number]:focus ,.styleform input[type=search]:focus ,.styleform input[type=tel]:focus,.styleform input[type=password]:focus,.styleform input[type=file]:focus,.styleform input[type=image]:focus,.styleform select:focus {
	outline: 0;
	border: 1px solid #464646;
}
.styleform button,.styleform input[type=submit] {
	background-color: #0AA72C;
	border-radius: 16px;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
	color: #FFF;
}
.styleform button:hover,.styleform input[type=submit]:hover {
	opacity: 0.9;
}

.styleform2 input[type=text],.styleform2 input[type=email],.styleform2 input[type=number],.styleform2 input[type=search],.styleform2 input[type=tel],.styleform2 input[type=password],.styleform2 input[type=file],.styleform2 input[type=image],.styleform2 textarea,.styleform2 textarea,.styleform2 select {
	border-radius: 16px;
	border: 1px solid rgb(255 255 255 / 19%);
	background: transparent;
	color: #FFF;
	padding:15px;
	width: 100%;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
}
.dark .styleform2 input[type=text],.dark .styleform2 input[type=email],.dark .styleform2 input[type=number],.dark .styleform2 input[type=search],.dark .styleform2 input[type=tel],.dark .styleform2 input[type=password],.dark .styleform2 input[type=file],.dark .styleform2 input[type=image],.dark .styleform2 textarea,.dark .styleform2 select {
	background: transparent;
	border: 1px solid rgb(0 0 0 / 11%);
    color: #3c3c3c;
}
.styleform2 select,.styleform select {
	background-color: #131313;
}
.dark .styleform2 select,.dark .styleform select {
	background-color: #F5F5F5;
}
.styleform2 input[type=text]:focus ,.styleform2 input[type=email]:focus ,.styleform2 input[type=number]:focus ,.styleform2 input[type=search]:focus ,.styleform2 input[type=tel]:focus,.styleform2 input[type=password]:focus,.styleform2 input[type=file]:focus,.styleform2 input[type=image]:focus,.styleform2 textarea:focus,.styleform2 select:focus {
	outline: 0;
	border: 1px solid #979797;
}
.styleform2 textarea {
	min-height: 200px;
}
.teaser {
	    top: 10%;
}
.sharepost {
    top: 10%;
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.archivepage .group .text-13 {
	font-size:15px;
}
.archivepage .group .text-xs {
	font-size:13px;
}
.teaser video {
	height: 400px !important;
    object-fit: cover;
}
.styleform2 label {
	position: absolute;
    top: -9px;
    right: 15px;
    color: #b5b5b5;
    background: #18181b;
    padding: 0 10px;
	border-radius: 30px;
}
.dark .styleform2 label {
	color: #606060;
}
.styleform2.single label {
	background: #131313;
}
.usercomments {
	border-right: 1px solid #e7e7e7 !important;
}
.single .titlerow .links .btn {
	    padding: 4px 10px 2px 10px;
}
.dark .styleform2 label {
	background-color: #f4f4f5;
}
.styleform2 button,.styleform2 input[type=submit] {
	background-color: #232323;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 16px;
	padding:15px 25px;
	margin-bottom: 7px;
	font-size: 14px;
	transition: 0.3s;
	color: #FFF;
}
.styleform2 button:hover,.styleform2 input[type=submit]:hover {
	opacity: 0.8;
}
.dark .styleform2 button,.dark .styleform2 input[type=submit]  {
	background-color: #f5f5f5;
    border: 1px solid rgb(0 0 0 / 15%);
	color:#18181b;
}
.chkcotainer {
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 2px 30px;
  }
.chkcotainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.chkcotainer .checkmark {
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	width: 25px;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.05);
	background: #1A1A1A;
}
.dark .chkcotainer .checkmark {
	background: #ebebeb;
}
.chkcotainer input:checked ~ .checkmark {
	border: 1px solid #464646;
}
.dark .chkcotainer input:checked ~ .checkmark {
	border: 1px solid #9d9d9d;
} 
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.chkcotainer input:checked ~ .checkmark:after {
	display: block;
}
.chkcotainer .checkmark:after {
	font-family: 'icomoon' !important;
	content: "\e985";
	font-size: 18px;
	padding: 1px;
}
.playlist .tracks .track.active {
	background-color: #202020;
}
.dark .playlist .tracks .track.active {
	background-color: #f4f4f5;
}
.player .mix.active {
	border-color: #0AA72C;
}
/* Scroll */
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}
.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}
.dark .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #ffffff;
}
.mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar {
	background-color: #ffffff87;
}
.dark .mCustomScrollBox:hover .mCSB_dragger .mCSB_dragger_bar {
	background-color: #7a7a7a;
}
.dark .mCustomScrollBox .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #bbbbbb;
}
.dark .mCustomScrollBox .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #7e7e7e;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.dark .mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(255, 255, 255, 0.4);
}
.themecolor.active::before {
	content:'\e983';
}
.showplaylist.active::before {
	content:'\e976';
	color: #FFF;
}
.dark .showplaylist.active::before {
	color:#000;
}
.showplaylist .mylist .checkbox {
	padding: 5px;
}
.showplaylist .mylist .checkbox.active::before {
	font-family: 'icomoon' !important;
	content: "\e985";
	font-size: 18px;
}
/*.tip {
	margin-bottom:8px;
	background: #FFC107;
    color: #000;
}
.tip::before {
	content:'';
    position: absolute;
    right: 0%;
    top: -150%;
    width: 97%;
    height: 50px;
    filter: blur(43px);
    background-color: #FFB800;
}*/
.tip::before {
    content: '';
    position: absolute;
    right: 0%;
    top: -125%;
    width: 100px;
    height: 50px;
    filter: blur(43px);
    background-color: #FFB800;
}
.tip.green::before {
	background-color:rgb(41 255 124);
}
.tip.orange::before {
	background-color:#FF5722;
}
.tip.blue::before {
	background-color: #2196F3;
}
.archivetitle::before {
	content: '';
	position: absolute;
	right: 0%;
	top: 0%;
	width: 250px;
	height: 50px;
	filter: blur(73px);
	background-color: rgba(255, 255, 255, 0.359);
}
/* single */
.single  .datas *,.archiveblog .datas * {
	position: relative;
}
.single  .datas a::after,.single  .datas span::after,.archiveblog .datas span::after {
	content: '•';
	font-size: 11px;
    position: absolute;
    left: -15px;
    top: 0;
    color: #6c6c6c;
}
.single .datas span:last-child::after,.single .datas a:last-child::after,.archiveblog .datas span:last-child::after {
	content: '';
}
.loadmorebtn {
	box-shadow: 0px -26px 26px #131313;
    background: #131313;
} 
.dark .loadmorebtn {
    box-shadow: 0px -26px 26px #f5f5f5;
    background: #f5f5f5;
}
.icon-arrow-bottom.active {
	transform: rotate(180deg);
}
/* loading posts */
.loadingposts {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 70px;
  }
  .loadingposts div {
	position: absolute;
	top: 33px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .dark .loadingposts div {
	background-color: #000;
  }
  .loadingposts div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
  }
  .loadingposts div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .loadingposts div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
  }
  .loadingposts div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
	0% {
	  transform: scale(0);
	}
	100% {
	  transform: scale(1);
	}
  }
  @keyframes lds-ellipsis3 {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }
  @keyframes lds-ellipsis2 {
	0% {
	  transform: translate(0, 0);
	}
	100% {
	  transform: translate(24px, 0);
	}
  }
/* Archive */
.archivepage .populars .post:nth-child(3n) {
	border-color: transparent;
}  
.dark .mobilemenu {
    border: 1px solid #d1d1d1;
}
.postslider .actions {
    background: #8C8C8C;
}
aside form {
		display:none !important;
	}
/* Custom Responsive */
@media only screen and (max-width: 2126px) {
	.stories .story .green-gradient1 {
    top: 3rem;
}
}
@media only screen and (max-width: 899px) {
	.usercomments {
		border-right: 0 !important;
	}
	.postslider .actions,.results .actions {
		background: transparent;
	}
	aside form {
		display:flex !important;
	}
}
@media only screen and (max-width: 640px) {
	 .single .datas a::after, .single .datas span::after  {
		content:'';
	}
	.sharepost .social a {
		background: transparent;
	}
	.single .titlerow {
		display:block;
	}
	.single .titlerow .links {
		display: block;
	}
	.artistpage .followplay {
		margin: 3rem auto 0;
    	width: fit-content;
	}
	.single .titlerow .links .btn {
		display:none;
	}
	.single .titlerow .links .followit {
		    padding: 0.3rem;
	}
	.categories span {
		text-shadow: 0 2px 7px #00000052;
	}
	.postslider .play {
		padding: 8px;
		border-radius: 1000px;
	}
	
	.engnames * {
		text-align: right;
		direction: rtl;
		line-height: 37px;
	}
	h1 {
		font-size:26px;
	}
}
@media only screen and (max-width: 403px) {
	.postslider .actions {
		padding:0 ;
	}
}
@media only screen and (max-width: 375px) {
	
}
.videoplayer {
  object-fit:cover;
}
.downloadbox img {
	margin-top: -60px;
}
.downloadbox .text-center {
    margin-top: -36px;
}
.player .plyb {
    margin-left: 3px;
} 
.timer, .fulltime {
    min-width: 63px;
    text-align: center;
}
.seekbar {
	height:4px;
	transition:0.2s;
	background: #1c1c1c;
}
.dark .seekbar {
    background: #e9e9e9;	
}
.seekbar:hover {
	height:7px;
}
.seekbar .seeking {
    position: relative;
}
.seekbar .seeking::before {
    content:'';
    background:#FFF;
    width:14px;
    height:14px;
    border-radius:100%;
    position:absolute;
    top: -4px;
	visibility:hidden;
	opacity:0;
	transition:0.2s;
}
.seekbar:hover .seeking::before {
	visibility:visible;
	opacity:1;
}
.track .num {
	width: 12px;
}
.dark .fixedside {
    background: #FFF !important;
}
.postslider .group h3 {
font-size: 15px !important;
}
.postslider .group .text-xs {
	font-size: 14px !important;
}
.bigslider .texts {
    margin-top: 18px;
}
.bigslider .texts .play,.bigslider .texts .like {
    font-size: 12px;
}
.actions .pause {
	color:#FFF;
}
.commentlist ul.children {
    margin-right: 3em;
}
.fullalbum .swiper-slide figure {
    transform: translateY(16px);
}
.fullalbum .swiper-slide::before {
    left: 0;
    right: 0;
    content:'';
    background: #444444;
    width: 90%;
    height: 39%;
    display: block;
    position: absolute;
    top: 3%;
    margin: 0 auto;
    border-radius: 27px;
    z-index:-1;
} 
.fullalbum .swiper-slide::after {
    left: 0;
    right: 0;
    content:'';
    background: #2B2B2B;
    width: 70%;
    height: 39%;
    display: block;
    position: absolute;
    top: -1%;
    margin: 0 auto;
    border-radius: 27px;
    z-index:-2;
} 
.fullalbum .group h3 {
    margin-top: 2rem;
}
.postslider .group h3,.postslider .group span , .results  .group span , .results  .group h3 {
	text-align: center;
    justify-content: center;
}
.eng {
	direction:ltr;
}
.categories span {
	font-size: 19px;
	text-shadow: 0 2px 7px #00000052;
	color:#FFF;
}

.activeSide {
	width: 100%;
    display: block;
    position: fixed;
}
.commentlist .children .usercomment {
	background:#272727;
}
.dark .commentlist .children .usercomment {
	background:#fff;
}
.single .lyrics {
    margin-bottom: 2rem;
    color: #8C8C8C;
}
.swiperblog .swiper-slide {
    height: 21rem;
}
.adsPage img {
    width: auto;
}
.adsPage .tabs img {
	width: 2.5rem;
}
@media (min-width: 640px) {
    .sm\:py-20 {
        padding-top: 3rem;
        padding-bottom: 3rem;
	}
}

@media (min-width: 2000px) {
	aside .inside ul {
		border-bottom:0;
	}
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.animate-spin {
    animation: spin 1s linear infinite;
}
.skip {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 30;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
}

.skip.show {
    opacity: 1;
    pointer-events: auto;
}

.skip.active {
    background-color: rgba(255, 0, 0, 0.9);
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.8);
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { transform: translateX(-50%) scale(1); box-shadow: 0 0 15px rgba(255,0,0,0.8); }
    50% { transform: translateX(-50%) scale(1.05); box-shadow: 0 0 25px rgba(255,0,0,1); }
    100% { transform: translateX(-50%) scale(1); box-shadow: 0 0 15px rgba(255,0,0,0.8); }
}

.skip:hover {
    background-color: rgba(255, 0, 0, 1);
    box-shadow: 0 0 25px rgba(255,0,0,1);
}