﻿@media only screen and (max-width: 760px) {
	
	
	

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;
	font-family:"B Yekan";
	padding:0vw;
margin:0vw;
}
p,ul,ol,span,label,button,caption,article,form{
	font-size:2vw;
}

	
/*-start nav-*/
.navbar{
height:9vw;
width:100%;
}

.navlogo{
	width:22vw;
	height:5vw;


	}
.navbar div{


	width:70%;
}
nav li{

font-size:2.6vw;

width:15vw;
height:6vw;
}
/*-end nav-*/

/*-start headercontainer-*/

.headercontainer{

	height:56vw;background-image:url('images/mmafighterwm.jpg');
}

.headercontainer span{
	width:40vw;
	height:5vw;
	font-size:3.4vw;
	top:14vw;
	right:4vw;

	}
.headercontainer p{
	margin-right:4vw;
margin-top:30vw;
	width:60vw;

	font-size:2vw;
}
/*-end header-*/
/*-start Guideline-*/
.guideline{
height:240vw;

	
}
.guideline img{
	height:58vw;
	width:42vw;
	margin-left:3vw;
	margin-right:3vw;
	margin-bottom:0vw;
	margin-top:5vw;
	}

.guideline h2{
margin-right:4vw;
font-size:4vw;
width:60vw;
	
}
.guideline p{
margin-right:4vw;
padding:2vw;
margin-top:2vw;
margin-bottom:2vw;
font-size:3.2vw;
line-height:2em;
}

/*-end Guideline-*/
/*-start Components-*/
.components{

padding-top:3.5vw;
	padding-bottom: 5vw;
	flex-direction: column;
	justify-content: space-evenly;
}
	.components-container{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	justify-content: space-evenly;
		align-items: center;
}
.components figure{
	
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 80vw;
	width: 80%;
margin-bottom: 5vw;
	margin-top: 5vw;
}
.components figcaption{
	display: flex;
	height: 30%;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;

}
.components h2{
		display: flex;
text-align:right;
font-size:4vw;
	margin-right: 6vw;
	margin-bottom:2vw;

	
}
.components h4{
	display: flex;
	margin-bottom:2vw;font-size:3vw;margin-right: 6vw;
}
.components img{
		display: flex;
width:100%;
height:70%;

}
.components h3{
		display: flex;
	font-size:3.4vw;
}
.components p{
	display: flex;
font-size:3vw;
	text-align: justify;
	
}
/*-end Components-*/
	
/*-start posts-*/
.posts{

	flex-direction: column;
}
.frontpost-container{
width:100%;
	display: flex;
	flex-direction: column;
    justify-content:space-around;
	height: auto;
	padding-top: 2vw;
	padding-bottom: 2vw;
	align-items: center;
}
.posts figure{
	width: 100%;
	display: flex;
}
.posts h2{
	font-size:4.2vw;
	width:100%;
	font-weight:500;
}
.frontpost-container div{
	width: 65%;
	height: 72vw;    
	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;
}
.posts img{
	display: flex;
	width:100%;
	height:44vw;
}
.posts a{
font-size:3.5vw;
  width:100%;
	margin-top: 2vw;
}
.post-container{
	width: 90%;


}
	.frontpost-container figcaption{
		
		margin-top: 6vw;
		
	}
	.time{
		margin-top: 2vw;
		float: right;
		
		
	}
/*-end posts-*/
/*-start tips-*/


.tips{

	padding-top: 4vw;
	padding-bottom: 5vw;
	display: flex;
	flex-direction:column;
	justify-content:center;



}
.tips h2{
	display: flex;
	justify-content: center;
	font-size: 4vw;
	
	
}
.tips p{
	display:flex;
	margin-top: 2vw;
	margin-bottom: 3.5vw;
	font-size: 3vw;
	justify-content: center;
	
	
}
.tips div{
	display:flex;
	width: 100%;
	justify-content: space-evenly;
	flex-wrap: wrap;
	
}
.tips section{
	margin-bottom: 3vw;
	text-align: justify;
	margin-top: 3vw;
	flex-direction: column;
	justify-content: flex-start;

	width: 59%;
	height: 50vw;
	display:flex;

	align-items: center;


	line-height: 1.8em;
	
	
}
.tips section p{
	width: 100%;
display:flex;
	margin-top: 0vw;
	margin-bottom: 0vw;
	padding-right: 4.3vw;
	padding-left: 4.3vw;

	justify-content: center;
		font-size: 3.2vw;

	line-height: 1.8em;
	
}
.tips span{
	display: flex;
	margin-left: auto;
	width: 6vw;
	height: 6vw;
	background-color:#7C0002;
	color: white;
	font-size: 4vw;
	justify-content: center;
	align-items: center;
}
.tips h3{
	display:flex;
	margin-top: 2.6vw;
	margin-bottom: 2.6vw;
	font-weight: bold;
font-size: 3.2vw;
	width: 100%;
	justify-content: center;
	
}




