/*
Theme Name: jphostbd-news12
Theme URI: https://www.facebook.com/jphostbd
Author: The Jp Host BD Team
Author URI: https://www.facebook.com/jphostbd
Description: Jp Host BD Is A Premium WordPress Theme Market, We Have Online Newspaper Themes, Online TV Theme, Epaper Theme, Business Theme, Corporate Theme, personal Theme, Educational Theme, If You Need Any Premium WordPress Please Visit Our Website Or Call : 01971-718800.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jphostbd-news12
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use
/* Base CSS */
@font-face {
    font-family: 'SolaimanLipiNormal';
    src: url('assets/fonts/solaiman-lipi.eot');
    src: url('assets/fonts/solaiman-lipi.eot') format('embedded-opentype'),
         url('assets/fonts/solaiman-lipi.woff') format('woff'),
         url('assets/fonts/solaiman-lipi.ttf') format('truetype'),
         url('assets/fonts/solaiman-lipi.svg#SolaimanLipiNormal') format('svg');
	
	font-weight:normal;font-style:normal;
}

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus, input:focous, textarea:focous, button:focous {outline:none}
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
html,
body { height: 100% }

a:hover { text-decoration: none }
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.news-section{
	padding:10px 0;
}
.add img{
	width:100%;
	height:auto;
	padding:10px 0;
}
/* top-header css */
.scroll{
	margin:0 0 10px 0;
}

.scroll_02 a{
	color:#fff;
}
/*Social Icon Css.*/
.social_icons ul{
	margin:0;
	padding:0;
	list-style:none;
}
.social_icons li{
	display:inline-block;	
}
.social_icons li i{
	color:#fff;
	font-size: 16px;
	border-left:1px solid#fff;
	padding:0 10px;
}
.social_icons li:hover{
	opacity:.9;
}
/*search_box Css.*/
.search ul{
	margin:0;
	padding:0;
	list-style:none;
}
.search ul li{
	display:inline-block;
}
.search_box .btn-primary {
    color: #fff;
    background-color: #1A85B0;
    border-color: #2e6da4;
}
.search_box .btn-primary:hover {
    background-color: #F11514;
}
.search_box .btn {
	height: 31px;
	position: absolute;
	right: 15px;
	top: -1px;
	border-radius: 1px;
	border: 1px solid#E6EAE9;
}
.search_box .search-icon-holder {
	text-align: right
}
.search_box .search-icon i {
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
	padding-right:5px;
}
.search_box .search-icon-holder .close i {
	font-size: 25px;
	color: #ff7200
}
.search_box .search-icon-holder .modal-header {
	padding: 10px 15px;
	border-bottom-color: #F1F6F8
}
/* header css */
.header{
	padding-bottom:5px;
}
.logo img{
	width:100%;
	height:auto;
}
.banner img{
	width:100%;
	height:auto;
}
/*menu-section Css.*/
.date{
	font-size:15px;
	padding-top:5px;
}
/*carousel Css.*/
.owl-carousel .owl-nav div{
    position: absolute;
    top: 40%;
    transition: .4s;
	border-radius:none;
}
.owl-carousel .owl-nav div.owl-prev{
    right: auto;
    left: 0;
	background:#000;
	padding:15px;
	opacity:.8;
	border-radius:0px;
	font-size: 20px;
	color:#fff;
}
.owl-carousel .owl-nav div.owl-next{
    left: auto;
    right: 0;
	background:#000;
	padding:15px;
	opacity:.8;
	border-radius:0px;
	font-size: 20px;
	color:#fff;
}
.owl-carousel .owl-nav div.owl-next:hover{
    opacity: .5;
	background:#005689;
}
.owl-carousel .owl-nav div.owl-prev:hover{
    opacity: .5;
	background:#005689;
}
.photo-gallery{
	margin-bottom:10px;
}
.photo-gellary img{
	width:100%;
	height:auto;
}
.pcaption {
	padding: 0 20px;
	font-size: 22px;
	color: gray;
	margin-bottom:-10px;
}
.pcaption a {
	background: rgba(0, 0, 0, 0.5);
	display: block;
	color: #fff;
	padding: 15px;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}
