/*  
		Theme Name: P30i
	Theme URI: http://www.p30i.com/
		Description: Another ART Work By P30i
		Version: 2.3b
		Author: Mohammad Hadi Beigi
	Author URI: http://P30i.ir/
	*/
@font-face{font-family: 'ly';font-style: normal;src: url("fonts/IRANYekanXVF.woff2") format("woff2");}

body {margin: 0;
	background:#b3bb97;
     background-attachment: fixed;
  background-repeat: repeat-xy;
direction:rtl;
}


	p, form, ul, li,h1,h2,h3 {margin: 0;padding: 0;	font-family: 'ly';	font-weight: normal;
}



	a {color:#555;text-decoration:none;cursor: pointer; font-size:15px;}
	a:hover {color:#111;}

h1{
	font-size:20px;
color:#000000;}

	img {
border:none;
}


	li {direction:rtl;text-align:right;list-style:none;}
	.wrapper {width:100%;margin: 0 auto;position:relative;}
	.header {float:right;width:100%;background:#4f4f4f; border-bottom: 3px dotted #fff;
}
	.logo {float:right;}
	.logo2 {float:right;padding-right:10px;}
	.menu {float:right;width:100%;height:51px;background:linear-gradient(90deg, #e9d8bc 0%, #9b8f7b 100%); font-family:ly; font-weight:normal;}
	.menu #resp {float:right; }
	.menu #resp a {padding:5px 8px;margin-left:10px;color:#fff;font-family:ly;font-size:17px;margin-top:10px;float:right;font-weight:300; 
	border-radius:6px;margin-right:10px;}
	.menu #resp .curs {background:#ccd5ae; color:#222;}
	.menu #resp a:hover {background:#fff;color:#555;}
.menu i{

	color: #857860;

}

	.search {float:left;width:300px;height:51px;background:#cdc1b0;}

	.search .submit {
  float:left;  background-color: #928e84;
  border: none;
  color: white;
  padding: 10px 10px 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-left: 6px;
 margin-top: 6px;
  cursor: pointer;
  font-family:FontAwesome;
  border-radius: 4px;
 width: 50px;
}


	.search .input {padding:7px 5px 2px;margin-top:9px;font-family:ly;font-size:14px;background:none;border:0;     outline: none; margin-right:6px;color:#555;width:auto;}


	.rsslink {float:left;width:50px;height:35px;background:#fd9f13;color:#fff;font-size:22px;text-align:center;padding-top:15px;}
	.bodymain {float:right;width: 100%; height:auto;min-height:300px;background:#555; }
	.center {width:100%;height:auto;}
	.footer {float:right;width:100%;background:#212121;}
	.copyline {float:right;width:100%;background:#D2D8BC;padding-top:5px;}
	.copyline .copy {float:right;margin-right:20px;line-height:22px;text-align:center;margin-top:14px;padding-bottom:14px;	color:#fff;	font-family:ly; 	font-size:14px;
}

	
	.copyline .copy a {	
	color:#fff;
	font-family:ly;
	font-size:14px;}
    .copyline .copy a:hover {color:#5c6771;}
	

	

	
	hr { border: 0; height: 0; border-top: 1px dashed rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
	

	.aligncenter, img.aligncenter {
	  clear: both;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	}

	.clr{
		clear:both;
	}


	/*
    Mobile Menu Core Style
*/
.slicknav_menu {
	position:absolute;
	z-index:9999999;
	width:250px;
	display:none;
}
.slicknav_btn {
	position: absolute;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
	line-height: 1.188em;
	float: left;
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em
}
.slicknav_nav {
	clear: both
}
.slicknav_nav ul, .slicknav_nav li {
	display: block;
	
}
.slicknav_nav .slicknav_arrow {
	font-size: 1.7em;
	margin: 0 0 0 0.4em;
	float:right;
	line-height:15px;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block;
		font-family:ly;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
	display: inline
}
.slicknav_menu:before, .slicknav_menu:after {
	content: ' ';
	display: table;
}
.slicknav_menu:after {
	clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 15px;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
background:#d9bb81;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
	color: #222;
	font-weight: bold;
	text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	background-color: #222;
}
.slicknav_menu {
	padding:5px;
}
.slicknav_nav {
	color:#222;
	margin:0;
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
background:#d9bb81;
}
.slicknav_nav ul {
	padding:5px;
}
.slicknav_nav .slicknav_row {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a {
	padding:5px 10px;
	margin:25px 5px;
	text-decoration:none;
	color:#222;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#222;
	color:#fff;
}
.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
	margin-left:15px;
}


	#mas_foo{
		padding:10px 0 30px;
	}


#resp li{
	display:inline-block;
	
}

	


	 @media (max-width: 996px) {
	.wrapper,.adsposition,.wrapper2,.bodymain{
	 width:100% !important;
	}

	.menu #resp a{
		margin-left:0;

}

		.search{
		width:300px;
	}

		.search .submit{
		width:50px;
	}
		 
	.textwidget img{
		max-width:100%;
		height:auto;
	}




		 
.menu #resp a {padding:5px 6px		}
	}

	

	@media (max-width: 768px) {
   .wrapper,.adsposition,.wrapper2,.bodymain{
	width:100% !important;

	}

	.leftblock,.center{
		margin:5px auto;
		width:99%;
		float:none;
	}


	#mtabs .nav li,#mtabs .nav li.last{
	width:23%;
}

	.slicknav_menu{
	display:block;
}
	#resp{
	display:none;
}

	#menu{
		display:none;
	}
	.mainmenu .slicknav_menu{
	z-index:9999999999;
}
.inside table{
	margin:0 auto !important;
	text-align:center !important;
}
	}

	@media (max-width: 479px) {
	 .wrapper,.adsposition,.wrapper2,.bodymain{
		width:100% !important;
	}

	.lines3, .lines2, .lines{
		width:93%;
	}

	.copyline .copy{
		margin:15px;
		float:none;
	}

	.copyline .skycopy{
		display:block;
		margin:0 auto;
		float:none;
	}
	
	.logo2 {
  text-align: center;
  float:none;
  display: block;
  margin-left: auto;
  margin-right: auto;
	}

.logo {
text-align: center;
float:none;
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
	
	#not{
		width:240px;
		margin:0 auto 10px;
	}
.slicknav_menu{
		width:97%;
	}
	
	.notifr{
		top:218px;
	}
		.search{
		width:300px;
	}
		
		.search .input{
					width:auto;
		}
}
	

	
.overlay {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 190px;
  width: 190px;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
    border-radius: 50%;
}
	.rpr {
	  width: 99%;
	  margin: auto 0 auto;
	  font-family: tahoma;
	  font-size: small;
	  background-color: #fff;
	  direction:rtl;


	}
	#warp {
	padding-bottom:20px;
	text-align:center;
	}

.pgrid {
  background-color: dodgerblue;
  color: white;
  padding: 1rem;
  height: 4rem;

}

.pgrids {
  max-width: 90%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
 margin-bottom: 36px;
 margin-top: 10px;
}

/* Screen larger than 600px? 2 column */
@media (min-width: 350px) {
  .pgrids { grid-template-columns: repeat(2, 1fr); }
}



/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .pgrids { grid-template-columns: repeat(3, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 1200px) {
  .pgrids { grid-template-columns: repeat(6, 1fr); }
}


.pgridss {
  max-width: 90%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
	  margin-bottom: 36px;
	 margin-top: 10px;

}

/* Screen larger than 600px? 2 column */
@media (min-width: 350px) {
  .pgridss { grid-template-columns: repeat(1, 1fr); }
}



/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .pgridss { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 1200px) {
  .pgridss { grid-template-columns: repeat(3, 1fr); }
}


.pgridsmall {
  max-width: 90%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
	  margin-bottom: 36px;

}

/* Screen larger than 600px? 2 column */
@media (min-width: 350px) {
  .pgridsmall { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 600px? 2 column */
@media (min-width: 500px) {
  .pgridsmall { grid-template-columns: repeat(4, 1fr); }
}


/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .pgridsmall { grid-template-columns: repeat(4, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .pgridsmall { grid-template-columns: repeat(8, 1fr); }
}



div.polaroid {
  background-color: #fefae0;
		height:100%;
		border-radius:10px;

}


div.polaroid figcaption{
	font-family:ly;
	color:#000;
	font-size: 16px;
	font-weight: 200;
}


div.polaroid img{

border-top-left-radius:10px;
	border-top-right-radius:10px;
	  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}





div.polaroid2 {
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		height:100%;
		border-radius:10px;
}


div.polaroid2 figcaption{
	font-family:ly;
	color:#4a4a4a;
	font-size: 17px;
	font-weight: 400;
		padding:10px 10px 10px 10px;

}


div.polaroid2 img{
padding-top:10px;
	border-radius:10px;
	  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}



div.container {
  text-align: center;
  padding: 10px 20px;
	font-family:ly;
	font-size:16px;
}



div.postz p{
	color: #D1C2B4;
	font-size:28px;
line-height:70px;
}

div.container span{
	color: #DE377A;
}
div.container h2{
		font-family:ly;
	font-size:16px;
	text-decoration:none;
	font-weight: normal;
}
div.container h3{
		font-family:ly;
	font-size:14px;
	color:#816094;
	text-decoration:none;
		font-weight: normal;

}

div.polaroidvip {
  background-color: #aeb694;
	height: 100%;
	border-radius:10px;
	color:#e8e8e8;

}

div.polaroidvip h2 {
	background: #4f4f4f;
	color: #fff;
	font-size: 16px;
	margin: 15px auto 0;
	display: block;
	transition: .1s;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: ly;
	width: auto;
	max-width: 90%;
	text-align: center;
	font-weight: normal;
}


div.polaroidvip span{color: #696c5f;}

div.polaroidvip figcaption{
	font-family:ly;
	color:#363732;
	font-size: 16px;
	font-weight: 600;
}


div.polaroidvip img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  aspect-ratio: 1 / 1; /* 👈 مربع */
  object-fit: cover;   /* تصویر رو به شکل زیبا داخل مربع نگه می‌داره */
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}






div.containervip {
  text-align: center;
  padding: 10px 20px;
	font-family:ly;
	font-size:15px;
	color: #fff;
}

div.containervip h3{
		font-family:ly;
	font-size:15px;
	color:#816094;
	text-decoration:none;

}

div.containervip a{
	color: #31302e;
font-weight:400;
	font-size:16px;
	
}
div.containervip audio{
  display: flex;
  justify-content: center;
  align-items: center;
}

	.sing{
		background:#3c3c3c;
		color:#cccccc;
		font-size:14px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		font-family:ly;	
		width:auto;
		max-width:90%;	
		text-align:center;
		font-weight: normal;

}

	.singw{
		background:#ececec;
		color:#363636;
		font-size:14px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:13px;
		min-height:40px;	
		font-family:ly;	
		width:auto;
		max-width:90%;	
		text-align:center;
		font-weight: normal;

		
}

div.containervip span{
	color: #DE377A;
}
.org img{
	
	width:90%;
	height:90%;
		border-radius:10px;

}
.top img{
  max-width: 75%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
		border-radius:10px;
	
}
.top img:hover{
			  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}
.org img:hover{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}



.boxt {height:auto;  background:#d4a373;margin-top:15px;border-radius:10px;color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px;	font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:95%; margin-right:10px;margin-left:10px;}


.boxt a{
	color:#fff;
padding-right:12px;
	text-decoration: none;
	font-family: ly;
	font-size:20px;
	line-height:28px;
}

.boxt h1{
	color:#fff;
padding-right:12px;
	text-decoration: none;
	font-family: ly;
	font-size:20px;
			font-weight: normal;

}
.boxt span a{
float:left;
	font-family: ly;
	font-size:14px;
	padding-left:12px;
	background:#fff;
	border-radius:6px;
	margin-left:20px;
	color:#0F0F0F;
			font-weight: normal;

}

div.post {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  width:95%;
  border-radius: 7px;
	padding:10px 10px 10px 10px;
	font-size: 22px;
}


.postfoot{
		font-family: ly;
	font-size:13px;
color:#4d4d4d;
background-color: #f0f0f0;
  border-bottom-left-radius: 7px;
	  border-bottom-right-radius: 7px;
font-weight:normal;
  padding:10px 10px 10px 10px;
	margin-top:20px;
}



div.postmore {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  padding-top: 10px;
  width:95%;
border-radius: 7px;
  padding-bottom: 10px;

}



div.post img{
	margin-top:10px;
	width:500px;
	max-width:90%;
	height:auto;
	border-radius:5%;
		margin-bottom:30px;

}



div.post a{
font-family:ly;
	font-size:17px;
	line-height: 40px;
	color:#595858;
}

div.post p{
font-family:ly;
	font-size:17px;
	line-height: 40px;
	color:#595858;
}


.npost{
		font-family:ly;
	font-size:14px;
	line-height:30px;
	
}

.npost a{
		font-family:ly;
	font-size:14px;
	line-height:30px;
}


.lyrics{
	font-family:ly;
	font-size:14px;
	-moz-border-radius: 15px;
	border-radius: 7px;
background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);	border:1px dashed #A7A7A7 ;
	width:650px;
	max-width:90%;
	margin: auto;
	font-family:ly;
	font-size:13px;
	line-height:30px;
	color:#5B5B5B;
	padding: 1px 10px 10px 10px;

}
.lyrics H3{
	border:1px dashed #A7A7A7 ;
	border-radius:10px;color:#4d6154;padding:10px 15px 10px 15px;font-family: ly;	 font-size:15px; width:fit-content; margin:auto;
		font-weight:normal;
	margin-top:15px;
	margin-bottom:10px;

}

.lyrics a{
color:#4d6154;
	font-size:14px;
	font-weight:normal;
}


.boxtt {  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  width:95%;
  border-radius: 7px;
	padding:10px 10px 10px 10px;
}

.boxtt a{
	color:#595858;
	padding-right:12px;
	text-decoration: none;
	font-family: ly;
	font-size:18px;
	line-height:28px;
	text-align:center;
	display:block;
	font-weight:200;
}



	.dlbt1{
 background: #4d7186;
		color:#efefef;
		font-size:17px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:19px;
		min-height:40px;	
		font-family:ly;	
		width:500px;
		max-width:90%;	
		text-align:center;
}

	.dlbt2{
 background: #966969;
		color:#efefef;
		font-size:17px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:19px;
		min-height:40px;	
		font-family:ly;	
		width:500px;
		max-width:90%;	
		text-align:center;
}


	.dlbt9{
 background: rgb(97,172,107);
background: linear-gradient(110deg, rgba(97,172,107,1) 0%, rgba(189,204,108,1) 100%); 
		color:#333333;
		font-size:14px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:13px;
		min-height:40px;	
		font-family:ly;	
		width:500px;
		max-width:90%;	
		text-align:center;
				font-weight: normal;

}

	.dlbtag{
		
background:#faedcd;color:#3E6B28;
		font-size:15px;
		display:block;
		transition:.1s;
		border-radius:5px;
		padding-top:6px;
		min-height:30px;	
		font-family:ly;	
		width:90%;
		text-align:center;
			font-weight: normal;
				margin: 10px auto 0; 

		
}






.boxcom {height:auto; width:95%; background:#fefae0;margin-top:15px;border-radius:10px;color:#505050;padding-top:10px;padding-bottom:10px;line-height:16px;		font-family: ly;	line-height:28px; font-size:14px;margin-bottom:10px;}

.boxcom a{color:#505050;}


input[type=text] {
  width: 300px;
	margin: 15px auto;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  font-family:ly;  
  font-size:14px;
  text-align:center;
  background:#faedcd;
  color:#505050;
  outline: none;

}

.submitcom {
  background-color: #969c83;
  border: none;
  color: #fff;
  padding: 9px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin-top: 10px;
  cursor: pointer;
  font-family:ly;
  width: 180px;
  border-radius: 4px;
  border: 1px solid #a7a7a7;
}




.textar {
	width:80%;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  font-family:ly;  
  font-size:14px;
  text-align:center;
  background:#faedcd;
  color:#505050;
	margin-bottom:20px;
		margin-top:10px;

}

::placeholder {
  color: #505050;
  /* Firefox */
}
.autcom{
	color:#6e3cb3;
	font-size:14px;
	border: 1px dashed #7c6d91;
		width: 150px;
	margin:auto;
	padding:5px 5px 5px 5px;
border-radius:7px;
margin : 0 auto 10px auto;
}

.basecom{
	background-color: #d6c2f1;
	border-radius: 15px;
	width: 80%;
	margin:auto;
	padding:8px 0px 8px 0px;
}

.baserpl{
	
	margin:auto;
	width:96%;
	padding:3px 0px 3px 0px;
	text-align:center;
	direction:rtl;
	margin:auto;
}



.rplying{
	color:#443559;
	font-size:14px;
	width:500px;
	max-width:90%;
	margin: 30px auto 0; 
	padding:10px 10px 10px 10px;
	border: 1px dashed #524563;
	border-radius:7px;
	background-color:#e7d5ff;
}
	hr { border: 0; height: 0; border-top: 1px dashed rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.adsresp img{
	width: 1196px;
	margin-top: 10px;
	max-width:90%;
}





.post p{
	font-family:ly;
	font-size:15px;
	line-height:30px;
	color: #555555;
}

	blockquote {
	font-family:ly;
	font-size:15px;
	line-height:30px;
	-moz-border-radius: 15px;
	border-radius: 7px;
	color:#5B5B5B;
background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);	border:1px dashed #A7A7A7 ;
	border:1px dashed #A7A7A7 ;
	width:650px;
	max-width:90%;
	margin:  auto auto 30px auto ;

		padding: 10px 10px 10px 10px;
}


.wp-video {
	width:80%;
	margin: 20px auto;
	
}


	
	.pagenumbers {height:34px;padding-top:7px;text-align:right;padding-right:10px;margin:0 0 10px 0;box-shadow:0 0 3px #ccc;}
	.page-numbers{display:inline-block;text-align:center;padding:5px 8px;margin:1px;}
	.page-numbers:hover {background:#674a93;color:#fff;}
	.page-numbers,.page-numbers a{color:#777;}
	.pagen .current{background:#fff;color:#666;display:inline-block;padding:5px 8px;margin:1px;	border-radius:5px;
}
	.pagen .current,.pagen .current a{color:#666;}

	.boxnavi {
	margin:auto;
	height:auto;
	width:fit-content; 
background: #d4a373; 
	border-radius:10px;
	color:#fefae0;
	padding:7px 15px 7px 15px;
	line-height:16px;	
	font-family: ly;	
	line-height:28px; 
	font-size:17px;
margin-bottom:10px;}

.boxnavi a{
	color:#323232;
	text-align: center;    
	text-decoration: none;
	font-family: ly;
	font-size:15px;
	line-height:28px;
	  background: #faedcd;
	    width: auto;
	    height: 30px;
	    display: inline-block;
	padding:3px 5px 0px 5px;
	border-radius:5px;
}





.frm{
    margin-top:10px;
    right:0;
    left:0;
	text-decoration:none;
		font-weight: normal;
}


.frm input[type=text] {
  width: 90%;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  font-family:ly;  
    font-size:14px;
    text-align:center;
    background:#111;
color:#ffffff;
	    margin-top:20px;
		    margin-bottom:20px;
    outline: none;


}

.frm input[type=submit] {
  background-color: #c7284a;
  border: none;
  color: white;
  padding: 9px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  font-family:ly;
  border-radius: 4px;

}

.boxsr {height:auto;  
	
 background:#AFDBF5;
	margin-top:15px;border-radius:10px;color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px;font-family: ly;	line-height:28px; font-size:13px;margin-bottom:25px; width:95%; margin-right:10px;margin-left:10px; 	font-weight: normal; }


div.postb {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  padding-top: 10px;
  width:100%;
 border-radius: 7px;

}

div.postb img{
	margin-top:10px;
	width:200 px;
	height:auto;
	border-radius:5%;
}

.boxa {height:auto;  background:#111;margin-top:15px;border-radius:10px;color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px;	font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:95%; margin-right:10px;margin-left:10px; }


.bigfont {font-size:60px; color:#595959;}


div.postz {
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  padding-top: 10px;
	  padding-bottom: 15px;

  width:95%;
	border-radius: 7px;

}

.postz img{
	width : 500px;
	height : 250px;
	max-width:90%;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.center {
    text-align: center;
}
.center > div, .center > table /* insert any other block-level elements here */ {
    margin-left: auto;
    margin-right: auto;
}



audio{
	
	width: 500px;
	max-width:90%;
}

.catgbox a{
display: inline-block; 	
	align-content;
	font-family: ly;
  font-size: 20px;
	border: 0px solid #555555;
	border-radius:5px;
        vertical-align: middle;	
	color:#ffffff;
	padding: 50px 10px 0px 10px;
	margin: 10px 10px 10px 10px;
	width: 120px;
	height: 80px;
 background: rgb(0,83,140);
background: linear-gradient(135deg, rgba(0,83,140,1) 0%, rgba(0,83,140,1) 35%, rgba(20,40,102,1) 100%); 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 transition: transform .2s; /* Animation */

}

.catgbox.a:col {
	 background: rgb(131,58,180);
background: linear-gradient(111deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); 
	  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

	
.catgbox a:hover {
	 background: rgb(131,58,180);
background: linear-gradient(111deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); 
	  transform: scale(1.3); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.gallery img{
display: inline-block; 	
	align-content;
	border: 0px solid #555555;
	border-radius:5px;
        vertical-align: middle;	
	color:#ffffff;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	width: 282px;
	height: 400px;
 background: rgb(64,64,64);
background: linear-gradient(110deg, rgba(64,64,64,1) 0%, rgba(27,27,27,1) 100%); 	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  transition: transform .2s; /* Animation */

}









.boxmore {height:auto;  background:#d4a373;margin-top:15px;border-radius:10px;color:#ffffff;padding:10px 10px 10px 10px; line-height:16px;	font-family: ly;	line-height:22px; font-size:14px;margin-bottom:25px; width:200px;    margin: auto; font-weight: normal;
}


.boxmore a{
	color:#ffffff;
padding-right:12px;
	text-decoration: none;
	font-family: ly;
	font-size:15px;
	line-height:22px;
			font-weight: normal;

}

.boxmore h2{
	color:#ffffff;
padding-right:12px;
	text-decoration: none;
	font-family: ly;
	font-size:15px;
	line-height:22px;
			font-weight: normal;

}



.boxu {height:auto;  
	
	
background: #4b4e48;	
	
	color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px; font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:100%; margin-right:10px;margin-left:10px;}


.boxb {height:auto;  
	
	
background: #ccd5ae;	
	
	color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px; font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:100%; margin-right:10px;margin-left:10px;}

.boxc {height:auto;  background:#e9edc9;margin-top:15px;border-radius:10px;color:#fff;padding-top:10px;padding-bottom:10px;line-height:16px;	font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:95%; margin-right:10px;margin-left:10px;}


.boxc a{
	
	font-family:ly;
		font-size : 19px;
	color:#505050;
	
}
	hr { border: 0; height: 0; border-top: 1px dashed rgba(0, 0, 0, 0.1); border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }


.boxtitle {height:auto;  background:#6f6760;margin-top:15px;border-radius:10px;color:#fff;padding:10px 15px 10px 15px;line-height:16px;	font-family: ly;	line-height:28px; font-size:14px;margin-bottom:25px; width:fit-content; margin:auto;}


.boxtitle a{
	color:#fff;
	text-decoration: none;
	font-family: ly;
	font-size:20px;
	line-height:28px;
}
.boxtitle i{
	color:#f1b708;

}
.postz i {
	color: #d4a373;
}
.boxtitle h1{
	color:#fff;
	text-decoration: none;
	font-family: ly;
	font-size:18px;
			font-weight: normal;

}

	.dlbt3{
		color:#505050;
		font-size:17px;
		margin: 15px auto 0; 
		display:block;
		transition:.1s;
		opacity:1;
		border-radius:5px;
		padding-top:13px;
		min-height:40px;	
		font-family:ly;	
		width:500px;
		max-width:90%;	
		text-align:center;
}

.boxtitle span a{
float:left;
	font-family: ly;
	font-size:14px;
	padding-left:12px;
	background:#fff;
	border-radius:6px;
	margin-left:20px;
	color:#0F0F0F;
			font-weight: normal;
}

.boxbs {height:auto;  background:#ffffff;color:#fff;padding-top:10px;padding-bottom:10px;font-family: ly; font-size:14px;margin-bottom:10px; width:100%; }


.boxbs p {   
    font-family: ly;
    font-size: 15px;
    text-align: center;               /* متن وسط چین */
    color: #585858;
    padding: 5px;
    border-radius: 8px;
    width: fit-content;               /* اندازه بلوک مطابق محتوا */
    margin: auto;                /* فاصله بالا و پایین 10px + وسط چین بلوک */
    box-sizing: border-box;
	font-weight:200;
	   background: linear-gradient(135deg, #faedcd 0%, #e9edc9 100%);

}

details > summary {
  cursor: pointer;

	margin: auto;
	
	
	
	height:auto;  background:#fc7d51;margin-top:15px;border-radius:10px;color:#000;padding:10px 20px 10px 20px;	font-family: ly;	line-height:14px; font-size:16px; width:fit-content;  }

details > p {
  background-color: #f5f0e3;
  padding: 4px;
  margin: 0;
	white-space: pre-wrap;
line-height:36px;

}

figcaption {
font-family:ly;}




.pg {
  background-color: #aeb694;
  color: white;
  padding: 1rem;
	height:auto;

}

.pgss {
  max-width: 90%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
	  margin-bottom: 36px;
	 margin-top: 10px;

}

/* Screen larger than 600px? 2 column */
@media (min-width: 350px) {
  .pgss { grid-template-columns: repeat(1, 1fr); }
}



/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .pgss { grid-template-columns: repeat(2, 1fr); }
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 1200px) {
  .pgss { grid-template-columns: repeat(3, 1fr); }
}



div.polar {
  background-color: #aeb694;
margin-bottom:10px;
	border-radius:10px;
	color:#fff;
	height:auto;
}

div.polar a{
font-family: ly;
	color:#373737;
		font-size:17px;
}


div.polar a:hover{
	color:#333;

}


div.polar h3{
font-family: ly;
	color:#e6ead8;
	font-size:24px;
}


.cover {
	color:#fff;
}

.cover img {
	width:270px; 
	height:Auto;
    border-radius:100%;
    -webkit-animation:spin 80s linear infinite;
    -moz-animation:spin 80s linear infinite;
    animation:spin 80s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





#floating-ad {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 200px;
    height: 200px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: all 0.3s ease;
	padding: 5px 5px 5px 5px;
}

#floating-ad img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}
#floating-ad .ad-text {
    display: none; /* پیش‌فرض مخفی */
}
#floating-ad .close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #f00;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-weight: bold;
    line-height: 25px;
}

/* موبایل */
@media screen and (max-width: 768px) {
    #floating-ad {
        bottom: 0;
        right: 0;
        width: 100%;
        height: 70px;
        flex-direction: row-reverse;
        border-radius: 0;
        padding: 0 10px;
    }

    #floating-ad img {
        width: 64px;
        height: 64px;
        margin-left: 10px;
		float:right;
    }

    #floating-ad .ad-text {
        flex: 1;
        display: flex;
        align-items: center;
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
		font-family:ly;
		margin-top:20px;
    }

    #floating-ad .close-btn {
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
}


div.postz {
  background: #4f4f4f;
  background-attachment: fixed; /* برای هدر/هیرو زیبا میشه */  
  margin-bottom: 15px;
  padding-top: 15px;
	padding-bottom: 15px;
  width:95%;
	border-radius: 7px;
	text-align:right;
	font-family:ly;
	font-size:15px;
padding-right: 20px;
	color: #d4a373;
}



.postz a{
	color: #fff;
}

.postz span{
	color: #ffffff;

}





.music-grid-v2 {
  max-width: 90%;
  margin: 20px auto 50px auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1400px) {
  .music-grid-v2 { grid-template-columns: repeat(4, 1fr); }
}



.music-card-v2 {
	background-color: #c8bca1;
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: all 0.3s ease;
}
.music-card-v2:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 18px rgba(0,0,0,0.12);
}

.music-cover-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.music-card-v2:hover .music-cover-img { transform: scale(1.04); }


.music-info-v2 {
	background-color: #c8bca1;
	padding: 14px 16px 18px;
	font-family: ly, sans-serif;
}

/* --- Title --- */


.music-title-v2 {
	font-size: 1.2rem;
	line-height: 1.3em;
	font-weight: 600;
	text-align: center;
	background: linear-gradient(90deg, #865c35, #464c3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 6px;
	min-height: 2.6em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}






.music-title-v2 a {
  text-decoration: none;
  color: inherit;
	font-size: 16px;
}

.music-artist-v2 {
  display: block; /* یا inline-block */
  font-family: ly;
  font-size: 14px;
  text-align: center;
  color: #3b3b3b;
  background: linear-gradient(135deg, #faedcd 0%, #e9edc9 100%);
  padding: 10px 14px;
  border-radius: 8px;
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.08);
  width: 100%;
  box-sizing: border-box;
}


/* --- Player --- */
.player-v2 {
	  position: relative; /* حتما relative باشه */
margin-top:10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #4f4f4f;
  border-radius: 10px;
  padding: 6px 10px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  cursor: pointer;
}

/* --- دکمه پلی و پاز --- */
.play-btn {
  width: 50px;
  height: 50px;
  border: 2px solid #d1c2b4;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}

.play-btn::before,
.play-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

/* حالت پلی (مثلث) */
.play-btn::before {
  width: 0;
  height: 0;
  border-left: 10px solid #b47b46;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/* حالت پاز */
.play-btn.playing::before {
  border: none;
  background: #b47b46;
  width: 3px;
  height: 14px;
  border-radius: 1px;
  left: 44%;
}

.play-btn.playing::after {
  content: '';
  background: #b47b46;
  width: 3px;
  height: 14px;
  border-radius: 1px;
  left: 56%;
}

/* حذف افکت نیم‌دایره */
.play-btn::after {
  border: none;
}

/* افکت هاور */
.play-btn:hover {
  background-color: rgba(180,123,70,0.1);
}

/* --- نوار پیشرفت از چپ به راست --- */
.progress-bar {
	flex: 1;
	height: 7px;
	background: linear-gradient(90deg, #a4663f 0%, #d5ad87 100%);
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(to right, #ba996d, #fff);
  border-radius: 5px;
  transition: width 0.1s linear;
}

.time-display {
  font-size: 0.8rem;
  color: #cfa997;
  width: 42px;
  text-align: right;
}


/* --- موج صوتی --- */
.wave-anim {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  width: 24px;
  height: 18px;
  margin-left: 5px;
}

.wave-anim span {
  display: block;
  width: 3px;
  background-color: #b47b46;
  border-radius: 2px;
  animation: waveMotion 1s infinite ease-in-out;
  opacity: 0.4;
}

/* حالت غیرفعال (قبل از پخش) */
.wave-anim span {
  height: 4px;
  animation-play-state: paused;
}

/* موج‌های مختلف با تأخیر */
.wave-anim span:nth-child(1) { animation-delay: 0s; }
.wave-anim span:nth-child(2) { animation-delay: 0.2s; }
.wave-anim span:nth-child(3) { animation-delay: 0.4s; }
.wave-anim span:nth-child(4) { animation-delay: 0.6s; }
.wave-anim span:nth-child(5) { animation-delay: 0.8s; }

@keyframes waveMotion {
  0%, 100% { height: 4px; opacity: 0.4; }
  50% { height: 16px; opacity: 0.9; }
}

/* فعال شدن موج‌ها موقع پخش */
.player-v2.playing .wave-anim span {
  animation-play-state: running;
  opacity: 1;
}













.single-post-wrapper {
    width: 95%;
    margin: 40px auto;
    font-family: ly;
    color: #3b3b3b;
    background: linear-gradient(90deg, #e9d8bc 0%, #9b8f7b 100%); /* بک‌گراند سفید */
    border-radius: 20px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    padding: 20px;
}

.single-post-grid {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.single-post-left {
    flex: 0 0 500px; /* عرض ثابت عکس */
    text-align: center;
}

.single-post-left img {
    max-width: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}


.single-post-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: #fff;
	padding-top: 28px;
	border-radius: 21px;
}

/* عنوان با گرادینت پاستلی */
.spa-title a{
    font-size: 18px;
    font-weight: 700;
	color:#99a473;
}
.spa-title {
    font-weight: 700;
	color:#99a473;
}


.spa-keyword {
	display: inline-block;
	background: linear-gradient(135deg, #faedcd 0%, #e9edc9 50%, #fefae0 100%);
	padding: 10px 14px;
	border-radius: 10px;
	text-align: center;
	margin: 10px;
	width: fit-content;
	margin: 0 auto;
}
.spa-content p {
    margin: 10px 0;
    line-height: 38px;
    font-size: 16px;
}

.spa-lyrics summary {
    cursor: pointer;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 8px;
    background: #fefae0;
    display: inline-block;
    transition: all 0.3s;
}

.spa-lyrics summary:hover {
    background: #faedcd;
}

.spa-footer {
    font-size: 14px;
    color: #4a4a4a;
	margin: auto;
	background:#fff;
	width:100%;
	height:36px;
		padding-top:12px;

}
.spa-footer span{
		padding-right:10px;

}
.spa-footer i {
    color: #d4a373;
			padding-left:5px;
	font-size:20px;

}
/* واکنش‌گرا برای موبایل */
@media (max-width: 900px) {
    .single-post-grid {
        flex-direction: column;
    }
    .single-post-left {
        flex: 1 1 100%;
    }
}
.rmp-rating-widget__icons-list {
    transform: scaleX(-1);
}

.rmp-rating-widget__icons-list li {
    transform: scaleX(-1);
}