/*-end tips*-/
/*-start trainings-*/

.trainings-div{
	padding: 6vw 0vw 6vw 0vw;
}
.trainings-h2{
	font-size:4vw;
	font-weight:500;
}
.trainings-h2:after{
    height: 0.2vw;
}
.trainings-h3{
	padding-top: 2vw;
	height: 15vw;
	display: flex;
	width: 90%;
	justify-content: center;
	flex-wrap: wrap;
font-size:3vw;
	align-content: center;
	text-align: center;
	margin-top: 1vw;

}

.trainings{
display: flex;
    justify-content:space-evenly;
	flex-direction: column;
	width: 100%;
	padding: 1vw 0vw 1vw 0vw;
	align-items: center;
}
.trainings figure{
	display: flex;
	margin-top: 4vw;
	margin-bottom: 4vw;
	width: 60%;
height:47vw;	
	flex-direction: column;
justify-content: space-between;
	align-items: center;
}
.trainings figcaption{
	display: flex;
	width: 100%;	
}
.trainings div:hover{
	color:#970000;
	transition:0.2s;
}
.trainings h2{
	display: flex;
	font-size:1.3vw;
	font-weight:500;
}
.imgdiv{
	height:38vw;
	background-size: 70vw;
	}
.trainings img{
	height:38vw;
}
.trainings a{
	width: 100%;
	display: flex;
border:0vw;
}
.trainings h4{
	display: flex;
	width: 100%;
	font-size: 2.8vw;
	justify-content: center;
}
.trainings h4:hover{
cursor: pointer;	
	transition:0.2s;   
	color: #970000;
}
/*-end trainings-*/

	
	
	
/*-start Sidebar-*/
.left-sidebar{

width:100%;
	justify-content: space-evenly;
	display: flex;
	
float:none;
margin:4vw 0vw 0vw 0vw;
padding:0vw 1vw 1vw 1vw;
}
.left-sidebar section{
	width: 25%;
}
.left-sidebar h4{
margin-bottom:4vw;
font-size:3.0vw;



}
.left-sidebar ul{
padding-right:0.2vw;
list-style:none;
margin-bottom:1vw;
	
}
.left-sidebar li{
margin:1vw 0vw 1vw 0vw;


}
.left-sidebar a{
	font-size: 2.4vw;
	
	white-space: nowrap;
   overflow: hidden;
	text-overflow: ellipsis;

	width: 35vw;
	

}
.left-sidebar a:hover{
color:#970000;
transition:0.3s;

}

/*-end Sidebar-*/
	
/*-start Single-*/
.main{
	display: flex;
	flex-direction: column;
	justify-content: center;
width:90%;
margin-top:2vw;
margin-right:4vw;
	align-items: center;

}
.post-title{
	
text-align:center;
font-size:4.6vw;
	
}
.post-title a{
color:inherit;
	transition:0.2s;

}
.post-title a:hover{
color:#970000;
transition:0.2s;
}
.tags{
	

}
.post-article{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
width:88vw;
	min-height: 30vw;
padding:4vw;
line-height:1.8em;

	
}
.post-article p{
	width: 100%;
		margin-bottom:1vw;
	margin-top:1vw;
	font-size: 2.8vw;

}
.post-article img{
	min-height: 28vw;
	height: 40vw;
	width: 70%;
	margin-bottom:7vw;
	margin-top:1vw;
}
.time{

	font-size: 3vw;
	padding-bottom: 1vw;
	padding-top: 1vw;

}
/*-end Single-*/
/*start specific-content*/
	.specific-header section{
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	margin-top: 2vw;
	margin-bottom: 2vw;
	width: 50%;
	
	
}
.specific-header h1{
		display: flex;
	
	

	font-size: 2.5vw;
	
}
.specific-header span{
	display: flex;
	font-size: 1.8vw;
	
	
}
.specific-header a{
	display: flex;
	justify-content: center;
  align-items: center;
	background-color:#e8e8e8;
	color:black;
	width: 15vw;
	font-size: 2vw;
	height: 4.5vw;
	margin-top: 3.5vw;
	transition: 0.3s;
	
}

.specific-header img{
	display: flex;
	width: 40vw;
	height: 29vw;



	
	
}

.specific-header h2{
		display: flex;
	padding-right: 2vw;
		margin-top: 2vw;
	margin-bottom: 2vw;
	font-size: 1.5vw;
	
}

	
/*end specific-content*/
/*start pagination*/
.pagination{

font-size:1vw;
padding-top:3vw;
padding-bottom:3vw;
}
.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:1.9vw;
padding-right:1.9vw;

}
.page-numbers:hover{
	background-color:#000000;
	color:white;
	transition:0.2s;
}
.nav-links{
font-size: 3.1vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
}
.nav-links span{
	
	font-size:3.1vw;
}
.nextholder{
	display:none;
}
.prevholder{
	display:none;
}
.next,.prev{
	display:none;
}


/*-end pagination-*/
	/*-start comments-*/


