/*
Theme Name: CloneTemplates

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

@font-face{font-family:'Mashicons';
 src:url(http://islamonline.net/ar/wp-content/themes/mashmag2/assets/mashicons-webfont.eot);
 src:url("http://islamonline.net/ar/wp-content/themes/mashmag2/assets/mashicons-webfont.eot?#iefix") 
 format("embedded-opentype"),url(http://islamonline.net/ar/wp-content/themes/mashmag2/assets/mashicons-webfont.svg) 
 format("svg"),url(http://islamonline.net/ar/wp-content/themes/mashmag2/assets/mashicons-webfont.woff) 
 format("woff");font-weight:normal;font-style:normal}



body {
	direction: rtl;
	unicode-bidi: embed;
	
}

a{text-decoration: none;}

.page-header,
.entry-title ,
.article-excerpt,
.article-content,
.ribbon.hot,
.page-header h2,
article.post .article-title a,
.entry-content
 {
font-family: 'Droid Arabic Naskh', sans-serif !important;

}

nav.navigation.paging-navigation {
display: none;
}

.paging-navigation a {
color: rgb(0, 0, 0);
font-family: 'Droid Arabic Naskh', sans-serif !important;
font-weight: bold;
}

.paging-navigation a:hover {
border-top: 5px solid #FF931E;
border-bottom: 5px solid #FF931E;
color: #FF931E;
text-decoration: none;

}


html.no-touch .column-headers .header a em {
font-family: 'Droid Arabic Naskh', sans-serif !important;
font-style: normal;
font-size: 28px;
line-height: 60px;
/*font-weight: bold;*/
}


/*new head for home page*/
.new-head-home{height:350px;width:100%;position: relative;}
.new-head-home-image{height:350px;width:100%;position: relative;}
.stretch-head {width: 100%;margin: 0% 0 0 0;}
.new-head-home-text{position: absolute; width:100%;height:100%;min-height: 450px; background:rgba(0,0,0,0.41242149337055134);top:0px; }
.new-head-home-right-div{float: right;width:500px;;padding: 40px 20px;}
.new-head-home-right-div a {color: #fff;text-decoration: none;font-size: 50px;}
.new-head-home-left-div{float: left;width:300px;padding: 40px 20px; }
.new-head-home-left-div a{color: #fff;text-decoration: none;}

@media screen and (min-width: 10px) and (max-width:800px ){
.new-head-home{height:300px;}
.new-head-home-image{height:300px;}
.new-head-home-text{ }
.new-head-home-right-div{float: none ;width:100%;padding: 40px 20px;}
.new-head-home-left-div{float: right;width:300px;padding: 40px 20px; }
.new-head-home-right-div a {font-size: 30px;}
}



/*orange details for menu*/
#site-header .navbar , #site-header .navbar .navbar-inner,
.navbar-inner ul ul{background-color: #FF931E;}

.main-menu.inline>li.logo:hover {
background: #FF931E;
}

.main-menu.inline>li:hover {background: #E48830;}
.navbar ul.sub-menu a:hover {background-color: #E48830;}

.main-menu>li.submenu.active,
 .main-menu>li.submenu.locked {
border-bottom: 2px solid #E48830;
background: #FF931E;
}

.main-menu>li.submenu.active .submenu-content, 
.main-menu>li.submenu.locked .submenu-content,
.main-menu>li.submenu:focus .submenu-content {
position: absolute;
left: 0;
right: 0;
background: whitesmoke;
border-bottom: 5px solid #FF931E;
z-index: -1;
white-space: nowrap;
padding: 0;
}

a.follow-trigger {
max-height: 42px;
}

.main-menu>li.submenu.active>a,.main-menu>li.submenu.locked>a{color:#fff}




/*single head ribon*/

header.article-header {
margin-top: 20px;
}
.page-header:after {
content: "";
position: absolute;
bottom: -24px;
left: 0px;
height: 24px;
width: 100%;
z-index: 1;
background: url(/wp-content/themes/mashmag2/images/drop-nubbin-noshadow.png) bottom right repeat-x;
}




.main-menu>li.logo a.brand img {
margin-top: -17px;
margin-right: 20px;
width: 130px;
image-rendering: optimizeQuality;
}

.main-menu>li.menu a:before, #share-nav .menu a:before {
font-size: 24px;
}

a.byline {
text-decoration: none;
}


.column-content {
margin-top: 20px;
}

#column-new article.post .article-title {
font-size: 16px;
margin: 2px 2px;
}
#column-new article.post .article-date:before {
content: "قبل";
}

#column-rising .article-container article.post .article-title {
font-size: 20px;
font-weight:bold;
}

#column-hot .article-container article.post .article-title {
font-size: 28px;
font-weight:bold;
}
#column-hot article.post .article-excerpt {
color: #777;
font-size: 16px;
padding-top: 8px;

}




