/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}

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

.p-header {
    color: #bcdef5;
    background: #fff;
    border-top: 2px solid #98c010;
}

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

/*-------------------------------- Icons for navbar -----------------------------------*/

.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;content: "\f06e";}             
    &[data-nav-id="home"]{&:before{content: "\f015";}}
    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}
    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}
    &[data-nav-id="members"]{&:before{content: '\f007';}}
	&[data-nav-id="xfrm"]{&:before{content: '\f019';}}
    &[data-nav-id="xfmg"]{&:before{content: '\f030';}}
    &[data-nav-id="newPosts"]{&:before{content: '\f06d';}}
    &[data-nav-id="findThreads"]{&:before{content: '\f039';}}
    &[data-nav-id="searchForums"]{&:before{content: '\f002';}}
    &[data-nav-id="markForumsRead"]{&:before{content: '\f070';}}
    &[data-nav-id="whatsNewPosts"]{&:before{content: '\f0f6';}}
    &[data-nav-id="xfrmNewResources"]{&:before{content: '\f019';}}
    &[data-nav-id="whatsNewProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="whatsNewNewsFeed"]{&:before{content: '\f09e';}}
    &[data-nav-id="latestActivity"]{&:before{content: '\f005';}}
    &[data-nav-id="xfrmLatestReviews"]{&:before{content: '\f091';}}
    &[data-nav-id="xfrmYourResources"]{&:before{content: '\f0ed';}}
    &[data-nav-id="xfrmWatched"]{&:before{content: '\f06e';}}
    &[data-nav-id="xfrmSearchResources"]{&:before{content: '\f002';}}
    &[data-nav-id="currentVisitors"]{&:before{content: '\f234';}}
    &[data-nav-id="newProfilePosts"]{&:before{content: '\f040';}}
    &[data-nav-id="searchProfilePosts"]{&:before{content: '\f21b';}}
}
/*-------------------------------- //End Icons for navbar -----------------------------------*/

/*-------------------------------- Icons for Login and Register buttons -----------------------------------*/
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #fff;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #fff;
    padding-right: 5px;
}
/*-------------------------------- //End Icons for Login -----------------------------------*/

/*-------------------------------- Navbar & Forum category -----------------------------------*/
.p-nav {
    line-height: 40px;
}
.p-sectionLinks {
    border-bottom: 1px solid #8ab107;
}
.p-sectionLinks {
	padding: 6px 0;
    margin-bottom: 10px;

}
.p-sectionLinks .p-navEl {
    background-color: #98c010;
	color: #fff;
    margin-left: 5px;
    border-radius: 22px;
}
.p-sectionLinks-list .p-navEl.is-menuOpen {
    background: rgb(27, 143, 161);

}
.p-sectionLinks-list .p-navEl-link, .p-sectionLinks-list .p-navEl-splitTrigger {

    padding-top: 2px;
    padding-bottom: 2px;

}

/*-------------------------------- //End Navbar & Forum category -----------------------------------*/	

/*-------------------------------- sidebar -----------------------------------*/
.contentRow-main {
    font-size: 13px;
}
.contentRow-main a {
    color: #505050;
}
.pairs {
    font-size: 13px;
    padding: 5px;
}
.contentRow-main.contentRow-main--close {
    border-bottom: 1px solid #ececec;
	line-height: 25px;
	font-size: 12px;
}
/*-------------------------------- //End sidebar -----------------------------------*/	

/*-------------------------------- widget style -----------------------------------*/
.block-minorHeader {
    font-size: 13px;
	font-weight: 700;
    color: #1b8fa1;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 4px solid rgb(236, 240, 241);
    font-family: 'Droid Arabic Kufi';
    width: auto;
    margin-top: 5px;
	padding-left: 25px;
    position: relative;
    line-height: 15px;

}
.block-minorHeader a {
    color: #1b8fa1;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.block-minorHeader::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 5px;
    vertical-align: middle;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
    content: "\f0fd";
}
.block-minorHeader::after {
    content: "";
    position: absolute;
    bottom: -3px;
    right: 0px;
    width: 10%;
    height: 3px;
    background-color: #1b8fa1;
}

