@charset "utf-8";


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


@font-face{
 font-family:'Adobe';
 src: url(../fonts/Adobe-Arabic-Regular.ttf) format('truetype');
}
@font-face{
 font-family:'Adobe Bold';
 src: url(../fonts/Adobe-Arabic-Bold.otf) format('OpenType');
}

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

@font-face{
 font-family:'IBM';
 src: url(../fonts/IBMPlexSans-Regular.ttf) format('truetype');
}

@font-face{
 font-family:'IBM Bold';
 src: url(../fonts/IBMPlexSans-Bold.ttf) format('truetype');
}



@font-face {
  font-family: 'Cairo';
  src: url('../fonts/Cairo-Bold.ttf') format('truetype');

}


input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

 a{color:#D71920;text-decoration:none;}
 a:hover{color:#D71920;}
 
 .main_slider{font-family: SFarabic;font-size:36px;line-height:37.76px;color:#161616;}
 
 .elang{font-family: Montserrat;font-size:14px;line-height:18px;color:#000000;}
 .elang:hover{text-decoration:none;}

 .date{font-family: SFarabic,sans-serif;font-size:13px;color:#868686;font-weight:511;}
 .section:hover .date{color:#D71920;}
 
 
 .similar{font-family: Cairo,sans-serif;font-size:36px;color:#D71920;font-weight:900;line-height:120%;}
 .featured{font-family: Cairo,sans-serif;font-size:30px;color:#D71920;font-weight:900;line-height:100%;}
 .newsletter{font-family: Cairo,sans-serif;font-size:16px;color:#FFFFFF;font-weight:500;line-height:120%;}
 
 .search_title{font-family: IBM Bold,sans-serif;font-weight:700;font-size:30px;color:#161616;line-height:120%;}
 .count{font-family: IBM Bold,sans-serif;font-weight:400;font-size:16px;color:#6C737F;line-height:24px;}
 .search_result_title{font-family: IBM Bold,sans-serif;font-weight:700;font-size:18px;color:#1F2A37;line-height:28px;}
 .search_result_subtitle{font-family: IBM Bold,sans-serif;font-weight:400;font-size:16px;color:#1F2A37;line-height:24px;}
 
 .search_icon{font-size:28px;color:#000000;}
 .header{font-family: SFarabic;font-size:16px;color:#000000;text-decoration:underline;}
 
 .menu{font-family: SFarabic, sans-serif;width:151.5px;font-size:20px;color:#000000;letter-spacing: normal;font-weight: 500; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
 .menu:hover{color:#D71920;}
 .menu_selected{font-family: SFarabic, sans-serif;width:151.5px;font-size:20px;color:#D71920;}
 
 .submenu{font-family: SFarabic, sans-serif;font-size:15px;color:#000000;letter-spacing: normal;font-weight: 500; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
 .submenu:hover{color:#D71920;}
 .subselected{font-family: SFarabic, sans-serif;font-size:15px;color:#C84037;}
 
 .subtopic{font-family: SFarabic;font-weight:bold;font-size:22px;line-height:28px;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 
 .main_title{font-family: SFarabic;font-size:32px;color:#000;font-weight:711;line-height:120%;}
 .author{font-family: SFarabic;font-size:14px;color:#000;font-weight:844;}
 
 .title{font-family: SFarabic;font-size:22px;line-height:120%;color:#000;font-weight:622;}
 .section:hover .title{color:#AD9797;}
 .section:hover .main_title{color:#AD9797;}
 
 .section img {
     border-radius: 0px; /* default */
     transition: border-radius 0.3s ease;
 }
 .section:hover img {
     border-bottom-right-radius: 99px;
 }
 
 .image{text-align: center;}
 
 .summary{font-family: SFarabic;font-size:16px;color:#000;font-weight:400;line-height:140%;text-align:justify;}
 .opening{font-family: SFarabic;font-size:12px;color:#000;font-weight:622;line-height:120%;}
 .opening_title{font-family: SFarabic;font-size:22px;color:#000;font-weight:622;line-height:120%;}
 .issuenb{font-family: SFarabic, sans-serif;font-size:12px;color:#EDEDE9;font-weight:267;line-height:100%;}
 .issue{font-family: SFarabic, sans-serif;font-size:12px;color:#000;font-weight:267;line-height:100%;}
 
 
 .article_title{font-family: SFarabic;font-size:32px;line-height:120%;color:#000;font-weight:622;}
 .article_subtitle{font-family: SFarabic;font-size:28px;line-height:120%;color:#231F20;font-weight:400;}
 .article_text{font-family: SFarabic;font-size:19px;line-height:170%;color:#000;font-weight:400;text-align:justify;}
 .article_section{font-family: SFarabic;font-size:27px;line-height:150%;color:#000000;font-weight:711;}
 .article_section_daily{font-family: SFarabic;font-size:18px;line-height:150%;color:#000000;font-weight:normal;}
 .article_section_daily_selected{font-family: SFarabic;font-size:18px;line-height:150%;color:#000000;font-weight:711;}
 
 .icon{font-size:14px;}
 .icon:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg)}
 
 .nb{font-family: SFarabic;font-size:14px;color:#000;}
 
 .fifth {width:20%;}
 .red{color:#D71920}
 
 .path{font-family: SFarabic;font-size:16px;line-height:28px;color:#D71920;}
 .path_selected{font-family: SFarabic;font-size:16px;line-height:28px;color:#000;}
 
 
 .tab{font-family: Adobe;font-size:24px;color:#525252;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .tab:hover{font-family: Adobe Bold;color:#161616;}
 
 .tab_selected{font-family: SFarabic;font-weight:bold;font-size:18px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .tab_selected:hover{color:#fff;}
 
 .type{font-family: Adobe;font-size:20px;line-height:17px;color:#525252;}
 
 .filterby{font-family: Cairo;font-size:14px;color:#161616;font-weight:800;}
 .filter{font-family: Adobe Bold;font-size:18px;color:#494949;}
 .filter:hover{color:#C84037;}
 .filter_hover{font-family: Adobe Bold;font-size:18px;color:#C84037;}
 .filter_selected{font-family: Adobe Bold;font-size:18px;color:#494949;}
 .filter_selected:hover{color:#C84037;}

 .filter_tag{font-family: Adobe;font-size:18px;color:#494949;border:0.5px solid #525252;margin:6px;border-radius:4px;padding:5px 10px 5px 10px}
 .filter_tag:hover{border:0.5px solid #D71920;color:#494949;background-color:#FFFFFF;text-decoration:none;}
 
 .tag_selected{font-family: Adobe;font-size:18px;background-color:#FFFFFF;color:#494949;border:0.5px solid #D71920;margin:6px;border-radius:4px;padding:5px 10px 5px 10px}
 .tag_selected:hover{text-decoration:none;}
	 
 .letter{font-family: Adobe Bold;font-size:24px;color:#212121;}
 .noletter{font-family: Adobe Bold;font-size:24px;color:#ccc;}
 .letter_selected{font-family: Adobe Bold;font-size:24px;color:#C84037;}
 .all_letters_selected{font-family: Adobe Bold;font-size:22px;background-color:#C84037; color:#fff;line-height:22px;}
 .all_letters{font-family: Adobe Bold;font-size:24px; color:#fff;background-color:#212121;line-height:20px;}
 
 .search_input{font-family:Adobe;font-size:18px;color:#000;background-color:#fff;border:1px solid #A3A3A3;width:200px;height:23px;padding-left:5px;padding-right:5px;}
 .msearch_input{font-family:Adobe;font-size:18px;color:#000;background-color:#fff;border:1px solid #A3A3A3;width:110px;height:23px;padding-left:5px;padding-right:5px;}
 .input_text{font-family: SFarabic;width:324px;height:48px;color:#757575;font-size:14px;font-weight:400;border:0px;padding-right:10px;line-height:18px;}
	 
	 
 .inner_title{font-family: SFarabic;font-weight:bold;font-size:28px;line-height:normal;color:#000;}
 .inner_subtitle{font-family: SFarabic;font-size:24px;color:#D71920;}
 
.text{font-family: Adobe;font-size:24px;line-height:32px;color:#000;text-decoration:none;font-weight:normal;text-align:justify;}
.image-caption{font-family: SFarabic;color:#000;font-size:12px;line-height:44px;font-weight:400}
 
 
 
 
 .related{font-family: Adobe Bold;font-size:22px;color:#000000;text-decoration:none;margin-top:30px;border-top:2px solid #D8D8D8;}
 
 .video{width:100%;min-height:205px;}
 
 .paging{font-family:Adobe;font-size:28px;line-height:18px;color:#000;width:26px;padding:10px;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .paging:hover{font-family: Adobe Bold;color:#161616;padding:10px;border-bottom:4px solid #D71920;text-decoration:none;}
 .paging_selected{font-family: Adobe Bold;font-size:28px;line-height:18px;color:#161616;width:26px;padding:10px;border-bottom:4px solid #D71920;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .page{font-family:Adobe;font-size:22px;color:#212121;}


 .paging_last{font-family:Adobe;font-size:28px;line-height:18px;color:#000;width:60px;padding:10px;box-sizing:border-box;text-decoration:none;display:inline-block;}
 .paging_last:hover{font-family: Adobe Bold;color:#161616;padding:10px;border-bottom:4px solid #D71920;text-decoration:none;}

 

.tags{float:right;font-family: Adobe;font-size:22px;line-height:23px;color:#121619;background-color: #DDE1E6;margin-left:10px;border-radius:16px;padding:6px 12px 6px 12px}
.tags:hover{background-color: #D71920;color:#fff;}
 
.trending{float:right;font-family: Adobe;font-size:18px;line-height:13px;color:#494949;border:1px solid #494949;margin-left:10px;border-radius:4px;padding:6px 12px 6px 12px}
.trending:hover{border:1px solid #C84037;color:#C84037;}
 

.footer{font-family: SFarabic;font-size:20px;color:#000000;font-weight:511;line-height:86%;}
.footer:hover {}
.subfooter{font-family: SFarabic;font-size:15px;color:#000000;font-weight:267;}
.sfooter{font-family: SFarabic;font-size:12px;color:#000000;font-weight:711;line-height:70%;text-decoration:underline;}

.float{float:right;}

.social{font-family: Montserrat;font-size:12px;color:#000000;/*border:1px solid #C84037;*/}
.social:hover{color:#D71920;/*border:1px solid #000000;*/}
.social_icon{font-size:20px;}
.social_footer{font-size:20px;color:#000000}

.button{font-family: Adobe;font-size:20px;color:#fff;background-color:#D71920;border:0px;padding-top:6px;padding-bottom:6px;padding-left:12px;padding-right:12px;}

.button2{font-family: SFarabic;margin-top:20px;box-sizing:border-box;margin-right:20px;margin-left:20px;text-align:center;background-color:#5B1C1E;color:#fff;border:0px;width:324px;height:43px;}

.left_button{font-family: SFarabic;font-weight:bolder;font-size:12px;color:#494949;border:0px;background-color:transparent}
.left_arrow{color:#494949;float:left;font-size:12px;padding-top:4px;padding-right:10px;}

.left_button_white{font-family: Adobe;height:30px;font-size:20px;line-height:10px;color:#212121;background-color:#fff;border:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:6px;border-top-left-radius:6px;padding-top:6px;padding-bottom:6px;padding-left:12px;}
.left_arrow_white{background-color:#fff;color:#212121;padding:7px;float:left;border-bottom-right-radius:6px;border-top-right-radius:6px;}

.right_button{font-family: SFarabic;font-weight:bolder;font-size:12px;color:#494949;border:0px;background-color:transparent}
.right_arrow{color:#494949;float:right;font-size:12px;padding-top:4px;padding-left:10px;}




.text-small{
	font-size:14px;
}
.overlay {
  position: absolute;top: 0; bottom: 0; left: 0;right: 0;opacity: 0;transition: .3s ease;background-color: #000;opacity: 0.30;overflow:hidden;
}

.overlay:hover {
  cursor:hand;
}


#pic {
 /* display: inline-block;*/
 /* margin: 20px;*/
 /* border: 1px solid black;*/
  overflow: hidden;            /* clip the excess when child gets bigger than parent */
}
#pic img {
  display: block;
  transition: transform .4s;   /* smoother zoom */
}
#pic:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  /*opacity:0.5;*/
}
 
 .multi-line-ellipsis {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* Number of lines before truncation */
   overflow: hidden;
   white-space: normal;
  
 }
 
 @media  (min-width:1240px){
	
 	.main_container {width:1240px;display:block;margin:auto;border:0px solid red;box-sizing:border-box;}
    .slider_info_bold{font-family: Adobe Bold;direction:RTL;font-size:26px;padding-top:12px;padding-bottom:12px;color:#000;border-top:1px solid #D8D8D8;}
    .detail{padding-top:12px;padding-bottom:12px;text-align:left;border-top:1px solid #D8D8D8;}
    .mobile_menu {display:none;}

}

@media (min-width:668px) and (max-width:810px){
    .hide_for_mobile {display:none;}
	
    /* Scroll wrapper for the menu */
    .menu-wrapper {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
        display: block;
        width: 100%;
    }

    /* Ensure each menu item is inline-block or floated */
    .menu {
        display: inline-block;
        float: none; /* if you float it, unset here */
    }

    /* Optional: Hide scrollbar if needed */
    .menu-wrapper::-webkit-scrollbar {
        display: none;
    }
	
}

@media  (max-width:667px){

  .fifth {width:50%;}
  .hide_for_mobile {display:none;}
  
  .slider_text{font-family: Adobe;font-size:22px;color:#212121;line-height:30px;}
  
  .slider_info_bold{font-family: Adobe Bold;direction:RTL;font-size:26px;padding-top:12px;color:#000;}
  .detail{padding-bottom:12px;text-align:right;border-bottom:1px solid #D8D8D8;}
  .slider_title{font-family: Adobe;font-size:35px;line-height:30px;color:#000;text-decoration:none;font-weight:normal;}
  .mobile_top{padding-top:30px;}
  
  .article_text{font-family: SFarabic;font-size:19px;line-height:170%;color:#000;font-weight:400;text-align:right;}
  
  .menu{width:100%;}
  .menu_selected{width:100%;}
 
  
  
  
  /* Scroll wrapper for the menu */
  .menu-wrapper {
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
      display: block;
      width: 100%;
  }

  /* Ensure each menu item is inline-block or floated */
  .menu {
      display: inline-block;
      float: none; /* if you float it, unset here */
  }

  /* Optional: Hide scrollbar if needed */
  .menu-wrapper::-webkit-scrollbar {
      display: none;
  }
  
}