/* ========== START HERE ========== */

@charset "UTF-8";

@font-face {
	font-family: 'Kufi';
	font-style: normal;
	font-weight: normal;

	src: url('../fonts/arabic-fonts/DroidKufi.eot');
	src: url('../fonts/arabic-fonts/DroidKufi.eot?') format('embedded-opentype'),
	url('../fonts/arabic-fonts/DroidKufi.woff') format('woff'),
	url('../fonts/arabic-fonts/DroidKufi.ttf') format('truetype');
	src: local('Kufi'), url('../fonts/arabic-fonts/DroidKufi.woff') format('woff');}	

@font-face {
	font-family: 'Naskh';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/arabic-fonts/DroidNaskh.eot');
	src: url('../fonts/arabic-fonts/DroidNaskh.eot?') format('embedded-opentype'),
	url('../fonts/arabic-fonts/DroidNaskh.woff') format('woff'),
	url('../fonts/arabic-fonts/DroidNaskh.ttf') format('truetype');
	src: local('Naskh'), url('../fonts/arabic-fonts/DroidNaskh.woff') format('woff');}
	
/* --- Global --- */

.rtl-dir {
	direction: rtl !important;
    text-align: right !important;
	}

.right-align {
    text-align: right !important;
	}
	
.right-float {
	float: right !important;
	}

.left-float {
	float: left !important;
	}

.centered 	{
	text-align: center !important;
	}

body {
	font-family: 'Naskh', sans-serif;	
	background: #faf3df;
	background-image: url(../images/body-bg3.jpg);
}

.site_container {
    background: #fffbef;
}

@media screen and (min-width: 1069px) {
	.site_container {
    width: 1070px;
    margin: 0 auto;
	}
}

input, textarea {
	font-family: 'Naskh', sans-serif;	
}

.comment_form input, .comment_form textarea, .contact_form input, .contact_form textarea {
    padding: 5px 20px;
}

.comment_form .text_input:focus, .contact_form .text_input:focus {
    padding: 4px 20px 5px 20px;
}

.comment_form textarea:focus, .contact_form textarea:focus {
    padding: 3px 20px 5px 20px;
}

.more, .more[type="submit"] {
    font-family: 'kufi';
    font-size: 14px;
	padding: 5px 25px;
}

.more.highlight, .more.active:hover {
     padding: 4px 25px;
}

.page_margin_top {
    margin-top: 15px;
}

.column_1_2 .blog.small .post {
    width: 510px;
}

.column_1_2 .blog.small .post_content {
    width: 390px;
}

.column_2_3 .column_1_2 .blog.small .post_content, .column_1_3 .blog.small .post_content {
    width: 210px;
}

@media screen and (max-width: 1069px) {
	.header_top_bar_container, .news_bar, .style_2.menu_container {
		width: 750px !important;
	}
.column_1_2 .blog.small .post {
    width: 360px;
}	
	.column_1_2 .blog.small .post_content {
    width: 240px;
}
.column_2_3 .column_1_2 .blog.small .post_content, .column_1_3 .blog.small .post_content {
    width: 120px;
}
}

@media screen and (max-width: 767px) {
	.header_top_bar_container, .news_bar, .style_2.menu_container {
		width: 462px !important;
	}
.column_1_2 .blog.small .post {
    width: 460px;
}
	.column_1_2 .blog.small .post_content {
    width: 340px;
}
.column_2_3 .column_1_2 .blog.small .post_content, .column_1_3 .blog.small .post_content {
    width: 340px;
}
}

@media screen and (max-width: 479px){
	.header_top_bar_container, .news_bar, .style_2.menu_container {
    width: 300px !important;
}
.column_1_2 .blog.small .post {
    width: 300px;
}
.column_1_2 .blog.small .post_content {
    width: 180px;
}
.column_1_3 .blog.small .post {
    width: 300px;
}
.column_2_3 .column_1_2 .blog.small .post_content, .column_1_3 .blog.small .post_content {
    width: 180px;
}
}

.column {
    float: right;
    margin-left: unset;
	margin-right: 30px;
}

.column:first-child, .column.first {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
.column {
    margin-left: unset;
	margin-right: 0;
}
}

.scroll_top {
    float: left;
}

.library-area .post {
    margin-top: 15px;
	text-align: justify;
}

.section-link:hover {
	text-decoration-color: #aa7700;
}

.read_more {
    float: right;
	padding-right: unset;
    padding-left: 12px;
}

.read_more .arrow {
	margin-left: unset;
    margin-right: 0;
    background: #aa7700 url(../images/icons/navigation/call_to_action_arrow_right.png) no-repeat;
    margin-top: 0;
}

