.css-update{}
html{	margin: 0 auto;
max-width: 2000px;
min-width: 290px;
min-height:;
}

#affix-nav {background-color: #FF931E;}
#main-section, .navbar-inverse,.container-fluid {max-width: 1400px;margin: auto;}
#affix-nav.affix{ margin: 0 auto; max-width: 2000px;}

/*
* Droid Arabic Naskh  (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Naskh';
font-style: normal;
font-weight: 400;
src: url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Regular.eot);
src: url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Regular.woff2) format('woff2'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Regular.woff) format('woff'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Naskh';
font-style: normal;
font-weight: 700;
src: url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Bold.eot);
src: url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Bold.woff2) format('woff2'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Bold.woff) format('woff'),
url(//islamonline.net/static/fonts/droidarabicnaskh/DroidNaskh-Bold.ttf) format('truetype');
}

body, .p{font-family: 'Droid Arabic Naskh', 'tahoma' !important;}
p>img {max-width: 100%;height: auto;}

.affix  {transition: all 0.4s ease 0s;}

h1,.h1 {font-size: 36px; line-height: 1.8;}

h2,.h2 {font-size: 30px; line-height: 1.8;}

div#content-text h3, h3#content-text {font-size: 26px; line-height: 1.8; text-align: center; color: #d20000; font-weight:bold;}

div#content-text h4, h4#content-text {font-size: 22px; line-height: 1.8; text-align: right; color: #d20000; font-weight:bold; }

h4#Legal-right {
    font-size: 18px;
    color: #484848;
}

img.size-full {max-width: 100%;height: auto;}

img.stretch-img {width: 100%;}

button {outline: none;}

a {color: #555;}

a:hover, a:focus {
color: #D16C00;
text-decoration: blink;
}
blockquote {
display: inline-block;
padding: 10px;
border-left: 0px solid #FF8500;
margin: 10px 10px 10px 10px;
color: #000000;
float: left;
max-width: 180px;
background: #FFCD6A;
}
/*affix share buttons*/
#content-container {
background-color: #fff;
padding:10px 20px;
}
.share-after-title {
margin: 20px 10px;
}
#affix-nav.affix  {
position: fixed; 
top: 0px; 
z-index:999;
width: 100%;
display:block !important;
}


#affix-share.affix-top {
width: 0px;
overflow: hidden;
position: absolute;
}

#affix-share.affix {
display: block !important;
width:100%;
height:50px;
top: 0px;
z-index: 5;
width: 100%;
margin: 0 0;
padding: 2px;
right: 0px;
left: 0px;
-webkit-transition: 0.4s;
transition: 1s;
margin-left: auto;
margin-right: auto;
background: #FF931E;
transition: 0.2s;
}

/*logo icon*/
.logo-data-img {margin: 0 12px 0 0;}
.logo-data-imgXXX:after {
vertical-align: bottom;
font-family: "iol-icon";
content: "\e900";
font-size: 52px;
line-height: 44px;
color: #872B36;
margin: 0px 8px 0px 0px;
}

/*logo font stake*/
.icon-stack{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
vertical-align: middle;
font-size: 48px;}
.stack-1x, .stack-2x{
position: absolute;
left: 0;
width: 100%;
text-align: center;}
.text-dark-orange{color:#E37600;text-shadow:0.5px 0.5px 0.5px #872B36;}
.text-move{color:#872B36;text-shadow: 0.4px .4px 0.5px #EAEAEA;}

a.logo-txt {display:inline-block;font-size:11px;color:#872B36; vertical-align:middle;}
span.ar-titl, span.en-titl {display:block;}
a.logo-share {
display: inline-block;
text-align: left;
float: right;
margin: 0 10px;
}
img#brand-image {
height: 48px;
}
a.logo-share img {
height: 48px;
}

.pager {
font-family: none;
}


#content-text p {
font-size: 18px;
line-height: 40px;
text-align: justify; 
}


.navbar {
border-radius: 0px;
margin-bottom: 0px;
}

.navbar-inverse {
background-color: #FF931E;
border-color: #FF931E;
border: 0;
}

.navbar-inverse .navbar-toggle {
border-color: #FFFFFF;
margin-right: 6px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #D16C00;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #FF931E;
}

.nav > li > a {
position: relative;
display: block;
padding: 0px 8px;
}

a.menu-item.dropdown-toggle {
color: #FFFFFF;
}
a.menu-item.dropdown-toggle > span {
padding: 0px 4px;
}

.dropdown-menu {
left: none;
float: right;
font-size: 14px;
text-align: right;
border: none;
margin: 0px;
}

#menu-item-social{position: inherit; margin:20px 8px 0px 8px;padding:0px;}
#u-social-menu{text-align:left; width:100%; padding:10px 10px;}
#u-social-menu {
text-align: left;
width: 100%;
padding: 10px 10px;
border: none;
border-radius: 0;
}
ul#u-social-menu> li {
display: inline-block;
width: 150PX;
HEIGHT: 40PX;
VERTICAL-ALIGN: MIDDLE;
}

