/*
Theme Name: PersiaFight
Author: Meraj Zargar
Author URI: https://www.PersiaFfight.com

Version: 1.0 
*/
@font-face {
font-family:"Yekan";

 src: url('fonts/Yekan.ttf') format('truetype');
}
@font-face {
font-family:"Yekan+";

 src: url('fonts/Yekan+.ttf') format('truetype');
}


html{
padding:0vw;
margin:0vw;	direction:rtl;

line-height:1.5;
box-sizing:border-box;
}
body{

	font-family:"Yekan+";

}
.archive .navbar{
	
	

}
.archive nav li{


}
.archive nav li:hover{


}
.archive footer{

}
.home .headercontainer span{
	display: block;
}


.home .headercontainer p{
color: black;
	display: block;
}
.page-template-default .headercontainer{
	display: none;
}
.single-post .headercontainer{
	display: none;
}
.archive .headercontainer{
	display: none;
}
a,a:visited{
color: inherit;
text-decoration:none;
}
img{
	vertical-align:middle;
}
:after, :before,div,nav,ul,li,span,footer,article,aside,figure,figcaption,input,base,address,button,textarea,cite,a,figure,section,img,time,video,h1,h2,h3,h4,h5,h6,main,header,p,body,figcaption{
	box-sizing:border-box;

	padding:0vw;
margin:0vw;
}
p,ul,ol,span,label,button,caption,article,form{
	font-size:1.1vw;
}

header{
padding:0vw;
margin:0vw;
width:100%;
}
#whiteclr{
background: linear-gradient(90deg, #e1e1e1, #e9e9e9, #f2f2f2, #fbfbfb, #fdfdfd, #f9f9f9, #f5f5f5, #f1f1f1);
	
}
#blackclr{
	background: rgb(65,65,65);
background: linear-gradient(90deg, rgba(65,65,65,1) 0%, rgba(54,54,54,1) 8%, rgba(42,42,42,1) 20%, rgba(33,33,33,1) 37%, rgba(22,22,22,1) 100%);
	
}

/*-start nav-*/
.navbar{
	display: flex;

height:4.6vw;
width:100%;

	background-position: center;
	border-bottom:0.1vw #3b3b3b solid;

	justify-content:space-around;
	align-items: center;



}
.navbar a{
	display: flex;

}
.navlogo{
	display: flex;
	width:18vw;
	height:3.5vw;
	transition:0.3s;

	}

	.navlogo:hover{
	transition:0.3s;
	opacity:0.5;
	
	}

.navbar div{
display:flex;
	height:100%;
	width:60%;
	padding:0vw;
	margin:0vw;
	box-sizing:border-box;
}

nav ul{
	display: flex;
height:100%;

list-style:none;
width:100%;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}
nav li{

font-size:1.1vw;
	display: flex;
width:8.4vw;
height:2.2vw;
	color: white;
	background-color: inherit;
	justify-content: center;
	align-items: center;


}
nav li:hover{

transition:0.5s;
	background-color: #E8E8E8;
	color: black;


}

/*-end nav-*/



/*-start headercontainer-*/

.headercontainer{
	background-image: url("images/mmafighterw.jpg");
background-size:cover;
background-repeat:no-repeat;
	height:36vw;
	

}

.headercontainer span{
display: none;
color:#AF0002;
	width:30vw;
	height:5vw;

	position:relative;
	font-size:2vw;
	top:9.2vw;
	right:4vw;

	}
.headercontainer p{
display: none;
line-height:2em;
	margin-right:4vw;
margin-top:11.2vw;
	width:40vw;
	color:white;
	font-size:1vw;
}
/*-end header-*/


/*-start Single-*/
.main{
	
width:70vw;
margin-top:2vw;
margin-right:4vw;

}
.post-title{
	
text-align:center;
font-size:1.7vw;
	
}
.post-title a{
color:inherit;
	transition:0.2s;

}
.post-title a:hover{
color:#970000;
transition:0.2s;
}
.tags{
	

}
.post-article{
width:70vw;
	min-height: 30vw;
padding:4vw;
line-height:1.8em;


	
}

.post-article p{
		margin-bottom:1vw;
	margin-top:1vw;
	line-height: 2em;


}
.post-article img{
	margin-bottom:1vw;
	margin-top:1vw;
}
.time{
color:#970000;
	display: inline-block;

}
/*-end Single-*/
/*-start comments-*/