.read_more span {
    margin-top: 0px;
    font-size: 15px;
	margin-left: unset;
	margin-right: 35px;
	font-family: 'Kufi', sans-serif;	
}

.read_more:hover .arrow {
	 width: 29px;
	 background: #aa7700 url(../images/icons/navigation/call_to_action_arrow_right.png) no-repeat;
}

.read_more:hover span {
	color: #aa7700;
	text-decoration: underline;
	 text-decoration-color: #aa7700;
	 
}

.text h3 {
	font-family: 'Naskh', sans-serif;	
}

.m-30 {
	margin: 15px 0;
}

.mt-30 {
	margin-top: 15px;
}

.pb-0 {
	padding-bottom: 0;
}
 
.comment_form .text_input:focus, .comment_form textarea:focus, .contact_form .text_input:focus, .contact_form textarea:focus {
    background: #e9e9e9;
    border-bottom: 1px solid #ddd;
}

.style_2 .sf-menu>li {
    height: 45px;
}

/* --- Top Bar --- */

.header_container {
    background-color: #fffbef;
}

.header_top_bar_container {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.header_top_bar {
    height: 35px;
}

.header_top_bar .social_icons{
	float: right;
}

.header_top_bar .social_icons li {
	float: right;
    padding: 2px 5px;
}

.search {
	float: left;
	margin: 0;
	direction: rtl;
	text-align: right;	
	border: none;
}

.search .search_input {
	float: right;
    padding: 4px 15px;	
}

.search .search_submit {
	float: left;
	border-left: 1px solid #464D53;
	border-right: 1px solid #464D53;;
}

.search .search_submit {
    height: 35px;
    padding: 2px 22px;
    background: url(../images/icons/other/dark_bg/header_search.png) 0px -6px no-repeat;
}

.search .search_submit:hover {
    background-position: 0 -51px;
}

/* --- page-header --- */

.header_container {
    padding-bottom: 5px;
}

.header {
    padding-top: 0;
    background: url(../images/header-img.jpg) no-repeat center;
    height: 120px;
    padding: 15px 0;
}

/* --- news_bar --- */

.news_bar {
	width: 1050px;
	margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
	overflow: hidden;
    height: 46px;
	background-color: #363B40;
}

@media screen and (max-width: 768px) {
	.news_bar {
		display: none;
	}
}

.latest_news_scrolling_list_container {
    float: none;
}

.latest_news_scrolling_list_container li {
	padding: 17px 10px;
}

li.category, li.right, li.left, li.posts {
    float: right;
}

.news_bar .category {
	font-family: 'Kufi', sans-serif;	
	font-size: 13px;
	padding-top: 15px;
}

@media screen and (max-width: 1069px) {
	.news_bar {
		width: auto;
	}
	.latest_news_scrolling_list_container li.posts {
    width: auto;
	}
	
}

.latest_news_scrolling_list_container li.left, .latest_news_scrolling_list_container li.right {
    border-left: 1px solid #464D53;
	border-right: none;
}

.latest_news_scrolling_list_container li .timeago {
	color: #e0e0e0;
}

.latest_news_scrolling_list_container .date {
	float: left;
    padding:  17px 10px;
	border-right: 1px solid #464D53;
	direction: rtl;
}

/* --- Main-Menu --- */

.style_2.menu_container {
    width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1069px) {
	.menu_container .sf-menu {
		width: auto;
	}
	.sf-menu li a, .sf-menu li a:visited {
    padding: 11px 0 13px 10px;
	}
	.sf-menu li.submenu a {
    border-left: 5px solid transparent !important;
	padding-right: 10px;
	}
}

.sf-menu li {
    float: right;
	padding: 0 10px 0 0;			
}

.sf-menu li.submenu {
    padding-right: 0;
}

.sf-menu li a, .sf-menu li a:visited  {
    font-family: 'Kufi', sans-serif;
	padding: 12px 0 12px 15px;
}
.sf-menu li.submenu a {
    background-position: center left;
	border-left: 10px solid transparent;	
}
.sf-menu li ul {
    width: 210px;
    margin-top: 1px;
    text-align: right;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: unset;
    right: 0;
}
.menu_container .sf-menu li ul li a, .menu_container .sf-menu li.selected ul li a, .menu_container .sf-menu li.submenu ul li a, .menu_container .sf-menu li.submenu:hover ul li a, .menu_container .sf-menu li:hover ul li a {
    font-family: 'Kufi', sans-serif;
}

.box_header {
    border-right: 3px solid #aa7700;
	border-left: none;
    font-family: 'Kufi', sans-serif;
	color: #aa7700;
	padding: 10px 15px;
	background: #faefce;
}

.mobile-menu > li > a {
    text-align: right;
    font-family: "Kufi";
	color: #aa7700;
}
.mobile-menu li ul a {
    padding-right: 40px;
	text-align: right;
    font-family: "Kufi";
	
}

.mobile_menu_container {
    margin-bottom: -10px;
}

.mobile-menu-divider {
    margin-top: 5px;
}

/* --- prayer-list --- */

.hours_area .today {
	text-align: center;
  padding: 17px 0 5px 0;
   font-size: 13px;
}

.hours_area p  {
	  font-size: 13px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
	background-color: transparent;
	color: #999;
}

caption, th, td {
    text-align: center;
	font-size: 16px;
}

.table {
    margin-top: 10px;
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #ddd;
    font-family: 'Naskh';
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fbf5e3;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/* --- Stream-Box --- */

.live-stream {
    margin-bottom: 30px;
}

.strm-btn {
    display: flex;
    justify-content: center;
    height: 50px;
}

.strm-btn div{
	margin: 0 5px ;
}

.strm-btn div a{
	font-family: 'Kufi', sans-serif;
	font-size: 16px;
	margin-top: 0 !important;
	padding: 13px 12px 12px !important;
}
.strm-details {
    display: flex;
    padding: 15px 0;
    justify-content: center;
}
	
.strm-details img {
	width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 0 20px 5px #eee;
    border: solid 5px #fff;
	}

.strm-titles 	{
	display: block;
	text-align: right;
	margin: 25px 5px;
	}
	
.strm-titles h3 {
	font-family: 'Kufi', sans-serif;
	font-size: 16px;
	margin: 0 0 10px 0;
	}
	
.strm-titles h4 {
	font-family: 'Naskh' , sans-serif;
	font-size: 14px;
	margin: 0;
	}

.strm-titles h4 a:hover {
	color: #aa7700;
	}
	
.strm-btn .audio-strm  {
	-webkit-animation: as-pulse 2s infinite;
	-moz-animation:    as-pulse 2s infinite;
	-o-animation:      as-pulse 2s infinite;
	animation:         as-pulse 2s infinite;
  }
 
 @keyframes as-pulse {
 0% { background-color: #fff; color: #aa7700}
 50% { background-color: #aa7700; color: #fff}
 100% { background-color: #fff; color: #aa7700}
}
@-webkit-keyframes as-pulse {
 0% { background-color: #fff; color: #aa7700}
 50% { background-color: #aa7700; color: #fff}
 100% { background-color: #fff; color: #aa7700}
}
@-moz-keyframes as-pulse {
 0% { background-color: #fff; color: #aa7700}
 50% { background-color: #aa7700; color: #fff}
 100% { background-color: #fff; color: #aa7700}
}
@-o-keyframes as-pulse {
 0% { background-color: #fff; color: #aa7700}
 50% { background-color: #aa7700; color: #fff}
 100% { background-color: #fff; color: #aa7700}
}

.strm-btn .video-strm  {
	-webkit-animation: vs-pulse 2s infinite;
	-moz-animation:    vs-pulse 2s infinite;
	-o-animation:      vs-pulse 2s infinite;
	animation:         vs-pulse 2s infinite;
  }
 
 @keyframes vs-pulse {
 0% { background-color: #aa7700; color: #fff}
 50% { background-color: #fff; color: #aa7700}
 100% { background-color: #aa7700; color: #fff}
}
@-webkit-keyframes vs-pulse {
 0% { background-color: #aa7700; color: #fff}
 50% { background-color: #fff; color: #aa7700}
 100% { background-color: #aa7700; color: #fff}
}
@-moz-keyframes vs-pulse {
 0% { background-color: #aa7700; color: #fff}
 50% { background-color: #fff; color: #aa7700}
 100% { background-color: #aa7700; color: #fff}
}
@-o-keyframes vs-pulse {
 0% { background-color: #aa7700; color: #fff}
 50% { background-color: #fff; color: #aa7700}
 100% { background-color: #aa7700; color: #fff}
}

/* --- Slider --- */

.slider_content_box h2, .slider_content_box h5 {
    float: right;
	font-family: 'Kufi', sans-serif;	
}

.slide .post, .post:first-child {
    position: absolute;
}

.slider_content_box p {
	font-family: 'Naskh', sans-serif;	
    text-align: right;
}

.slider_navigation {
    left: 0;
	right: unset;
}

.slider_content_box ul.post_details li {
    font-family: 'Kufi', sans-serif;
}

.post_details li {
    float: right;
}

.slider_posts_list li .date {
    margin-right: 20px;
	margin-left: 0;
}

.post ul.post_details.simple li.date, ul.post_details.simple li.date {
    margin-right: 5px;
}

.column_2_3 .slider_posts_list li {
    text-align: right;
}

.slider_posts_list h5 {
	 font-family: 'Kufi', sans-serif;
}

.slider_posts_list {
    text-align: right !important;
    float: right !important;
    left: auto !important;
    right: 0px !important;
}

.column_2_3 .slider_posts_list li {
    float: right !important;
}

.slider_navigation .slider_control {
    float: right;
}

.slider_navigation .slider_control:first-child a, a.slider_control.left {
    background-image: url(../images/icons/navigation/navigation_arrow_right.png);
}

.slider_navigation .slider_control a, a.slider_control {
    background-image: url(../images/icons/navigation/navigation_arrow_left.png);
}

.slide .post.single .post_details {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.slide .post.single li.detail {
    margin-bottom: 0;
    color: white;
}

.slide .post.single .post_details a {
    color: #e0c992;
}

.slider_content_box .post_details li.category:after {
    display: none
}

@media screen and (max-device-width: 480px) {
    .small_slider .slider_content_box {
    bottom: 160px;
	}
}

/* --- Archives --- */

.tabs_navigation li {
    float: right;
}

.tabs_navigation.small li {
    margin: 0px 0 0px 20px;
}

.tabs_navigation li a {
	font-family: 'Kufi', sans-serif;
}


.post .post_details {
    float: right;
	text-align: right;
}

.post h5 {
    	font-family: 'Kufi', sans-serif;
		text-align: right;
}

.post h4 {
    	font-family: 'Naskh', sans-serif;
		text-align: right;
		margin-top: 10px;
		font-size: 14px;
}

.post.single li.detail {
    background-position: right center;
    padding: 0 20px 0 0;
	margin-right: 0;
    margin-left: 20px;
	margin-bottom: 8px;
}

.vertical_carousel_container .post.single .post_details {
    float: right;
    margin-top: 0;
    padding-top: 3px;
    border-top: none;
}

.horizontal_carousel_container .post.single .post_details {
    margin-top: 15px;
}

.post .post_details .category {
	font-family: 'Kufi', sans-serif;
}

.post .post_details .date {
	font-family: 'Naskh', sans-serif;
}

a.slider_control.right {
    left: 0;
	right: unset;
}

.post .post_details+p {
    clear: both;
    float: right;
    text-align: justify;
    margin: 0;
	padding-top: 5px;
}

.editions-area .horizontal_carousel_container .horizontal_carousel>li {
    width: 240px;
}


.editions-area .horizontal_carousel_container a.slider_control {
    top: 131px;
}

@media screen and (max-width: 1069px) {
	.editions-area .horizontal_carousel_container .horizontal_carousel>li {
    width: 263px;
	}
}


@media screen and (max-width: 479px) {
	.editions-area .horizontal_carousel_container .horizontal_carousel>li {
    width: 300px;
	}
	.editions-area .horizontal_carousel_container a.slider_control {
    top: 175px;
}
}

.top-label {
    top: 5px;
    display: block;
    position: absolute;
    width: auto;
    height: 20px;
    z-index: 1;
    background-color: rgba(66,73,79,0.8);
    background-repeat: no-repeat;
    text-align: center;
	font-family: 'Kufi', sans-serif;
	padding: 10px 5px 5px 5px;
    color: white;
}

a.slider_control.up, a.slider_control.down {
    left: 0px;
}

.announce-p {
    text-align: justify;
	padding: 3px 0;
}

.vertical_carousel .post ul.post_details.simple  {
    margin-top: 10px;
}

.vertical_carousel_container .post h4 {
    	font-family: 'Naskh', sans-serif;
		text-align: right;
		margin: 0px;
		padding: 3px 0;
		font-size: 14px;
}

.blog.small ul.post_details.simple li.date, .column_2_3 .blog.medium .post ul.post_details.simple li.date {
	clear: unset;
    margin-top: 0px;
}

.blog.big .post_content {
    margin-left: unset;
    margin-right: 30px;
}

.column_1_2 .vertical_carousel .post {
   display: flex;
   align-items: center;
}

.column_1_2 .vertical_carousel .post .post_content {
    margin-left: 0 ;
	margin-right: 10px ;
}

.column_1_3 .vertical_carousel .post {
   display: flex;
   align-items: center;
}

.column_1_3 .vertical_carousel .post .post_content {
    margin-left: 0 ;
	margin-right: 10px ;
}

/* --- Footer --- */

.statistics-area {
    margin-top: 10px;
}

.statistics-area li {
    color: #fff;
}
.statistics-area li {
    line-height: 50px;
}

.statistics-area span {
        color: #ababab;
}

.footer {
    padding-bottom: 10px;
}

.footer-about {
    line-height: 26px;
	padding: 25px 0 10px 0;
	text-align: justify;
}

.row.copyright_row {
    padding-top: 15px;
}

.scroll_top {
    font-family: 'Kufi', sans-serif;
	margin-top: 10px;
}

.copyright_row p {
    font-family: 'Naskh', sans-serif;
	line-height: 24px;
	text-align: center;
}

.list > .bullet.style_2 {
    background-image: url(../images/icons/other/footer_arrow.png);
}

.list > .bullet {
    background-position: right center;
    padding-right: 25px;
}

.list li a {
    color: #e0e0e0;
}

.list li a:hover {
    color: #fff;
}

.footer ul.social_icons {
    margin-right: -8px;
}

.social_icons li {
    float: right;
    padding: 0 0 0 5px;
}

@media screen and (max-width: 479px) {
.rtl-m {
    margin-right: 0px !important;
}
.copyright_row .column_1_3 {
    margin-top: 5px;
}
}

/* --- 404 Page --- */

.page_error {
    margin: 100px auto;
	padding: 0;
	text-align: center;
	direction: rtl;
}

.page_error .more {
	padding: 15px 25px !important;
}

.about_subtitle {
    font-family: 'Kufi', sans-serif;
    text-align: center;
	font-size: 42px;
}

.more {
    display: inline-block;
	font-size: 14px;
	font-family: 'Naskh', sans-serif;
	background-color: #f0f0f0;
	color: #232323;
	margin-top: 25px;
}

/* --- Page --- */

.page_margin_top_section {
    margin-top: 30px;
}

.page_header {
    margin-top: 30px;
}

.divider_block .divider {
    float: right;
}

.page_title {
    font-family: 'Kufi', sans-serif;
	font-size: 28px;
}

.bread_crumb {
    margin-top: 10px;
}

.bread_crumb li {
    float: right;
}


/* --- Contact Page --- */

.item_content .features_icon {
    float: right;
	margin-right: 0;
    margin-left: 20px;
}

.contact_form .column {
    margin-left: unset;
    margin-right: 0;
}


/* --- Single Pages --- */

.media_post .post {
	position: relative;
    float: right;
}

.post h1 {
    font-family: 'kufi';
	 font-size: 24px;
	 color: #aa7700;
}

.post_details li {
    font-family: 'kufi';
}

.post.single .content_box {
    margin-right: 0;
}

.post.single .author_box, .post.single .content_box {
    float: left;
	margin-left: 0;
}

.author .details h5 {
    text-align: center;
}

.author h6 {
    font-family: 'Naskh';
}

.post.single blockquote.inside_text {
    font-family: 'Kufi';
}

.share_box label {
    float: right;
    font-family: 'Kufi';
}

.share_box .social_icons {
    float: left;
}

.taxonomies.tags.left {
    float: right;
}

.taxonomies.tags {
    padding-right: 35px;
    background: url(../images/icons/other/post_footer_tags.png) no-repeat right center;
}

.taxonomies a {
    font-family: 'Naskh';
}

.post .content_box p {
    text-align: justify;
	margin: 0 0 20px 0 ;
	padding: 0;
}

.related-posts .horizontal_carousel_container .horizontal_carousel>li {
    width: 210px;
}


.related-posts .horizontal_carousel_container a.slider_control {
    top: 108px;
}

@media screen and (max-width: 1069px) {
	.related-posts .horizontal_carousel_container .horizontal_carousel>li {
    width: 230px;
	}
}


@media screen and (max-width: 479px) {
	.related-posts .horizontal_carousel_container .horizontal_carousel>li {
    width: 300px;
	}
	.related-posts .horizontal_carousel_container a.slider_control {
    top: 175px;
}
}

.comment {
    margin-top: 30px;
}

#comments_list .comment_details {
    float: right;
    width: 100%;
    margin-right: 0;
	margin-left: 0;
}

.posted_by h5 {
    float: right;
	 font-family: 'kufi';
}

.posted_by abbr.timeago {
    float: left;
}

#comments_list .children .comment_details {
    width: 100%;
}

#comments_list .children {
    clear: both;
    float: right;
    margin-right: 30px;
	margin-left: 0;
}

li.category, li.right, li.left, li.posts {
    float: right;
}

.pagination li.right, .pagination li.left {
    float: left;
}

.single_page  .comment_form fieldset.column:first-child .text_input,
.single_page .contact_form fieldset.column:first-child .text_input, 
.single_page .comment_form .text_input, 
.single_page .contact_form .text_input {
    width: 290px;
}

@media screen and (max-width: 1069px)  {
.single_page .comment_form fieldset.column:first-child .text_input,
.single_page .contact_form fieldset.column:first-child .text_input, 
.single_page .comment_form .text_input, .contact_form .text_input {
    width: 190px;
}
}

@media screen and (max-width: 767px)  {
.single_page .comment_form fieldset.column:first-child .text_input,
.single_page .contact_form fieldset.column:first-child .text_input,
.single_page .comment_form .text_input, .contact_form .text_input {
    width: 176px;
}
}

@media screen and (max-width: 479px)  {
.single_page .comment_form fieldset.column:first-child .text_input,
.single_page .contact_form fieldset.column:first-child .text_input,
.single_page .comment_form .text_input,
.single_page .contact_form .text_input {
    width: 260px;
}
.single_page .comment_form fieldset.column {
	margin-top: 10px; 
}
}

@media screen and (max-width: 480px)  {
.single_page .comment_form fieldset.column:first-child .text_input,
.single_page .contact_form fieldset.column:first-child .text_input,
.single_page .comment_form .text_input, .contact_form .text_input {
    width: 260px;
}
.single_page .comment_form fieldset.column {
	margin-top: 10px; 
}
} 

.rating {
	margin-top: 25px; 
}

.odometer-inside {
    direction: ltr;
}

.taxonomies li {
    float: right;
    margin-left: 5px;
	margin-right: 0;
    margin-bottom: 5px;
}

.post-media iframe, .post-media audio {
	width: 100%;
	margin-bottom: 30px;
}

.download-link a i {
    padding-left: 5px;
}

.download-link a {
    padding-left: 10px;
}

.download-link li {
	list-style: none;
}

.download-link li a{
	font-family: 'Kufi', sans-serif;
	color: #aa7700;
}

.photos-gallery {
	margin-bottom: 20px;
}

.photos-gallery a{
	font-family: 'Kufi', sans-serif;
	color: #aa7700;
}

.photos-gallery a i{
	padding-left: 5px;
}

.mfp-counter {
    direction: rtl;
}

.media_post .post.single {
	width: 100%;
}

.author .thumb, .author .number, .author .thumb img {
    width: 100px;
    height: 100px;
}


.post.single .full_width .content_box {
    width: 100%;
}


/* --- Email Model --- */

.email-wrapper {
	direction: rtl;
	margin: 10px auto;
	width: 50%;
	text-align: center;
}

@media only screen and (max-width: 992px) {
	.email-wrapper {
		width: 100%;
	}
}

.email-wrapper a {
	color: #aa7700;
	word-break: break-word;
}

.email-wrapper p  {
	margin: 0 ;
	padding: 10px 5px;
	text-align: justify;
}

.main-section h2 {
	font-family: 'Kufi', sans-serif;
	color: #aa7700;
	text-align: right;
	margin: 0;
}

.main-section ul {
	text-align: right;
	margin: 0;
	padding: 0;
}

.main-section .social-links li {
	list-style: none ;
	display: inline-block;
	text-align: right;
	margin: 0 5px;
}

.main-section .social-links li a {
	color: #fff ;	
}

.social-links .fa-facebook {
	background-color: #3b5998;
    padding: 10px 14px;
    border-radius: 5px;
    text-align: center;
}

.social-links .fa-twitter {
	background-color: #55acee;
    padding: 10px 11px;
    border-radius: 5px;
    text-align: center;
}

.social-links .fa-youtube {
	background-color: #cd201f;
    padding: 10px 11px;
    border-radius: 5px;
    text-align: center;
}

.footer-section {
  border-top: 1px dashed #ddd;
}

.footer-section p  {
	font-size: 12px;
	color: #aaaaaa;
	text-align: center;
}


/* --- About Page --- */
.column + .about_div {
    margin-left: unset;
    margin-right: 0;
}


.about_title {
	font-size: 32px;
	color: #aa7700;
	font-family: 'Kufi', sans-serif;
}

.about_div h3 {
	font-family: 'Naskh', sans-serif;
	text-align: justify;
}

.about_div p {
	text-align: justify;
}

/* --- Single-Media Page --- */

.post_content h2 a {
	font-size: 24px;
	color: #aa7700;
	font-family: 'Kufi', sans-serif;
}

.post_content .post.single .post_details {
    border-top: none;
	margin-top: 10px;
	display: grid;
}

.post_details li ul{
	display: inline-block;
}

.post_content p {
	text-align: justify;
}

.sidebar_div h2 {
	font-size: 20px;
	font-family: 'Kufi', sans-serif;
	padding: 15px 0;
}

select {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #e0e0e0;
    background-color: #f0f0f0;
    cursor: pointer;
     font-family: 'Naskh', sans-serif;
}

.sidebar_div .radio {
    padding: 5px 0;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#000;
    font-family: 'Naskh', sans-serif;
    font-size:14px;
	 cursor: pointer;
}

input[type="radio"] + label .radio_btn {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    background:url(../images/icons/other/radio.png);
}

input[type="radio"]:checked + label .radio_btn {
    background:url(../images/icons/other/radio-checked.png);
}



.sidebar_div .checkbox {
    padding: 5px 0;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    color:#000;
    font-family: 'Naskh', sans-serif;
    font-size:14px;
	 cursor: pointer;
}

input[type="checkbox"] + label .checkbox_btn {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 0 0 4px;
    vertical-align: middle;
    cursor: pointer;
    background:url(../images/icons/other/checkbox.png);
}

input[type="checkbox"]:checked + label .checkbox_btn {
    background:url(../images/icons/other/checkbox-checked.png);
}

.clear_btn {
    color: #FFF;
    background: #464d53;
    border-color: #fffbef00;
	margin-top: 25px;
	display: block;
    font-family: 'Kufi', sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 25px;
    text-align: center;
    cursor: pointer;
}

.clear_btn:hover {
    color: #363b40;
    background: none;
    border-color: #363b40;
}

/* --- Editions Page --- */

.post, .post:first-child {
    position: relative;
}

.post h2 {
    margin-top: 10px;
}

.post_content .post_title {
    text-align: center;
    padding-top: 15px;
}

.edition_type {
	top: 0;
    position: absolute;
   right: 5px;
   left: auto;
}

.edition_type a {
    background-color: #c18806;
    font-family: Kufi;
	display: inline-block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 15px;
}

/* ---  Fatwa Page --- */

.fatwa-presentation p {
    text-align: justify;
	line-height: 32px;
}

.fatwa-form .column_1_2 {
    width: 255px;
}

.fatwa-form .contact_form fieldset.column:first-child .text_input {
    width: 210px;
    margin: 5px 0 5px 5px;
}
.fatwa-form .contact_form fieldset .text_input {
    width: 210px;
    margin: 5px 0 5px 0;
}

.fatwa-form .contact_form textarea {
    width: 465px;
}

@media screen and (max-width: 1069px) {
	.fatwa-form .column_1_2 {
    width: 360px;
}

.fatwa-form .contact_form fieldset.column:first-child .text_input {
    width: 320px;
    margin: 5px 0 5px 5px;
}
.fatwa-form .contact_form fieldset .text_input {
    width: 320px;
    margin: 5px 0 5px 0;
}
.fatwa-form .contact_form textarea {
    width: 320px;
}
}

@media screen and (max-width: 767px) {
	.fatwa-form .column_1_2 {
    width: 231px;
}
.fatwa-form .contact_form fieldset.column:first-child .text_input {
    width: 186px;
    margin: 5px 0 5px 5px;
}
.fatwa-form .contact_form fieldset .text_input {
    width: 186px;
    margin: 5px 0 5px 0;
}
.fatwa-form .contact_form textarea {
    width: 260px;
}
}

@media screen and (max-width: 479px){
	.fatwa-form .column_1_2 {
    width: 300px;
}
.fatwa-form .contact_form fieldset.column:first-child .text_input {
    width: 260px;
    margin: 5px 0 5px 5px;
}
.fatwa-form .contact_form fieldset .text_input {
    width: 260px;
    margin: 5px 0 5px 0;
}
.fatwa-form .contact_form textarea {
    width: 260px;
}
}

/* --- Guest-book Page --- */

ul .comment {
	padding: 10px;
}

ul .comment:nth-child(2n) {
	    background-color: #fff8e4;
}

/* --- Search-Page Page --- */

.search_title {
	font-family: Kufi;
    color: #25282A;
    padding: 10px 0;
    font-size: 30px;
}

.search-settings {
    float: unset;
    display: block;
    text-align: center;
}

.search-settings h2 {
    display: inline-block;
	padding-left: 10px;
	 font-family: 'Kufi', sans-serif;
	 font-size: 22px;
	
}

.search-settings form {
    display: inline-block;
}

.search-section {
	    margin: 20px 0 40px 0;
}

/* --- Lessons-Program Page --- */

.program-area h3 {
	 font-size: 22px;
    text-align: right;
    font-family: Kufi;
	margin-top: 20px;
    margin-bottom: 20px;
}

.program-area input {
	 display: none;
}

.datepicker-area .caleran-inline {
	padding-bottom: 20px;
}

.js .cd-h-timeline__container {
    width: 100%;
	max-width: unset;
}

.js .cd-h-timeline__date {
    padding-bottom: 15px;
}

.js .cd-h-timeline__dates::after, .js .cd-h-timeline__dates::before {
    display: none;
}

.js .cd-h-timeline__dates {
    margin: 0 36px;
}

.js .cd-h-timeline__date {
    cursor: pointer;
}

.js .cd-h-timeline__filling-line, .js .cd-h-timeline__date--selected::after {
    background-color: #aa7700;
	border-color: #aa7700;
}

.js .cd-h-timeline__navigation:hover {
    border-color: #aa7700;
}

.js .cd-h-timeline__navigation--inactive:hover {
    border-color: #e3e3e3;
}


.timeline-item {
	 text-align: right;
	 padding: 0 0 10px 0;
}

.timeline-date {
	  color: white;
    text-align: right;
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding: 6px 5px 3px 5px;
    background-color: #dc3545;
    border-radius: 5px;
	font-family: Naskh;
}

.timeline-date i {
	    float: right;
    margin-left: 5px;
    margin-top: -2px;
    color: #fff;
}

.timeline-item-details {
	     display: flex;
    align-items: center;
	margin-top: 10px;
}

.timeline-item img {
	display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 13px -5px rgba(0,0,0,0.4);
    border: solid 5px #fff;
	 margin: 10px 0;
}

.timeline-item-details ul {
	display: inline-block;
    list-style: none;
    margin: 0 17px 10px 0;
    padding: 0;
}

.timeline-item ul li{
	margin-top: 13px;
}

.timeline-item .timeline-title {
	 font-family: 'Kufi', sans-serif;
	 font-size: 18px;
    color: #0a4a19;
}

.timeline-item .timeline-author {
	 font-family: 'Naskh', sans-serif;	 
	font-size: 16px;
    color: #c18806;
}

.timeline-item .timeline-title:hover, .timeline-item .timeline-author:hover {
	 text-decoration: underline;
}

.timeline-item p {
	margin-top: 5px;
	 text-align: right;
	 line-height: 1.9;
	     font-size: 16px;
	padding-top: 0;
}

@media screen and (max-width: 479px) {
.program-area .row .column {
    margin-top: 0px;
}
}

/* --- Caleran Date-Picker --- */

.caleran-input {
    width: 100% !important;
}

.caleran-title {
	font-family: 'Naskh', sans-serif;
}

.caleran-container-mobile .caleran-input {
    margin: 0;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-dayofweek, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-weeknumber {
    float: right;
	font-family: 'Naskh', sans-serif;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month {
    float: right;
    font-family: 'Naskh', sans-serif;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev {
    float: right;
    font-family: 'Naskh', sans-serif;
}

.fa-angle-double-right:before {
    content: "\f100";
}

.fa-angle-double-left:before {
    content: "\f101";
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-today, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-today, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-today, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected.caleran-today, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start.caleran-today, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end.caleran-today {
    color: #f3f3ff !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-selected, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-start, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end {
    background: none;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day.caleran-end:not(.caleran-hovered) span {
    background: #aa7700;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-month-switch:hover, .caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-year-switch:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-month-switch:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-title .caleran-year-switch:hover {
    color: #aa7700;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month.current, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month.current {
    background: #aa7700;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month:hover, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ms-month:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ms-month:hover {
    background: #1c8435;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year.current, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next.current, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev.current, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year.current, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next.current, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next.current, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev.current {
    background: #aa7700;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year:hover, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next:hover, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev:hover, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year:hover, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next:hover, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next:hover, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev:hover {
    background: #1c8435;
}

.caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next, .caleran-container .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next, .caleran-container .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-next, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-month-selector .caleran-ys-year-prev, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-next, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-year-selector .caleran-ys-year-prev {
    color: #aa7700;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-today {
    color: #ffc107 !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-prev, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-prev {
    float: right;
}

.fa-arrow-right:before {
    content: "\f060";
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-next, .caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-next {
    float: left;
}

.fa-arrow-left:before {
    content: "\f061";
}
 
.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span {
    pointer-events: none;
    display: block;
    padding: 10px 5px !important;
    border-radius: 4px;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-disabled span {
    padding: 10px 5px !important;
}

.caleran-container .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span , 
.caleran-container-mobile .caleran-input .caleran-calendars .caleran-calendar .caleran-days-container .caleran-day span {
    background-color: #f5f1ea;
}