@import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body
{
	margin :0 ;
	padding :0 ;
	overflow-x :hidden ;
	font-family :"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.category 
{
	position :relative ;
	top:10px ;
    margin: 0 ;
	overflow-x :auto ;
	scrollbar-color:transparent transparent;
} 
.category::-webkit-scrollbar
{
    display:none ;
}
.post 
{
	display:inline;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
}
.category table
{
	width :100%;
	text-align :center ;
	font-family :sans-serif ;
	
}
.category caption 
{
  color:#4A4A4A; 
  font-family: 'Pangolin', cursive;
  font-size :16px;
}
.category td
{
  position :relative ;
  top:-90px ;
  color:#fff; 
  padding  :3px ;
  background :rgba(0,0,5,.5) ;
  font-family: 'Balsamiq Sans', cursive;
  font-size :12px;
  border-radius :5px;
}
.ne img
{
	width:auto;
	height:150px;
	border-radius:6px;
} 
.bdcont 
{
	position :relative ;
	top:45px ;
}
.fa-fire
{
	color :red ;
}
.allposts
{
	position :relative ;
	top:-40px ;
	left:15px;
	width:55%;
	margin :7px;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
	overflow:hidden ;
}
.allposts span
{
	display :block ;
	color:#870002;
	font-weight :500;
	margin :7px ;
	padding :7px ;
	font-size :15px ;
}
.heading label
{
	color :#B00300 ;
	font-size :35px;
	font-family: sans-serif;
	text-transform :capitalize ;
}
.allposts sub
{
	color:#616161;
}
.poster
{
	margin :7px ;
	font-size :14px;
	color:#6B6B6B;
} 
.line
{
	background-color:#9B9B9B;
	height :1px;
	margin:10px 0 10px 0;
	width :100%;
}
.newsbody 
{
	display: block;
    unicode-bidig: embed;
    font-family: sans-serif ;
    white-space: pre-wrap;
	font-size:20px;
}
.newsbody img
{
	pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none; 
   width:90%;
   margin-left:30px;
   
}
.comment
{
	margin :7px ;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
	color:#404040;
}
 .makecomment
{
	display :none ;
	margin :20px ;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
	color:#404040;

} 
.comment label 
{
	color:#007AFF;
	font-weightb :400;
	font-family: 'Pangolin', cursive;
}
.comment span 
{
	color:#535353;
}
.comment p 
{
	margin :10px ;
	font-size :15px;
}
textarea
{
	font-family :sans-serif ;
	border-radius :5px;
	width:100%;
	height :100px;
	outline:none ;
}
.makecomment input[type='text']
{
	width :100%;
	height :30px ;
	font-family :sans-serif ;
	border-radius :4px;
	border :1px solid #A6A6A6;
	outline:none ;
	font-size :16px ;
}
.makecomment input[type='submit']
{
	background:#A20A00; 
	width :100%;
	color :white ;
	font-family :sans-serif ;
	font-weight :500;
	padding :10px ;
	border-radius :5px;
	border :none;
	outline:none ;
	box-shadow :0 0 8px #6B6B6B ;
}
.makecomment label
{
	color:#707070;
	font-familyh: 'Pangolin', cursive;
}
.allcomment
{
	margin :7px ;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
	color:#404040;
}
.related
{
	display :block ;
	float:right;
	position:absolute;
	top:325px;
	left:63%;
	text-align:left;
	padding :10px ;
	width:33%;
	
}
.related label
{
	font-size:18px;
	font-weight:500;
	
}
.related a
{
	text-decoration:none;
	color:cornflowerblue;
	
}
.samecartimg
{
	width:100%;
	height:150px;
	overflow:hidden;
	padding:10px;
	margin:10px;
	
}
.samecartimg img
{
	width:85%;
	padding:10px;
	

}

.commentbox textarea
{
	margin :15px ;
	width :285px;
	height :60px ;
	font-size :14px;
	font-family :sans-serif ;
	padding :5px ;
}
.commentbox input[type="submit" ] 
{
	margin:0 0 0 15px ;
	padding :10px ;
	font-size :13px;
	font-family :sans-serif ;
	background:#BA0700; 
	font-weight :bold ;
	color:white ;
	border-radius :5px ;
	box-shadow :0 0 8px #B4B4B4 ;
}
.replies 
{
	margin :0 0 0 35px ;
	font-size :14px;
}
.replies p
{
	font-size :15px;
}
.readalso
{
	position :relative ;
	top:60px ;
	margin :7px;
	padding :10px ;
	border-radius :5px;
	background :#fff ;
	box-shadow :0 0 5px #A9A9A9 ;
}
.readalso span
{
	display :block ;
	color:#870002;
	font-weight :500;
	margin :7px ;
	padding :7px ;
	font-size :15px ;
}
.readalso label
{
	color :#494949 ;
	font-size:25px;
}
.readalso sub
{
	color:#616161;
}
.reactions
{
	position :relative;
	top:-4px;
	display:flex ;
	justify-content:center ;
	
} 
.reactions label
{
	padding :0 35px;
	color:#7A7A7A ;
	font-family :sans-serif ;
	font-size :19px ;
	text-align :center ;
}
#reactions
{
	position :absolute;
	
	display:flex ;
	justify-content:center ;
	width :100%;
	box-sizing:border-box;
	
} 
.shareicons
{
	margin :0px 7px ;
	padding :3px 0px;
	font-size :15px;
}
.shareicons label
{
	color :#7A7A7A;
}
.shareicons .fa
{
	padding :5px;
	font-size :17px;
}
.shareicons a
{
	text-decoration:none ;
	color :#7A7A7A;
}
.share
{
	height:0;
	overflow:hidden;
	transition:0.3s;
}
#sharecontents
{
	opacity: 1; 
	position :relative ;
	left:140px;
	transition: 0.5s;
	background:#fff ;
	border-radius :5px;
	margin :5px ;
	padding :10px ;
	box-shadow:0 0 4px #A4A4A4 ;
	width:150px;
}
#sharecontents label 
{
	color :#B90300;
} 
#sharecontents ::after
{
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 75%;
  margin-top:-20px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #939393 transparent;

}
.sharecontents a
{
	text-decoration:none ;
	color :#7A7A7A;
}
.sharecontents .fa
{
	font-size :20px;
	padding:0 3px;
}
.sharecontents .fa-facebook-square
{
	color:#006BFF; 
}
.sharecontents .fa-twitter
{
	color:#19ACFF; 
}
.sharecontents .fa-linkedin
{
	color:#00C9FF; 
}
.readalsocont
{
	display:inline-block;
	width:420px;
	text-align:left;
	font-family:'Roboto',sans-serif;
	
}
.readalsocont span
{
	
	font-size:18px;
	font-weight:600;
}


/* MOBILE DEVICE*/
@media screen and (max-width: 758px)
{
.allposts
{
	width:auto;
	left:0;
	
}
.newsbody 
{
	display: block;
    unicode-bidig: embed;
    font-family: sans-serif ;
    white-space: pre-wrap;
	font-size:15px;
	position :relative ;
}
.newsbody img
{
	pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none; 
   width:100%;
}
.heading label
{
	color :#B00300 ;
	font-size :25px;
	font-family: 'Balsamiq Sans', cursive;
	text-transform :capitalize ;
}
.related
{
	display:none;
	
}
.readalsocont
{
	display:block;
	width:auto;
	text-align:left;
	font-family :sans-serif ;
	
}
.readalsocont span
{
	
	font-size:15px;
	font-weight:500;
}
.readalso label
{
	color :#494949 ;
	font-size:15px;
}
.newsbody img
{
   width:100%;
   margin-left:0px;
   
}
}