/*-------------------------------- //End widget -----------------------------------*/

/*-------------------------------- Breadcrumb -----------------------------------*/
.crumb-wrap {
  margin: 15px 0;
  position: relative;
}
.crumb-in {
  margin-left: 42px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 6px 10px;
  min-height: 36px;
}
.crumb-in a {
    font-weight: 700;
	color: #58646f;
}
.crumb-wrap .p-breadcrumbs {
  margin: 0;
}
.p-breadcrumbs>li:last-child:after {
  display: none;
}

.p-breadcrumbs>li:last-child a {
  font-weight: 700;
  color: #58646f;
}
.crumb-home-icon {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  text-align: center;
  background-color: #fff;
  line-height: 36px;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 0;
  background: none repeat scroll 0 0 #e1e1e1;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #646c74;
  box-shadow: 0 0 3px #ccc;
  text-shadow: 0 1px 0 #fff;
}
/*-------------------------------- //End Breadcrumb -----------------------------------*/

.Main {
    background-color: #fdfdfd;
    border: 1px solid #e0e0e0;
	padding: 8px;
	border-radius: 4px;
}
.F-HomeMainRight {
    background-color: #4b8b8a;
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    float: left;
    height: 4px;
    margin-left: -14px;
    margin-top: -3px;
    width: 5px;
}
.block.block--category.block--category .block-header {
    background: #1b8fa1;
    color: #ffffff;
	margin: 1px 0px 0px -14px;
	border-top-right-radius: 5px;
    border-top-left-radius: 0px;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	font-weight: 700;
    font-size: 15px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}
.block-container:not(.block-container--noStripRadius) > :first-child, .block-topRadiusContent, .block-container:not(.block-container--noStripRadius) > .block-body:first-child > .blockLink:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 0px;
}
.node--forum {
    border-width: 0;
	background-color: #fff;
}
.block--category .block-container {
  background-color: transparent !important;
  border-width: 0;
}

.node-title a {
	 font-size: 15px;
    font-weight: 700;
    color: #047b8d;
}
.node-title a:hover {
    text-decoration: none;
    color: #878787;

}
.node-subNodeFlatList a {
    color: #026d7e;
}
.node-extra-row {
    font-size: 11px;
    font-weight: 400;
    line-height: 22px;
}
.node-extra-row a {
    color: #026d7e;
    font-size: 11px;
     font-weight: 400;
}

.F-HomeMainTitle {
    text-align: center;
}

/*-------------------------------- Node Collapse -----------------------------------*/
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-left: 10px;
        &.is-active:before
        {
            content: "\f196";
            transform: scale(-1, 1);
            margin-left: -8px;
			font-size: 18px;
        }
        &:before
        {
            content: "\f205";
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}

.collapsible-nodes
{
        .block-header
        {
            display: flex;
			text-align: center; 
        }
        .block-header--left
        {
            max-width: 100%;
        }

    .block-body
    {
        transition: all 0.75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        -webkit-transition-property: all, -xf-opacity;
        transition-property: all, -xf-opacity;
        overflow-y: hidden;
        height: 0;
        -webkit-transition-property: all, -xf-height;
        transition-property: all, -xf-height;
        &.is-active
        {
            height: auto;
        }
    }
}

/*-------------------------------- //Node Collaps -----------------------------------*/

/*-------------------------------- Social -----------------------------------*/

