/*
Theme Name: World Hindu News
Theme URI: http://lunainfotech.com
Author: Luna Infotech
Author URI: http://lunainfotech.com/
Description: WHN is a news portal for Hindu. 
Version: 0.1

*/
#content {
    padding: 10px 0 20px 0;
}
.logo {
    vertical-align: bottom;
}

img{
	max-width:100%;
	height:auto;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin:0;
    padding: 0;
    color: #fff;
}

.menu-primary{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a50329+0,510001+100 */
background: #a50329; /* Old browsers */
background: -moz-linear-gradient(top,  #a50329 0%, #510001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a50329 0%,#510001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a50329 0%,#510001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50329', endColorstr='#510001',GradientType=0 ); /* IE6-9 */

}

.menu-primary .nav>li>a {
    	position: relative;
    	display: block;
    	padding: 8px 8px;
	color:#fff;
	font-size:12px;
}
.menu-primary .nav>li>a:hover {
    	color:#FF4901;
}
.menu-primary .active{
 	background: #FF4901;
}

.menu-secondary {
    	background-color: rgb(245, 245, 245);
    	border-bottom: 2px solid #A90216;
}

.menu-secondary .nav>li>a {
    	position: relative;
    	display: block;
    	padding: 8px 8px;
	color:#A90216;
	font-size:12px;
}
.menu-secondary .active{
 	background: #FF4901;
}

ul#top-menu {
    background: #F5F5F5;
    border-bottom: 1px solid #A90216;
    border-left: 1px solid #A90216;
    border-right: 1px solid #A90216;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
ul#top-menu a{
    	padding: 8px 8px;
	color:#A90216;
	font-size:12px;	
}
.thumbnail-img{
	display:block;
	width:100px;
	height:100px;
    margin-right: 10px;
    border-radius: 5px;
	float:left;
	overflow:hidden;
}
.thumbnail-img img {
    vertical-align: middle;
    width: 100%;
    float: left;
    display: block;
    height: 100%;
    object-fit: cover;
}
h1.entry-title {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: #FF4901 2px solid;
}
h3.title-list {
    color: #A90216;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
	/*min-height: 110px;*/
	/*text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}
.list-group span {
    /*min-height: 100px;*/
}

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
    	border: 1px solid #ddd;
    	padding: 5px;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
    	border: 1px solid #ddd;
    	padding: 5px;
}

.aligncenter, .alignnone {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
    	border: 1px solid #ddd;
    	padding: 5px;
}

.post-navigation {
    border-top: 2px solid #A90216;
    border-bottom: 1px solid #A90216;
    margin: 10px 0;
}

#home-sidebar .widget {
    /*border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #afafaf;*/
}

#home-sidebar .widget .widget-title{
    	text-align: left;
	font-size:20px;
}
.social-link{
    	list-style: none;
    	padding: 0;
    	margin: 0 auto;
    	display: block;
    	margin-top: 5px;
    	text-align: center;
}

.social-link li{
	display: inline-block;
    	margin-right: 5px;
}

.social-link li a{
		text-align:center;
		font-size:12px;
		background:none;
}

.social-link li a img{
		width:40px;
		height:auto;
}

.btn-goto-top {
	position: fixed;
	right: 30px;
	background-color: #ed1c24;
	color: #fff;
	font-size: 20px;
	margin-left: -20px;
	padding: 5px 9px;
	cursor: pointer;
}
form.search-form.form-inline.pull-right {
    margin-top: 10px;
    margin-right: 10px;
}

#menu-toggle {
    	background: transparent;
    	border: none;
    	font-size: 30px;
    	margin-top: -12px;
	position: absolute;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a50329+0,510001+100 */
