/*
Theme Name: ASK CMS
Theme URI: http://www.askbd.org
Author: Wasiul Alam Biswas
Author URI: http://portfolio.wasiul.com
Description: The Theme is for ASK New site. 
Version: 21.1.6
License: GNU General Public License v2 or later
License URI: http://www.askbd.org
Text Domain: ASK CMS

*/



/*

Warning: Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead

See: http://codex.wordpress.org/Child_Themes

*/



/* TABLE OF CONTENT 

 * ================================================

 * 1.  RESET

 * 2.  COMMON ELEMENTS

 * 3.  BASE LAYOUT

 * 4.  HEADER

 * 5.  NAVIGATION MENU

 * 6.  MAIN CONTENT

 * 7.  SIDEBAR

 * 8.  FOOTER

 * 9.  MEDIA QUERIES

 **/





 /* 1. RESET

 * ================================================ */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: top;

}

:focus {

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}





 /* 2. COMMON ELEMENTS

 * ================================================ */

h1, h2, h3, h4, h5, h6{

	font-family: Open Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight:700;

	line-height:1.4;

}



h1{

	font-size:26px;

}



h2{

	font-size:20px;
	

}



h3{

	font-size:16px;


}



h4{

	font-size:14px;
	color: #333;


}



h5{

	font-size:13px;	

}



a{

	-moz-transition: background-color 0.2s linear 0s;

}



a:link {

	
	color:#333;;


	text-decoration:none;

}



a:visited {

	/*color: #2c2424; */
	color:#333;

}
.carousel-posts li a{

    color: #333;

}
#featured-categories .more-posts .post .right a {color: #333;}

a:active {

	color: #333;

}



a:hover {

	color: #e74c3c;

}



ul, ol {

	margin: 0 0 1.5em 2.5em;

}



ul {

	list-style: square;

}



ol {

	list-style-type: decimal;

}



ol ol {

	list-style: upper-alpha;

}



ol ol ol {

	list-style: lower-roman;

}



ol ol ol ol {

	list-style: lower-alpha;

}



ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}



dl {

	margin: 0 1.5em;

}



dt {

	font-weight: bold;

}

dd {

	margin-bottom: 1.5em;

}



strong {

	font-weight: bold;

}



small { 

	font-size: 80%; 

}



big {

	font-size: 120%;

}



cite, em, i {

	font-style: italic;

}



cite {

	border: none;

}



blockquote {

	font-style:italic;

    margin: 7px 35px 7px 45px;    

	font-style:italic;

	background:#f7f7f7;

	padding:10px;

}



blockquote p {

	margin: 0px;

	padding: 0px;

}

blockquote em, blockquote i, blockquote cite {

	font-style: normal;

}

pre {

	background: rgba(0, 0, 0, 0.05);

	font: 87.5% "Courier 10 Pitch", Courier, monospace;

	line-height: normal;

	margin-bottom: 1.5em;

	padding: 0.75em 1.5em;

}

code, kbd {

	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

sup, sub {

	font-size: 62.5%;

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



input[type=text], textarea {

	border: 1px solid #E7E7E7;

}



textarea {

	padding-left: 3px;

	width: 98%;

}



address {

	display: block;

	margin: 0 0 1.625em;

}



table {

	 /* border-bottom: 1px solid #ddd; */

	margin: 0 0 1.625em;

	width: 100%;

	text-align:left;

}



th {

	color: #666;

	font-size: 14px;

	font-weight: 600;

	letter-spacing: 0.1em;

	line-height: 2.6em;

}



td {

	/* border-top: 1px solid #ddd; */

	padding: 6px 10px 6px 0;

}



p{

	margin-bottom: 15px;

}



img{

	max-width: 100%; 

	height: auto;

}



/*-- WordPress common classes*/

.clear{

	clear:both;

}

 

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.25em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.25em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignnone{

	display: inline;

	float: left;

	margin-right: 1.25em;

}



img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 1.25em;

}



p img,

.wp-caption {

	margin-top: 0.4em;

}

.wp-caption {

	margin-bottom: 1.25em;

	max-width: 96%;

	text-align:center;

}



.wp-caption img {

	display: block;

	margin: 0 auto;

	max-width: 98%;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	color: #666;

	font-family: Georgia, serif;

	font-size: 12px;

}



.gallery{

	margin-bottom:15px !important;

}



.gallery dl{

	margin:0;

}



.gallery img{

	border:none !important;

}





 /* 3. BASE

 * ================================================ */	

body{

	background: url(http://www.askbd.org/ask/wp-content/uploads/2020/12/bg-pattern-dot.png);

	color: #000000;

	font-size: 13px; 

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 

	line-height: 1.6em;	

}



#container{

	width: 1200px; 
    margin: 5px auto;
    border: 1px solid #ddd;

}



#content-container{

	padding: 15px; 	

	background: #fff; 

	overflow:hidden;	

}



