/* maki - religious icons */
@import url('https://weloveiconfonts.com/api/?family=maki'); 
[class*="maki-"]:before { font-family: 'maki', sans-serif;}

/* Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0. */


:root {font-size: 17px; }

/* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 0.8em;
    }
}
/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 0.9em;
    }
}
/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 1.1em;
    }
}
/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.2em;
    }
}
html, body {height: 100%;}
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */

body {    	font-family: 'Lato',sans-serif;
			font-size:100%;
			padding-top:50px;
			line-height: 1.5;
		 /*	background-image:url('./img/clouds-bg2.jpg'); 
    		background-repeat: repeat repeat;
			background-attachment: fixed;
			background-position: center; */	
}

.header {	background: #EDEDED; border-bottom:#ccc 1px solid;	}
.lato {		font-family: 'Lato', sans-serif;}

/* STRIPED ROW <div class="row row-striped"> */
.row-striped:nth-of-type(odd){
  background-color: #F5F5F5;
  padding:10px;
  border-bottom: 1px solid #BEBEBE; 
}
.row-striped:nth-of-type(even){
  background-color: #FFFFFF;
  padding:10px;
  border-bottom: 1px solid #BEBEBE; 
} 

.row-divider{
 margin-top:5px;
 margin-bottom:5px;
 height:1px;
 width:100%;
 border-top:1px solid #E2E2E2;
}

/* WORDWRAP */
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/* DIVIDER*/
hr {
   	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #DDDDDD; /*same color as table border*/ 
	width:90%; 
	margin:0 auto; /*center*/
	margin-top: 20px;
	margin-bottom: 20px;
} 

/* HEADINGS */
/* page title */
h1 { 	font-family: 'Lato', sans-serif;font-size:150%; font-weight:700;color:#000000; line-height:1.3;	padding-top:10px;padding-bottom:20px;}
h2 { 	font-family: 'Lato', sans-serif;font-size:140%;	font-weight:700;color:#565656; line-height:1.5;	padding-top:20px;padding-bottom:20px;}
h3 { 	font-family: 'Lato', sans-serif;font-size:130%;	font-weight:700;color:#565656; line-height:1.5;	padding-top:10px;padding-bottom:10px;}
h4 { 	font-family: 'Lato', sans-serif;font-size:120%;	font-weight:700;color:#565656; line-height:1.5;	padding-top:10px;padding-bottom:10px;}
/* table heading */
h5 { 	font-family: 'Lato', sans-serif;font-size:110%;	font-weight:700;color:#565656; line-height:1.5;	padding-top:0px;padding-bottom:0px;}
/* right menu */
h6 { 	font-family: 'Lato', sans-serif;font-size:105%;	font-weight:700;color:#565656; line-height:1.5;	padding-top:0px;padding-bottom:0px;}

/* font standard center */
h3c	{ 	font-family: 'Lato', sans-serif;font-size:140%; font-weight:300;color:#565656; padding-top:10px;padding-bottom:10px; display:block; margin-left: auto; margin-right: auto; text-align:center; }
h4c	{ 	font-family: 'Lato', sans-serif;font-size:130%; font-weight:300;color:#565656; padding-top:10px;padding-bottom:10px; display:block; margin-left: auto; margin-right: auto; text-align:center; }


/* HEADINGS IN TABLE */
boldb { font-size:100%;	font-weight:700; color:#000000; margin-bottom:0px; display:table; }
boldg {	font-size:100%;	font-weight:700; color:#C0964F; margin-bottom:20px; display:table;}
/*.btn {	font-family: 'Lato', sans-serif; font-size:80%;} /*little btns*/

.img-portfolio {    	margin-bottom: 30px;}
.img-hover:hover {  	opacity: 0.8;}


/* TABLE HEADING */
/* .article_table DEFINED IN menu.inc.php */
.article_td 		{font-size:140%; text-align:left; color:#05202b; background-color:#DDDDDD; font-weight:700;}
.article_td_small 	{font-size:70%; text-align:left; color:#666; font-weight:400; }

/* FONT SIZE */
.font50 { font-size:50%; }
.font60 { font-size:60%; }
.font65 { font-size:65%; }
.font70 { font-size:70%; }
.font75 { font-size:75%; }
.font80 { font-size:80%; }
.font85 { font-size:85%; }
.font90 { font-size:90%; }
.font95 { font-size:95%;/*USED*/  }
.font97 { font-size:97%;/*USED*/ }
.font98 { font-size:98%; }
.font99 { font-size:99%; }
.font105 { font-size:105%; }
.font110 { font-size:110%; }
.font120 { font-size:120%; }
.font130 { font-size:130%; }
.font135 { font-size:135%; /*USED*/ }
.font140 { font-size:140%; }
.font150 { font-size:150%; }
.font160 { font-size:160%; }
.font170 { font-size:170%; }
.font180 { font-size:180%; }
.font190 { font-size:190%; }
.font200 { font-size:200%; }

/* HIGHLIGHT */
.highlight{			color:#C0964F; }
.highlight-yellow{	background-color:#FFFFCC; padding:5px; }
.highlight-gray{ 	background-color:#666666; color:#FFF; padding:5px; }
.highlight-lgray{ 	background-color:#EEE; color:#000; padding:5px; }
.highlight-black{	background-color:#000000; color:#FFF; padding:5px; }
.highlight-blue{	background-color:#3FF; padding:5px; }
.highlight-green{	background-color:#6FC; padding:5px; }
.highlight-red{		background-color:#FFB7B7; padding:5px; }

/* BG COLORS */
.green {	color:#C0964F;}
.red {   	color:red;}
.blue {  	color:blue;}
.white {  	color:#FFF;}
.gray {  	color:#7D7D7D; }
.orange {  	color:#FFCC99;}
.lemon { 	color:#FF9; }
.skyblue {  color:#66ccff;} 
.black {  	color:#000;} 
.lgreen {  	color:#ccff66;} 
.dgray {  	color:#666;} 
.lgray {  	color:#999;}
.success { 	color:#3D893D;}


/* VERTICAL TABLE BORDER - not in use */
.table-borders tr,.table-borders td { 
	border-left-color: #F0F0F0; border-left-style: solid; border-left-width: 5px;
	border-right-color:#F0F0F0; border-right-style:solid; border-right-width: 5px;
	padding-right: 6px; padding-left: 6px;
}

.youtube-videotitle{  	color:#565656; font-size:90%; font-weight:700; }


/* LAYOUT TWEAKS */
.spacer2 {padding:2px; }
.spacer3 {padding:3px; }
.spacer5 {padding:5px; }
.spacer10 {padding:10px; }
.spacer20 {padding:20px; }
.spacer30 {padding:30px; }

/* Home Page Carousel 
header.carousel {    height: 250px; width:100%; margin-left:auto; margin-right:auto;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {    height: 100%;}
header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.table-mobile {
	overflow-x:auto;
}
*/


/* YOUTUBE VIDEO CAROUSEL BG */
.isotope-youtubevideobg {
	min-height:320px;  
	padding:0px; 
	background-color:#F0F0F0; 
	background-image:url("img/bg-youtubevideo2.gif"); 
	background-repeat:no-repeat;
    background-position: bottom right;
	background-size: 80px 80px;
}
/* BITCHUTE VIDEO CAROUSEL BG */
.isotope-bitchutevideobg {
	min-height:320px;  
	padding:0px; 
	background-color:#F0F0F0; 
	background-image:url("img/bg-bitxxxx2.gif"); 
	background-repeat:no-repeat;
    background-position: bottom right;
	background-size: 80px 80px;
}

/* border-less table */
.table-borderless tbody tr td,
.table-borderless tbody tr th,
.table-borderless thead tr th,
.table-borderless thead tr td,
.table-borderless tfoot tr th,
.table-borderless tfoot tr td {
    border: none;
}
/* border-less table */


/* default icon for article,news,link,faq results */
img.iconpage {
	float:left;
	max-height:60px;
	max-width:60px;
	margin-right:10px;
	margin-bottom:5px;
}


/* Footer Styles */
footer {
    margin: 50px 0;
}

/* CORE COLORS */
.jewish 		{ 	color: #E9E7FA; }
.christian 		{ 	color: #EFEFEF;  }
.islam 			{ 	color: #DDEBC5; }

.font-jewish{ 		color:#E9E7FA; }
.font-christian{	color:#EFEFEF; }
.font-islam{ 		color:#DDEBC5; }

.bg-jewish 		{ 	background-color: #E9E7FA; }
.bg-christian	{ 	background-color: #EFEFEF; }
.bg-islam 		{ 	background-color: #DDEBC5; }

.btn-jewish 	{ color: #000; background-color: #E9E7FA; border-color:#ccc; }
.btn-christian 	{ color: #000; background-color: #EFEFEF; border-color:#ccc; }
.btn-islam 		{ color: #000; background-color: #E6F0D2; border-color:#ccc;/*WAS #CEE2A9 */ }

/* BOXJEWISH*/
.box-jewish 	{ 	background-color:#E9E7FA;padding:5px; margin:30px 10px 30px; font-size:95%;color:#666;text-align:left;line-height:150%;}
.box-jewish::before{
  content: "\2721"; /*Unicode for Left Double Quote*/    
  font-size: 200%; font-weight:700; color: #7569DE; float:left; padding-right:10px;  clear:both; /*Positioning*/
}
.box-jewish::after{ content: "";}
.box-jewish em{  	font-style: italic;}
.box-jewish small{	color:#999; font-size:85%; padding-left:10px;padding-top:5px; display:block;}

/* BOXCHRISTIANITY */
.box-christian 	{ 	background-color:#EFEFEF;padding:5px; margin:30px 10px 30px; font-size:95%;color:#666;text-align:left;line-height:150%;}
/*.box-christian{ 	background-color:#EFEFEF;padding:10px;margin:20px 0px 20px;margin-right:1%;margin-left:1%;font-size:95%;color:#666;text-align:left;line-height:150%;} */
.box-christian::before{
  content: "\271D"; /*Unicode for Left Double Quote*/   
  font-size: 200%; font-weight:700; color: #666666; float:left; padding-right:10px; clear:both; /*Positioning*/
}
.box-christian::after{  content: "";}
.box-christian em{  font-style: italic;}
.box-christian small {	color:#999; font-size:85%; padding-left:10px;padding-top:5px; display:block;}

/* BOXISLAM */
.box-islam 		{ 	background-color:#DDEBC5;padding:5px; margin:30px 10px 30px; font-size:95%;color: #666;text-align:left;line-height:150%;}
.box-islam::before{
  content: "\262A"; /*Unicode for Left Double Quote*/    
  font-size: 200%; font-weight:700; color: #95C043; float:left; padding-right:10px;  clear:both; /*Positioning*/
  }
.box-islam::after{  content: "";}
.box-islam em{  	font-style: italic;}
.box-islam small {	color:#999; font-size:85%; padding-left:10px;padding-top:5px; display:block;}

/* BOXES 
WAS .box-gray{	background-color:#EFEFEF; 	color:#000; padding:10px; margin:30px 10px 30px; font-size:95%; line-height:150%;} */
.box-gray{		background-color:#EFEFEF; 	color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-lemon{		background-color:#ffc; 		color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-yellow{	background-color:#ffc; 		color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-blue{		background-color:#fcf; 		color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-red{		background-color:#FCC; 		color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-green{		background-color:#F2EFEC; 	color:#000; padding:10px; margin:30px 0px 30px; font-size:100%; line-height:150%;} 
.box-gray small{color:#666; font-size:80%; padding-top:10px; display:block;}
.box-red small{	color:#666; font-size:80%; padding-top:10px; display:block;} 

.scripture_notes{background-color:#DEDBF7;	color:#000; padding:10px; margin:30px 0px 30px; font-size:95%;border-left: 4px solid #999; line-height:150%;} 


/* NEW THEME COLOR ADDED 100115 - FB BLUE - #305891  */
.btn-listen {
  color: #fff;
  background-color: #305891;
  border-color: #eea236;
}
.btn-listen:hover,
.btn-listen:focus,
.btn-listen.focus,
.btn-listen:active,
.btn-listen.active,
.open > .dropdown-toggle.btn-listen {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-listen:active,
.btn-listen.active,
.open > .dropdown-toggle.btn-listen {
  background-image: none;
}
.btn-listen.disabled,
.btn-listen[disabled],
fieldset[disabled] .btn-listen,
.btn-listen.disabled:hover,
.btn-listen[disabled]:hover,
fieldset[disabled] .btn-listen:hover,
.btn-listen.disabled:focus,
.btn-listen[disabled]:focus,
fieldset[disabled] .btn-listen:focus,
.btn-listen.disabled.focus,
.btn-listen[disabled].focus,
fieldset[disabled] .btn-listen.focus,
.btn-listen.disabled:active,
.btn-listen[disabled]:active,
fieldset[disabled] .btn-listen:active,
.btn-listen.disabled.active,
.btn-listen[disabled].active,
fieldset[disabled] .btn-listen.active {
  background-color: #305891;
  border-color: #eea236;
}
.btn-listen .badge {
  color: #305891;
  background-color: #fff;
}

/* GRAY BUTTON*/
.btn-gray{
	color:#333;
	background-color:#DFDFDF;
	border-color:#CCC
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #FFF;
  background-color: #999;
  border-color: #CCC;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #DFDFDF;
  border-color: #CCC;
}
.btn-gray .badge {
  color: #333;
  background-color: #DFDFDF;
}


/* carousel text
.carousel-text { 
    color: #FFF;
	 font-size:25px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 background-color:#222; 
	 padding:10px; 
	 max-width:550px; 
	 display:inline-block; 
	 position: relative;
}
*/

/* carousel hack. stretches images to width*/
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 250px;
}

/* SET IN header.inc.php AND footer.inc.php*/
#toTop {
    padding: 15px;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
}

.smallcaps {font-size:80%; text-transform: uppercase; background:#666; display:table; margin-top:10px; margin-bottom:10px; color:#FFF;
    box-shadow:5px 0 0 #666, -5px 0 0 #666; padding: 5px 0; }

.viewdata { font-size:80%; padding-top:5px; color:#666; }

/* MAKES NAV MENU DROP ON HOVER*/
li.dropdown:hover ul{ display: block; }

/* BLACK BOX FOR VIDEO TOTALS */
.blackbox {background-color:#000; color:#FFF;font-size:80%; padding-left:5px; padding-right:5px; margin-top:20px; margin-bottom:5px; margin-left:5px; display:table; }

.pull-center {    text-align: center;    float: none;    margin: 0 auto;}
.credit {word-wrap: break-word; font-size:70%;}
 

 /* HOMEPAGE BOXES*/
 .feature {
    text-align:center;
    padding:10px;
	border: solid 3px #FFF;
}
.feature p {    font-size:90%; color:#666;}
.feature h5 {   color:#000;  }
.feature i{ 	color:#000; font-size:40px; padding:10px;
/*  background:#fff;border-radius:50%;border: solid 5px #fff; */
}
 /* HOMEPAGE BOXES*/
 

/*.quran-number-panel	{ font-size:20px; color:#FFF; padding:10px;  text-align:center; margin:20px; background-color:#CCC; float:left; display:block; border-bottom:#999 1px solid;  } */
.prophet-verse-panel	{ font-family: 'Courier New', Courier, monospace; font-size:97%; }
.quran-verse-h4 		{ font-size:17px; font-weight:700; padding-top:20px; padding-bottom:20px; text-decoration:underline; }


/* profile > ibnkathir tab */ 
ibnkathir { 	font-size:15px; color: #666; font-family:"Courier New", Courier, monospace; }
ibnkathir h2 { font-size:18px; padding-top:20px; text-decoration:underline; }

/* JEWISH */
.torah {color: #003333; font-family:"Courier New", Courier, monospace; font-size:95%; line-height:150%; background-color:#E9E7FA; padding:5px; margin:30px 10px 30px; }
.torah small {	color: #999; display:block; margin-top:5px;}
/* CHRISTIAN */
.bible {color: #003333; font-family:"Courier New", Courier, monospace; font-size:95%; line-height:150%; background-color:#EFEFEF; padding:5px; margin:30px 10px 30px; }
.bible small {	color: #999; display:block; margin-top:5px;}
/* ISLAM */
.quran {color: #003333; font-family:"Courier New", Courier, monospace; font-size:95%; line-height:150%; background-color:#DDEBC5; padding:5px; margin:30px 10px 30px; }
.quran small {	color: #999; display:block; margin-top:5px;}

.hadith {	color: #666; font-family:"Courier New", Courier, monospace; font-size:100%; padding-bottom:20px;}
.vedas {	color: #333; font-family:"Courier New", Courier, monospace; font-size:100%; padding-bottom:20px;}

/* TEXT UNDER topcircle() */
.definition {	color: #4EAD5A; font-weight:700; padding:20px; font-size:105%; text-transform: uppercase;}

.count{color:#000; font-family:"Courier New", Courier, monospace; font-size:90%; border:#EEE 1px solid; background-color:#FFF; padding:1px;}


/* VIDEO CSS */

.video-list-thumbs{}
.video-list-thumbs > li{
    margin-bottom:12px
}
.video-list-thumbs > li:last-child{} 
.video-list-thumbs > li > a{
	display:block;
	position:relative;
	background-color: #FFF; /*video tile bg */
	color: #fff;
	padding: 8px;
	border-radius:3px
}
.video-list-thumbs > li > a:hover{
	background-color:#000;
	transition:all 500ms ease;
	box-shadow:0 2px 4px rgba(0,0,0,.3);
	text-decoration:none
}
.video-list-thumbs h2{
	bottom: 0;
	font-size: 14px;
	height: 33px;
	margin: 8px 0 0;
}
.video-list-thumbs .glyphicon-play-circle{
    font-size: 60px;
    opacity: 0.6;
    position: absolute;
    right: 39%;
    top: 31%;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.video-list-thumbs > li > a:hover .glyphicon-play-circle{
	color:#fff;
	opacity:1;
	text-shadow:0 1px 3px rgba(0,0,0,.8);
	transition:all 500ms ease;
}
.video-list-thumbs .duration{
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	left: 12px;
	line-height: 13px;
	padding: 2px 3px 1px;
	position: absolute;
	top: 12px;
}
.video-list-thumbs > li > a:hover .duration{
	background-color:#000;
	transition:all 500ms ease;
}
@media (min-width:320px) and (max-width: 480px) { 
	.video-list-thumbs .glyphicon-play-circle{
    font-size: 35px;
    right: 36%;
    top: 27%;
	}
	.video-list-thumbs h2{
		bottom: 0;
		font-size: 12px;
		height: 22px;
		margin: 8px 0 0;
	} 
}
/* VIDEO CSS */



/* TOP-LEFT VIDEO LENGTH BLACK BOX*/ 
.youtube-duration-box{
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 13px;
	padding: 3px 4px 2px;
	position: absolute;
	bottom: 0px;
	right: 15px;
}


/* FOOTER CSS */
.full {
    width: 100%;	
}
.gap {
	height: 30px;
	width: 100%;
	clear: both;
	display: block;
}

/*
.footer {
	background: #EDEFF1;
	height: auto;
	padding-bottom: 30px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #DDDDDD;
}
.footer p {
	margin: 0;
}
.footer img {
	max-width: 100%;
}
.footer h3 {
	border-bottom: 1px solid #BAC1C8;
	color: #54697E;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 40px 0 10px;
	text-transform: uppercase;
}
.footer ul {
	font-size: 13px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 15px;
	color: #7F8C8D;
}
.footer ul li a {
	padding: 0 0 5px 0;
	display: block;
}
.footer a {
	color: #78828D
}
.supportLi h4 {
	font-size: 20px;
	font-weight: lighter;
	line-height: normal;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}


.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 36px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
}
.social li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.social li a i {
	font-size: 16px;
	margin: 0 0 0 5px;
	color: #EDEFF1 !important;
}
*/


/* footer A border-bottom: 1px solid #CCC; margin-left:5px; padding:5px;*/
.footera {		padding-top:20px;padding-bottom:20px; background-color:#F1F1F1; border-bottom:solid 1px #DBDBDB; font-size:90%; }
.discover-footer{ font-size:80%; border-bottom: 1px solid #CCC; padding:5px; } 
.learn-list { 	font-size:95%; border-bottom: 1px solid #CCC; padding:5px; }
 
/* footer B  ABOUT */
.footerb {			padding-top:20px;padding-bottom:20px; background-color:#FFF; border-bottom:solid 1px #CECECE;  font-size:90%; }
.footerb-define { 		font-size:90%; color:#2C3539; }
.footerb-prophet-list { font-size:100%; color:#666; line-height:150%; } 
.footerb-stats {  		font-size:100%; color:#666; font-variant:small-caps; }

/* footer C*/
.footerc {				padding-top:20px;padding-bottom:20px; background-color:#FFF; line-height:150%; border-bottom:solid 1px #CECECE; font-size:90%;}
.footerc-disclaimer {font-size:80%; color:#666;}
.footerc-copyright {	font-size:80%}
.footer-keywords 	{ 	font-size:80%; background-color:#000; padding:2px; text-align:center;} 

.small-caps {font-variant: small-caps;} 

/* FOOTER CSS */
.indent { margin-left:25px; display:block; }


img.gallery {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}

/* Quranic quotes in footer*/
.quotefooter {
   	font-weight:700;
	font-size:130%;
	color:#CDE1F1;
	text-align:center;
	padding-top:20px;
}

/*
.fa-yes {	font-size:160%;color:#CA0000; }
.fa-no {	font-size:140%;color:#FF7D7D; }
*/
/* help page 
.faq-q {
	font-size:17px;
	color:#666; 
}
.faq-a {
	color:#000; 
	margin-bottom:20px; padding:10px;
}
*/

/* OVER-RIDE BOOTSTRAP TABLE ROW HOVER*/
.table-hover>tbody>tr:hover{background-color:#D9D9D9;}

/*radio - are you a muslim */
.radio-toolbar input[type="radio"] {
    display:none; 
}
.radio-toolbar label {
    display:inline-block;
    background-color:#333;
    padding:4px 11px; 
	margin-top:20px;
	font-weight:100;
    font-size:15px; color:#FFF;
}
.radio-toolbar input[type="radio"]:checked + label { 
    background-color:#099;
}

/* faq accordion */
    .faqHeader {
        font-size: 27px;
        margin: 20px;
    }
    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e072"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }	

/* help page*/
.faq-cat-content {
    margin-top: 0px;
}
.faq-cat-tabs {
    background-color: #ffcccc;
}
.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffcccc;
    border: 1px solid #999;
    color: #000;
}
.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}
.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
} 
.faq-cat-content .panel-heading:hover {
    background-color: #fff;
}
.active-faq {
    border-left: 5px solid #888888;
} 
.panel-faq .panel-heading .panel-title span {
    font-size: 15px;
    font-weight: normal;
	 color:#000;
}

/* number in circle *
span.circle {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
} */

/* number in circle */
.circle {
  background: #999;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em; 
 /* 
  background: #999;
  color: #ffffff;
  font-weight:700;
    display:inline-block;
    border-radius:50%;
    border:0px solid;
*/
}
/* CIRCLE CENTERED */
.circlec {
  background: #999;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display:block;
  margin-left: auto; margin-right: auto;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
  margin-bottom:10px;
}
/*
.circle:before,
.circle:after {
    content:'\200B';
    display:inline-block;
    line-height:0px;
    padding-top:50%;
    padding-bottom:50%;
}
.circle:before {    padding-left:7px;}
.circle:after {    padding-right:7px;}
*/
/* number in circle */

.bg-tooltip {	background-color: #000000; color:#FFF; text-align:center;}
.bg-gray {		background-color: #F0F0F0;}
.bg-white {		background-color: #FFF;}
.bg-lemon {		background-color: #FFFFD5;}
.bg-lemonl {	background-color: #FFFFEA;} /*light-lemon leftmenu*/
.bg-red {		background-color: #FFB7B7;}
.bg-blue {		background-color: #B4CFEC;}
.bg-black{ 		background-color: #000;} 
.bg-steelblue{	background-color: #3179B5;} 
.bg-yellow{ 	background-color: #FFFFCC;}
.bg-green{ 		background-color: #b4ecb4;}


.islam-number-panel	{ 			font-size:20px; color:#000; padding:10px;  text-align:center; margin:20px; background-color:#CEE2A9; float:left; display:block; border-bottom:#999 1px solid;  }
.christianity-number-panel	{ 	font-size:20px; color:#000; padding:10px;  text-align:center; margin:20px; background-color:#EFEFEF; float:left; display:block; border-bottom:#999 1px solid;  }
.judaism-number-panel{ 			font-size:20px; color:#000; padding:10px;  text-align:center; margin:20px; background-color:#DEDBF7; float:left; display:block; border-bottom:#999 1px solid;  }

	/* SOURCE BOX */
            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #E3E3E3;
					 border:#EEE 1px solid;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

				/* SOURCE BOX TEXT */
                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #666;
                    font-size: 16px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 18px;
						  font-weight:700;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #FFF;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60); 
                    }

/* dotted timeline css */


/* NEW LABELS http://cssdeck.com/labs/twitter-bootstrap-labels */
.label {
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.label.important {	background-color: #c43c35;}
.label.warning {    	background-color: #f89406;}
.label.success {    	background-color: #46a546;}
.label.notice {    	background-color: #62cffc;}
.label.black {    	background-color: #000;}
/* NEW LABELS http://cssdeck.com/labs/twitter-bootstrap-labels */


.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/* keyword links in footer.php*/
a.tags {
	background: #1abc9c; 
   border-radius: 2px;
   color: #f5f5f5;
   font-weight: bold;
   padding: 2px 4px; 
}

.left { float: left;}
.right { float: right;}

/* reply on muslim.php page
.muslim-feedback {font-variant:small-caps; font-size:15px; padding:5px; margin-top:20px; color:#000; }
*/


/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item 			{opacity: 0;  transition-property: opacity;}
.carousel-fade .carousel-inner .active 		{opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right	{left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right 	{opacity: 1;}
.carousel-fade .carousel-control 				{z-index: 2;}


/* profile sources - custom inclusion of right, left and below tabs */
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {  border-bottom:0; background-color:#FFF;}

.tab-content > .tab-pane,
.pill-content > .pill-pane {  display: none;}

.tab-content > .active,
.pill-content > .active {  display: block;}

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

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 280px; /*tab width */
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
	background-color:#FFF;
  	margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
  background-color:#E7E3E7;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  border-left:#F00 3px solid;
}


.fb-profile img.fb-image-lg{
    z-index: 0;
    width: 100%;  
    margin-bottom: 10px;
}
.fb-image-profile{
    margin: -90px 10px 0px 50px;
    z-index: 9;
    width: 20%; 
}
@media (max-width:768px)
{    
.fb-profile-text>h1{
    font-weight: 700;
    font-size:16px;
}
.fb-image-profile {
    margin: -45px 10px 0px 25px;
    z-index: 9;
    width: 20%; 
}
}


/* Bootstrap 3.1 affix sidebar template */
.affix-top,.affix{
 position: static;
}
@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
  }  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}
#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}
/* Bootstrap 3.1 affix sidebar template */

.hline {    
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #333;
    margin: 1em 0;
    padding: 0;
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/* profile section css */
.profile_bg_detail 	{background-color:#fff; padding:0px;}
.profile_bg_stats 	{background-color:#FFC; padding:0px; font-size:80%;}
.profile_bg_achieve	{background-color:#EDEDED; padding:2px; border-left: solid 2px #bda694; margin-left:12px;}
.profile_bg_miracle	{background-color:#EDEDED; padding:2px; border-left: solid 2px #bda694; margin-left:12px;}

/*.profile_bg_news 	{background-color:#f0f0f0; padding:10px; border-left: solid 2px #bda694; padding:10px; margin-left:12px;} */


.profile_bg_map 	{background-color:#A9CAFC; padding:0px; margin-top:20px; margin-bottom:20px;}

.profile_bg_facts 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_family 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_battle 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_faq 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_news 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_links 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_article	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_photo 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_video 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}
.profile_bg_source 	{background-color:#FFFFFF; padding:0px; margin-top:20px; margin-bottom:0px;}

/*.profile_h2 {background-color:#F2EFEC ; color:#000; font-size:150%; font-weight:700; padding:5px; text-align:center; margin-top:20px; margin-bottom:10px; border-bottom:1px solid #CCC; }*/
.profile_h2 {color:#000; font-size:150%; font-weight:700; text-align:center; margin-bottom:30px; margin-top:10px; background-color:#cfcfc4; }
.profile_h2 small {color:#333; font-size:65%; text-align:center; /*border:1px solid #CCC;*/ }

.profile_h3 {color:#000; font-size:150%; margin-top:50px; margin-bottom:20px; padding:5px; background-color:#DDEBC5; }

/* PRPFILE QUOTES CAROUSEL */
.quotei {
    color: #fff;
	font-size:200%;
	padding:20px;
	padding-top:30px;
	display:block;
  	text-shadow: 2px 2px #000;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 0px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}



.carouselyoutube {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    margin-top: 90px;
}
.carousel-control.right {
	right: -12px;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}

/* NAV SCROLLABLE MENU */
.scrollable-menu {
    height: auto;
    max-height: 700px;
    overflow-x: hidden;
	 overflow-y:auto;
}
.scrollable-menu::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;        
}    
.scrollable-menu::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: lightgray;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
}

.profile_source_outer { padding-bottom:20px;}


/* rating */
.rating .glyphicon {font-size: 22px;}
.rating-num { margin-top:0px;font-size: 54px; }
.progress { margin-bottom: 5px;}
.progress-bar { text-align: left; }
.rating-desc .col-md-3 {padding-right: 0px;}
.sr-only { margin-left: 5px;overflow: visible;clip: auto; }
/* rating */

/*<!--scrollToTop-->  */
.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

.vertical {
 	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	display:block;
	width:10px;	
}


hr.black{ border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } /* black line */
hr.dash { border: 0; border-bottom: 1px dashed #ccc; background: #999; } /* Double-color dashed line */ 
hr.gray	{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* gray line */

.box {  outline:1px solid #DDDDDD; color:F0F0F0; margin-top:10px;margin-bottom:10px;}


/* BLOCKQUOTE */
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;  
  /*Font*/
  font-size: 95%;
  color: #666;
  text-align: justify;  
  /*Borders - (Optional)*/
  border-left: 15px solid #f0f0f0;
  border-right: 2px solid #f0f0f0;  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;   
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
blockquote::after{  content: "";}
blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}
blockquote a:hover{ color: #666;}
blockquote em{  font-style: italic;}


/* BOXQUOTE */
.box-quote{		
 /* display:block;  background: #FFFFD9;  padding: 10px;  margin: 20px 0px 20px;  position: relative; margin-right:5%;margin-left:5%; yellow*/
  display:block;  background: #F0F0F0;  padding: 10px;  margin: 20px 0px 20px;  position: relative; margin-right:1%;margin-left:1%; min-height:80px;
  font-size: 95%;  color: #666;  text-align: left;  /*Font*/    
  -moz-box-shadow: 2px 2px 5px #999;  -webkit-box-shadow: 2px 2px 5px #999; /*Box Shadow - (Optional)*/
}
.box-quote::before{
  content: "\275D"; /*Unicode for Left Double Quote*/    
  font-size: 45px; color: #0FB060; float:left; padding-right:10px; clear:both; /*Positioning*/
}
.box-quote::after{  content: "";}
.box-quote em{  font-style: italic;}
.box-quote small {	color:#999; font-size:85%; padding-left:10px;padding-top:5px; display:block;}

/* BOXQUESTION */
/*
.boxquestion{
  display:block;  background: #ffdfba;  padding: 10px;  margin: 20px 0px 20px;  position: relative; margin-right:3%;margin-left:3%; min-height:80px;
  font-size: 95%;  color: #666;  text-align: left;  /*Font
  -moz-box-shadow: 2px 2px 5px #999;  -webkit-box-shadow: 2px 2px 5px #999; /*Box Shadow - (Optional)
}
.boxquestion::before{
  content: "\27BD"; /*Unicode for Left Double Quote
  font-size: 45px; color: #0FB060; float:left; padding-right:10px; clear:both; /*Positioning
}
.boxquestion::after{  content: "";}
.boxquestion em{  font-style: italic;}
.boxquestion small {	color:#999; font-size:85%; padding-left:10px;padding-top:5px; display:block;}
*/
/* BOX RELIGIONS TO STAND OUT ##################### */


/* ANIMATED COUNTER IN FOOTER */
.counter {
  font-size:100%;
  font-weight:700;
/*  vertical-align: middle; 
  display: table-cell;
  margin:1.5%;
  background-color: #F0F0F0;
  height:150px;
  width:150px;
  border-radius: 50%;  
  text-align:center;*/
}


/* ARTICLE LIST */
ul.article li {
  margin: 2px;
  padding:5px;
}
ol.article li {
  margin: 2px;
  padding:5px;
}