/*
Theme Name: Responsive Mobile Theme
Theme URI: http://rlitbd.com
Description: This theme developed is by Raitul Islam.
Author: Raitul Islam
Author URI: http://facebook.com/raitul.islam.cf
Version: 1.0
Tags: mobile, all news, top news, media
*/

@font-face {
    font-family: SolaimanLipi;
    src: url(fonts/SolaimanLipi.ttf);
}

body{font-family: SolaimanLipi,Arial,Helvetica,sans-serif; font-size: 16px; color: #4F4F4F;}
img{max-width: 100%; height: auto;}
h2{font-size: 1.5em; font-weight: bold; margin: 0;}
a{text-decoration: none; color: #005580;}
.main{width: 100%; max-width: 700px; margin:5px auto; border: 1px solid #ddd;}
.main .pad{padding: 0 10px;}
.block{width: 100%; max-width: 700px; margin:5px auto; float: left;}


/*### Top Ad ###*/
.top-ad{margin-bottom: 10px; text-align: center;}

/*### Header ###*/
.header{border-bottom: 5px solid #005580; box-shadow: 0 25px 40px -45px inset;}
.header .padding{padding: 3px 10px 6px; position: relative;}
.header .menu{background: url(images/icon.png) no-repeat scroll -36px -1px rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; display: block; float: left; height: 28px; position: absolute; width: 28px; top: 12px;}
.header .logo{width: 60%; margin: 0 20%; text-align: center;}
.header .full-site{background: url(images/icon.png) no-repeat scroll -71px -1px rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; display: block; float: right; height: 28px; margin: 0; position: absolute; right: 10px; top: 12px; width: 28px;}
.header .full-site a{width: 100%; height: 100%; display: block;}
.menu a{display: block; width: 100%; height: 100%;}

/*## Date ##*/
.date .padding{padding: 12px 10px; text-align: center;}
.date p{display: inline-block;}
.date .left{float: left;}
.date .right{float: right;}
.date span{float: left; margin: 0 4px;}
.date span a{display: block; width: 16px; height: 16px;}
.date span.fb a{background: url('images/fb.png') center center no-repeat;}
.date span.gp a{background: url('images/g.png') center center no-repeat;}
.date span.tw a{background: url('images/tw.png') center center no-repeat;}
.date span.fd a{background: url('images/rss.jpg') center center no-repeat;}
.date span.en a{background: url('images/en.jpg') center left no-repeat; color: #4F4F4F; text-decoration: none; padding-left: 20px; height: auto; width: auto;}
.date a.home-button{width: 21px; height: 17px; display: block; background: url('images/home.png') center left no-repeat;}

.inner-ad .padding{padding: 10px; text-align: center;}

.featured{margin-bottom: 3px; background: #eeeeee;}
.featured .padding{padding: 10px;}
.featured .news-header a{width: 100%; display: block; color: #b50301; text-align: center; font-size: 15px;}
.featured .img{margin-bottom: 5px;}
.featured a{color: #00357d; font-size: 20px; font-weight: bold; line-height: 1.6; text-decoration: none;}
.featured .title{text-align: center;}
.featured .txt{text-align: justify;}
.featured img{width: 100%; height: auto;}

.news-block{margin-bottom: 15px;}
.news-block .padding{padding: 10px;}
.news-block .row{width: 100%; float: left; padding: 10px 0; border-bottom: 1px solid #E2E2E2;}
.news-block .row:last-child{border-bottom: none;}
.news-block .img{margin-right: 10px; float: left;}
.news-block a{color: ;}
.news-1 a{color: #000;}
.news-block .txt{text-align: justify;}

.news-2 .padding{border: 1px solid #E2E2E2; display: inline-block; box-shadow: 0 25px 40px -45px inset;}
.news-2 h2{border-bottom: 1px solid #DDDDDD; line-height: 33px; font-size: 1.3em;}

/*## single ##*/
.single-news{width: 100%; float: left; border: 1px solid #ddd; box-shadow: 0 25px 40px -45px inset; -webkit-box-shadow:0 25px 40px -45px inset;}
.single-news .padding{padding: 5px;}
.single-news .breadcrumb{width: 100%; border-bottom: 1px solid #ddd;}
.single-news .breadcrumb .padding{padding: 6px 10px;}
.single-news .author-details{width: 100%; float: left; position: relative; margin: 10px 0;}
.single-news .autimg{float: left;}
.single-news .autimg img{padding: 3px; border: 1px solid #ddd;}
.single-news .author-details .info{float: left; margin-left: 10px;}
.single-news .author-details span{position: absolute; left: 88px; bottom: 3px;}
.single-news .author-details p{margin: 1px 0;}
.single-news .fimage{width: 100%; float: left; margin-bottom: 10px;}
.single-news .fimage img{width: 100%; height: auto;}
.single-news .details{text-align: justify;}
.single-news .share{width: 100%; float: left; margin: 5px 0;}
.single-news h2{width: 100%; float: left; margin: 5px 0;}
.single-news h3{width: 100%; float: left; margin-bottom: -3px; color: #b50301;}
.single-news .date{width: 100%; float: left; margin-bottom:5px; font-size: 14px;}
.single-news .details img{height: auto!important;}

.share li{float: left;}
.share a{width: 24px; height: 24px; display: inline-block; margin: 0 5px;}
.share .facebook{background: url('images/Facebook.png') center center no-repeat;}
.share .twitter{background: url('images/Twitter.png') center center no-repeat;}
.share .linkedin{background: url('images/LinkedIn.png') center center no-repeat;}
.share .gplus{background: url('images/GooglePlus.png') center center no-repeat;}
.share .mail{background: url('images/Email.png') center center no-repeat;}
.share ul{float: left; list-style: none; margin: 0; padding-left: 0;}

.category-news-mobile{width: 100%; float: left;}
.category-news-mobile h2{background: #1d8da5; text-align: center; width: 100%; float: left;}
.category-news-mobile h2 a{padding: 10px 0; color: #fff; display: block;}
.category-news-mobile .row{width: 100%; float: left; padding: 8px 0; border-bottom: 1px solid #ddd;}
.category-news-mobile .row .img{float: left; margin-right:10px;}
.category-news-mobile .row img{border: 1px solid #ddd; padding: 5px;}
.category-news-mobile .more{width: 100%; float: left; margin: 10px 0;}
.category-news-mobile .more a{background: #347cae; color: #fff; border-radius: 5px; padding: 10px 20px 10px 40px; display: block; position: relative; float: right;}
.category-news-mobile .more a::before{content:""; position: absolute; background: url('images/right-arrow.png') 1px 2px no-repeat; height: 18px; width: 18px; left: 14px;}

.cat-news .row{width: 100%; float: left; border-bottom: 1px solid #ddd; padding: 10px 0;}
.cat-news .img{float: left; margin-right: 10px;}
.cat-news .txt{text-align: justify;}

/*##### Quiz Page #####*/
h2.quiz-title{width: 100%; float: left; font-size: 22px; color: #b50301; margin: 10px 0;}
.quiz-page .question{width: 100%; float: left; margin-bottom: 20px;}
.quiz-page .question .title, .quiz-page .question .choices{width: 100%; float: left; margin-bottom: 15px;}
.quiz-page .choices span{display: inline-block; margin-right: 15px;}
.quiz-page .terms li{margin-bottom: 10px;}
.quiz-page .terms{width: 100%; float: left; margin-bottom: 20px;}
.quiz-answer .row{width: 100%; float: left; margin-bottom: 10px;}
.quiz-answer label{width: 100%; float: left;}
.quiz-answer input, .quiz-answer select{height: 21px; width: 94%; padding: 5px 2%;}
.quiz-answer select{height: 30px;}
.quiz-answer .submit{padding: 10px 20px; color: #fff; background: #b50301; margin-bottom: 30px; border:none; height: auto; width: auto; font-size: 16px; margin-top: 20px; border-radius: 3px;}


/*##### Poll #####*/
.poll{margin-top: 20px;}
.poll .padding{padding: 10px; float: left; border: 5px solid #e9e9e9;}
.poll h3{float: left; background: #fff; margin-top: -22px; margin-bottom: 15px; font-size: 20px; padding: 0 10px;}
.poll p{width: 100%; float: left;}
.poll .ans{margin: 5px 0;}
.poll .action{margin-top: 10px;}
.poll .vote{background-color: #006dcc; color: #fff; padding: 4px 12px; border: 1px solid #bbbbbb; font-size: 16px; font-family: 'SolaimanLipi';}


/*##### Poll Page #####*/
.poll-result{width: 100%; float: left; margin-top: 20px;}
.poll-data{width: 100%; float: left; margin-bottom: 10px;}
.pollq{float: left; margin-right: 15px; width: 150px;}
.polla{float: left; margin-right: 15px; width: 50px;}
.pollg{width: 300px; height: 20px; float: left;}
.pollg span{height: 20px; display: block; background: #b82027;}

/*## Photo Gallery ##*/
.single-gallery img, .gallery-row img{width: 100%;}
.gallery-row{width: 100%; float: left; margin-bottom: 10px;}
.gallery-row .single{width: 49%; float: left;}
.gallery-row .col-1{margin-right: 1%;}
.gallery-row .col-0{margin-left: 1%;}

.pagination{width: 100%; float: left;}
.pagination ul{list-style: none; float: left; text-align: center; margin: 10px 0; padding-left: 0; width: 100%;}
.pagination ul li{margin: 0 3px; display: inline-block;}

/*## footer ##*/
.footer{width: 100%; float: left; border-top: 5px solid #005580;}
.footer .menu{box-shadow: 0 25px 40px -45px inset; padding: 3px 0; float: left; width: 100%;}
.footer .menu a{background: url(images/icon.png) no-repeat scroll -36px -1px rgba(0, 0, 0, 0); border: 1px solid #CCCCCC; display: block; margin: 6px 10px; float: left; height: 28px; width: 28px;}
.footer .menu-area{width: 100%; float: left;}
.menu-area ul{list-style: none; margin: 0; padding: 0; width: 100%; float: left;}
.menu-area li{width: 48%; margin: 0 1%; border-bottom: 1px solid #E8E8E8; float: left;}
.menu-area li a{display: block; font-size: 16px; padding: 5px 5px;}

.bottom .padding{padding: 30px 15px; text-align: center; color: #005580;}
.ad.bg{background: #F9F9F9; border: 1px solid #DDDDDD; font-size: 12px; text-align: center;}
.ad.bg h3{font-size: 15px;}
.ad.bg .txt{padding: 15px 0;}
.mdetails iframe {width:310px! important;}