#content {

	float: left;

	width: 800px;
    margin-top: -15px;

}



.wide-content{

	width:100% !important;	

}



/* 4. HEADER

* ================================================ */	

#header{

	/*padding: 15px; */
	padding: 0px 15px 15px 15px;

	margin: 0px auto 0px; 

	background: #fff; 

	border-bottom: 0px solid #ddd;	

}



#header .header-wrap{
	overflow:hidden;
	margin-bottom:2px;
	padding-bottom:10px;
	background-image:url(http://www.askbd.org/ask/wp-content/uploads/2019/09/header-ask.jpg);
	background-repeat:round;
	height:340px;	

}



#header .logo{

	float: left;

	width:350px;	

}



#header .logo h1{

	margin-bottom: 0px;

}



#header .logo img{

	display: block;

	margin-top:5px;

}



#header .ad468 {

	width:500px;

	float:right;

	text-align:right;

}


#header .topMenu {
	Padding-right:2px;
	padding-top:7px;
}

#header .topMenu a{
	color:#772f2b;
}

#header .topMenu a:hover{
	color:#69cc20;
}


/* 5. NAVIGATION MENU

* ================================================ */

#nav{

    clear: both;
	

}	

	

#nav select {

    display: none;

    z-index: 3000;

    position: relative;

    padding: 6px;

    font-size: 14px;

    border: 1px solid #ccc;

    height: 34px;	

	color:#555555;
	
	font-family:inherit;

}



#nav ul {

	z-index:99; 

	margin:0; 

	padding:0; 

	list-style:none;

	text-align:left;
	
	

}



#nav ul li{

	position: relative;

	display:block;

	float:left;

	margin:0;

	padding:0;

	border-left:1px solid #fff;
	border-right:1px solid #fff;
	

	

}

#nav ul li:first-child{
	border-left:0px solid;
	}
#nav ul li:last-child{
	border-right:0px solid;	
	
	}


#nav ul li a{	

	display: block;

	float: left;

	position:relative;
	
	border-radius: 10px 0px 5px 0px;

	font-size: 14px;

	font-weight:700;

	text-transform: capitalize;

	padding:0 24px;

	height:40px;

	line-height:40px;
	
	background: #e74c3c;

    color: #fff;

}

#nav ul li a:hover{
	background:#fff;
	color:#E74C3C;

	
	}



#nav ul.sub-menu{

	display: none;

	position: absolute;

	top: 40px;

	width:190px;

	left:0px;

	z-index: 9999;

	background: #ffffff !important;

	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);

	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);

			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 

}



 #nav ul.sub-menu a{

	display:block !important;

	width:200px;
	-webkit-transition: width 2s linear 1s; /* For Safari 3.1 to 6.0 */
    transition: width 2s linear 1s;
	text-transform: none;

	font-size:12px;

	font-weight:700;

	border-bottom:1px solid #d8d3d3;	
	font-weight:normal;

}



#nav ul li ul li ul{	

	margin: -30px 0 0 180px;	

}



#nav .sf-sub-indicator{

	/* display:none; */


}



#nav ul.sub-menu li.current-menu-item a, 

#nav ul.sub-menu li.current-page-ancestor a,

#nav ul.sub-menu li.current-menu-ancestor a{

	color:#2c2c2c !important;

} 



/* 6. MAIN CONTENT

 * ================================================ */



 /*-- Slider --*/

#slider{

	margin-bottom:20px;

}



#slider .lof-slidecontent{

	width:800px; 
	height:380px;
	z-index: 0;
}



#slider .lof-slidecontent .slider-image{

	width:800px; 
	height:380px;

}



#slider .main-slider-content{

	width:800px; 
	height:380px;

}



#slider .lof-slidecontent {

	position:relative;	

	overflow:hidden;	

	border:1px solid #F4F4F4;

}



#slider .lof-slidecontent .preload{

	height:100%;	

	width:100%;	

	position:absolute;	

	top:0;	

	left:0;	

	z-index:100000;	

	text-align:center;	

	background:#ffffff;

}



#slider .lof-slidecontent .preload div{	

	height:100%;	

	width:100%;	

	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;

}



#slider .lof-slidecontent  .sliders-wrapper{	

	position:relative;	

	height:100%;	

	width:900px;	

	z-index:3px;	

	overflow:hidden; 

}



#slider .lof-slidecontent  ul.sliders-wrap-inner{

	overflow:hidden;	

	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;	

	padding:0px;	

	margin:0;	

	position:absolute;	

	overflow:hidden;

}