.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
font-size: 17px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #FFFFFF;
background-color: #D16C00;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #FFFFFF;
background-color: #D16C00;
}


.article-container {
margin-bottom: 40px;
background-color: #FFFFFF;
}

#brand-image,{height: 48px;}
#article-image {
margin: 40px 0px 40px 0px;
}
.img-responsive {
text-align: center;
margin: auto auto;
}
img.alignleft.size-full {
width: 100%;
}
p > a > img {
/**fix embaded img in post content*/
max-width: 100%;
height: auto;
}
#feature-image-thumbnail {
    background-size: cover;
    height: 80px;
    width: 80px;
}
#feature-image-big {
    min-height: 240px;
    max-height: 300px;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
#feature-image-big img.feature-img-big {
width: 100%;
height: auto;

}

#feature-image-medium {
    min-height: 170px;
    max-height: 230px;
    overflow: hidden;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
#feature-image-medium img.feature-img-medium{ 
width: 100%;
height: auto;

}

#parent-category-in-loop {
text-align: left;
padding: 10px 0px 0px 10px;
}
#parent-category-in-loop a {
color: #FF931E;
}

#category-info {
background-color: #FFFFFF;
border-bottom: 1px solid #D3D3D3;
padding: 0px 17px;}


#content-and-sidebar {
background-color: #FFFFFF;
}
div#article-info-in-loop {
border-top: 1px solid #EFF0F1;}
div#article-info-in-loop-sub {
background: #FFFFFF; margin-top: -36px;position: relative;}

div#column-raising div#article-container,
div#column-featured div#article-container,
div#column-featured-single  div#article-container,
div#column-recent div#article-container,
div#search-posts div#article-container {
margin-bottom: 20px;}

div#article-content {
background: #FFFFFF url('');
background-repeat: no-repeat;
background-position: center 90px;
}
#article-container-author,#article-container-search {
min-height: 310px;
max-width:350px:
margin-top: 8px;}

#article-content-author,#article-content-search {
background-color: #fff;}
#author-networks {font-size: 28px;}
#author-facebook{color: #3a5795;}
#author-twitter	{color: #55acee;}
#author-google {color: #DC4E41;}

#column-recent{background: #fff;}
#column-raising{background: #eff0f1;}
#column-featured,#column-featured-single {background: #e6e7e8;}

#auto-scroll-paging{display:none!important;}

ul#tab-section > li>a {
padding: 14px 3px;
color: #FF931E;
}
ul#tab-section > li.active>a {
padding: 14px 6px;
color: #337ab7;
}

/*SOCIAL ICONS*/
#share-number {
font-size: 60px;
line-height: 60px;
text-align: center;
color: #FF931E;
}
div#share-number-mobile {
color: #FF931E;
font-size: 20px;
}
#share-caption {
text-align: center;
color: #8a8c8e;
}
#social-share-buttons {
padding: 10px 20px;
}
#social-share-buttons-affix {
    MARGIN: -1PX 0 0 0PX;
}

#share-number-affix {
font-size: 20px;
color: #FFFFFF;
text-align: center;
}
#share-caption-affix {
font-size: 10px;
color: #FFFFFF;
text-align: center;
}
.social-share-iol {
border-radius: 0px;
color: #FFFFFF;
cursor: pointer;
direction: rtl;
font-family: 'FontAwesome';
font-size: 75%;
line-height: 34px;
margin-left: 3px;
box-shadow: inset 0 -1.2px rgba(0, 0, 0, 0.12);
position: relative;

}
a.social-share-iol:visited {
color: #FFFFFF;
}
.social-text {
cursor: pointer;float: right;padding: 8px;vertical-align: bottom;  color:#FFFFFF;transition: color 0.4s ease 0s;}
.social-text:hover{
color:#2d609b}

div#category-head {
background-color: #fff;
border-bottom: 1px solid #D3D3D3;
padding: 0px 17px;
}


#author-credits {padding: 50px 0 30px 0;}
div#autor-box {
margin-bottom: 20px;
}
img.author_image {
margin-bottom: 10px;
}

