/*--------------------------------------------------------------
11. Sidebar and Widgets
--------------------------------------------------------------*/
.show-sticky .is_stuck{
	top: 120px !important;
}
.herald-sidebar .widget article{
	padding-left: 0;
	padding-right: 0;
}
.herald-sticky{
	-webkit-transition: top .2s ease;
	   -moz-transition: top .2s ease;
	    -ms-transition: top .2s ease;
	     -o-transition: top .2s ease;
	        transition: top .2s ease;
}


.dot{
	content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 0;
    position: absolute;
    top: 10px;
    left: 8px;
    border-radius: 50%;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
		    -ms-transition: all .2s ease;
		     -o-transition: all .2s ease;
		        transition: all .2s ease;
}
.widget-title{
	  position: relative;
	  width: 100%;
	  margin-bottom: 20px;
	  span{
        padding: 4px 14px 5px 14px;
        border-radius: 2px 2px 0 0;
        display: inline-block;
	  }
	  &:after{
	    position: absolute;
	    content: "";
	    height: 2px;
	    width: 100%;
	    bottom: -2px;
	    left: 0;
	  }
}
.list-special{
	li{
		position: relative;
		display: inline-block;
		padding-left: 25px;
		&:before{
			.dot;
		}
		&:last-child{
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}
	a{
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
		    -ms-transition: all .2s ease;
		     -o-transition: all .2s ease;
		        transition: all .2s ease;
	}
}
.widget{
	line-height: 1.47;
	margin-bottom: 40px;
	ul,
	li{
		list-style: none;
	}
	ul{
		padding: 0;
		margin: 0;
	}
	li{
		margin-bottom: 15px;
		display: inline-block;
		width: 100%;
		&:last-child{
			margin-bottom: 0;
		}
	}
}
.widget_categories{
	li{
		margin-bottom: 10px;
		a{
			display: block;
		    &:hover{
		    	.category-text{
    	padding-left: 5px;
    	}
    }
		}

    }
	.category-text{
		display: inline-block;
		margin: 0;
    transition:padding-left .15s linear 0s;
    -moz-transition:padding-left .15s linear 0s;
    -ms-transition:padding-left .15s linear 0s;
    -o-transition:padding-left .15s linear 0s;
    -webkit-transition:padding-left .15s linear 0s;
	}
	.count{
	    float: left;
	    height: 24px;
	    min-width: 24px;
	    margin-right: 10px;
	    border-radius: 2px;
	    text-align: center;
	    padding: 3px;
	    font-size: 1.2rem;
		line-height: 2rem;
	}
	.children{
	    margin-top: 11px;
	    margin-left: 8px;	
	    li{
	    	&:last-child{
	    		margin-bottom: 0;
	    	}
	    }	
	}
	label{
		display: none;
	}
	.postform{
		width: 100%;
	}
}



.widget_recent_entries{
	.list-special;
	.post-date{
		font-size: 1.3rem;
	}
}
.widget_recent_comments,
.widget_meta,
.widget_pages,
.widget_nav_menu,
.widget_rss,
.widget_archive{
	.list-special;
}
.widget_nav_menu{
	.sub-menu{
	    margin-top: 9px;
	    li{
	    	&:last-child{
	    		margin-bottom: 0;
	    	}
	    }	
	}
}
.widget_recent_comments .comment-author-link{
	display: inline-block;
}
.rss-date{
	font-size: 1.3rem;
	display: block;
}
.widget .rsswidget{
	display: inline-block;
	margin-right: 10px;
}
.widget_search{
	.herald-search-form{
		position: relative;
		max-width: 100%;
	}
	.herald-search-input{
	    height: 40px;
	    font-size: 1.4rem;
	    width: 100%;
	    padding: 0 30px 0 10px;
	}
	.herald-search-submit{
		background: transparent;
		position: absolute;
		right: 3px;
		top: -2px;	
		border: none;
		height: 100%;
		&:after{
		font-family: "FontAwesome";
		content: "\f002";
		}	
	}	
}
#calendar_wrap{
	padding: 0;
}
#wp-calendar {
    width: 100%;
    border:none;
}
#wp-calendar caption {
	font-size: 14px;
	margin-top: 0;
	padding: 0 20px 10px;
	text-align: center;
}
#wp-calendar thead {
    font-size: 10px;
}
#wp-calendar thead th {
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