.social-icon {
  float: right;
  margin-top: 6px;
  list-style: none;
}
.social-icon li {
  float: left;
  margin-right: 6px;
}
.social-icon li a {
  display: block;
  width: 30px;
  height: 30px;
  color: #91a9bf;
  float: right;
  text-align: center;
  position: relative;
  z-index: 1;
  line-height: 30px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d4dade;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.social-icon li a i {
  display: block;
  line-height: 30px;
  font-size: 18px;
}

.social-icon li a:hover {
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
}
.social-icon a.Scfacebook {
  color: #91a9bf;
}

.social-icon a.Sctwitter {
  color: #91a9bf;
}

.social-icon a.Scgoogleplus {
  color: #91a9bf;
}
.social-icon a.Scfacebook:hover {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}

.social-icon a.Sctwitter:hover {
  background-color: #55acee;
  border: 1px solid #55acee;
}

.social-icon a.Scgoogleplus:hover {
  background-color: #DE4B39;
  border: 1px solid #DE4B39;
}

/*-------------------------------- //End Social -----------------------------------*/

/*-------------------------------- stickySep -----------------------------------*/

.stickySeparator {
    height: 30px;
    background-color: #c0cdd8;
	border-bottom: 1px solid #88a0b4;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin: 0px;
}
/*-------------------------------- //End stickySep -----------------------------------*/
.button, a.button {
	box-shadow: inset 0px -2px 0px rgba(0,0,0,0.3);
	font-size: 11px;
	}
.block-header a {
    margin: 0px auto;
}
html {
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
}


.p-nav-list .p-navEl {

    color: #fff;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    font-weight: 700;
    text-shadow: 0 1px 1px #717070;

}
.p-nav-list .p-navEl.is-selected {
    color: #fff;
    font-weight: 700;
    background: #afd923;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.p-navgroup-link.p-navgroup-link--iconic .p-navgroup-linkText, .p-navgroup-link.p-navgroup-link--textual i {
    display: none;
}
.block-filterBar {
    background: #c0cdd8;
    border-bottom: 1px solid #88a0b4;
}	
.block-filterBar a {
    color: #2a4b68;
}		
.pairs {
    font-size: 12px;
    padding: 5px;
}


/*-------------------------------- Star-----------------------------------*/
.rankBlock {
    text-align: center;
	margin-top: -20px;
}
/*-------------------------------- //End Star -----------------------------------*/

/*-------------------------------- User Extras Collapse-----------------------------------*/
.message-userExtras-body
{
    .m-listPlain();

    &.message-userExtras--collapsible
    {
        .has-no-js & { display: block; }

        .m-transitionFadeDown();
    }
}

.message-cell
{
    .collapseTrigger
    {
        text-align: center;

        &.is-active:before
        {
            transform: rotate(-180deg);
        }
        &:before
        {
    content: "\f107";
    color: #2577b1;
    transition: ease-in transform .3s;
    width: auto;
    background: rgba(95, 95, 95, 0.1);
    width: 50px;
    color: #636363;
    border-radius: 20px;
        }
        &.collapseTrigger--block:before
        {
            float: none;
        }
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .message-cell
    {
        .collapseTrigger
        {
            display: none;
        }
    }
}

/*-------------------------------- //End User Extras Collapse -----------------------------------*/


.message-body {
    font-family: 'Droid Arabic Kufi',sans-serif;
    font-size: 13px;
}
.bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
    font-size: 12px;
}
.block--messages .message, .block--messages .block-row {

    color: #141414;
    background: #fefefe;
    border-radius: 0px;
    border: 5px solid #eaeaea;

}

@media screen  and  (max-width:700px) {
.rankBlock {
    display: none;
}
	.message-userExtras dl {
 padding: 5px 8px 5px 25px;
 background-color: #fff;
 margin: 0 0 3px;
 position: relative;
 font-size: 10px;
 height: 24px;
 border-radius: 15px;
 border: 1px solid #e4e4e4;
}

.message-userExtras dl i {
 position: absolute;
 top: 0;
 left: 0;
 width: 24px;
 height: 24px;
 background-color: #ffc168;
 color: #fff;
 display: block;
 text-align: center;
 line-height: 20px;
 font-size: 13px;
 text-shadow: 0 1px 0 #654e2f;
}
.pairs.pairs--justified > dt {
    color: #212121;
}