/* cover in home page*/
#cover-page-section{
background-color: #464646;
background-repeat: no-repeat;
min-height: 337px; 
background-position: center center; 
background-size: cover;
overflow: hidden;}
#highlights-primary {
background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.6) 33%,rgba(0,0,0,0.3) 66%,rgba(0,0,0,0) 100%,rgba(0,0,0,0));
padding: 8% 2%;
}
#highlights-section #highlights-primary {
text-align: left;
padding: 0 35px;
height: 100%;
width: 350px;
}
#highlights-secondary {
background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 19.35855263157895%,rgba(0,0,0,0.6) 65.41118421052632%,rgba(0,0,0,0.9) 100%,rgba(0,0,0,0.9));
padding: 12% 2%;
}

@media (max-width: 768px) {
.navbar-collapse ul li {
padding: 8px 1px;
border-bottom: 1px solid #fff;
max-width: 200px;
}
}


@media (max-width: 500px){
#highlights-primary {
background: none;
padding: 8% 2%;
}
#highlights-secondary {
background: none;
padding: 12% 2%;
}

#affix-share.affix{top:inherit;bottom:0px!important;}

}

div#recent-time {
padding-right: 11px;
color: #CECECE;
}



#post-category a , #post-tag a{
color: #FF931E;
}

@media (max-width: 400px){
a.logo-share {display: NONE!important;}
#affix-share .logo-data-img,#affix-share a.logo-txt {display: none;}
div#social-share-buttons-affix >a {
padding: 17px 20px 21px;
vertical-align: middle;
margin: 2px;}

#social-share-buttons-affix {
    MARGIN: -1PX 0 0 0PX;
    text-align: center;
}
div#total-shares-affix {
display: none;
}

}





/*top button */
.cd-top {
display: block;
height: 32px;
width: 32px;
position: fixed;
bottom: 80px;
right: 10px;
cursor: pointer;
font-size: 32px;
text-align: center;
color: #FFF;
line-height: 51px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
white-space: nowrap;
background: rgb(255, 147, 30);
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}

.hcount #count {
padding: 1px 5px;
}

/*facebok lazy load*/
button#js-button {
background: #CECECE;
vertical-align: middle;
text-align: center;
width: 100%;
height: 40px;
border-radius: 50px;
color: #fff;
font-weight: bold;
font-size: 18px;
margin: 30px 0px;
}
button#js-button:hover {
background: #FF931E;
color: #fcf8e3;
}