/*news Css.*/
.lead-news {
    position: relative;
    margin-bottom: 20px;
}
.lead-news img {	
	width:100%;
	height:auto;
}
.lead-news .content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    color: #f1f1f1;
    width: 100%;
    padding:5px 8px;
}
.image-title{
	border-bottom:1px solid#ddd;
	padding:5px 0;
	overflow:hidden;
}
.image-title img{
	float: left;
    width: 30%;
	height:auto;
	margin-right:6px;
	border:1px solid#F7F7F7;
}
.image-title img:hover{
	opacity:.9;
}
.latest-news{
	border:1px solid#eee;
	padding:5px;
	height:280px;
	overflow-y:scroll;
	margin-bottom:10px;
}
/*Headig Css.*/
.lead-heading-01{
	font-size: 18px;
    line-height: 22px;
    font-weight: 400;
	margin:0;
	padding:0;	
}
.lead-heading-01 a{
    color: #fff;
}
.lead-heading-01 a:hover{
    color:#0033EE;
	transition:.7s;
}
.news-title{
	border-bottom:1px solid#E8E8FF;
	padding:5px 0;
}
.news-title a{
	color:#000;
	font-size:16px;
	line-height:20px;
}
.news-title a:hover{
	color:#1790BF;
}
/*category-title Css.*/
.category-title {
	position: relative; 
	height: 27px;
	border-bottom: 3px solid #818286;
}

.category-title-2 {
	position: relative; 
	height: 27px;
	border-bottom: 3px solid #818286;
	margin-bottom:10px;
}

/*footer Css.*/

.copyright{
	border-top:1px solid#fff;
	padding-top:8px;
}

.design a{
	color:#FEA51B ;
}
.scrollToTop:hover{
    text-decoration:none;
	opacity:.8;
	color:#fff;
}
/* Single Page ========================= */
/* tab-header open*/
.tab-content{
	max-height: 730px !important;
	border:1px solid#eee;
	padding:5px;
	height:420px;
	overflow-y:scroll;
	
}
.tab-header{
	background:#fff;
	margin-top:10px;
}
.tab-header .nav-tabs{
	border:none;
}
.tab-header .nav-tabs{
	color: #000;
	background:#fff;
	border-top:1px solid#eee;
	border-right:1px solid#eee;
	border-left:1px solid#eee;
}
.tab-header .nav-tabs > li > a{ 
	border: none;
	color:#000;
	font-size: 1.15em;
	border-radius: 0;
	padding:5px 15px;
	text-decoration: none;
	margin-bottom:0;
}
.tab-header .nav-tabs > li > a:hover {
	background:#fff
}
.tab-header .nav-tabs > li.active > a, .tab-header .nav-tabs > li.active > a:focus, .tab-header .nav-tabs > li.active > a:hover{
	border: none;
	border-radius: 0;
	background:#fff;
	color:#000;
	border-top: 2px solid #F11514;
	border-left:1px solid#eee;
	border-right:1px solid#eee;
	border-right:1px solid#eee;
}
.tab-header .tab-content ul.media-list{
	max-height:282px;
	overflow-y:auto;
	padding-left: 30px;
}
.tab-header .tab-content ul.media-list .media{
	border-bottom:1px dotted gray;
	margin:0;
	padding:10px 0;
	position: relative;
	overflow:visible;
}
.tab-header .tab-content ul.media-list .media .media-left{
	padding-right: 0;
}
.tab-header .tab-content ul.media-list .media .media-left a{
	padding-right: 0;
	position:relative;
}
/* tab-header close*/


/* Single Page ========================= */
.singlepage{
   margin: 60px 0px;
}
.single_section{
	margin:20px 0px;
}

.single_title {
	color: #2e3d8e;
	font-size: 26px;
	line-height:30px;
	font-weight: 400;
	margin: 20px 0 15px 0;
}
.single_images img{
    width: 100%;
	height:auto;
}
.single-ditails p{
	text-align:justify;
	line-height:auto;
}
.single_info span a{
    font-size:18px;
	color:#A94442;
}
.single_info span{
	padding:10px 15px;
	background:#F5F5F5;
	color:#A94442;
	margin:10px 0;
	overflow:hidden;
	display:block
}
.single_info li{
	display:inline-block;
}
.more-news-title{
	font-size: 19px;
    line-height: 22px;
    font-weight: 400;
	padding:15px 10px;
	background:#F1F1F1;
	margin:0;
}
.more-news-title a{
    color: #333;
}
.more-news-title a:hover{
    color:#0033EE;
	transition:.7s;
}
.more-news{
	margin-bottom:20px;
}
.lead-heading-01{
	font-size: 22px;
    line-height: 25px;
    font-weight: 400;
	padding-left:4px !important;
	
}
.lead-heading-01 a{
    color: #fff;
}
.lead-heading-01 a:hover{
    color:#0033EE;
	transition:.7s;
}
.lead-newss {
    position: relative;
    margin-bottom: 20px;
}
.lead-newss img {	
	width:100%;
	height:auto;
}
.lead-newss .content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
    color: #f1f1f1;
    width: 100%;
    padding:10px 15px;
}