.commentlist{
	list-style:none;

	padding:1.5vw 1vw 1.5vw 1vw;
}
.comment-reply-link{
color:#CC0000;
	transition:0.2s;
	margin-top:1.6vw;
	margin-bottom:1.6vw;

	
}
.comment-reply-link:hover{
	color:#800000;
	transition:0.2s;
}
.comment-meta{
	margin-top:1vw;
	margin-bottom:1.5vw;

}
.comment-body p{
	margin-top:1vw;
	margin-bottom:1vw;
	font-size: 1.1vw;


}
.comment-body a{
	font-size: 1.1vw;
	
	
}
.comment-author{
	margin-top:1vw;
	margin-bottom:1vw;
	height:3vw;
	color:#CC0000;
	font-weight:bold;

}
.comment-author img{
	width:3vw;
	height:3vw;
	margin-left:0.6vw;
}
.commentlist li{

}
.comment-awaiting-moderation{
color:#FFCC00;

}


.commentsx{
	margin-bottom:2vw;
	font-size:1vw;

	padding-top:1vw;
}	
.commentsx form{
	margin-top: 1vw;
	
	
}
.commentsx input{
	 margin-right:0.5vw;	
	 outline:black solid 0.1vw;
	border:0.1vw black solid;

}
.commentsx input:focus{
		outline:#CC0000 solid 0.1vw;
	border:0.1vw #CC0000 solid;

}
#comment:focus{
	outline:#CC0000 solid 0.1vw;
	border:0.1vw #CC0000 solid;
}

#comments{
	font-size:1.2vw;
overflow: hidden;
width:16vw;
height:2vw;
text-overflow: ellipsis;white-space: nowrap;
}

#comment{
	width:21vw;height:9vw;
padding:0.5vw;
font-size:1vw;
	
 margin-right:0.5vw;
	text-align:justify;
	resize:none;
	outline:black solid 0.1vw;
	border:0.1vw black solid;
}

#author{
	width:21vw;
padding:0.5vw;
font-size:1vw;
	

	text-align:justify;

	height:2vw;
}
#email{
	width:21vw;
padding:0.5vw;
font-size:1vw;
	

	text-align:justify;

	height:2vw;
}
#url{
	width:21vw;
padding:0.5vw;
font-size:1vw;
	

	text-align:justify;

	height:2vw;
}
#submit{
margin-top:1vw;
	width:9vw;
	height:2vw;
	padding:0.5vw 0vw 1vw 0vw;
	border-radius:0vw;
	border:0vw;
	background-color:#000000;
	color:white;
	transition:0.4s;
	font-size:1vw;
	font-weight: bold;



}
#submit:hover{
	background-color:#800000;
		transition:0.4s;
		cursor:pointer;
}

#wp-comment-cookies-consent[type=checkbox]{
display:inline-block;
background-color:white;
border:0.1vh black solid;
 accent-color:#CC0000;
 margin-left:0.5vw;
 margin-right:0.5vw;

	margin-top:2vw;
	width:1.2vw;
	height:1.2vw;
	border-radius:50%;
}
.comment-form-email label{
	display:block;
	clear:both;
	font-size:1vw;
	margin:0.5vw 0vw 0.5vw 0vw;
}
.comment-form-comment label{
		display:block;
	clear:both;
	font-size:1vw;
	margin:0.5vw 0vw 0.5vw 0vw;

}
.comment-form-author label{
		display:block;
	clear:both;
	font-size:1vw;
	margin:0.5vw 0vw 0.5vw 0vw;

}
.comment-form-url label{
			display:block;
	clear:both;
	font-size:1vw;
	margin:0.5vw 0vw 0.5vw 0vw;

}
.comment-form-cookies-consent{
	display:block;
		font-size:1vw;
	margin:0.5vw 0vw 0.5vw 0vw;

}
/*-end comments-*/
/*-end Single-*/