/*social button lite */
.share-post ul {
list-style-type: none;
margin: 0px!important;
-webkit-padding-start: 2px;
}
.share-post ul li {
min-width: 42px;
display:inline-block;
width:44px;
min-height:44px;
text-align: center;
box-shadow:inset 0px -6.2px 10px -4px rgba(0, 0, 0, 0.34);
}
.share-post ul li a {
display:inline-block;
padding-top:10px;
font-size:22px;
color:#fff;
}
li.facebook {background: #2D609B;}
li.twitter {background: #55ACEE;}
li.google {background: #D34836;}
li.whatsapp {background: #35B41F;}
li.feed {background: #f26522;}

/*whatsapp button*/
@media (min-width: 1024px) {.wabtn_container,.wabtn2 {display:none;}}
.wabtn_container {margin-bottom: 10px;}
.wabtn {
border: 1px solid rgba(0,0,0,.1);
/* display: inline-block!important; */
position: relative;
cursor: pointer;
border-radius: 2px;
background-color: #5cbe4a;
background-repeat: no-repeat;
background-position: 2px 2px;
padding: 6px 8px 8px 24px;
background-size: 32px;
font-family: Arial,sans-serif;
letter-spacing: .4px;
cursor: pointer;
font-weight: 400;
text-transform: none;
color: #fff!important;
line-height: 36xp;
text-decoration: none;
text-align: left;
font-size: 12px;
}
.wabtn {
padding: 12px 20PX;
background-position: center center;
}

















/*
################################################# RTL ##########################################
*/



body {
direction: rtl;
unicode-bidi: embed;
}
caption,
th,
td {
text-align: right;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
/* =Repeatable patterns
-------------------------------------------------------------- */

/* Images */
.site-content .gallery-columns-4 .gallery-item {
padding-left: 2%;
padding-right: 0;
}
.site-content .gallery-columns-5 .gallery-item {
padding-left: 2%;
padding-right: 0;
}

/* Navigation */
.nav-previous,
.previous-image {
float: right;
}
.nav-next,
.next-image {
float: left;
text-align: left;
}
@media (min-width: 768px) {
.navbar-nav {
float: right;
margin: 0;
PADDING-RIGHT: 6PX;
}
.navbar-nav > li {
float: right;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
/* Author profiles */
.author-avatar {
float: right;
}
.author-description {
float: right;
margin-right: 15px;
margin-right: 1.071428571rem;
margin-left: auto;
}


/* =Main Content
----------------------------------------------- */

.comment-content ol,
.comment-content ul {
margin: 0 24px 0 0;
margin: 0 1.714285714rem 0 0;
}


/* =Basic post styling
-------------------------------------------------------------- */

.entry-content li,
.comment-content li {
margin: 0 24px 0 0;
margin: 0 1.714285714rem 0 0;
}
.entry-content td,
.comment-content td {
padding: 6px 0 6px 10px;
}


/* Aside posts */
article.format-aside .aside {
border-right: 22px solid #a8bfe8;
border-left: none;
}

/* Link posts */
article.format-link header {
float: left;
}
article.format-link .entry-content {
float: right;
}

/* Status posts */
.format-status .entry-header img {
float: right;
margin-left: 21px;
margin-left: 1.5rem;
margin-right: 0;
}


/* =Comment styling
-------------------------------------------------------------- */

.comments-area article header img {
float: right;
}
.comments-area article header cite,
.comments-area article header time {
margin-right: 85px;
margin-right: 6.071428571rem;
margin-left: auto;
}
.comments-area article header h4 {
left: 0;
right: auto;
}
.comments-area li.bypostauthor cite col-md- {
margin-right: 5px;
margin-right: 0.357142857rem;
margin-left: auto;
}

/* Comment form */
#respond h3#reply-title #cancel-comment-reply-link {
margin-right: 10px;
margin-right: 0.714285714rem;
margin-left: auto;
}
label ~ col-md-.required {
float: right;
margin: -18px -16px 0 0;
margin: -1.285714286rem -1.142857143rem 0 0;
}


/* =Front page template styling
-------------------------------------------------------------- */

.template-front-page .widget-area .widget_text img {
float: right;
margin: 8px 0 8px 24px;
margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
}


/* =Widget styling
-------------------------------------------------------------- */

.widget-area .widget ul ul {
margin-right: 12px;
margin-right: 0.857142857rem;
margin-left: auto;
}
.widget-area .textwidget li {
margin-left: auto;
margin-right: 36px;
margin-right: 2.571428571rem;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
margin-right: 12px;
margin-right: 0.857142857rem;
margin-left: auto;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: right;
}
#wp-calendar #next {
padding-left: 24px;
padding-left: 1.714285714rem;
text-align: left;
padding-right: 0;
}

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
.site-content,
.template-front-page.has-post-thumbnail article {
float: right;
}
.widget-area,
.entry-page-image {
float: left;
}
.site-header h1,
.site-header h2 {
text-align: right;
}
.template-front-page .widget-area .widget_text img {
float: right;
margin: 8px 0 8px 24px;
}
.template-front-page .widget-area .widget,
.template-front-page.two-sidebars .widget-area .front-widgets {
float: right;
}
.template-front-page .widget-area .widget:nth-child(odd) {
clear: left;
}
.template-front-page .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
float: left;
margin: 0 24px 0;
margin: 0 1.714285714rem 0;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
text-align: right;
}
.main-navigation li {
margin-left: 40px;
margin-left: 2.857142857rem;
margin-right: auto;
}
.main-navigation li ul ul {
margin-right: 0;
right: 100%;
left: auto;
}
.main-navigation ul li:hover > ul {
border-right: 0;
border-left: none;
}
.commentlist .children {
margin-right: 48px;
margin-right: 3.428571429rem;
margin-left: auto;
}
}

/*side bar rtl position*/
@media (min-width: 992px	{
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: right; }
}
.attachment-post-thumbnail {float: right;}

/* Print CSS */
@media print {

body {
color: #888;
    margin: 0;
    padding: 0 !important;
    min-width: 768px;
  }
.container {
    width: auto;
    min-width: 750px;
  }
#content-text{
     float:none; 
     width:100%; }
#category-info, #fb-lazy-comments, #share-after-title , #single-post-paging {
    display:none;
}

}