@font-face {
  font-family: 'SSRead';
  src: url('../fonts/SSRead.eot?#iefix') format('embedded-opentype'),  url('../fonts/SSRead.woff') format('woff'), url('../fonts/SSRead.ttf')  format('truetype'), url('../fonts/SSRead.svg#SSRead') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'SLA Al-Faiz';
     src: url('../fonts/sla-alfaiz.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sla-alfaiz.woff2') format('woff2'),
         url('../fonts/sla-alfaiz.woff') format('woff');
}




@font-face {
  font-family: 'SaremSaamii';
  src: url('../fonts/SaremSaamii.eot?#iefix') format('embedded-opentype'),  url('../fonts/SaremSaamii.woff') format('woff'), url('../fonts/SaremSaamii.ttf')  format('truetype'), url('../fonts/SaremSaamii.svg#SaremSaamii') format('svg');
  font-weight: normal;
  font-style: normal;
}


#body{
font-family: 'SSRead';
background-color:#f5f5f5;
font-size: 16px;
}
h1,h2,h3,h4,h5{
font-family: 'SaremSaamii';
}
hr{
border-top: 2px solid #fff;
}

p,span{
 font-family:'SSRead';
 font-size:16px;
}

ul li{
list-style:none;
}
.navbar-inverse{
	background:#110f6e !important;
	color:#fff !important;
	border: none !important;
}



footer{
	background:#110f6e !important;
	color:#fff !important;
	border: none !important;
}
#myNavbar ul li{
 font-family: 'SaremSaamii';
 font-size:19px;
}
#current_editorial{
background:#fff;
border-radius: 5px;
padding:10px 10px 0px 10px;
}

section, p{
font-size:17px;
}
/*#full_article p{
background-color:#fff;
padding:20px;
}*/

#content{
    background-color:#fff;
padding:20px;
}

aside{
background-color:#fff;
}


/*NNNNNNNNN*/
hr.style14 { 
  border: 0; 
  height: 1px; 
  margin-top:-8px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

/*ssss*/
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

// non-related styling:
body{
  background: #333;
  color: #ddd;
}
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}