.nav-links {
clear: both;
text-align: right;
position: relative;
width: 90%;
margin: 0 auto;
}
.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous {
float: left;
width: auto;
}
}


.posts.show article.post.full .article-content p {
margin-bottom: 2em;
font-size: 22px;
}

.posts.show article.post.full .article-content p {
  margin-bottom:16px ;
  font-size: 16px;
}
article.post.short footer .article-shares-stub a.num {
text-transform: uppercase;
color: #999;
font-size: 11px;
font-size: 1.1rem;
position: relative;
display: inline-block;
line-height: 17px;
vertical-align: text-top;
padding-left: 12px;
margin-right: 30px;
}


article.post.short footer .article-shares-stub a.num:before, .quadratus.version-3.content-lift .article-shares-stub a.num:before, .quadratus.content-lift .article-shares-stub a.num:before {
content: "\e002";
/*margin: -5px 0px 0px 60px;*/
}


article.post.short footer .article-shares-stub a.num:before {
position: absolute;
top: -3px;
right: 0px;
display: inline-block;
vertical-align: middle;
margin-right: -30px;
/* margin-left: 45px; */
font-size: 16px;
color: #ccc;
-moz-transform: all 0.3s ease;
-ms-transform: all 0.3s ease;
-o-transform: all 0.3s ease;
-webkit-transform: all 0.3s ease;
transform: all 0.3s ease;
background: #9dcf75;
background: #d0d0d0;
color: #fff;
height: 26px;
width: 26px;
line-height: 29px;
text-align: center;
-webkit-font-smoothing: antialiased;
-webkit-text-rendering: optimizeLegibility;
}

article.post.short footer .article-shares-links {
height: 40px;
display: block;
opacity: 0;
}


.posts.show article.post.full header.article-header .shares .total-shares:after {
right: none;
left: -7px;
display:none;
}





h1.ribbon.hot {
FONT-SIZE: 16px;
}



.navbar .nav>li {
float: right;
}

.main-menu.inline>li a {
-webkit-transition: background-color 0.1s ease;
-moz-transition: background-color 0.1s ease;
-ms-transition: background-color 0.1s ease;
-o-transition: background-color 0.1s ease;
transition: background-color 0.1s ease;
font-size: 20px;
/* border-left: 1px solid #0195CC;*/
}

.menu-item-has-children > a:after {
content: "\f0d7";
font-family: FontAwesome;
margin-left: 11px;
margin-right: 5px;
}
/*
.main-menu>li.logo a.brand {
margin-left: 0;
padding: 0;
color: #fff;
width: auto;
height: 43px;
line-height: 38px !important;
}
*/
.main-menu.inline li.logo a.brand {
padding-left: 2px;
padding-right: 2px;
margin: 0px 20px;
}

.main-menu>li.logo a.brand span {

padding: 0px 20px;
}

li.follow.submenu.pull-right {
float: left;
}

.main-menu .submenu-content .page-container {
padding: 20px 20px;
float: left;
}

.main-menu .submenu-content .page-container .follow>* {
height: 20px;
vertical-align: top;
margin-left: 10px;
margin-right: 10px;
}

/*single*/

.posts.show article.post.full {
padding: 15px;
padding-top: 6px;
width: auto;
display: block;
max-width: 100%;
-moz-transition: padding 0.55s ease;
-o-transition: padding 0.55s ease;
-webkit-transition: padding 0.55s ease;
transition: padding 0.55s ease;
}