#slider .lof-slidecontent  ul.sliders-wrap-inner li{

	overflow:hidden;	

	padding:0px;

	margin:0px;	

	float:left;	

	position:relative;

}



#slider .lof-slidecontent  .lof-opacity  li{

	position:absolute;	

	top:0;	

	left:0;	

	float:inherit; 

}



#slider .lof-slidecontent  .navigator-content {

	position:absolute; 

	bottom:10px; 

	right:10px;

	background:url(images/s-tr-bg.png) repeat;

	padding:5px 0px;

}



#slider .lof-slidecontent  .navigator-wrapper{	

	position:relative;	

	z-index:10;

	height:180px;

	width:310px;

	overflow:hidden;

	color:#FFF;

	float:left

}



#slider .lof-slidecontent  ul.navigator-wrap-inner{	

	top:0;	

	padding:0;	

	margin:0;	

	position:absolute;	

	width:100%; 

}



#slider .lof-slidecontent  ul.navigator-wrap-inner li{ 

	cursor:hand; 	

	cursor:pointer;	

	list-style:none;	

	padding:0;	

	margin-left:0px;	

	overflow:hidden;	

	float:left;	

	display:block;	

	text-align:center;

}



#slider ul.sliders-wrap-inner li img{	

	padding:0px;	

}



#slider .lof-main-item-desc{

	z-index:100px;

	position:absolute;

	bottom:66px;

	left:0px;

	width:350px;

    background: rgba(0, 0, 0, 0.6);

	height:82px;

	padding:10px;

	color:#cccccc;

}



#slider .lof-main-item-desc h3 a{

	color: #fff;

}



#slider .lof-main-item-desc .date{

	font-size:12px;

}



#slider .lof-slidecontent .attachment-small-thumb{

	width:70px;

	height:25px;

}



#slider .lof-slidecontent ul.navigator-wrap-inner li img{

	border:#666 solid 3px;	

}



#slider .lof-slidecontent ul.navigator-wrap-inner li.active img, 

#slider .lof-slidecontent ul.navigator-wrap-inner li:hover img {

	border:#A8A8A8 solid 3px;

	-moz-transition:border-color  ease-in-out 0.4s

}



#slider .lof-slidecontent .navigator-content .button-next, 

#slider .lof-slidecontent .navigator-content .button-previous{

	display:block;

	width:22px;

	height:30px;

	color:#FFF;

	cursor:pointer;

}



#slider .lof-slidecontent .navigator-content .button-next {

	float:left;	

	text-indent:-999px;

	margin-right:5px;

	background:url(images/s-arrow-l.png) no-repeat right center;

}



#slider .lof-slidecontent .navigator-content .button-previous {

	float:left;	

	text-indent:-999px;

	margin-left:5px;

	background:url(images/s-arrow-r.png) no-repeat left center;

}



#slider .lof-slidecontent .button-control {

	position:absolute;

	top:10px;

	right:10px;

    height: 20px;

    width: 20px;

	cursor:hand; cursor:pointer;

	background:url(images/s-tr-bg.png) repeat;

}



#slider .lof-slidecontent .button-control span { 

	display:block;  

	width:100%; 

	height:100%;

}

	

#slider .lof-slidecontent .action-start span  {

	background:url(images/s-play.png) no-repeat center center;

}



#slider .lof-slidecontent .action-stop span {

	background:url(images/s-pause.png) no-repeat center center;

}



/*-- Homepage carousel --*/

#home-cat-title{
	background: linear-gradient(to right, #e74c3c 0%,#fff 100%);
    width: 600px;
}

#home-cat-title a{

	color: #fff;

	display: block;

	padding: 5px 12px;

	-moz-transition: .6s ease-in-out;

	-webkit-transition: .6s ease-in-out;

	transition: .6s ease-in-out;
	}

#home-cat-title a:hover {

    background: linear-gradient(to right, #080f1c 0%,#fff 100%);

}
#home-activities {
	background: linear-gradient(to right, #e74c3c 0%,#d7f9db 100%);
	text-align: center;
	padding: 5px;
	color: #fff;
	margin-bottom: 3px;
}
#home-activities a:hover {
    background: linear-gradient(to right, #080f1c 0%,#fff 100%);
}

#carousel {

	margin-bottom:20px;

	overflow:hidden;	

	padding-bottom: 25px;

	background: url("images/sep-bg.png") repeat-x center bottom;


}



#carousel .carousel-posts ul {

	overflow:hidden;	

}



#carousel .title{

	overflow:hidden;

	margin-bottom:10px;

}



#carousel .cat{

	display:inline-block;	

	float:left;

	

}



#carousel .buttons{

	float:right;

	margin-right:5px;

}



#carousel .prev{

	margin-right:5px;

}



#carousel .prev,