#wp-calendar tbody td {
	border-bottom: 1px solid;
	border-left: 1px solid;
	text-align: center;
	padding: 8px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-right: none;
}
#wp-calendar tbody td:last-child{
	border-right: 1px solid;	
}
#wp-calendar tbody td a {
    border-radius: 2px;
    padding: 2px 3px;
    text-decoration: none;
    min-width: 21px;
    display: block;
}
#wp-calendar tbody td:hover {
	box-shadow: -1px -1px 1px rgba(0,0,0,0.1);
}
#wp-calendar tbody .pad {
    background: none;
}
#wp-calendar tfoot #next {
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 20px 10px 20px;
}
#wp-calendar thead th {
	padding-top: 4px;
	padding-bottom: 5px;
	text-align: center;
	color: #AAA;
}
#wp-calendar tfoot,
#wp-calendar tfoot #prev,
#wp-calendar tfoot #next,
td.pad{
	border: none;
}
.tagcloud a {
    display: inline-block;
    font-size: 1.4rem !important;
    line-height: 1.5rem;
    padding: 7px 10px 8px 10px;
    border-bottom: none;
    margin-bottom: 4px;
    border-radius: 2px;
}

/*--------------------------------------------------------------
11.1 Ads Widget styles
--------------------------------------------------------------*/
.mks_adswidget_ul li,
.mks_adswidget_ul.small,
.site-footer .mks_adswidget_ul.small {
    text-align: center;
}

.sidebar .mks_ads_widget .small li,
.sidebar .mks_ads_widget ul.custom li,
.sidebar .mks_adswidget_ul.small li,
.sidebar .mks_adswidget_ul.custom li,
.site-footer .mks_ads_widget .small li,
.site-footer .mks_ads_widget ul.custom li,
.site-footer .mks_adswidget_ul.small li,
.site-footer .mks_adswidget_ul.custom li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 10px;
    width: auto;
}
div.mks_ads_widget .small li{
	width: auto;
   display: inline-block;
   margin-right: 10px;
   margin-bottom: 12px;
}

/*--------------------------------------------------------------
11.2 Author Widget Styles
--------------------------------------------------------------*/

