/*
Theme Name: bagmatinews
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bagmatinews.com
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

bagmatinews is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/


@import url(https://fonts.googleapis.com/css?family=Ek+Mukta:400|Hind|Kalam:700&subset=latin,devanagari);
body {
    margin: 0;
    padding: 0;
    background: #F1F3F5;
    font-family: 'Ek Mukta', serif;
    color: #000;
    font-size: 1.07em;
    line-height: 1.5em;
}



img {
    max-width: 100%;
    height: auto;
}
.img-responsive{
max-width:100%;
height:auto;
}
h3 a {
    color: #06435f;
}

header {
    float: left;
    width: 100%;
}

.section {
    margin-top: 30px;
}

#wrapper {
    max-width: 1170px;
    margin: 0 auto;
}

.header-wrapper {
    max-width: 1170px;
    margin: 0 auto;
}



.wrapper {
    max-width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    
}

.row {
    padding: 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: bold;
line-height:1.5em;
font-weight: bold;
    font-family: 'Ek Mukta', serif;
}

h3 {
    margin: 20px 0;
    font-size: 1.05em;
    
}


p {
    margin: 0;
    padding: 0;
    text-align: justify;
}
.clearfix {
    clear: both;
}

.fa-home {
    font-size: 16px;
}

.devider{
    margin: 18px 0;
    background:rgba(6, 67, 95, 0.1);
    width:100%;
    height:1px;
}

.content-right .devider:last-child,
.content-left .devider:last-child,
.sidebar .devider:last-child {
    border: none;
}

.top-header {
    width: 100%;
    background: #ffffff;
    float: left;
    padding-top: 20px;
}

.header-left {
    width: 30%;
    float: left;
}


.header-right {
    width: 68%;
    padding-left: 2%;
    float:right;
}

.header-ad {
    float: right;
}


/*----------------------
    Navbar
-----------------------*/
.menu {
    width: 100%;
    background: #052e47;
    float: left;
}


.affix {
    position: fixed!important;
    z-index: 99999;
    top: 0;
    min-height: 43px!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    width: 100%;
    left: 0;
}

.top-news {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    background: #fff;
    padding: 20px 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.6); 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	rgba(0,0,0,0.6); -o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
    display:inline-block;
}

.top-news-img {
    width: 50%;
    height: auto;
    padding: 5px 0;
    margin: 0 auto;
}


.top-news-details h2 a {
    font-size: 2.1em;
    line-height: 1.5em;
    text-decoration: none;
    color: #06435f;
}

.top-news-details h2 {
    margin-bottom: 15px;
}

.top-news a.special-button{
    background-color:#056839;
    padding:5px 10px;
    margin: 25px auto;
	text-decoration: none;
    color: #fff;
	display: inline-block;
}