.commentlist{

	padding:1.5vw 1vw 1.5vw 1vw;
}
.comment-reply-link{

	transition:0.2s;
	margin-top:0.6vw;
	margin-bottom:0.6vw;

}
	
	.commentsx form{
	margin-top: 2vw;
	
	
}
	
	
.comment-reply-link:hover{
	color:#800000;
	transition:0.2s;
}
.comment-meta{
	margin-top:1vw;
	margin-bottom:1.5vw;

}

	.comment-body p{
	margin-top:2vw;
	margin-bottom:2vw;
	font-size: 2.4vw;


}
.comment-body a{
	font-size: 2.4vw;
	
	
}
.comment-author{
	margin-top:1vw;
	margin-bottom:1vw;
	height:6vw;
	color:#CC0000;
	font-weight:bold;

}
.comment-author img{
	width:6vw;
	height:6vw;
	margin-left:0.6vw;
}
.commentlist li{

}
.comment-awaiting-moderation{
color:#FFCC00;

}


.commentsx{
	margin-bottom:2vw;
	font-size:2.5vw;
	border-top:0.1vw black solid;
	padding-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:2.8vw;	display: none;
overflow: hidden;
width:16vw;
height:2vw;
text-overflow: ellipsis;white-space: nowrap;
}

#comment{

	width:54vw;height:26vw;
padding:1vw;
font-size:2.5vw;
	
 margin-right:0.5vw;
	text-align:justify;
	resize:none;
	outline:black solid 0.2vw;
	border:0.2vw black solid;
}

#author{
	width:54vw;
padding:0.5vw;
font-size:2.5vw;
	

	text-align:justify;

	height:6vw;
}
#email{
	width:54vw;
padding:1vw;
font-size:2.5vw;
	

	text-align:justify;

	height:6vw;
}
#url{
	width:54vw;
padding:0.5vw;
font-size:2.5vw;
	

	text-align:justify;

	height:6vw;
}
#submit{
margin-top:1vw;
	width:24vw;
	height:6vw;
	padding:1vw 0vw 1vw 0vw;
	font-size:2.2vw;

}

#wp-comment-cookies-consent[type=checkbox]{
display:inline-block;
background-color:white;
border:0.2vh black solid;
 accent-color:#CC0000;
 margin-left:0.5vw;
 margin-right:0.5vw;

	margin-top:2vw;
	width:4vw;
	height:4vw;
	border-radius:50%;
}
	
.comment-form-email label{
	display:block;
	clear:both;
	font-size:2.5vw;
	margin:1vw 0vw 1vw 0vw;
}
.comment-form-comment label{
		display:block;
	clear:both;
	font-size:1.4vw;
	margin:1vw 0vw 1vw 0vw;

}
.comment-form-author label{
		display:block;
	clear:both;
	font-size:2.5vw;
	margin:1vw 0vw 1vw 0vw;

}
.comment-form-url label{
			display:block;
	clear:both;
	font-size:2.5vw;
	margin:1vw 0vw 1vw 0vw;

}
.comment-form-cookies-consent{
	display:block;
		font-size:2.5vw;
	margin:1vw 0vw 1vw 0vw;

}
/*-end comments-*/
/*-start footer-*/


footer{
	clear: both;
	width: 100%;
display: flex;
    justify-content: center;
    padding-top:1.5vw;
    padding-bottom:1.5vw;
	flex-direction: column;
}
.footer-container{
	display: flex;
    justify-content: center;
	align-items: center;
	flex-direction: column;
}
.footerlist{
display: flex;

	height:40vw;
	width:80%;
	margin:2vw;
	align-items: center;
	flex-direction: column;

}
.footerdiv{
display: flex;
		height:40vw;
	width:80%;
	
	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%;
	justify-content: center;
	font-size: 3.8vw;
}
.footerlist ul{
	width: 100%;
	height: 100%;
display: flex;
	list-style:none;
	padding:0vw;
	margin:0vw;
	align-items: center;
	flex-direction: column;
	justify-content: space-evenly;
}
.footerlist li{
display: flex;
	padding:0vw 1vw 0vw 0vw;
	margin:0vw;
	font-size: 2.5vw;
}
.footerlist a{
	transition: 0.2s;
}
.footerlist a:hover{
	color: #970000;
	transition: 0.2s;
}
.footerlogo{
	width:74%;
	padding-left:7%;
	padding-right:7%;
	display: flex;
	height: auto;
}
.footerdiv img{
	transition: 0.2s;
}
.footerdiv img:hover{
	transition: 0.2s;
opacity: 0.7;
}
.contactbar{
	width: 40%;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.contactbar img{
	width: 4vw;
	display: flex;
}
.footerdiv p{
display: flex;
	text-align: justify;
	font-size: 2.5vw;
	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: 2.5vw;
	padding-top: 1vw;
	
}
footer h4:hover{
	
	color: #970000;
	transition: 0.2s;
	
}
/*-end footer-*/



	
	
	
	
	
	
	
	
	
	
}