.herald-sidebar .mks_author_widget img,
.herald-site-footer .mks_author_widget img{
    border-radius: 50%;
    margin: 0 13px 10px 0;
}
div.mks_author_widget .mks_autor_link_wrap{
	padding-top: 5px;
}
.mks_author_widget .mks_autor_link_wrap a,
.mks_read_more a{
    font-size: 1.2rem;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid;
    padding: 5px 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

.mks_author_widget {
	 h3 {
	    font-size: 1.6rem;
	    line-height: 2rem;
	    padding-top: 0;
	    margin-bottom: 10px;
	}
}


.widget.mks_flickr_widget ul.flickr li {
    margin: 0 10px 10px 0;
}
.widget.mks_flickr_widget ul.flickr li:nth-child(3n){
    margin: 0 0 10px 0;
}
.mks_themeforest_widget_ul{
	text-align: center;
}

/*--------------------------------------------------------------
11.3 Post Widget Styles
--------------------------------------------------------------*/

/*Big posts*/

.herald-post-big li,
.herald-post-slider li {
    margin-bottom: 10px;
    position: relative;
    .herald-fa-sid{
		position: relative;
		float: left;
    }
    .herald-post-thumbnail{
    	position: initial;
    	&:before{
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    height: 100%;
		    width: 100%;
		    background: #000;
		    opacity: 0.5;
		    -webkit-transition: .3s ease;
		    transition: .3s ease;
		    z-index: 1;
    	}
    }
    .herald-posts-wrap{
	    position: absolute;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    left: 50%;
	    text-align: center;
	    width: 240px;
	    margin-top: 0;
	    z-index: 100;
	    .entry-meta .meta-item, 
	    .entry-meta span, 
	    .entry-meta a,
	    a{
	    	color: #FFF;
	    }
    }

    &:hover{
    	.herald-post-thumbnail{
    		&:before{
    			    opacity: 0.7;
    		}
    	}
    }

}
.herald-post-slider.owl-carousel .owl-stage-outer{
	margin: 0;
}
.herald-post-slider .owl-next,
.herald-post-slider .owl-prev{
	display: inline-block;
    vertical-align: top;
    height: 26px;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid;
    width: 26px;
    text-align: center;
    padding: 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
}
.herald-post-slider{
	.owl-controls{

	}
}

/*List post*/

.herald-post-list .herald-post-thumbnail {
    float: left;
    max-width: 130px;
    margin-right: 15px;
}
.herald-post-list .herald-fa-sid{
	float: left;
}
.herald-post-list a{
    font-size: 1.4rem;
    line-height: 1.9rem;
}

.herald-post-list li {
    display: inline-block;
    clear: both;
    width: 100%;
    margin-bottom: 30px;
}

.herald-post-list li:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
11.4 Social Widget Styles
--------------------------------------------------------------*/

ul.mks_social_widget_ul {
    text-align: left;
}
ul.mks_social_widget_ul li{
	width: auto;
}
ul.mks_social_widget_ul li a{
	margin: 0 5px 8px 0;
}
.mks_themeforest_widget ul.mks_themeforest_widget_ul li{
	margin: 0 7px 12px 0;
}
.widget .herald-ovrld{
	.entry-title a,
	.entry-title a:hover{
		color: #FFF;
	}
}

.jetpack_subscription_widget input[type=email]{
	min-height: 38px;
}

.widget div.mejs-container .mejs-controls,
body .widget .mejs-container.wp-audio-shortcode{
  height: 25px !important;
}
body .widget .mejs-container .mejs-controls .mejs-button,
.widget div.mejs-container .mejs-controls .mejs-time{
  margin:0;
  padding:8px 0 0;
}
.widget div.mejs-controls div.mejs-time-rail{
  padding-top: 5px;
}
body .widget .mejs-controls a.mejs-horizontal-volume-slider{
  margin: 0;
}
body .widget .mejs-container.wp-audio-shortcode{
  border:1px solid rgba(0,0,0,0.1);
}
.widget div.mejs-container.wp-audio-shortcode .mejs-controls{
    background: transparent;
}
.widget div.mejs-container .mejs-controls{
  background: rgba(255,255,255,0.8);
}
body .widget .mejs-container .mejs-controls .mejs-button button:before,
.widget .mejs-overlay-button{
  font-size: 14px;
    line-height: 27px;
}
.widget .mejs-overlay-button{
  -webkit-transform: scale(0.6);
     -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
       -o-transform: scale(0.6);
          transform: scale(0.6);
}
body .widget .mejs-container .mejs-controls .mejs-button button{
  height: 25px;
}
.widget .mejs-container .mejs-controls div{
  font-size: 10px;
}
.widget .mejs-controls .mejs-time-rail span, 
.widget .mejs-controls .mejs-time-rail > a,
.widget .mejs-controls .mejs-time-rail .mejs-time-current{
  height: 8px;
}
.widget .mejs-controls .mejs-time-rail .mejs-time-float{
  height: 17px;
}
.widget_media_image .wp-caption{
  margin-bottom: 0;
}
.widget .mejs-controls .mejs-button button,
.widget .mejs-container *{
	color: rgba(0,0,0,.88);
}
.widget .mejs-controls .mejs-time-rail .mejs-time-total{
    background: rgba(0,0,0,.18);	
}

.widget .gallery-icon a:after{
	transform:scale(.7);
}
/*--------------------------------------------------------------
11.5 Instagram Widget Styles
--------------------------------------------------------------*/

.widget .meks-instagram-follow-link a {
	font-size: 1.2rem;
    text-transform: uppercase;
    border-radius: 2px;
    border: 1px solid;
    padding: 5px 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
.herald_posts_widget .herald-lay-g .entry-header{
	margin-top: -7px;
}