#carousel .next {

	opacity:0.5;

	width:20px;

	height:20px;

	float:left;

	cursor:pointer;

}



#carousel .prev:hover,

#carousel .next:hover{

	opacity:0.7;

}



#carousel .carousel-posts li {

	width:190px;

	list-style:none;

	margin:0;

	margin-right:26px;

	float:left;	

}



#carousel .post-excerpt{

	max-height:100px;

	overflow:hidden;

	line-height:1.5;	

}



#carousel .post-meta{

	color: #888888;

}



#carousel .carousel-post-title a:hover{

	color: #e74c3c;

}



#carousel .carousel-posts img {

	width:160px;

	height:160px;

}



/*-- Featured Categories --*/

#featured-categories{

	overflow:hidden;

}



#featured-categories .category{

	width:385px;

	float:left;

	overflow:hidden;

	position:relative;

	padding-bottom: 15px;

	margin-bottom:25px; 

	background: url("images/sep-bg.png") repeat-x center bottom;	
	background-color: #f9f2ea;

}



#featured-categories .right-side{

	margin-left:30px;

}



#featured-categories .category .attachment-feat-thumb{
	width:320px;	
	height:180px;	
	margin-top:3px;
}

#featured-categories h3.cat-title {
	width:100%;
	left: 0;
	margin-top: 0;
	position: relative;
	top: 0;
	z-index: 3;

}



#featured-categories h3.cat-title a {

	background: linear-gradient(to right, #e74c3c 0%,#d7f9db 100%);
	color:#fff; 

	display:block; 

	padding:5px 12px; 

	-moz-transition:  .8s ease-in-out; 

	-webkit-transition:  .8s ease-in-out; 

	transition:  .8s ease-in-out;

}

				

#featured-categories h3.cat-title a:hover { 
	background: #474747;
}

.feat-post{
	padding-left:5px;
	padding-right:5px;
}
#featured-categories .feat-post h3{
	margin:10px;
}

#featured-categories .more-posts .post{

	clear:both;

	overflow:hidden;

	margin-bottom:10px;

}



#featured-categories .more-posts .post .right{

	float:left;	

	width:240px;

}



#featured-categories .more-posts img {

	display: block;

	width: 50px;

	height: 50px;

	float: left;

	margin: 1px 10px 0px 5px;

}



#featured-categories .more-posts .post-meta .sep{

	margin:0 5px;

}



#posts-list .post{

	overflow:hidden;

	padding-bottom: 25px;

	margin-bottom:25px; 

	background: url("images/sep-bg.png") repeat-x center bottom;

}



#posts-list .post-image{

	margin-right:20px;

	float:left;

}



#posts-list .post-image img{

	width:150px

}



#posts-list .post-meta .sep{

	margin:0 5px;

}



#posts-list .post .exceprt p{

	margin-bottom:7px;

}



#content .page-title{

	margin-bottom:20px; 
    font-size:12px;

}



#content .post-meta{

	font-size:12px;

	color: #888888;	

	margin-bottom:7px;

}



#content .archive-meta{

	background: #f7f7f7;

	padding:8px 10px;

	margin-bottom:20px;

}



#content .archive-meta p{

	margin-bottom:5px;

}



#content .no-posts-notice{

	background: #f7f7f7;

	padding:8px 10px;

	margin-bottom:20px;

}



#content .post .sticky{		

	font-size:12px;

	background:#f2f2f2;

	padding:4px 6px;

	letter-spacing:1px;

	display:inline-block;

	line-height:1;

	border-bottom:1px solid #eee;

}



#content .post,

#content .page{

	overflow:hidden;

	margin-bottom:15px;

}



#content  .post .post-entry{

	overflow:hidden;

}



#content  .post .post-entry p{

	overflow:hidden;

}





#content .post-meta .sep{

	margin:0 5px;

}



#content .post .author{

	overflow:hidden;

}



#content .post .author h3{

	margin-bottom:5px;

}



#content .post .author .avatar{

	float:left;	

	width:50px;

	margin-top:5px;

}



#content .post .author .author-meta{

	margin-left:60px;

}



#content .image-nav, 

#content .post-nav {

	margin: 12px 0;

	overflow:auto;

}



#content .image-nav .previous, 

#content .post-nav .previous {

	float: left;

	text-align: left;

	width: 50%;

}



#content .image-nav .next, 

#content .post-nav .next {

	float: right;

	text-align: right;

	width: 50%;

}



#content .parent-post-link{

	margin:10px 0;

	text-align: center;	

}



#content  .pagination{

	text-align:center; 

	text-shadow: none;  

}



#content .pagination .current { 

	background:#f1f1f1;

}



#content .pagination  .page-numbers {

	border:solid 1px #DEDEDE;

	display: block;

	float: left;	

	margin-right:3px;

	padding: 3px 8px;

	position: relative;

}