/*-start Sidebar-*/
.left-sidebar{

width:23vw;
float:left;
margin:4vw 0vw 0vw 0vw;
padding:0vw 1vw 1vw 1vw;
}
.left-sidebar section{

}
.left-sidebar h4{
margin-bottom:1vw;
font-size:1.6vw;



}
.left-sidebar ul{
padding-right:0.2vw;
list-style:none;
margin-bottom:1vw;
	
}
.left-sidebar li{
margin:0.5vw 0vw 0.5vw 0vw;


}
.left-sidebar a{
	display: block;
	font-size: 1.1vw;white-space: nowrap;
   overflow: hidden;
	text-overflow: ellipsis;
	width: 17vw;

	

}
.left-sidebar a:hover{
color:#970000;
transition:0.3s;

}

/*-end Sidebar-*/

/*-start Guideline-*/
.guideline{
	color: white;
padding-top:4vw;
	
}
.guideline img{
display:inline-block;
float:left;
	height:50vw;
	width:45vw;
	margin-left:3vw;
	margin-right:3vw;
	margin-bottom:1vw;
}
.guideline h2{
margin-right:4vw;
font-size:1.7vw;
width:40vw;
	
}
.guideline p{
margin-right:4vw;
padding:2vw;
margin-top:2vw;
padding-bottom:2vw;
font-size:1.2vw;
line-height:2em;
}
/*-end Guideline-*/

/*-start Components-*/
.components{
	display: flex;



padding-top:5vw;
	padding-bottom:2.5vw ;


	flex-direction: column;


	
}
.components figure{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 27vw;
	width: 27vw;
}
.components figcaption{
	display: flex;
	
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
	
	
	
	
}

.components-container{
color: white;
	display: flex;
	justify-content: center;
	justify-content: space-evenly;
	
	
}

.components h2{
	color: white;
		display: flex;
text-align:right;
font-size:1.6vw;
	margin-right: 6vw;
	margin-bottom:0.5vw;

	
}
.components h4{color: white;
	display: flex;
	margin-bottom:2vw;font-size:1vw;margin-right: 6vw;
}
.components img{
		display: flex;
width:100%;
height:70%;

}
.components h3{
		display: flex;
	margin-bottom: 1vw;
	margin-top: 1vw;
	font-size:1.2vw;
}
.components p{display: flex;
font-size:1.1vw;
	text-align: justify;
	
}
/*-end Components-*/
/*-start tips-*/


.tips{
	background-color:#090909;
color:white;
	padding-top: 4vw;
	padding-bottom: 5vw;
	display: flex;
	flex-direction:column;
	justify-content:center;



}
.tips h2{
	display: flex;
	justify-content: center;
	font-size: 1.9vw;
	color: black;
	
	
}
.tips p{
	display:flex;
	margin-top: 1vw;
	margin-bottom: 2vw;
	font-size: 1.6vw;
	justify-content: center;
	color: black;
	
}
.tips div{
	display:flex;
	width: 100%;
	justify-content: space-evenly;
	
}
.tips section{
	background-color:#E8E8E8;
	flex-direction: column;
	justify-content: flex-start;

	width: 23%;
	height: 21vw;
	display:flex;

	align-items: center;
	font-size: 1.2vw;
	color: white;
	line-height: 1.7em;
	
	
}
.tips section p{

	display:flex;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding-right: 1.3vw;
	padding-left: 1.3vw;
color: white;
	justify-content: center;
		font-size: 1.2vw;
	line-height: 1.7em;
	
}
.tips span{
	display: flex;
	margin-left: auto;
	width: 2.6vw;
	height: 2.6vw;
	background-color:#7C0002;
	color: white;
	font-size: 1.5vw;
	justify-content: center;
	align-items: center;
}
.tips h3{
	display:flex;
	margin-top: 1vw;
	margin-bottom: 1vw;
	font-weight: bold;
font-size: 1.3vw;
	width: 100%;
	justify-content: center;
	
}




/*-end tips*-/
/*-start posts-*/
.posts{
	display: flex;
	padding-top: 3vw;
	padding-bottom: 4vw;
	
	
text-align-last:center;
	flex-direction: column;


}
.frontpost-container{
width:100%;
	display: flex;
    justify-content:space-around;
	height: 23vw;

}

