@charset "utf-8";



.home
{
	width: 100%;
	height: 371px;
}
.home_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #7800ff;
	background-image: linear-gradient(to right, rgba(120,0,255,0.34), rgb(25, 10, 73));
	background: #7800ff;
	background: linear-gradient(to right, rgba(120,0,255,0.34), rgb(25, 10, 73));
}
.home_container
{
	height: 100%;
	padding-top: 162px;
}
.home_title h1
{
	font-size: 60px;
	font-weight: 700;
	color: #ffffff;
        font-family: Vazir;
}

/*********************************
6. Blog
*********************************/

.blog
{
	background: #ffffff;
	padding-top: 100px;
	padding-bottom: 100px;
}
.blog_posts
{

}
.blog_post
{
	width: calc((100% - 30px) / 2);
	margin-bottom: 89px;
        background-color:   rgba(249,249,242,0.34);
}
.blog_post_image a
{
	display: block;
}
.blog_post_date
{
	position: absolute;
	top: -32px;
	left: 13px;
	width: 74px;
	height: 99px;
	background: #190a49;
}
.blog_post_date a
{
	display: block;
	position: relative;
	height: 100%;
}
.blog_post_date a > span
{
	width: 100%;
	height: 100%;
}
.blog_post_date a > span > span:first-child
{
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	line-height: 0.75;
        font-family: Vazir;
}
.blog_post_date a > span > span:not(:first-child)
{
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	line-height: 0.75;
        font-family: Vazir;
}
.blog_post_date a > span > span:nth-child(2)
{
	margin-top: 9px;
}
.blog_post_date a > span > span:nth-child(3)
{
	margin-top: 8px;
}
.author_image
{
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.blog_post_title
{
	margin-top: 34px;
        margin-left: 10px;
}
.blog_post_title h3 a
{
	color: #2c2c2c;
	text-transform: none;
	letter-spacing: 0px;
        font-family: Vazir;
}
.blog_post_title h3 a:hover
{
	color: #ff0e3b;
}
.blog_post_info
{
	margin-top: 36px;
}
.author_name
{
	padding-left: 11px;
	font-size: 14px;
	color: #909090;
	font-weight: 700;
        font-family: Vazir;
}
.author_name a
{
	font-size: 14px;
	color: #2c2c2c;
	margin-left: 3px;
        font-family: Vazir;
}
.author_name a:hover
{
	color: #ff0e3b;
}
.blog_post_text
{
	margin-top: 13px;
}
.blog_post_button
{
	
        margin-right: 70px;
	background: #f2f2f9;
	border: none;
        width: 140px;
        height: 55px;
}
.blog_post_button:hover
{
	background: #ff0e3b;
}
.blog_post_button a
{
	color: #2c2c2c;
}
.blog_post_button a:hover
{
	color: #ffffff;
}
.blog_post_button::after,
.blog_post_button::before
{
	display: none;
}
.page_nav
{
	margin-top: 11px;
}
.page_nav ul li:not(:last-of-type)
{
	margin-right: 14px;
}
.page_nav ul li.active
{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #ff0e3b;
	text-align: center;
}
.page_nav ul li.active a
{
	line-height: 44px;
	color: #ffffff;
}
.page_nav ul li a
{
	font-size: 16px;
	font-weight: 300;
	color: #2c2c2c;
        font-family: Vazir;
}
.page_nav ul li:not(.active) a:hover
{
	color: #ff0e3b;
}

/*********************************
7. Sidebar
*********************************/

.sidebar
{
	
}
.sidebar_title
{
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	color: #2c2c2c;
	line-height: 1.2;
	padding-bottom: 11px;
        font-family: Vazir;
}
.sidebar_title::after
{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ff0e3b;
	content: '';
}
.sidebar_search
{
	margin-top: -6px;
}
.sidebar_search_form
{
	display: block;
	position: relative;
	width: 100%;
	margin-top: 50px;
}
.sidebar_search_input
{
	width: 100%;
	height: 62px;
	background: #f2f2f9;
	border: none;
	outline: none;
	padding-left: 34px;
	font-size: 16px;
	font-weight: 700;
        font-family: Vazir;
}
.sidebar_search_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #2c2c2c !important;
        font-family: Vazir;
}
.sidebar_search_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #2c2c2c !important;
        font-family: Vazir;
}
.sidebar_search_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #2c2c2c !important;
        font-family: Vazir;
} 
.sidebar_search_input:-ms-input-placeholder
{ 
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #2c2c2c !important;
        font-family: Vazir;
}
.sidebar_search_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	font-style: italic;
	color: #2c2c2c !important;
        font-family: Vazir;
}
.sidebar_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 61px;
	height: 100%;
	border: none;
	outline: none;
	background: #ff0e3b;
	cursor: pointer;
}
.categories
{
	margin-top: 78px;
}
.sidebar_list
{
	margin-top: 44px;
}
.sidebar_list ul li:not(:last-of-type)
{
	margin-bottom: 15px;
}
.sidebar_list ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #909090;
        font-family: Vazir;
}
.sidebar_list ul li a:hover
{
	color: #ff0e3b;
}
.archives
{
	margin-top: 76px;
}
.promo
{
	margin-top: 72px;
}
.promo_content
{
	width: 100%;
	height: 463px;
	margin-top: 50px;
}
.promo_content a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.promo_box
{
	position: absolute;
	bottom: 24px;
	left: 24px;
	width: calc(100% - 49px);
	height: 135px;
	background: #ff0e3b;
	padding-top: 33px;
	padding-left: 27px;
}
.promo_box span
{
	display: block;
}
.promo_box > span > span:first-of-type
{
	font-size: 72px;
	font-weight: 700;
	color: #ffffff;
	line-height: 0.75;
        font-family: Vazir;
}
.promo_box > span > span:last-of-type
{
	padding-left: 17px;
}
.promo_box > span > span:last-of-type > span
{
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 0.75;
        font-family: Vazir;

}
.promo_box > span > span:last-of-type > span:not(:last-of-type)
{
	margin-bottom: 18px;
}
.promo_text
{
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	color: #ffffff;
	margin-top: 12px;
        font-family: Vazir;
}