#content .post .widget{

	margin:20px 0;

	padding-bottom: 20px;

	background: url("images/sep-bg.png") repeat-x center bottom;

	overflow:hidden;

}



#content .post .widget li{

	border-bottom:none;

}





/*-- Post comments --*/

#comments h2{

	margin:15px 0;

}



#comments span.date-and-time a { 

	display: block; 

	font-size:13px;

	color:#999; 

	text-decoration: none; 

	font-weight: normal; 

	margin: 2px 0;

}



#comments p.comment-notes {

	font-size: 12px; 

	color: #333333; 

}



#comments ol.commentlist{

	margin:0;

}



#comments ol.commentlist li div.comment-author { 

	margin-top: 5px; 

}



#comments ol.commentlist .comment-meta .comment-awaiting-moderation{ 

	color:red; 

	font-style:italic; 

}



#comments ol.commentlist .pingback{

	margin-bottom:10px;

}



#comments ol.commentlist .pingback .title{

	font-size:14px;

	font-weight: 700;

}



#comments ol.commentlist li div.vcard {

	font-size: 14px; 

	font-weight: bold; 

	margin-bottom: 0;   

}



#comments ol.commentlist li div.vcard span.edit-link a {

	font-size: 13px; 

	font-weight: 400; 

	margin-bottom: 0;

}



#comments ol.commentlist .comment-content p{ 

	margin-bottom:10px;

}



#comments ol.commentlist li div.vcard cite.fn { 

	font-style:normal; 

}



#comments ol.commentlist li div.vcard img.avatar {

	float:left; 

	margin-right: 10px; 

}



#comments ol.commentlist li { 

	list-style: none; 

}



#comments ol.commentlist li div.reply { 

	margin-bottom: 15px;

}



#comments ol.commentlist li ul.children { 

	list-style:none; 

	margin:15px 0 0; 

	text-indent:0;

}



#comments ol.commentlist li ul.children li.depth-2 { 

	margin: 0 0 30px 40px;  

}



#comments ol.commentlist li ul.children li.depth-3 { 

	margin: 0 0 30px 40px; 

}



#comments ol.commentlist li ul.children li.depth-4 { 

	margin: 0 0 30px 40px; 

}



#comments ol.commentlist li ul.children li.depth-5 { 

	margin: 0 0 30px 40px; 

}



#comments ol.commentlist > li.bypostauthor {



}

 

#respond p.comment-form-comment label{

	display:none;

}



#commentform p.comment-notes{

	color:#888;

}



#commentform p.form-allowed-tags{

	display:none;

}



#respond input[type="text"], #respond input[type="password"] {

	width: 320px; 

	height: 30px; 

	line-height: 30px; 

	padding: 0px 0px 0px 10px; 

	margin-right: 12px; 

	line-height: 20px; 

	border:1px solid #CFCFCF;

	color:#555555;

	font-size: 13px;	

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 	

}



#respond textarea{

	height: 165px; 

	padding: 10px; 

	width: 90%;

	line-height: 20px; 

	border:1px solid #CFCFCF;

	color:#555555;

	font-size: 13px; 

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 

}

	

#respond #submit{

	-moz-transition:  .8s ease-in-out; 

	-webkit-transition:  .8s ease-in-out; 

	transition:  .8s ease-in-out;

	background: #41464b;

	border: 1px solid #41464b;

	border-radius: 3px 3px 3px 3px;

	color:#eeeeee;

	margin:0 0 20px;

	padding: 5px 7px;	

}



#respond #submit:hover {

	cursor:pointer;

	color:#fff;

	background:#292f33;

} 

	

/* 7. SIDEBAR

 * ================================================ */

#sidebar {

	width: 320px;

	float: right;

	margin-left:20px;

}



#sidebar h3{

	margin-bottom:10px;

}



#sidebar .widget{

	padding-bottom: 15px;

	margin-bottom:15px; 

	background: url("images/sep-bg.png") repeat-x center bottom;

	width:280px;

	overflow:hidden;

}



.widget ul {

	margin:0;

	padding:0;

}

.widget:first-child{

	margin-top: 0px;

}



.widget:last-child{

	border-bottom: none;

}



.widget ul li {

	background: url("images/arrow-sidebar.png") no-repeat left 9px;

	border-bottom: 1px dotted #E7E7E7;

	color: #444444;

	margin: 0;

	overflow: hidden;

	padding: 6px 15px;

}



.widget ul li:last-child{

	border-bottom: none;

}



/*-- subscriber counter widget --*/

#sidebar .widget_social_count ul{

	overflow:hidden;

}



#sidebar .widget_social_count a{

	color:#737373;

}