.posts figure{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	display: flex;
margin-top:2vw;
	align-items: center;


	
}
.posts figure a{
	
	width: 100%;
}
.posts figcaption{
	margin-top: 2vw;
	
}
.posts h2{

	font-size:1.7vw;
	width:100%;
	font-weight:500;
}
.frontpost-container div{
	width: 22%;
	flex-direction: column;
	justify-content: space-around;
	display: flex;
margin-top:2vw;
	align-items: center;


	
}
.posts h3{
	font-size:1.2vw;
	font-weight:500;
	text-align:center;

	margin-bottom:0.5vw;
	padding:0vw;
	padding: 0.3vw 4vw 0.3vw 4vw;	
	text-align:justify;
	line-height: 2em;
}
.posts img{
	display: flex;
	width:100%;
	height:16vw;	
	transition: 0.3s;

}
.posts img:hover{
	
	
	opacity: 0.4;
	transition: 0.3s;
}
.posts a{
	text-align: center;

font-size:1.2vw;
transition:0.3s;   
width:16vw;
white-space: nowrap;
   overflow: hidden;
    text-overflow: ellipsis;
}
.posts a:hover{
color:#b20000;
	transition:0.3s;
}

.post-container{
display:inline-block;
width:64%;


	
}
.post-container p{
	
	font-size: 1.1vw;
	line-height: 2em;
}
.post-image{
	display: inline-block;
	width: 34%;
	min-height: 17vw;
	float: left;
	
	
}
/*-end posts-*/