background: #a50329; /* Old browsers */
background: -moz-linear-gradient(top,  #a50329 0%, #510001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a50329 0%,#510001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a50329 0%,#510001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50329', endColorstr='#510001',GradientType=0 ); /* IE6-9 */

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidebar-wrapper h3{
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #fff;
    margin: 15px 10px 15px 10px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 0px;
	margin:0px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
	display:block;
    	width: 250px;
    	margin: 0;
    	padding: 0;
    	list-style: none;
	float:left;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 30px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

/*
@media(max-width: 768px){
	.logo {
			vertical-align: bottom;
			margin: 0 auto;
			display: block;
	}
	.menu-top{
			float: none!important;
			display: inline;
			margin: 0 auto;
			text-align: center;
	}
	#top-menu {
			margin: 0 auto;
			display: inline-block;
			float: none;
			border-top: 1px solid #A90216;
	}
	.social-link {
			margin-bottom: 10px;
	}
	.search-form {
			float: left!important;
	}
}
*/
.top-mobile-bar {
    	color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a50329+0,510001+100 */
background: #a50329; /* Old browsers */
background: -moz-linear-gradient(top,  #a50329 0%, #510001 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a50329 0%,#510001 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a50329 0%,#510001 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50329', endColorstr='#510001',GradientType=0 ); /* IE6-9 */
    	font-size: 20px;
    	font-weight: bold;
	display:none;
}
.top-mobile-bar span{
	margin-left:50px;
}
@media(max-width:768px){
	.logo {
			vertical-align: bottom;
			margin: 0 auto;
			display: block;
	}
	.top-mobile-bar {
		display:block;
		padding:4px 15px;
	}
	.search-form {
			float: left!important;
	}
}

a.box-title {
    font-size: 30px;
    line-height: 40px;
    display: block;
    text-align: center;
    margin: 0 15px 0 15px !important;
    background: url(//www.pointerbrain.com/wp-content/themes/pb/images/sep-widget.png) center repeat-x;
}
a.box-title span:hover{
    text-decoration:none;
}
a.box-title span{
    	background:#fff;
	padding:0 15px;
}
.gallery-caption {

}

.tiled-gallery {
	margin-bottom: 25px ! important;
}

.sticky {

}

.mejs-container {
	margin-bottom: 25px;
}

/* Wordpress Gallery */

.gallery-size-thumbnail {
	margin-bottom: 20px ! important;
}

.gallery-item {
	margin: 0 ! important;
}

.gallery-item img {
	border: none ! important;
}

.gallery-item a {
	
}

.gallery-item img {
	float: left;
	margin: 0 0 2% 0!important;
	padding: 0 !important;
	line-height: 0;
	font-size: 1px;
	width: 25%;
}
footer#colophon {
    padding: 15px 0;
}

.newsman-form {
    margin: 0 !important;
    padding: 10px;
    text-align: center;
    background: #FFFDE1;
}

#recentcomments{
	padding:0px;
}
.widget ul li {
    	list-style: none;
    	border-bottom: 1px solid #ddd;
    	margin-bottom: 10px;
}

#home-sidebar .widget .widget-title, #home-sidebar .widget-title {
    text-align: left;
    font-size: 20px;
    color: #A90216;
    border-bottom: 2px solid #EF6C0F;
    padding-bottom: 5px;
}
.badge {
	background-color: #F55A10;
    	margin-top: 6px;
    	line-height: 20px;
}
.page .badge {
    	margin-top: 0px;
    	line-height: 20px;
}
.content-below p, .content-below p img{
	display:inline;
}
.content-below h4.widget-title {
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    padding: 0 0 10px 0;
}
.content-below .widget{
    text-align: center;	
}
.outer-footer{
	background: #2D2D2D;
     	color: #ccc;
}
.advt img{
	width:160px;
	height:auto;
}
.menu-page{    
	background: #A90216;
    	border-bottom-left-radius: 10px;
    	border-bottom-right-radius: 10px;
    	text-align: center;
}
ul.page-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: inline;
}
ul.page-nav li{
    display: inline;
    padding: 2px 10px;
    font-size: 12px;
}
ul.page-nav li a{
    color:#fff;
}
ul.page-nav li.active a{
    color:#FF6F05;
}

.mh-share-buttons {
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    padding: 20px;
    background: #f0f0f0;
    overflow: hidden;
}
.mh-share-buttons{
    margin-bottom:30px;
    margin-bottom:1.875rem;
    padding:0;
    background:#fff;
    overflow:hidden
}
.mh-share-buttons a,.mh-share-buttons a:hover{
    color:#fff
}
.mh-share-buttons .fa{
    display:inline-block;
    font-size:1.25em;
    /*margin-right:10px;*/
}
.mh-share-button{
    display:block;
    font-size:12px;
    padding:5px 0;
    text-align:center;
    text-transform:uppercase
}
.mh-share-button:hover{
    opacity:.7
}
.mh-facebook span{
    background:#3e64ad
}
.mh-twitter span{
    background:#6aadd1
}
.mh-whatsapp span {
    background: #34af23;
}
.mh-pinterest span{
    background:#de010d
}
.mh-googleplus span{
    background:#cd3627
}
@media only screen and (max-width:420px){
	.mh-share-button{
		margin-bottom:10px;
	}
	.othercat {
		display: none;
	}
}
@media only screen and (max-width:767px){
	.col-sm-3.mh-facebook, .col-sm-3.mh-twitter, .col-sm-3.mh-whatsapp, .col-sm-3.mh-googleplus {
        width: 25%;
        float: left;
    }
}

.donation{
	display: block;
    text-align: center;
    background: #FF9800;
    padding: 10px;
    border: 2px solid #f55a10;
}

/* 8 jan 2021 */
.breaking_bar { height:auto; background:#000; color:#ccc; font-size:12px; font: normal bold 16px "Oswald", sans-serif;}

.fn-break-inner h2 {
    margin-top:7px !important;
    font-size: 15px!important;
    /*height: 40px!important;*/
}
.fn-break-inner marquee{ 
    margin-top:2px !important; 
}
.fn-break-inner a{ color:#fff; font-size:13px; font-weight:normal; text-decoration: none;   }

.mh-telegram .tgme_widget_share__large a.tgme_widget_share_btn { width : 40px !important; height:30px !important;}

.mh-telegram .tgme_widget_share__large a.tgme_widget_share_btn {
    padding: 0 8px 0 2px;
    height: 28px;
    width: 100% !important;
}
.list-group {
    /*min-height: 180px;*/
}

@media only screen and (max-width: 430px) {
  
   .col-sm-1.mh-telegram {
       /*width:92%; text-align:center; background:#54A9EB; margin-left:4%;border-radius: 4px;border:1px solid transparent;*/
        height: 39px; background: #54A9EB;  border-radius: 4px;
   }
   .entry-header .col-sm-1{ display:inline-block; padding-left:10px; padding-right:10px; }
   .mh-share-button{font-size:18px; padding:5px; }
   #what_app_deskop {display:none;}
   
}

@media only screen and (min-width: 430px) {
    #what_app_mobile {display:none;}
}

@media only screen and (max-width: 416px) {
    .list-group {
        min-height: 0px;
    }
}

@media only screen and (min-width: 769px) {
    .list-group a {
        min-height: 190px;
    }
}