#sidebar .widget_social_count li {

	float: left;	

	font-size: 23px;

	line-height: 13px;

	font-weight: bold;

	color: #666;

	padding-top: 9px;

	padding-left: 40px;

	border-bottom: none;	

 }



#sidebar .widget_social_count li .small {

	font-size: 14px;

	line-height: 16px;

	font-weight: normal;

    color: #999;

}



#sidebar .widget_social_count li .small a {

	color: #999;

}



#sidebar .widget_social_count .rss {

	background: url(images/rss32.png) 0px 5px no-repeat;

	margin-right:15px;

	width:78px;

}



#sidebar .widget_social_count .twitter {

	background: url(images/twitter32.png) 0px 5px no-repeat;

	width: 75px;

}



#sidebar .widget_ad125 ul{

	overflow:auto;

	margin-top:10px;

	margin-left:15px;	

}



#sidebar .widget_ad125 li{

	float:left;

	margin-bottom:5px;

	border-bottom: none;	

	background:none;

	padding:0;	

}



#sidebar .widget_ad125 li a{

	display:block;

}



#sidebar .widget_ad125 li:first-child{

	float:left;

	margin-right:10px;

}



#sidebar .widget_ad125 li:last-child{

	float:left;

	margin-left:12px;

}



/*-- twitter widget --*/

.widget_tweets{

	height:272px;

}



.widget_tweets  .twtr-ft{

	display:none;

}



.twtr-tweet-text em{

	display:none !important;

}



/*-- search widget --*/

.searchfield{
	font-size: 13px;
	padding: 10px 28px 10px 6px;
	width: 240px;
	font:inherit;
    color: #606060;
	background: url("images/magnify.png") no-repeat 96% 50%;

}
#ask_search{
	color: #606060;
	border: 1px solid #e74c3c;
	border-radius: 10px 0px 10px 0px;
	font-size: 14px;
}


/*-- Tags Widget --*/

.tagcloud{

	overflow:hidden;

	margin-top:10px;

}



.tagcloud a {

	background: #F7F7F7;

	color: #494F56;

	display: block;

	float: left;

	font-size: 12px !important;

	line-height: 12px;

	margin-bottom: 8px;

	margin-right: 15px;

	padding: 8px 12px;

	text-decoration: none;

}



.tagcloud a:hover{

	background: #ececec;

}



/*-- Calendar Widget --*/

.widget_calendar h3.widgettitle {

	display:none;

}



.widget_calendar h4 {

	display:none;

}



.widget_calendar #wp-calendar caption {

	font-size: 14px;

	font-weight:bold;

	text-align:center;

	text-transform: uppercase;

	margin-bottom:10px;

}



.widget_calendar table#wp-calendar {

	width:100%;

	border:none;

	margin-bottom:0;

}



.widget_calendar thead>tr>th {

	width:14%; 

	height:23px; 

	text-align:center; 

	background-color:#f7f7f7; 

}

	

.widget_calendar td {

	width:14%;	

	height:23px;	

	text-align:center;	

	border:none;

}



.widget_calendar tfoot>tr>td#prev {

	width:58px;	

	height:20px;	

	text-align:left;	

}



.widget_calendar tfoot>tr>td#next {

	width:58px; 

	height:20px;	

	text-align:right;	

}



.widget_social ul li{

	padding-left:24px;

}



.widget_social ul li.facebook{

	background:url(images/fb16.png) no-repeat left center;

}

.widget_social ul li.twitter{

	background:url(images/twitter16.png) no-repeat left center;

}

.widget_social ul li.gplus{

	background:url(images/gplus16.png) no-repeat left center;

}

.widget_social ul li.rss{

	background:url(images/rss16.png) no-repeat left center;

}

.widget_social ul li.contact{

	background:url(images/email16.png) no-repeat left center;

}





 /* 8. FOOTER

 * ================================================ */

 

#footer{
	color: #fff;
	overflow: hidden;
	background-color: #e74c3c;
	background: linear-gradient(-45deg, #e74c3c, #d8592e, #4a4fc4, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 12s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* ================================================ */



#footer h4{

	color:#fff;

	margin-bottom: 10px; 	

}



#footer a{

	color: #fff; 

	font-weight: normal;

}



#footer a:hover{

	color: #000;

}



#footer .footer-widgets{

	padding: 15px 15px 0px 15px;

	overflow:hidden;

}



/*--- footer widgets --*/

#footer .widget{

	float: left; 

	width: 270px; 

	margin-right: 20px;	

	margin-bottom: 10px;	

	overflow:hidden;

}



#footer .widget ul li{
	color: #bbbbbb;
	border-bottom: 1px dotted #fff;
}



/*--- tags widget  --*/

#footer .tagcloud a {

	background: #292F33;

	color: #878787;	

}