img.attachment-large.wp-post-image {
width: 100%;
}

/*author info*/
.posts.show article.post.full .article-info {
}

.posts.show article.post.full .article-info1 {
float: right;
width: 142px;
padding: 10px 20px;
margin: 0px 0px 0px 2px;
/*border: 1px solid #E6E7E8;*/
font-size: 12px;
text-decoration: none;
}

footer.article-topics {
clear: both;
}



/*left sidebar single*/
.box-cell.sidebar .article-container article.post .article-category {

margin-bottom: 5px;
margin-top: -8px;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}


.posts.show .post-inset, .posts.show article.post.full #op-ed-banner, .posts.show article.post.full #choice-banner, .posts.show article.post.full #spotlight-banner, .posts.show article.post.full header.article-header .publisher-info, .posts.show article.post.full .sponsored-info, .posts.show article.post.full .article-info, .posts.show article.post.full .article-topics, .posts.show article.post.full .article-content, .posts.show article.post.full .article-image .image-credit, .posts.show article.post.full .article-content .image .image-credit, .posts.show article.post.full footer .image-credit, .posts.show article.post.full .profile-summary, .posts.show .article-comments #powered_by_livefyre_new, .posts.show .adsense.bottom, .posts.show article.post.full .right_rail_replace, article.post.full .posts.show .right_rail_replace, .posts.show .sponsored-ad-slot, .posts.show #taboola-container, .posts.show #post-content .fyre-widget, #post-content .posts.show .fyre-widget, .posts.show #newsletter-signup, .posts.show #newsletter-signup-editorial {
max-width: 90%;
margin-left: auto;
margin-right: 3%;
}

.blockquote {
border: none;
padding: 0 8px 0 8px;
border-left: 0px solid #ddd;
border-right: 4px solid #00AEEF;
margin: 0 0 0 36px;
color: #777;
display: inline-block;
float: left;
margin: 0 4px 0 0;
width: 150px;
background: #FDFFBB;
}

header.profile-header .profile-picture {
position: absolute;
min-height: 200px;
width: 200px;
left: none;
top: 0px;
right: 10px;
}


.navbar-inner ul ul {top: auto;}

.nav-tabs>li, .nav-pills>li {
float: right;
}


.search-icon:before{
font-family: 'Mashicons';
content: "\e015";
}


article .share-buttons.v2.expanded {
border: none;
}

.share-buttons.v2.expanded .facebook, .share-buttons.v2.expanded .twitter, article .share-buttons.v2.expanded .facebook, article .share-buttons.v2.expanded .twitter {
padding: 0px 20px;
}

#share-nav .share-buttons.v2 {
margin-top: -5px;
}
#share-nav .facebook, #share-nav .twitter, #share-nav .whatsapp {
padding: 0px 20px;
}


#column-rising .article-container article.post .article-category, #column-hot .article-container article.post .article-category {
font-weight: bold;
font-size: 12px;
}



/*orange theme color*/

#column-rising .article-container article.post .article-category, 
#column-hot .article-container article.post .article-category,
.posts.show article.post.full header.article-header .shares .total-shares em,
.box-cell.sidebar .article-container article.post .article-category,
#share-nav .share-count,
.posts.show article.post.full .article-topics a {
color:#FF931E;
}

.paging-navigation {
border-top: 5px solid #FF931E;
margin: 48px 0;
}



@media screen and (min-width: 10px) and (max-width:700px ){
#column-new article.post .article-excerpt {

padding: 2px 16px;
}

#share-nav .facebook, #share-nav .twitter, #share-nav .whatsapp {
margin-right: 5px !important;
padding: 6px;
line-height: 34px;
margin-top: 5px;
height: 34px;
width: 48px;
color: #fff;
font-size: 0px!important;
}

#share-nav {

/*height:50px;
width:100%;top:-50px
*/

}



article .share-buttons.v2.expanded .secondary-shares {
margin-top: 0px;
display: inline-block;
}

}


@media (min-width: 630px) {
	#share-nav .share-count:after {
		content: "مشاركة";
	}
}