@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import url('https://fonts.googleapis.com/css?family=Cairo');



body{margin:0px; background-color:#fff; background-image: url(../images/background.png); background-position:top; background-repeat: no-repeat;background-attachment: fixed; }
.wbg { background-color:#fff;}


.top-header {

	/*overflow:hidden;*/
	padding-top:0px;
	padding-bottom:0px;
	}

.top-side-border{

	margin-top: 15px; 
	background-color: #FFF !important;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	
	
}

.top-banner { margin-top: 20px;}
.box-no { overflow: hidden; padding: 0px;}

.wsmenu-list li { background-image: url(../images/icon.png); background-position: right; background-repeat:no-repeat;}
.wsmenu-list li ul li { background: none !important}

.weather { margin-top: 15px;}

.mt15 { margin-top: 15px;}
.ml10 {  margin-left: 10px;}

.box-header { 
text-align: right; 
padding: 10px;background-image: url('../images/sep-widget.png');
background-repeat: repeat-x; background-position: 0px 22px;
height: 30px;
overflow: hidden;
	padding-right: 0px; 
}

.box {  overflow: hidden;}

.box-header h4 { float: right; margin-left: 10px; background-color: #FFF; height: 30px; padding-left: 10px; padding-right: 10px;}
.header-link { margin-right: 0px;}
.header-link a { color:#444; font-size: 20px; font-family: Amiri;  }
	
.banner { padding:10px; text-align:center;}
.banner-inner { padding:10px !important; text-align:center; padding-bottom:0px;}
.banner-inner  img { width:100%; height:110px; border:1px solid #ccc;}


.banner-bottom { padding:5px; text-align:center; padding-bottom:0px; width:336px;}
.banner-bottom  img { width:100%; height:75px; border:1px solid #ccc;}

.banner-bg {
  
    background: #f1f1f1; 
	border:1px solid #ccc;
	border-bottom-left-radius: 4px;	
	border-bottom-right-radius: 4px;		

}
	
.top-menu {
    background: #993515; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#993515, #a83d1a); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#993515, #a83d1a); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#993515, #a83d1a); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#993515, #a83d1a); /* Standard syntax */
	
	}

.logo { text-align:right;}
.logo-text {text-align:right; padding-top:15px;} 
.footer { background-color:#1c5d6a;}

.print-icon { float:left; width:90px;}

.social-box { margin-top:5px; overflow:hidden; height:40px;}
.date {color:#355a77; font-family:Cairo; font-size:12px; height:30px; margin-top:5px;}

.search-box { margin-top:10px; text-align:left; overflow:hidden;}
.search-text { width:50%; float:left;  border:none; direction:rtl; font-family:'Droid Arabic Kufi';}
.search-btn { float:left; border:none; margin-right:10px;}





.menu-info-bg { background-color:#000; padding-bottom:12px; margin-top: 5px; border-top-right-radius: 4px;border-top-left-radius: 4px;}
.menu-info { margin-top:10px; margin-bottom:5px; margin-right:10px}
.menu-info li { float:right;}
.menu-info li a {display:inline;  padding-left:10px; padding-right:10px; border-left:1px solid #fff; color:#fff; font-family:Cairo; font-size:12px; }
.menu-info li.last a {border:none}


.menu-top { }
.menu-top li { float:right}
.menu-top li a { display:block; padding-left:10px; padding-right:10px;  color:#666666; font-family:Cairo; font-size:14px;padding-top:5px; padding-bottom:5px; }

.ticker-bg { background-color:#7e9d5c;}
.ticker-lable {font-family:Cairo; font-size:14px; color:#333; background-color:#fff; padding:10px; text-align:right; margin-top:0px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.ticker-area a { font-family: Cairo !important; font-weight: bold; color: #000;}
.ticker-area img { margin-top:5px !important}



.stick-news {
	overflow:hidden;

	padding-bottom:0px;
/*	border-bottom:2px solid #b80102*/
}

.stick-news-bg {
	padding-top:10px;
    background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #f0f0f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #f0f0f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #f0f0f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #f0f0f0); /* Standard syntax */	

/*	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;*/

	
}

.date-time { font-size:12px; color: #666}
.date-time .fa-clock { margin-left: 10px;}



.big-right {}
.big-right li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px}
.big-right li .content { height:57px}
.big-right li img { float:right; width:200px; height:150px;  margin-left:10px; border:1px solid #ccc}
.big-right li a {font-family:'Amiri'; font-size:18px; color:#333; font-weight:bold;}
.big-right.side li { float:right; direction:rtl; text-align:right; padding:5px; width:50%}


.big-overlay {}
.big-overlay li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px;; padding-bottom: 10px; border-bottom:1px solid #ccc}
.big-overlay li .content { height:57px}
.big-overlay li img { width:300px; height:200px; border:1px solid #ccc}
.big-overlay li a {font-family:'Amiri'; font-size:18px; color:#FFF; font-weight:bold;}

.big-overlay li .title-box {	
	height: 70px;
	width:281px;
    transition: all 0.3s ease 0s;
	position: absolute;
	margin-top: -100px;
	box-shadow: 0 -190px 120px -50px rgba(3, 3, 3, 0.7) inset; padding: 10px;}




#video-section .item-content img{ height: 200px  !important; }
#video-section .item-content a { font-size:18px !important}


#main-stories .item-content img { height: 400px;}

.play-icon { 
	position: absolute;
	width:100px; height: 100px; 
	background-image: url(../images/play.png;); 
	background-position: center; 
background-repeat: no-repeat; z-index: 100;}


.big-center {}
.big-center li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px;; padding-bottom: 10px}
.big-center li .content { height:57px}
.big-center li img { width:300px; height:200px; border:1px solid #ccc}
.big-center li a {font-family:'Amiri'; font-size:18px; color:#000; font-weight:bold;}




.thumb-right {}
.thumb-right li { direction:rtl; text-align:right; padding:5px; overflow:hidden; margin-bottom:10px;margin:5px; border-bottom:1px solid #ccc; padding-bottom: 10px; height: 80px}

.thumb-right li img { float:right; width:80px; height:70px;  margin-left:10px; border:1px solid #ccc}
.thumb-right li a {font-family:'Amiri'; font-size:13px; color:#333; font-weight:bold;}



.writer { font-family:tahoma; font-size:11px; font-weight:bold; color:#D9060A;}



.read-more { background-image:url(../images/plus.png); background-position:40px 3px; background-repeat:no-repeat; height:32px; width:70px;font-family:'Amiri'; font-size:13px; color:#333; font-weight:bold;  border:1px solid #ccc; border-radius:4px; padding:5px; background-color:#FFF; margin-left:5px }
.read-more a { display:block; color:#E80F12; padding-top:0px;}


.thumb-writer {}
.thumb-writer li { direction:rtl; text-align:right; padding:5px; margin-bottom:10px; overflow:hidden;}
.thumb-writer li img { float:right; width:80px; height:70px;  margin-left:10px; border-radius:4px;}
.thumb-writer li a {font-family:Cairo; font-size:13px; color:#000;}
.thumb-writer li .writer  { color:#c60001; font-family:Cairo; font-size:13px; font-weight:bold;}




.thumb-right-mid {}
.thumb-right-mid li { direction:rtl; text-align:right; padding:5px; padding-bottom:10px; padding-top:10px; overflow:hidden; text-align:right;  }
.thumb-right-mid li img { float:right; width:250px; height:150px; margin-left:10px;}
.thumb-right-mid li a {color:#000; direction:rtl; font-family:Cairo; font-size:18px; font-weight:bold;line-height:24px;}
.thumb-right-mid li:nth-child(even) { background-color:#fafafa; }


.thumb-right-small {}
.thumb-right-small li { direction:rtl; text-align:right; padding:5px; border-bottom:1px solid #efefef}
.thumb-right-small li img { float:right; width:60px; height:50px;  margin-left:10px;}
.thumb-right-small li a {font-family:Cairo; font-size:13px; color:#333;}

.header-dark-red { background-color:#a20000; text-align:center; font-family:Cairo; font-size:13px; color:#fff; font-weight:bold; padding:5px;}

.section-name { text-align:right; font-size:18px; color:#333;  font-weight:bold;padding-right:0px; margin-right:0px; font-weight:bold;}



.gray-bg { background-color:#f6f6f6;}
.dark-gray-bg { background-color:#828282;}



.blue-rippon { border-top:3px solid #22e4eb; padding-top:10px;  }
.dark-blue-rippon {border-top:3px solid #4923ed;padding-top:10px;}
.red-rippon { border-bottom: 1px solid #000;padding-top:0px;padding-bottom:0px; height:34px;

  background: #227684; /* For browsers that do not support gradients */
/*  background: -webkit-linear-gradient(-90deg, #9c3616, #fff);
  background: -o-linear-gradient(-90deg, #9c3616, #fff); 
  background: -moz-linear-gradient(-90deg, #9c3616, #fff);
  background: linear-gradient(-90deg, #9c3616, #fff); */

 border-top-right-radius: 4px;border-top-left-radius: 4px;color:#FFF; font-family:'Cairo' ; font-weight:normal; padding-right:10px;
}
.red-rippon span{ display:block; width:150px; float:right; padding-top:3px; padding-bottom:3px;} 

.black-more { background-color:#000; width:70px; float:left;  border-top-left-radius: 4px; padding-bottom:5px; padding-top:2px; text-align:center;}
.red-rippon.black-more a {font-family:'Amiri'; font-size:13px; color:#FFF; font-weight:bold;}


.red-rippon a { } 
.red-rippon .black-more a {font-family:'Amiri'; font-size:13px; color:#FFF; font-weight:bold;}


.red-rippon-inner { border-top: 3px solid #000;padding-top:0px; margin-bottom:15px;} 
.red-rippon-inner a { color:#FFF; 

    background: #1c5d6a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1c5d6a, #256673); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1c5d6a, #256673); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1c5d6a, #256673); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1c5d6a, #256673); /* Standard syntax */
	
 padding:1px; padding-left:15px; padding-right:4px; margin-bottom:4px;/*border-top-right-radius: 10px;*/ border-bottom-left-radius: 4px; font-family:'Cairo'; font-size:14px; font-weight:normal;} 




.gold-rippon { border-top: 3px solid #eea423;padding-top:10px;} 
.green-rippon { border-top: 3px solid #23ee4e;padding-top:10px;} 
.brown-rippon { border-top: 3px solid #754d1d;padding-top:10px;} 
.pink-rippon { border-top: 3px solid #f708de;padding-top:10px;} 

.blue-border { border:5px solid #88bab9; background-color:#fff; overflow:hidden}
.red-border { border:5px solid #ca0001; background-color:#fff;  overflow:hidden}

.section-name.red-bg { color:#fff; background-color:#ca0001; padding:10px;}
.section-name.gold-bg { color:#fff; background-color:#f1a41f; padding:10px;}



.main-bg {
	margin-top:15px;     
    background: #fff; 
    background: -webkit-linear-gradient(#f1f1f1, #fff);
    background: -o-linear-gradient(#f1f1f1, #fff); 
    background: -moz-linear-gradient(#f1f1f1, #fff); 
    background: linear-gradient(#f1f1f1, #fff);

	
	border:1px solid #ccc;
	/*background-color:#f6f6f6;*/
}

.square-bg {
  
    background: #f1f1f1; 
/*    background: -webkit-linear-gradient(#f1f1f1, #fff);
    background: -o-linear-gradient(#f1f1f1, #fff); 
    background: -moz-linear-gradient(#f1f1f1, #fff); 
    background: linear-gradient(#f1f1f1, #fff);*/

	
	border:1px solid #ccc;
	padding-bottom:10px;
	border-bottom-left-radius: 4px;	
	border-bottom-right-radius: 4px;		
	/*background-color:#f6f6f6;*/	
	
}


.sqaure-main {}
.sqaure-main li { width:50%; float:right; margin-bottom:0px;}
.sqaure-main li .content { padding:5px;}
/*.sqaure-main li img { overflow:hidden; width:96%; height:120px; }*/

.sqaure-main-25 { padding:5px; padding-top:0px;}
.sqaure-main-25 li { width:25%; float:right; margin-bottom:5px;}
.sqaure-main-25 li .content { padding:5px;}
.sqaure-main-25 li img { overflow:hidden; width:100%; height:120px; }


.item-big { 
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat center center fixed;

    box-shadow: 0 -130px 120px -50px rgba(0, 0, 0, 0.8) inset;
    height: 370px;
    width: 100%;
	
}


.item-content { margin: 0px;}
.overlay {
	height: 100px;
	width:100%;
    transition: all 0.3s ease 0s;
	position: absolute;
	margin-top: -100px;
	box-shadow: 0 -190px 120px -50px rgba(3, 3, 3, 0.7) inset;
}

.overlay h4 { padding: 15px; text-align: center; font-size: 24px;}
.overlay h4 a { color:#FFF; font-family: 'Amiri'}

.item-big .title-main { direction:rtl; position:absolute; /*height:100%;*/ margin-top:270px; padding:15px;transition: all 0.3s ease 0s; width:95%; padding-right:15px; margin-right:15px; margin-bottom:10px; text-align:right; }	
.item-big .title-main a { color:#FFF;font-family:'Amiri'; font-size:24px; font-weight:bold;line-height:150%; direction:rtl; }

.item-small { 
width:100%;
background-size:cover;
box-shadow: 0 -140px 120px -50px rgba(0, 0, 0, 0.8) inset;
height:180px;
}

.item-small .overlay {
	height: 100px;
	width:100%;
    transition: all 0.3s ease 0s;
}


.item-small .title-main {  position:relative; /*height:100%;*/ top:100%; padding:10px;transition: all 0.3s ease 0s; width:95%; direction:rtl; text-align:right; border-right:5px solid #0080ff; margin-right:10px; padding-right:10px; padding-top:0px; padding-bottom:0px;}	

.item-small .title-main a { color:#FFF;font-family:Cairo; font-size:14px;font-weight:bold;line-height:24px;}


.thumb-top {}
.thumb-top li { width:20%; float:right; margin-top:15px; padding:10px;   }
.thumb-top li .content { background-color:#FFF; border-radius:4px; border:1px solid #ccc; padding:5px;

}
.thumb-top li img { width:100%;}
.thumb-top li h2 a { display:block; color:#000; text-align:right; direction:rtl; font-family:'Amiri', serif; margin-right:0px; font-size:14px; font-weight:bold;}

.thumb-top.full li { width:100%; float:right; margin-top:0px; margin-bottom:0px; padding:10px}
.thumb-top.full li img { width:100%;}
.thumb-top.full li h2 a { margin-right:5px;}

.thumb-top.25 li { margin:5px;}




.thumb-box {}
.thumb-box li { width:20%; float:right; margin-top:15px; overflow:hidden;  }
.thumb-box li .content { background-color:#FFF; border-radius:4px; 
                         border:1px solid #ccc; margin-left:7px; margin-right:7px; padding:7px;
						 

/*-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);*/

}
.thumb-box li img { width:100%; height:115px}
.thumb-box li h2 a {height:80px; display:block; color:#000; text-align:right; direction:rtl; 
font-family:'Amiri', serif; margin-right:0px; font-size:13px; font-weight:bold;}



.main-story { display:none; padding-right:7px; padding-left:4px; margin-top:10px; overflow:hidden; margin-bottom:10px; }
.main-story img { width:100%; height:360px; margin-bottom:-5px;border:1px solid #666; border-bottom:0px;}
.main-story .main-black { background-color:#000; padding:15px; height:119px}
.main-story .main-black a { display:block; text-align:right; direction:rtl; color:#FFF;font-family:'Amiri', serif; font-size:20px; line-height:32px; font-weight:bold;}


ul.main-list  { padding-left:7px; margin-top:10px;}
ul.main-list  li {direction:rtl; text-align:right; padding:10px; border-bottom:1px solid #efefef;  overflow:hidden; height:74px; background-color:#FFF;}
ul.main-list  li a {font-family:'Amiri', serif; font-size:16px; color:#333; font-weight:bold;line-height:23px}
ul.main-list li:nth-child(even) { background-color:#fafafa; }
ul.main-list  li.active, ul.main-list  li:hover { background-color:#9d3717}
ul.main-list  li.active a, ul.main-list  li:hover a { color:#FFF;}
ul.main-list  li img { width:50px; height:50px; float:right; margin-left:5px;}




ul.main-list  li.last { border:none;}

.post-meta { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.post-meta ul li a {color:#999;}

.post-meta ul li .fas { margin-left: 5px;}

                .post-meta ul li {
					font-size: 12px; color:#999; font-weight: bold;
                    display: inline-block;
                    margin-right: 10px;
                    float:right;
                    direction:rtl;
     
                }

                    .post-meta ul li:last-child {

                    }

.writer-profile {float:right; margin-left: 15px; margin-bottom: 10px; margin-top: 10px;}
.writer-profile  img { width:215px; height: 250px; margin-bottom: 10px;}
.writer-profile  .writer-name { text-align: center; color:#444}
/*------------------- Post Page -------------------------------------*/

.content-text h1 { font-family:'Amiri'; font-size:25px; font-weight:bold; text-align:right; direction:rtl; color:#0a4066; margin-bottom:15px; margin-top:15px; line-height:30px;  }


.content-text h2 { font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; direction:rtl; color:#3D3D3D; margin-bottom:15px; margin-top:15px; line-height:30px;  }


.content-text { font-family:'Amiri'; font-size:16px; font-weight:bold; text-align:right; direction:rtl; padding:5px;overflow:hidden;}
.post-date { font-family:'Amiri'; font-size:13px; font-weight:normal; border-bottom:1px solid #EFEFEF;  border-top:1px solid #EFEFEF; padding:10px; margin-bottom:15px; text-align:right; color:#333; padding-bottom:48px; padding-top:5px;}
.post-date  img { float:right; margin-bottom:5px; margin-top:9px; }

.date-text { float:right; padding-top:14px;}

.content-text br { margin-bottom:15px;}
.content-text div { margin-bottom:15px;}

.post-content h1 { font-size: 28px; color: #333}

.post-content  {font-family:'Amiri'; font-size:16px; font-weight:bold; text-align:justify; direction:rtl; padding:15px;overflow:hidden; line-height:180% !important}
.post-content img{ margin-left:auto; margin-right:auto; max-width:600px; border:1px solid #ccc; display:block; overflow:hidden;}
.post-content p { margin-bottom:20px;}

.post-image { text-align:center;}
.post-image img{ border:1px solid #EFEFEF; border-radius:4px; max-width:600px;   margin-right:10px; margin-top: 15px;}

.site-path .home-icon { float:right; width:16px; height:16px; background-image:url(../images/home-icon.png); margin-left:5px; margin-top:5px;}
.site-path .arrow-left { float:right; width:16px; height:16px; background-image:url(../images/arrow-left.png); margin-left:5px;margin-top:5px;}

.site-path { text-align:right; direction:rtl; padding:10px; overflow:hidden; border-bottom:1px solid #EFEFEF; padding-top:0px;}
.site-path a { display:block; float:right;/* border-radius:6px;*/ background-color:#1c5d6a; color:#fff; font-family:'Amiri'; padding-left:10px; padding-right:10px; margin-left:0px; padding-top:5px; padding-bottom:5px; 
}

.post-photos li { text-align:center;}
.post-photos li img { max-width:600px; border:1px solid #ccc; }
.traingle {
	display:block; float:right;
	margin-left:5px;
	
	border-bottom: 14px solid transparent;
    border-right: 20px solid #1c5d6a;
    border-top: 14px solid transparent;
    height: 0;
    width: 0;
	}


.share { overflow:hidden;}
.share  li{ float:left; border:none; margin-right:10px; padding:0px; margin-top:10px;}

.share-50 { width:50%; float:left; margin-bottom:15px;}
.share-40 { width:40%; float:left;}
.share-20 { width:20%; float:left;}

.share-facebook{display:block; background-color:#3b5998; border-radius:4px;  padding:15px; color:#fff; margin-left:10px; text-align:right}
.share-twitter{display:block; background-color:#ba1717; border-radius:4px;  padding:15px; color:#fff; margin-right:10px; text-align:right}

.social-top { float:left;}

/*------------------ YouTube ----------------*/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.thumb-right-mid {}
.thumb-right-mid li { direction:rtl; text-align:right; padding:5px; padding-bottom:8px; padding-top:8px; overflow:hidden; min-height:76px; border-bottom:1px solid #ccc; }
.thumb-right-mid li img { float:right; width:60px; height:59px;  margin-left:10px;}
.thumb-right-mid li a {font-family:'Amiri'; font-size:14px;font-weight:bold; color:#333;}
.thumb-right-mid li.last { border-bottom:none;}
.thumb-right-mid li:nth-child(even) { background-color:#EFEFEF; }
.thumb-right-mid li .li-content .writer  {font-family:'Droid Arabic Kufi'; font-size:13px; color:#DB1212; font-weight:bold;}



/*--------------------- Category ------------------*/

.thumb-top-category {}
.thumb-top-category li { margin-top:0px; text-align:right; padding-bottom:0px;padding-top:10px; }
.thumb-top-category li img { width:150px; height:110px; border:1px solid #DDDBDB; float:right; margin-left:10px}
.thumb-top-category li a { display:block; color:#000; text-align:right; direction:rtl;   margin-left:10px; font-family:'Amiri'; font-size:16px;font-weight:bold;}
.thumb-top-category li .createdate  { font-size:12px; color:#C80F12 ; font-family:arial}
.thumb-top-category li .createtime   { font-size:12px; color:#C80F12; font-family:arial}

.thumb-top-category li {  background-color:#FFF; overflow:hidden; margin-bottom:10px; }
.thumb-top-category .li-content  { height:215px; text-align:right;}
.thumb-top-category .li-content .writer  {font-family:'Droid Arabic Kufi'; font-size:13px; color:#DB1212; font-weight:bold;}


.trending-stories {font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; color:#ba1717; margin-top:15px; margin-right:15px;}

.pagination { margin-top:15px; padding-bottom:10px; overflow:hidden; }
.pagination ul a { padding:5px; border:1px solid #EFEFEF; text-align:center;}
.pagination ul a { float:left; margin:0px; width:30px; font-family:'Amiri'; font-size:11px; font-weight:normal; color:#666;}
.pagination ul a.text { width:auto;}
.pagination ul span { display:block; padding:5px; float:left; margin:0px; border:1px solid #000; background-color:#000; color:#fff; width:30px;font-family:'Amiri'; font-size:11px; font-weight:normal; text-align:center;}
.pagination ul a:hover { background-color:#EFEFEF;}


.copyright { font-family:'Amiri'; font-size:12px; color:#FFF; text-align:center; overflow:hidden; padding:15px; line-height:22px;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] {width: 100% !important;}

.shadow {
border:1px solid #ccc;

-webkit-box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
box-shadow: 0px 2px 0px 0px rgba(232,232,232,1);
}


.top-red {border-top:3px solid #000;}

.CommForm { text-align:right;font-family:'Amiri';}
.CommForm  li {  overflow:hidden; padding:5px;}
.CommForm  li div { text-align:right;}
.CommForm  li div input { width:100%; font-size:18px; border-radius:4px; direction:rtl}
.CommForm  li div textarea { width:100%; font-size:18px; border-radius:4px;direction:rtl}
.CommForm  li span { display:block; padding:5px; font-weight:bold; direction:rtl; font-family:'Amiri';}

.comment_footnote {text-align:center;font-family:'Amiri'; font-weight:bold; padding:15px;font-size:15px; line-height:150%; direction:rtl;}

.CommForm  li div input.send-btn { width:30%; padding:10px;}

.comm li { padding:10px;}
.comm-number { overflow:hidden; text-align:center; padding:5px;}
.comm-name { overflow:hidden; text-align:right;font-family:'Amiri'; font-weight:bold; font-size:15px; line-height:150%; direction:rtl; color:#BC080B}
.comm-text { overflow:hidden; text-align:right;font-family:'Amiri'; font-weight:bold; font-size:15px; line-height:150%; direction:rtl;}
.comm-date { overflow:hidden; font-family:arial; font-size:12px; text-align:center; padding:5px;}


.page-form input { width:100%;font-size:18px; border-radius:4px; direction:rtl }


#mobile-box { display:none;}


#type1 .newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:10px;}
#type1 .newsticker a:link, #type1 .newsticker a:visited{ font-weight:bold; color:#FFF; font-family:'Amiri';}
#type1 .newsticker a:hover{ font-weight:bold; color:#fff000;}

.newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:6px; font-size:18px; font-family:arial;font-weight:bold;}
.newsticker a:link, .newsticker a:visited{ font-weight:bold; color:#FFF;}
.newsticker a:hover{ font-weight:bold; color:#FFF;}




#nownews { width:100%; margin-right: 0px; padding-right: 0px; margin-left: 10px}
#nownews li { margin: 0px !important; padding-top: 0px; padding-right: 40px; padding-bottom: 10px;}


.now {
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
	padding: 10px;
	background-color: #ba1717;
	border: 1px solid #811212;
	margin-bottom: 15px;
	overflow: hidden;
}

.now-lable {
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
	padding: 10px;
	background-color: #000;
	border: 1px solid #000;
	margin-bottom: 15px;
	overflow: hidden;	
	font-family: 'Amiri'; font-size: 16px;  color: #fff; font-weight: bold; text-align: center;
}

.now-11 { padding-right:0px !important;height: 42px; }
.now-1 { margin-right:0px !important; margin-left: 0px !important; padding-left: 0px !important }

.now li { text-align: right; padding-right: 10px; }
.now li a { color: #fff;font-family: 'Amiri'; font-size: 16px; direction: rtl; font-weight: bold;}




.now-news { background-color:#e50505; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:10px; overflow:hidden }

.now-area { margin-top:10px;}
.now-area a { color:#FFF; font-size:16px; font-weight:bold;}

.wsmenu-list > li.search-box-mobile { display:none !important; }


.photo-today { text-align: center;}
.photo-today h2 { line-height: 140%; height:55px; overflow: hidden;}
.photo-today li { padding: 10px}
.photo-today h2 { padding:5px; font-family: Cairo; font-weight: bold; font-size: 16px;margin-bottom: 10px}
.photo-today img { width: 90%; height: 319px; }


.video-today { text-align: center;}
.video-today h2 { line-height: 140%; height: 55px; overflow: hidden;}
.video-today li { padding: 10px}
.video-today h2 { padding:5px; font-family: Cairo; font-weight: bold; font-size: 16px; margin-bottom: 10px}



/*--------------------------- Mobile CSS -----------------------*/
@media (max-width:767px) {
	
	#main-stories .item-content img { height: 230px;}
	.box { padding-left: 0px; padding-right: 0px;}
	
	.big-right li img { float:right; width:80px; height:70px;  margin-left:10px; border:1px solid #ccc}
	
	
	.overlay h4 { font-size: 18px;}
	
	.weather { display: none;}
	
#desktop-only { display:none !important;}
.top-header { display:none;}
.stick-news { margin-top:70px;}
.ticker-bg { display:none;}	
.logo { text-align:center;}	
.logo img {width:100px;}

#mobile-box { display:block; margin-top:90px;}
#main-box { display:none;}

.thumb-top li { width:50%; margin-top:15px; overflow:hidden;}
.thumb-right.side li { width:100%; overflow:hidden;}


.item-big { 
    background-size:cover;
	background-position:center;
	background-repeat:no-repeat center center fixed;

    box-shadow: 0 -190px 120px -50px rgba(0, 0, 0, 0.8) inset;
    height: 200px;
    width: 100%;
	
}

.overlay {
	height: 200px;
	width:100%;
    transition: all 0.3s ease 0s;
}

.item-big .title-main {  
direction:rtl;
position:absolute; /*height:100%;*/ 
margin-top:100px; 
padding:15px;transition: all 0.3s ease 0s; 
width:100%;  padding-right:15px; margin-right:15px; margin-bottom:10px; }	
.item-big .title-main a { color:#FFF; }

.item-small .title-main { width:95%}


.thumb-box li { width:100%; margin-top:10px;  }
.print-icon { display:none;}

#type1 .newsticker{text-align:right; direction:rtl; padding-right:10px; padding-top:0px; padding-bottom:10px}
#type1 .newsticker a:link, #type1 .newsticker a:visited{ font-weight:bold; color:#FFF; font-family:'Amiri'; font-size:14px;}

.now-news {margin-top:109px; position:fixed; display:block; z-index:100; width:100%}
#now-mobile-text { display:none;}


.content-text h1 { font-family:'Amiri'; font-size:18px; font-weight:bold; text-align:right; direction:rtl; color:#0a4066; margin-bottom:5px; margin-top:5px; line-height:150%;  }
.post-date { font-family:'Amiri'; font-size:13px; font-weight:normal; border-bottom:1px solid #EFEFEF;  border-top:1px solid #EFEFEF; padding:5px; margin-bottom:5px; text-align:right; color:#333; padding-bottom:0px; padding-top:0px;}

#post-content-area { margin-top:80px; overflow:hidden;}

.post-content img{ margin-left:auto; margin-right:auto; width:95%; border:1px solid #ccc; display:block; overflow:hidden;}
.post-image img {margin-left:auto; margin-right:auto; width:95%; border:1px solid #ccc; display:block; overflow:hidden;}


.post-photos li img {width:95%; border:1px solid #ccc; }

.mobile-top { margin-top:70px; position:fixed; display:block; z-index:100; width:100%}
.mobile-top li{ float:right; width:25%;  padding:10px; background-color:#1c5d6a; text-align:center; border-left:1px solid rgba(0, 0, 0, 0.1);
padding-left:5px; padding-right:5px;}
.mobile-top li a {font-family:'Amiri'; color:#fff;}



.search-box-mobile { margin-top:5px; text-align:center; overflow:hidden; padding-left:20px;}
.search-text { width:60%; float:left;  border:none; direction:rtl; font-family:'Droid Arabic Kufi';}
.search-btn { float:left; border:none; margin-right:10px;}

}

.copyrights { font-family:'Amiri', seri; font-size:13px; color:#fff; text-align:center; padding:15px; direction:rtl; line-height:150%}