<?php global $jphostbd; ?>
<style>
body {
	font-family: SolaimanLipiNormal;
	background-color:<?php echo $jphostbd['body']?>;
	font-size:<?php echo $jphostbd['body-font']['font-size']?>;
	line-height:23px;	
}
.scroll_01{
	background:<?php echo $jphostbd['scrool-background']?>;
	padding:6px 10px;
	color:<?php echo $jphostbd['scrool-font']['color']?>;
}
.scroll_02{
	background:<?php echo $jphostbd['scrool2-background']?>;
	color:#ED1B24;
	padding:5px 0;
}
.scroll_02 a{
	color:<?php echo $jphostbd['scrool-font']['color']?>;
}
.social_icons li i{
	color:<?php echo $jphostbd['scrool-font']['color']?>;
	font-size: 16px;
	border-left:1px solid#fff;
	padding:0 10px;
}
.category-title strong {
	padding: 0 7px 0 8px;
	line-height: 27px;
	height: 27px;
	display: inline-block;
	background: <?php echo $jphostbd['catagory-background']?>;
	font-size: 16px;
	color: <?php echo $jphostbd['catagory-font']['color']?>;
	cursor: default;
	font-weight: normal;
	position: absolute; 
	position: relative;
	float: right;
	z-index: 2;
}
.category-title strong::before {
	content: "";
	width: 38px;
	height: 27px;
	background: <?php echo $jphostbd['catagory-background']?>;
	-ms-transform: skew(-38deg);
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-o-transform: skew(-38deg);
	transform: skew(-38deg);
	position: absolute;
	top: 0;
	left: -10px;
	z-index: -1;
}
.category-title-2 strong {
	padding: 0 7px 0 8px;
	line-height: 27px;
	height: 27px;
	display: inline-block;
	background: <?php echo $jphostbd['catagory-background']?>;
	font-size: 16px;
	color: <?php echo $jphostbd['catagory-font']['color']?>;
	cursor: default;
	font-weight: normal;
	position: absolute; 
	position: relative;
	float: right;
	z-index: 2;
}
.category-title-2 strong a{
	color:<?php echo $jphostbd['catagory-font']['color']?>;
}
.category-title-2 strong::before {
	content: "";
	width: 38px;
	height: 27px;
	background: <?php echo $jphostbd['catagory-background']?>;
	-ms-transform: skew(-38deg);
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-o-transform: skew(-38deg);
	transform: skew(-38deg);
	position: absolute;
	top: 0;
	left: -10px;
	z-index: -1;
}
.heading-01{
	font-size:<?php echo $jphostbd['heading-01-font']['font-size']?>;
	line-height:<?php echo $jphostbd['heading-01-font']['line-height']?>;
	font-weight:<?php echo $jphostbd['heading-01-font']['font-weight']?>;
}
.heading-01 a{
      color:<?php echo $jphostbd['heading-01-font']['color']?>;
}
.heading-01 a:hover{
    color:#1790BF;
	transition:.7s;
}
.heading-02{
	font-size:<?php echo $jphostbd['heading-02-font']['font-size']?>;
	font-weight:<?php echo $jphostbd['heading-02-font']['font-weight']?>;
	line-height:<?php echo $jphostbd['heading-02-font']['line-height']?>;
}
.heading-02 a{
    color:<?php echo $jphostbd['heading-02-font']['color']?>;
}
.heading-02 a:hover{
    color:#0033EE;
	transition:.7s;
}
.heading-03{
	font-size:<?php echo $jphostbd['heading-03-font']['font-size']?>;
	line-height:<?php echo $jphostbd['heading-03-font']['line-height']?>;
	font-weight:<?php echo $jphostbd['heading-03-font']['font-weight']?>;
	margin:0;
	padding:0;
	margin-left:5px !important;
}
.heading-03 a{
    color:<?php echo $jphostbd['heading-03-font']['color']?>;
}
.heading-03 a:hover{
    color:#4422EE;
	transition:.7s;
}
.footer{
	background:<?php echo $jphostbd['footer-color']?>;
	padding:30px 0;
	color:<?php echo $jphostbd['footer-font']['color']?>;
}
.bottom-footer{
	background:<?php echo $jphostbd['bottom-foot']?>;
	border-top:2px solid#FF0000;
	padding:10px 0;
	text-align:center;
}
.design{
	color:<?php echo $jphostbd['bottomfoot-font']['color']?>;
}
#bs-example-navbar-collapse-1 {
    background-color: <?php echo $jphostbd['menu-background']?>;
    font-size: <?php echo $jphostbd['menu-font']['font-size']?>;
    }
    #nav .navbar-default .navbar-nav > li > a{color: <?php echo $jphostbd['menu-font']['color']?>;
    }
  #nav .navbar-default{
	border-radius:0;
	border:none;
	margin: 0;
	min-height: 20px;
	background-color: <?php echo $jphostbd['menu-background']?>;
	border-top:1px solid#ccc;
	padding:5px 0;
	border-bottom:1px solid#ccc;
}
.scrollToTop{
	display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color:<?php echo $jphostbd['catagory-background']?>; /* Set a background color */
    color:#fff; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
}
/*Widget Title=========*/
    .widget_area a{color: #000000;}
    .widget_area a:hover{color: #FF0505;}
    .widget_area h3{
        font-size: <?php echo $jphostbd['widget-font']['font-size']?>;
        color: <?php echo $jphostbd['widget-font']['color']?>;
        text-align: <?php echo $jphostbd['widget-font']['text-align']?>;
        border-radius: 5px 0 0 0;
        border-bottom: 2px solid <?php echo $jphostbd['widget-background']?>;
        border-left: 5px solid <?php echo $jphostbd['widget-background']?>;
        margin-bottom: 8px !important;
        padding: 7px 10px;
		margin:0 ;
		background:#ddd}

</style>