/* Archive Page ========================= */


.archive_post_sec {
	background: #f2f2f2;
	box-shadow: 0 0 2px #c1c0c0;
	margin-bottom: 15px;
}
.archive_post_sec_again{
    background: #f2f2f2;
	box-shadow: 0 0 2px #c1c0c0;
	margin-bottom: 15px;
    padding: 15px 10px 10px;
}
.archive_img_again img{
    margin-bottom: 10px;
}
.archive_img img:hover{
    background:#F09642;  
    opacity: 0.9;
}
.archive_img_again img:hover{
    background:#F09642; 
    opacity: 0.9;
}
.archive_dtails{
    text-align: justify;
    padding: 10px 0;
}
.archive_padding {
    padding: 10px 7px;
    height: 80px;
    overflow: hidden;
}
.archive_post_height {
    padding: 15px 8px;
    height: 158px;
    overflow: hidden;
}
.archive_heading_01 a {
    color: #710b0b;
    font-size: 24px;
    line-height: 28px;
    text-decoration: none;
}
.archive_heading_01 a:hover {
    color: #4899D0;
    transition: .5s;
}
.archive_heading_02 a {
    color: #710b0b;
    font-size: 19px;
    line-height: 23px;
    text-decoration: none;
}
.archive_heading_02 a:hover {
    color: #4899D0;
    transition: .5s;
}
.archive_dtails span a{
    color: #710b0b;
	font-size:20px;
	font-weight:600;
	text-decoration:none;
}
.dtails_btn {
	margin-top:3px;
}
.dtails_btn a {
	background: #710b0b;
	padding: 5px 15px;
	color: #fff;
	border-radius: 5px;
	text-decoration: none;
	margin-top:3px;
}
.dtails_btn a:hover{
	background: #4899D0;
    transition: .5s;
}

/* comment Page ========================= */
.comment_title{
	background:#4D4E8A;
	padding:10px 20px;
	color:#fff;
	margin:0;
}
.comment-respond,
.entry-pings,
.entry-comments {
    color: #444;
    padding: 20px 25px 20px 25px;
    border: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
	margin:0;
}
.entry-comments h3{
    font-size: 30px;
    margin-bottom: 30px;
}
.comment-respond h3,
.entry-pings h3{
	font-size: 20px;
	margin-bottom: 30px;
}
.comment-respond {
	padding-bottom: 5%;
}
.comment-header {
	color: #adaeb3;
	font-size: 14px;
	margin-bottom: 20px;
}
.comment-header cite a {
	border: none;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
}
.comment-header .comment-meta a {
	border: none;
	color: #adaeb3;
}
li.comment {
	background-color: #fff;
	border-right: none;
}
.comment-content {
	clear: both;
	overflow: hidden;
}
.comment-list li {
	font-size: 14px;
	padding: 20px 30px 20px 50px;
}
.comment-list .children {
	margin-top: 40px;
	border: 1px solid #ccc;
}
.comment-list li li {
	background-color: #f5f5f6;
}
.comment-list li li li {
	background-color: #fff;
}
.comment-respond textarea,
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 100%;
	background : #fff;
	border-top:1px solid #ccc !important;
	border-left:1px solid #ccc !important;
}
.comment-respond input{
    background: #E8E4E5;
}
.comment-respond label {
	display: block;
	margin-right: 12px;
}
.entry-comments .comment-author {
	margin-bottom: 0;
	position: relative;
}
.entry-comments .comment-author img {
	border-radius: 50%;
	border: 5px solid #fff;
	left: -80px;
	top: -5px;
	position: absolute;
	width: 60px;
}
.entry-pings .reply {
	display: none;
}
.bypostauthor {
}
.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 16px;
	padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
.comment-notes{
    display:none;   
}




/*------------- Family CSS Start --------------*/


.team_sec {
    border: 1px solid #f0f0f0;
    margin-bottom: 15px;
    box-shadow: 0 0 3px #c8c6c6;
}
.team_sec img{
    width: 100%;
    height: auto;
}

.team_height {
    height: 100px;
    padding: 10px;
    background: #f7f7f7;
    text-align: center;
    overflow: hidden;
}
.team_title a {
    font-size: 22px;
    line-height: 26px;
    color: #0f4595;
    text-decoration: none;
}

.team_title a:hover{
    color: #f70000;
}
.team_sub_title {
    font-size: 16px;
    color: #333;
    border-top: 1px solid #ddd9d9;
    padding-top: 6px;
    margin-top: 6px;
}