/*start pagination*/
.pagination{
box-sizing:border-box;
font-size:1vw;
direction:rtl;
text-align:center;



padding-top:0.5vw;
padding-bottom:0.5vw;
}
.pagination nav{
padding:0vw;
margin:0vw;

}
.pagination h2{
display:none;
}
.current{
color:white;
background-color:black!important;
}
.prev page-numbers{
margin:0.1vw;

}
.page-numbers{
margin:0.4vw;
transition:0.2s;

padding-left:0.9vw;
padding-right:0.9vw;

}
.page-numbers:hover{
	background-color:#000000;
	color:white;
	transition:0.2s;
}
.nav-links{
font-size: 1.2vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.nav-links span{
	
	font-size: 1.2vw;
}
.nextholder{
	display:none;
}
.prevholder{
	display:none;
}
.next,.prev{
	display:none;
}


/*-end pagination-*/
/*-start trainings-*/

.trainings-div{
	padding: 1vw 0vw 1vw 0vw;

	display: flex;
	align-items: center;
	
	justify-content: center;
	flex-direction: column;


}

.trainings-h2{

display: flex;
	flex-direction: column;
	text-align:center;

color: white;
	font-size:1.6vw;
	font-weight:500;
}
.trainings-h2:after{
	display: flex;
	    content: '';
    display: block;
    width:12vw;
    height: 0.1vw;
    background-color:#ACACAC;

}

.trainings-h3{
	box-sizing: content-box;
	padding-top: 2vw;
	
	display: flex;
	width: 90%;
	align-items: center;
	justify-content: center;
color:#ACACAC;

font-size:1.1vw;
font-weight:normal;
}
.trainings{
display: flex;
    justify-content:space-around;
	width: 100%;

}

.trainings figure{
	display: flex;
	width: 24%;
height:25vw;	
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;


}
.trainings a{
	width: 100%;
	display: flex;
	
	
}
.trainings figcaption{
	display: flex;
	width: 100%;
	justify-content: center;
	
	
}

.trainings div:hover{
	color:#970000;
	transition:0.2s;
}
.trainings h2{
	display: flex;
	font-size:1.3vw;
	font-weight:500;



}

.imgdiv{
	display: flex;
	border-radius: 0.8vh;
background-image:url('images/pficon.png');
background-color:rgba(30, 30, 30, 0.89);
background-position:center;
	background-size: 26vw;
	background-repeat: no-repeat;

	padding:0vw;
	width:100%;
	height:16vw;
	margin:0vw;
	border:0vw;


	
	
	}

.trainingsimg{
	display: flex;
	width:100%;	
	height:16vw;
	border-radius:0.45vw;
	padding:0vw;
	transition:0.3s;
	opacity:1;
	background-size: cover;

}

.trainings img:hover{
	cursor: pointer;
	opacity:0.2;
	transition:0.3s;    
	-webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;


}

.trainings a{



	display: flex;
border:0vw;


}
.trainings h4{
	display: flex;
	font-size: 1vw;
	color:white;
	
	
	
}
.trainings h4:hover{
	
cursor: pointer;	
	transition:0.2s;   
	color: #970000;
	
}



/*-end trainings-*/

/*-start specific content-*/
.specific{
	padding-bottom: 3vw;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	

	
	
}
.specific-header{
	color: white;
	justify-content: center;
	padding: 5vw 0vw 5vw 0vw;
	background-color: #090909;
	display: flex;	
	justify-content:space-around;

}
.specific-header section{
	display: flex;

	justify-content: space-evenly;
	flex-direction: column;
	margin-top: 2vw;
	margin-bottom: 2vw;
	
	
}
.specific-header h1{
		display: flex;
	
	

	font-size: 1.8vw;
	
}
.specific-header span{
	display: flex;
	font-size: 1.1vw;
	
	
}
.specific-header a{
	display: flex;
	justify-content: center;
  align-items: center;
	background-color:#e8e8e8;
	color:black;
	width: 9vw;
	font-size: 1.2vw;
	height: 2.5vw;
	margin-top: 3.5vw;
	transition: 0.3s;
	
}
.specific-header a:hover{
	background-color:#970000;
	color:white;
	transition: 0.3s;
}
.specific-header img{
	display: flex;
	width: 30vw;
	height: 19vw;



	
	
}

.specific-header h2{
		display: flex;
	padding-right: 2vw;
		margin-top: 2vw;
	margin-bottom: 2vw;
	font-size: 1.5vw;
	
}


.specific-article{
	width: 75%;
	margin:0 auto;
	margin-top: 2vw;
	
}
.specific-article h2{
	padding-bottom: 2vw;
}
.specific-article p {
	padding-bottom: 2vw;
	
}

/*-end specific content-*/

/*-start footer-*/


footer{
	clear: both;
	width: 100%;
display: flex;
    justify-content: center;
    padding-top:1.5vw;
    padding-bottom:1.5vw;	
	background: rgb(65,65,65);
background: linear-gradient(90deg, rgba(65,65,65,1) 0%, rgba(54,54,54,1) 8%, rgba(42,42,42,1) 20%, rgba(33,33,33,1) 37%, rgba(22,22,22,1) 100%);
	
	
	color: white;
	flex-direction: column;
}
.footer-container{
	display: flex;
    justify-content: center;
}
.footerlist{
display: flex;

	height:16vw;
	width:28vw;
	margin:2vw;
	align-items: center;
	flex-direction: column;

}
.footerdiv{
display: flex;
	
	height:16vw;
	width:28vw;
	margin:2vw;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
	padding-bottom: 1vw;

}
.footerlist div{
	width: 100%;
	height: 80%;
display: flex;
	align-items: center;
	list-style:none;
	padding:0vw;
	margin:0vw;

	flex-direction: column;
	justify-content: space-evenly;
}

.footerlist h3{

display: flex;
		margin:0vw;
	padding:0vw;
	width: 100%;
	height: 20%;
	font-size: 1.2vw;

}
.footerlist ul{
	width: 100%;
	height: 100%;
display: flex;
	list-style:none;
	padding:0vw;
	margin:0vw;

	flex-direction: column;
	justify-content: space-evenly;
}
.footerlist li{
display: flex;
	padding:0vw 1vw 0vw 0vw;
	margin:0vw;
	font-size: 1vw;

}
.footerlist a{
	transition: 0.2s;
	
	
}
.footerlist a:hover{
	color: #970000;
	transition: 0.2s;
	
	
	
}
.footerlogo{
	
	padding-left:7%;
	padding-right:7%;
	display: flex;
	height: 3vw;
}
.footerdiv img{
	transition: 0.3s;
	
	
}
.footerdiv img:hover{
	transition: 0.3s;
opacity: 0.5;
}
.contactbar{
	width: 40%;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.contactbar img{
	width: 1.6vw;
	display: flex;
	
	
}
.footerdiv p{
display: flex;
	text-align: justify;
	font-size: 1vw;
	
	width:76%;
	padding:0.2vw;
	
	
}
.footerdiv a{
	display: flex;
	justify-content: center;
}
footer h4{
	display: flex;transition: 0.2s;
	width: 100%;
	justify-content: center;
	font-size: 1.1vw;
	padding-top: 1vw;
	
}
footer h4:hover{
	
	color: #970000;
	transition: 0.2s;
	
}
/*-end footer-*/