.container {
    width: 71.8%;
    float: left;
    background-color: #fff;
    padding: 15px 0; 
	box-shadow: 0 0 5px rgba(0,0,0,0.6); 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	rgba(0,0,0,0.6); -o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.sidebar {
    width: 26.2%;
    overflow: hidden;
    background-color: #fff;
    float: right;
    padding: 15px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.6); 
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
	rgba(0,0,0,0.6); -o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.content{
    padding:15px 0;
    border-top:2px solid #06435f;
}

.content-left {
    width: 48%;
    padding-right: 4%;
    float: left;
}

.content-right {
    width: 48%;
    overflow: hidden;
}



/*----------------------
------ sidebar ------
-----------------------*/
.sidebar .row {
    padding-right: 15px !important;
}

.interview {
    padding: 10px;
    border: 1px solid #F0F0F0;
}
.interview:hover {
    background: #F0F0F0;
}
.interview .interview_image {
    float: left;
    width: 100px;
    margin-right: 10px;
}
.interview .interview_image img{
border-radius:50%;
}

.interview h3 {
    margin-bottom: 5px;
}
.sidebar-advertise img {
    margin-top: 10px;
}

/*----------------------
------ News category-title ------
-----------------------*/

.category-title .category-title-span {
    background: #056839;
    float: left;
    color: #fff !important;
    position:relative;
}
.category-title .category-title-span:after{
    border-bottom: 10px solid transparent;
    border-left: 15px solid #056839;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 7px;
}

.category-title {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.category-title h2 {
    font-size: 16px;
    margin: 0;
    padding: 5px 15px 5px;
}

.ad {
    float: right;
}

.ad a {
    color: #595755;
    font-size: 14px;
    text-decoration: none;
}
.ad a .fa-bars{
color:#056839;
}




/*----------------------
------ Headlines ------
-----------------------*/

.headlines {
    margin-bottom: 20px;
    overflow: hidden;
}

.headlines-img {
    float: left;
    width: 140px;
    height: auto;
    margin-right: 20px;
}

.text-headlines h3 {
    margin-top: 0;
}


 .content-main-headlines h1 a {
    font-size: 0.95em;
    line-height: 1.5em;
    text-decoration: none;
    color: #06435f;
}

.content-main-headlines h1 {
    margin-bottom: 10px;
}

.headlines h3 a {
    color: #06435f;
    font-size: 1em;
    line-height: 1.4em;
}
.content-main-headlines {
    overflow: hidden;
}


.content-main-headlines img {
    margin-bottom: 15px;
}


.float-none img {
    float: none;
}


/*----------------------
------ list-Headlines ------
-----------------------*/

.list-headlines {
    padding: 0;
    margin: 0;
}

.list-headlines li {
    list-style: none;
    padding: 10px 0;
}

.list-headlines li i {
    padding: 2px 7px 3px 9px;
    border: 1px solid #2196F3;
    border-radius: 50%;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    color: #BF2305;
}

.list-headlines li a {
    font-size: 1.1em;
    color: #06435f;
    text-decoration: none;
}



/*----------------------
------ Owl-carousel ------
-----------------------*/
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-controls {
    display: block ! important;
    float: left;
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
    background: #fff;
    padding-top: 5px;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-buttons {
    position: absolute;
    top: -25px;
    right: 0;
    margin-right: -10px;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #ddd;
    zoom: 1;
    display: inline;
    font-size: 5px;
    background:#056839;
    filter: Alpha(Opacity=50);
    top: 0;
    z-index: 100;
    padding: 10px 8px 3px 6px;
    margin-right: 10px;
}

.headlines-feature .item img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.multimedia .item img {
    margin-bottom: 15px !important;
}

.headlines-feature .item {
    margin: 15px 15px 0 15px;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.carousel-caption h3 {
    padding: 5px;
}

.carousel-caption a {
    font-size: 18px;
    color: #fff;
}

.owl-item.loading {
    min-height: 150px;
    background: url(assets/owl-carousel/AjaxLoader.gif) no-repeat center center;
}

.video-title {
    overflow: hidden;
}
.photo .owl-item{
    padding-bottom: 15px;
}

.video-title .category-title {
    padding-bottom: 0;
border-bottom:1px solid #056839;
}

.photo .item {
    position: relative;
    float: left;
}

.photo .item .play-icon {
    position: absolute;
    z-index: 999;
    top: 25%;
    left: 40%;
    vertical-align: center;
}

.play-icon a {
    color: #ffffff;
    opacity: 0.7;
}



.photo .item img {
    display: block;
    position: relative;
    margin-bottom: 0;
}

/*----------------------
------ pages--------
-----------------------*/

.archive .headlines .headlines-img {
    width: 290px;
    height: auto;
    margin: 25px;
    float: left;
    margin: 0 25px 10px 0;
}

.archive .headlines {
    overflow: inherit;
    float: left;
	width:100%;
}

.archive .headlines h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.archive .sidebar .category-title .category-title-span {
    width: 100%;
    text-align: center;
}

.archive .section {
    border-top: 0;
}


.archive .single-page img {
    margin: 0 25px 5px 0;
    float: left;
}

.archive .single-page h2 {
    margin: 0 0 25px 0;
    font-size: 2em;
    line-height: 1.5em;
}

.archive .news-container h3 a {
    font-size: 1.6em;
    line-height: 1.5em;
}

.single-page .sng-category-title {
    margin-top: 20px;
}


.date {
    margin: 10px 0;
    display: block;
}

.date li {
    padding: 0;
    display: inline-block;
}

.date li + li:before {
    content: '';
    width: 1px;
    height: 14px;
    float: left;
    margin: 5px 10px 0;
    background: #267ae9;
}

.date li a {
    color:#056839;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 0;
    white-space: nowrap;
}

.date li a i {
    margin-right: 8px;
}

.date li > a {
    font-weight: 500;
    text-transform: uppercase;
    color: #FF6600 !important;
    display: inline-block;
    position: relative;
    font-size: 14px;
}

.fb_comments_count{display: none;}
.ad-wrapper{
    border-top:0 !important;
	border-bottom:0!important;
padding: 15px  0 0 0 !important;
}

.share-section .total-share {
    float: left;
}

.share-section {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
}

.share-section .total-share {
    color: #ccc !important;
    font-size: 1.7em;
    line-height: 1.4em;
}

.single-page ul.social {
    padding: 0;
    text-align: right;
}

.single-page ul.social li {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 9px;
}

.single-page ul.social li.facebook {
    background: #3b5998;
}

.single-page ul.social li {
    background: #00acee;
}

.single-page ul.social li.skype {
    background: #00ACEE;
}

.single-page ul.social li.pinterest {
    background: #EE2C34;
}

.single-page ul.social li a {
    color: #fff;
}


/*----------------------
------ pagination--------
-----------------------*/

.archive ul.pagination-list {
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
   /* position: relative;*/
    text-align: right;
}

.archive ul.pagination-list span {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 12px;
    border: 1px solid #cacaca;
}

.archive ul.pagination-list a {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 12px;
    border: 1px solid #cacaca;
}

.archive ul.pagination-list span {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

ul.pagination-list span.current {
   color: #EA503C !important; 
}

ul.pagination-list a.page-numbers:hover {
   color: #EA503C !important; 
}

.archive ul.pagination-list span a:hover,
.archive ul.pagination-list span.current {
    color: #EA503C;
}

/*----------------------
------ Footer --------
-----------------------*/


footer {
    background: #06435f;
    float: left;
    width: 100%;
    padding: 20px 0;
}

footer h3 {
    font-weight: bold;
    color: #fff;
    margin-top: 0;
    font-size: 24px;
    margin-bottom: 10px;
}

.footer-list li {
    display: inline-block !important;
    width: 38%;
    margin-right: 5%;
}

.footer-list li a {
    color: #fff;
font-size:0.9em;
}

.footer-list h3{
font-size:1em !important;
margin-bottom: 0px;}

.footer-block{
   float: left;
    margin: 0;
    padding: 0 1% 0 2%;
    width: 30%
}

.footer-block li {
    list-style: none;
    padding: 5px 10px;
    color: #fff;
}


.footer-block:last-child {
    margin-right: 0;
    float: right;
width:25%;
}

.footer-end {
    background: #052e47;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.footer-end #wrapper {
    margin-top: 0;
}

.copy-right {
    text-align:center;
	color: #fff;
}

/*----------------------
------ Scrollup --------
-----------------------*/

a.scroll-top {
    background: #056839none repeat scroll 0 0 padding-box;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 30px;
    z-index: 999;
}



a.scroll-top::before {
    font-size: 25px;
}


/*----------------------
    Responsive Media Screen
-----------------------*/

@media screen and (max-width: 940px) {
    .container,
    .news-container {
        width: 96% ! important;
        float: none;
        padding: 0 2%;
        border: none;
    }
    .sidebar,
    .news-sidebar {
        width: 96% ! important;
        padding: 0 2%;
        margin-top: 25px;
    }
    
    
    #cssmenu > ul > li > a {
    padding: 15px 11px !important;
}
}



@media screen and (max-width: 768px) {
    .content-left,
    .content-right,
    .headlies {
        width: 100%;
        float: none;
    }
    .content-right {
        margin-top: 30px;
        overflow: inherit;
    }
   .header-left {
    width: 40%;
}


.header-right {
    width: 58%;
}
.content-main-headlines {
    overflow: inherit;
}
    .sidebar-inner .row {
        padding: 0;
    }
    
    .f-block{
        width: 98%;
        float: none;
        margin-left: 2%;
        margin-bottom: 20px;
    }
    
    .content-main-headlines img {
        margin-right: 20px;
    }

    .headlines img {
        margin-bottom: 5px;
    }
    .content-left img,
     .content-left,
    .entertain .content-left,
    .news .content-left {
        margin-bottom: 20px;
        overflow: hidden;
    }
    
    
.top-news-details h2 a {
    font-size: 1em;
    line-height: 1.3em;
    text-decoration: none;
    color: #056098;
}
}
@media screen and (max-width: 480px) {
.top-header{
	text-align:center;
}
	 .header-left {
    width: 100%;
float:none;
}
.footer-block{
   float: none;
    margin: 0;
    padding: 0 2% 0 2%;
    width: 100%
}

.footer-block:last-child{
   float: none;
    
}
.header-right {
    width: 100%;
float:none;
}
}

.footer-block p {
    color: #FFF;
}