.team_img{
    margin-bottom: 15px;
}
.team_img img{
    border:1px solid#F0F0F0;
}
.sngl_team_title{
    font-size: 22px;
    line-height: 26px;
    color: #0f4595;
}
.sngl_team_sub_title {
    font-size: 16px;
    color: #EC392A;
    border-top: 1px solid #ddd9d9;
    padding-top: 6px;
    margin-top: 6px;
}
.team_dtails {
    color: #000;
    padding-top: 15px;
    font-size: 18px;
    line-height: 22px;
}


/*------------- Family CSS Close --------------*/


.reportar_view_social_sec {
    background: #f9f9f9;
    padding: 6px 10px;
    margin-bottom: 15px;
}
.reportar_view_social_sec .col-md-2{
    padding-right:0px;
}
.reporter_image img {
    border-radius: 50%;
    width: 100%;
    height: auto;
    padding-top: 7px;
}
.reporter_name {
    padding-top: 7px;
    font-size: 16px;
    color: #06287b;
    line-height: 20px;
    border-bottom: 1px solid#ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.reporter_name span {
    color: #00709b;
    font-size: 16px;
}
.update_time {
    font-size: 14px;
    line-height: 18px;
    color:#00709b;
}
.social_title {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid#ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color:#00709b;
}
.social_Share_icon {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.social_Share_icon li {
    display: inline-block;
    padding-right: 5px;
}

.social_Share_icon li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	font-size: 16px;
	padding-top: 4px;
}

/**========= facebook start========**/ 

.sngl_facebook{
    background-color: #023369;
    color: #fff!important;
}
/**========= twitter start========**/ 

.sngl_twitter{
    background-color: #00ACEE;
    color: #fff!important;
}
/**========= google-plus start========**/ 
.sngl_google-plus{
    background-color: #DD4A3A;
    color: #fff!important;
}
/**========= reddit start========**/ 
.sngl_reddit{
    background-color: #3B5999;
    color: #fff!important;
}
/**========= digg start========**/ 
.sngl_digg{
    background-color: #3B5999;
    color: #fff!important;
}
/**========= pinterest start========**/ 
.sngl_pinterest{
    background-color: #CB2028;
    color: #fff!important;
}
/**========= pinterest start========**/ 
.sngl_print{
    background-color: #ADADAD;
    color: #fff!important;
    cursor: pointer;
}

.erorr_dtails {
	text-align: center;
	font-size: 30px;
	line-height:36px;
	margin-top: 20px;
	color: #315b73;
	margin-bottom:20px;
}
.erorr_dtails a  {
	font-size:25px;
	text-decoration:none;
}
.erorr_dtails a button {
	border: none;
	background: #3c7e91;
	color: #fff;
	border-radius: 10%;
	padding: 8px 15px;
}
.erorr_dtails a button:hover {
	background: #E8E8FF;
	color: #3c7e91;
	transition:.5s;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 12px 25px;
	margin-left: -1px;
	line-height: 1.429;
	color: #fff;
	text-decoration: none;
	background-color: #4d5077;
	border: 1px solid #ebebee;
	font-size:28px;
}
.pager li > a, .pager li > active > span{
	display: inline-block;
	padding: 8px 21px;
	background-color: #17408a!important;
	border-radius: 15px;
	color: #fff;
	border: none;
	margin-right: 5px;
}
.pager li > a, .pager li > span {
	display: inline-block;
	padding: 8px 21px;
	background-color: #FB531C;
	border-radius: 15px;
	color: #fff;
	border: none;
	margin-right: 5px;
}
.pager li > a:focus, .pager li > a:hover {
	text-decoration: none;
	background-color: #eee!important;
	color: #17408a;
}

.photo{
    background: #F7F7F7;
    box-shadow: 0 0 10px #ddd;
    height: 270px;
    border-bottom: 1px solid#333;
	margin-bottom:20px;
	cursor:pointer;
}
.photo_title {
    padding: 10px;
}
.photo_title{
    font-size: 20px;
    line-height: 26px;
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

.sgl_about_photo img {
    width: 100%;
    height: auto;
    margin-bottom: 18px;
}

.sgl_about_title {
    font-size: 25px;
	line-height:29px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #122777;
}
.sgl_about_content {
    text-align: justify;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
}
.more_news_catagory {
	background: #4D4E8A;
	padding: 8px;
	color: #fff;
	font-size: 18px;
	margin: 20px 0 10px;
}



.carousel {
    position: relative;
}
.carousel-inner {
    background-color: #F9FAFA;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-control.left {
    background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0000) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,0) 0%);
    background-repeat: repeat-x;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 25px;
    height: 25px;
    font-size: 30px;
}