/*--- calendar widget --*/

#footer .widget_calendar thead > tr > th{

	background: none;

	color: #bbbbbb;

}



/*--- twitter widget --*/

#footer  .widget_tweets .twtr-tweet .twtr-tweet-text p {

    color: #bbbbbb !important;

}

#footer  .widget_tweets  .twtr-hd h3 {

	color: #bbbbbb !important;

}



#footer  .widget_tweets .twtr-hd *,

#footer  .widget_tweets .twtr-hd h4 a {

    color: #999 !important;

}



#footer  .widget_tweets .twtr-tweet a:link,

#footer  .widget_tweets .twtr-tweet a:visited,

#footer  .widget_tweets .twtr-tweet a:hover {

    color: #999 !important;

}



#footer  .widget_tweets .twtr-widget .twtr-tweet{

	border-bottom:1px dotted #292F33 !important;

}



/*--- footer info --*/

#footer .footer-info{

	clear: both; 

	margin-top: 0px; 

	padding: 10px 15px; 

	overflow: hidden;

	background: rgba(255, 255, 255, 0.15);

}



#footer .footer-info p{

	float: left; 

	margin: 0; 

	font-family: Georgia, "Times New Roman", Times, serif; 

	font-size: 11px; 

	font-style: italic;	

}



#footer .footer-info .credit{

	float: right;

}



#footer .footer-info .credit img{

	margin-bottom:-2px;

}



 /* 9. MEDIA QUERIES

 * ================================================ */

@media screen and (min-width : 630px) and (max-width : 960px) {

	#header .header-wrap {
		background-image: url(http://www.askbd.org/ask/wp-content/uploads/2019/09/header-ask-for-ipad.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		height: 183px;
		background-position: center;
	
	}

	#container {

		width: 630px;

	}

	

	/*-- header --*/

	#header .logo{

		display: none; 

		margin-bottom: 10px;

	}

	

	#header .ad468{

		display: none; 

	}

	

	#nav{

		clear: both; 

		float: left;

	}	

	#nav ul li a {

		display: block;
		float: left;
		position: relative;
		font-size: 9px;
		font-weight: 600;
		text-transform: capitalize;
		padding: 0 5px;
		height: 28px;
		line-height: 28px;
		background: #e74c3c;
		color: #fff;
		border-radius: 4px 0px 4px 0px;
}

	/*-- content --*/	

	#content{

		width:600px;
        margin-top: -5px;

	}

	

	#slider .lof-slidecontent{

		width:600px; 

		height:285px;

	}



	#slider .lof-slidecontent .slider-image{

		width:600px; 

		height:285px;

	}



	#slider .main-slider-content{

		width:600px; 

		height:285px;

	}

	

	#carousel .carousel-posts li {

		margin-right:16px;		

	}

	

	#featured-categories .category{

		width:290px;

		float:left;

		position:relative;

		margin-bottom:10px;		

	}

	

	#featured-categories .right-side{

		margin-left:20px;

	}

	

	#featured-categories .more-posts .right{

		width:230px !important;

	}	

	

	/*-- sidebar --*/

	#sidebar {

		width: 600px;

		float: left;

		margin-left:0;

		margin-top:20px;

	}

	

	#sidebar .widget{

		width:280px;

		float:left;

		margin-right:20px;

	}

	

	/*-- footer --*/

	#footer .widget{

		width:190px;

		margin-right:10px;

	}



}



@media screen and (min-width : 460px) and (max-width : 629px) {

		#header .header-wrap {
		background-repeat:no-repeat;
		background-image: url(http://www.askbd.org/ask/wp-content/uploads/2019/09/header-ask-for-phone.jpg);
		background-position:center;
		background-size:contain;
		height:125px;
	
	}

	#container {

		width: 460px;

	}

	

	/*-- header --*/

	#header .ad468{
		display:none;
	}
	#header .logo{
		display: none; 
		}
	

	#header .ad468{

		display: none; 

	}

	

	#nav ul { 

		display:none; 

	}

	

	#nav select {

		margin-top:20px;

		display: block;

		width: 430px; 

	}



	/*-- content --*/

	#content-container{

		padding:10px;		

	}

	

	#content {

		width: 440px;
        margin-top: -5px;

	}

	

	#slider .lof-slidecontent{

		width:440px; 

		height:210px;

	}



	#slider .lof-slidecontent .slider-image{

		width:440px; 

		height:210px;

	}

	

	#slider .main-slider-content{

		width:440px; 

		height:210px;

	}

	

	#carousel{

		display: inline-block;

	}

	

	#featured-categories .category{

		width:210px;

		float:left;

		margin-bottom:10px;

	}

	

	#featured-categories .right-side{

		margin-left:20px;

	}

	

	#featured-categories .category .attachment-feat-thumb{

		width:210px;	

		max-height:120px;

	}	



	#featured-categories .more-posts img{

		display:none;

	}

	

	#featured-categories .more-posts .right{

		width:210px !important;

	}	

	

	#posts-list .post-image{

		margin-right:10px;

	}

	

	#posts-list .post-image img{

		width:120px;

	}

	

	#posts-list .post .right .date-by{

		margin-bottom:5px;

	}

	

	/*-- Sidebar --*/

	#sidebar {

		width: 440px;

		float: left;

		margin-left:0;

		margin-top:20px;

	}

	

	#sidebar  .widget{

		width: 210px;

		float: left;

		margin-right:10px;

	}

	

	.widget_search input{

		width: 170px;		

	}

	

	#sidebar .widget_ad125 li:last-child{

		margin-left:0;

	}

	

	/*-- footer --*/	

	#footer .footer-widgets{

		padding:10px;

	}

	

	#footer  .widget{		

		float:left;

		margin-right:10px		

	}

	

	#footer .footer-info{

		padding:10px;

	}	

}



