/*
Theme Name:  TheBlogger Child
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [TheBlogger Theme] in this child theme.
Author:      Pixelwars
Author URI:  http://themeforest.net/user/pixelwars
Version:     1.9.9
Template:    theblogger
Tags:        blog
Text Domain: theblogger-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
body{
	background-color:#ccc;
}
.footer-widgets.widget-area{color:#fff; background:#4E3223; border-top:9px solid #fff !important;}
.is-widget-solid-arrow .site-main .widget-title span{background:#4E3223 !important;}
.is-widget-solid-arrow .site-main .widget-title span:after{border-top-color: #4E3223 !important;}
.emaillist{position:relative;}
.featured-area{margin-left:0 !important; margin-right:0 !important;}

.site-navigation.clone .menu-wrap {
    box-shadow: 0 0 2px rgba(0,0,0,.4);
}
.owl-carousel .owl-nav button>span{
	font-size:0;
}
header .site-navigation .layout-medium {
    max-height: 54px;
    max-width: 100%;
    width: 100%;
    padding: 0 20px 0 10px;
}
#aboutUs{
	margin-bottom:0;
}

.nav-menu{
	background-color:#4e3223;
}
.nav-menu ul li a {
    font-size: 15px;
    line-height: 16px;
}

.sidebar-content .widget_email-subscribers-form{
	width:100%;
	padding:4px;
	background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
    background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
    background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
}
.sidebar-content .widget_email-subscribers-form .emaillist{
	padding: 20px;
    background-color: #f7f7f7;
}
.sidebar-content .widget_email-subscribers-form .es_caption {
    text-transform: uppercase;
    font-size: 14px;
}
.owl-carousel{
  position:relative;	
}

.sidebar-content .tptn_posts_widget li{
	position:relative;
	min-height:140px;
}
.sidebar-content .tptn_posts_widget li:last-child{
	margin-bottom:0;
}
.sidebar-content .tptn_posts_widget li > a{
	position:absolute;
	left:0;
	top:0;
}
.sidebar-content .tptn_posts_widget img{
	margin:0;
	max-width:130px !important;
}
.sidebar-content .tptn_after_thumb{
	display:block;
	width:100%;
	padding-left:155px;
}
.tptn_posts_widget .tptn_link{
	width:100%;
}
.sidebar-content .tptn_posts_widget .tptn_title{
	margin:0;
	padding:0;
	font-size:14px;
}
.sidebar-content .tptn_posts_widget .tptn_date{
	margin:0;
}
.blog-regular .entry-title {
    font-weight: 600;
}
.for_mobile{
 	display:none !important;
}
.top-content .featured-area{
	margin-top:0;
}
.sidebar .widget-title{
	margin-bottom:15px;
}
.widget-area .widget{
	margin-bottom:30px;
}
.site-main{
	padding:0;
}
.site-main > div{
	padding:20px 0 0;
	background-color:#FFF;	
}
.site-footer .site-info {
    width: 100%;
    max-width: 1060px;
    background-color: #FFF;
    margin: 0 auto;
}
.twitter_feed{
	width:100%;
	border-radius:4px;
	box-shadow:0 0 2px rgba(0,0,0,.2);
}
.page .entry-content{
	margin-bottom:0;
}
.site-footer{
	max-width:1060px;
	margin:0 auto;
}
.is-search-toggled-on.is-menu-align-left .social-container{
	visibility:visible;
	opacity:1;
}
.site-info .textwidget {
    font-size: 12px;
}
.contact-form{
	margin-bottom:0;
}
.entry-content{
	padding:0 10px;
}
.single-post .site-main{
	width:88%;
    max-width: 1060px;
    margin: 0 auto;
	padding:0 10px;
	background-color: #FFF;
}
.sidebar_banner{
  border-radius:4px;
  overflow:hidden;
}
.sidebar_banner img{
	width:100%;
}
	.sidebar-content li.cat-item.cat-item-29{
		display:none;
	}

/*---  Responsive Start  ----*/

@media screen and (min-width: 993px){
	.is-menu-sticky .clone.is-visible{
		display:none;
	}
    .is-menu-align-left .social-container {
      right: 20px;
      top: -50px;
    }
	.is-menu-dark .site-header .social-link{
      background-color: #4e3223;
      font-size: 16px;
      margin-left: 10px;
      color: #FFF;
      width: 35px;
      height: 35px;
      line-height: 35px;
    }
	.search-container{
	  right:40px;
	}
	.search-toggle{
	  right:10px;
    }
  .site-branding {
    padding: 25px 0 10px;
    max-width: 400px;
    width: 100%;
    float: left;
    margin-left: 15px;
  }
  body .with-sidebar .site-content{
	padding-right:45px;
	padding-left:15px;
  } 
  body .sidebar-content {
    margin-left: -10px;
    padding-right: 10px;
  }
  .search-box #search-field{
	background-color: #FFF;
    margin-top: 7px;
    margin-left: -20px;
    min-width: 150px;
	  line-height:40px;
	  padding:0 10px;
	  color:#4e3223 !important;
  }
	.search-box #search-field::placeholder{
		color:#4e3223;
	}
}
@media screen and (max-width:992px){
	.menu-toggle{
		display:block;
	}
	header .search-toggle{
		display:none;
	}
	.social-container{
		right:20px;
	}
	header .site-navigation .layout-medium{
		padding:0 20px;
	}
	header .search-container{
		display:none !important;
	}
	.is-menu-toggled-on .nav-menu{
		margin-top:8px;
	}
	body .with-sidebar .site-content,
	body .sidebar-content{
		padding:10px;
	}
}
@media screen and (max-width:991px){
	.sidebar-content{
		max-width:550px;
		margin:0 auto;
	}
}
@media screen and (max-width:600px){
	.site-branding{
		max-width:100%;
		padding:20px 0;
	}
	.layout-medium{
		width:92% !important;
	}
	header .site-navigation .layout-medium {
      padding: 0;
    }
	header .social-container{
		right:0;
	}
	.for_mobile{
		display:block !important;
	}
	.for_desktop{
		display:none !important;
	}
	.single-post .site-main{
		width:100%;
		max-width:92%;
	}
	.related-posts .post-wrap{
	  position:static;
    }
	.post-thumbnail{
		padding:25px 0;
	}
	body{
		background-color:#FFF;
	}
	header .header-wrap,
	header+.top-content > .layout-medium{
		width:100% !important;
	}
	.site-branding{
		padding-bottom:10px;
	}
	.home header+.top-content{
		margin-bottom:-20px;
	}
	.aboutMeBox,
	.aboutMeBox > div{
		padding:0;
	}
	.twitter_feed,
	.sidebar-content .widget_email-subscribers-form,
	.sidebar-content .widget.tptn_posts_list_widget,
	.sidebar-content aside:last-child{
		display:none;
	}
	.blog-regular nav.navigation{
		margin:0;
		margin-bottom:-10px;
	}
	.sidebar-content #custom_html-3{
		margin-bottom:0;
	}
}
@media screen and (max-width:400px){
	.sidebar-content .tptn_after_thumb{
		padding-left:145px;
	}
}