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

body {
    padding-top: 52px;
/*    padding-bottom:45px;*/
}

.img-custom {
	height: 380px !important;
}
img {
max-width:100%
}
body,h1,h2,h3,h4,p {
font-family:'Droid Arabic Naskh', serif;
}

.jumbo {
background-image:url(http://www2.2space.net/images/upl_news/131129/1385684423.jpg);
background-color:#333;
background-attachment:fixed;
color:#fff;
min-height:555px;
margin:-77px 0 77px;
}

.injumb {
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQIW2NkYGD4D8SMMBrOIF4AABTdCAXwCX9qAAAAAElFTkSuQmCC);
height:100%;
padding:127px 0 107px;
}

h4.heighty,.jumbo h3 {
line-height:2;
font-family:'Droid Arabic Kufi', serif;
}

.analytics {
color:#eee;
background-color:#000;
}

.uppy {
margin-bottom:10px;
}

.center img {
margin:auto;
}

.center {
text-align:center;
}

audio {
width:100%;
}

.navbar-default {
background-color:#ad8500;
border-bottom: 1px solid #000;
}

.navbar-default a {
color:#3f3f3f!important;
}

.foot {
background-color:#ad8500;
color:#D1DBBD;
margin-top:73px;
margin-bottom:-70px;
padding:73px 0;
}

.dropdown-menu {
/*background-color:#193441;
color:#d6e1de;*/
}

.foot a {
color:#D1DBBD;
text-decoration:none;
}

.foot a:hover {
color:#FFF0A5;
}

.foot li,.foot ul {
list-style-type:none;
margin:0;
padding:0;
}

.foot li {
border-top:1px dotted #d6e1de;
padding:5px 0;
}

.jumbotron * {
line-height:2;
}

.cover {
background-size:cover;
background-position:center center;
margin:-45px 0 10px;
}

.incover {
height:455px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=);
color:#fff;
padding:99px;
}

.incover h2 span {
background-color:rgba(43,63,67,0.43);
padding:10px;
}

a.credit {
color:#555;
font-size:small;
}

.profile_150,.profile_100 {
background-size:cover;
background-position:center center;
margin:auto auto 17px;
}

.profile_100 {
width:100px;
height:100px;
}

.profile_150 {
width:150px;
height:150px;
}

.rounded-counter {
	float: right;
	margin-left: 80px;
	margin-right: 60px;
	width: 152px;
	height: 152px;
	border: black 1px solid;
	text-align: center;
	padding-top: 30px;
	font-family: 'Droid Arabic Naskh', serif;
	font-size: 24px;
}

#books_result {
	padding: .5vw;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column-reverse;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	display: -webkit-box;
	display: flex;
	flex-direction: row-reverse;
}

#books_result div {
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto;
}

#books_result div img {
	width: 90%;
	height: auto;
}
@media screen and (max-width: 400px) {
	#books_result div { margin: 0; }
	#books_result { padding: 0; }

}

p.tags > a {
	margin-bottom: 10px;
}

/* nBar */
#nBar {
	height: 37px;
	margin-bottom: 10px;
	background-color: #01384a;
}
#nBar .title {
	float: right;
	font-size: 13px;
	padding: 0 10px;
	color: #fff;
	line-height: 37px;
	background-color: #ad8500;
}
#nBar .marquee {
	direction: ltr;
	height: 37px;
	overflow: hidden;
}
#nBar .marquee a {
	color: #ffffff;
	line-height: 37px;
	margin-left: 30px;
}
#nBar .marquee a:hover {
	text-decoration: underline;
}
/* Breaking */
.breaking-box.active{
	height: 40px;
}
#breaking {
	padding: 10px 0;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #ce0000;
	background-color: #e30000;
}
#breaking.fixed{
	position: fixed;
	top: 40px;
	right: 0;
	left: 0;
	z-index: 999;
}
#breaking .container {
	position: relative;
}
#breaking .breaking-title {
	float: right;
	color: #ffffff;
	font-weight: 700;
}
#breaking .content a {
	color: #ffffff;
	font-weight: 700;
}
#breaking .content a:hover {
	text-decoration: underline;
}
#breaking .share{
	position: absolute;
	left: 0;
	top: 7px;
}
#breaking .share li{
	float: right;
	margin-right: 10px;
}
#breaking .share li a{
	display: block;
	font-size: 24px;
	color: #ffffff;
}
#breaking .share li a:hover{
	color: #FFB400;
}

.navbar-default {
	margin-bottom: 0;
}

@media (max-width: 768px) {
    .logo {
        text-align: center;
    }
    .foot {
        text-align: center;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    
    .foot div.text-center {
        border-top: 1px solid white;
        margin-top: 10px;
    }
}

.our-friends p {
	font-size: 12px;
}

.nav>li>a {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.fa-book {
	color: #428bca;
}