@media screen and (max-width: 459px) {

	#header .header-wrap {
		background-repeat:no-repeat;
		background-image: url(http://www.askbd.org/ask/wp-content/uploads/2019/09/header-ask-for-phone.jpg);
		background-position:center;
		background-size:contain;
		height:125px;
	}

	#container {

		width: 320px;		

	}



	#content-container{

		padding:10px;

	}	

	

	/*-- header --*/

	#header{

		padding: 10px;		

	}

	

	#header .logo {
		display:none;
		width:300px;
		text-align:center;	

	}

	

	#header .ad468{

		display: none; 

	}

	

	#header .logo img {

		display:inline-block;

	}

	

	#nav ul {  

		display:none; 

	}

	

	#nav select  {	

		margin-top:10px;

		display: block;

		float:left;

		width: 300px; 

	}

	

	/*-- content --*/

	#slider{

		display:none;

	}

	

	#content {

		width: 300px;
        margin-top:-5px;
	}

	

	#carousel{
		display: inline-block;
		margin-top: 5px;
	}
	#home-cat-title {
    background: linear-gradient(to right, #e74c3c 0%,#d7f9db 130%);
    width: 300px;
    font-size: 14px;
	}

	#featured-categories .right-side{

		margin-left:0;

	}

	/*#featured-categories .category a:link {
    color: #333 !important;
    }   */

	#posts-list .post-image{

		display:none;

	}

	

	#content .single-post .author .avatar{

		display:none;

	}



	#content .single-post .author .author-meta{

		margin-left:0px;

	}

	

	#comments ol.commentlist li ul.children li.depth-2 { 

		margin: 0 0 30px 30px;  

	}



	#comments ol.commentlist li ul.children li.depth-3 { 

		margin: 0 0 30px 0px; 

	}



	#comments ol.commentlist li ul.children li.depth-4 { 

		margin: 0 0 30px 0px; 

	}



	#comments ol.commentlist li ul.children li.depth-5 { 

		margin: 0 0 30px 0px; 

	}

	

	#respond input[type="text"], #respond input[type="password"] {

		width: 200px; 

	}

	

	/*-- sidebar --*/

	#sidebar {

		width: 300px;

		float: left;

		margin-left:0;

		margin-top:20px;

	}

	

	/*-- footer --*/

	#footer .footer-widgets{

		padding:10px;

	}

	

	#footer .widget{

		width: 300px;

	}

	

	#footer .footer-info{

		padding:10px;

	}

	

	#footer  .footer-info .credit{

		float:left;

	}


#max_magazine_facebook_widget-3 {
    height: 200px !important;
   
}

.caxton-grid .grid-image h3.grid-title {
	color: black;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}



	}



/* ASK HELP LINE NUMBER Strat */
			.ask-help-line-box{
			border: 1px solid #e74d3c;
			border-radius: 10px 0px 10px 0px;
			padding: 5px;
			}
			.ask-help-number{
			background-color: #1fbb1f;
			padding: 10px;
			color: #fff;
			margin: 0px;
			border-radius: 10px 0px 10px 0px;
			}
			.ask-help-line-details{
			padding-left: 5px;
			}
			.ask-helpline-address{
			font-family: inherit;
			}
			.ask-help-line-box #ask-ebulletin-label{
			background-color:#f54f15;
			padding: 10px;
			color: #fff;
			margin: 0px;
			border-radius: 10px 0px 10px 0px;
			}
/* ASK HELP LINE NUMBER End */
/* ASK VIDEO CSS Start */
.ask-video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.ask-video-container iframe, .ask-video-container object, .ask-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:90%;
}
/* ASK VIDEO CSS End */