/*

	1 - STANDARD WIDGETS

		1.1 - Recent Posts
		1.2 - Pages
		1.3 - Archives
		1.4 - Categories
		1.5 - Meta
		1.6 - Recent Comments
		1.7 - Search
		1.8 - Calendar
		1.9 - Tags
		1.10 - Custom menu
		1.11 - RSS

	2 - CUSTOM WIDGETS

		2.1 - ST Flickr
		2.2 - ST Get In Touch
		2.3 - ST Posts
		2.4 - ST Subscribe
		2.5 - ST Sharrre

*/

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

	S T A N D A R D   W I D G E T S
	Default WordPress widgets

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

.widget_recent_entries > ul,
.widget_pages > ul,
.widget_archive > ul,
.widget_categories > ul,
.widget_meta > ul,
.widget_recent_comments > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget_recent_entries > ul > li,
.widget_pages > ul > li,
.widget_archive > ul > li,
.widget_categories > ul > li,
.widget_meta > ul > li,
.widget_recent_comments > ul > li {
	padding: 0.6em 0;
	background: url('../images/line-light.png') left bottom repeat-x;
}

.widget_recent_entries > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_recent_comments > ul > li:first-child {
	padding-top: 0;
}


	/*-------------------------------------------
		1.1 - Recent Posts
	-------------------------------------------*/

	.widget_recent_entries .post-date {
		display: block;
		font-size: 0.85em;
	}


	/*-------------------------------------------
		1.2 - Pages
	-------------------------------------------*/

	.widget_pages {
	}


	/*-------------------------------------------
		1.3 - Archives
	-------------------------------------------*/

	.widget_archive > ul {
		position: relative;
	}

		.widget_archive > ul > li span {
			position: absolute;
			right: 5px;
			font-size: 0.85em;
			line-height: 2em;
		}


	/*-------------------------------------------
		1.4 - Categories
	-------------------------------------------*/

	.widget_categories > ul > li {
		position: relative;
	}

		.widget_categories > ul > li span {
			position: absolute;
			right: 5px;
			font-size: 0.85em;
			line-height: 2em;
		}


	/*-------------------------------------------
		1.5 - Meta
	-------------------------------------------*/

	.widget_meta {
	}


	/*-------------------------------------------
		1.6 - Recent Comments
	-------------------------------------------*/

	.widget_recent_comments {
	}


	/*-------------------------------------------
		1.7 - Search
	-------------------------------------------*/

	#sidebar .widget_search {
		background: #31AC97;
	}

		.widget_search form > div {
			background: #FFF;
			padding: 10px 44px 10px 10px;
			border: 0;
			border-radius: 2px;
			height: 20px;
		}
	
			.widget_search form label {
				display: none;
			}
		
			.widget_search input[name="s"] {
				border: none;
				padding: 0;
				float: left;
				width: 100%;
				height: 20px;
			}
		
			.widget_search input[type="submit"] {
				width: 30px !important;
				height: 20px;
				text-indent: -9999px;
				background: url('../images/icons/16/glyphs/gray/search.png') center center no-repeat;
				float: right;
				margin: 0 -37px 0 0;
				padding: 0;
			}
	
				.hidpi .widget_search input[type="submit"] {
					background-image: url('../images/icons/32/glyphs/gray/search.png');
					background-size: 16px 16px;
				}


	/*-------------------------------------------
		1.8 - Calendar
	-------------------------------------------*/

	#sidebar .widget_calendar {
		padding: 0;
		background: inherit;
	}

		#wp-calendar caption,
		#wp-calendar th,
		#wp-calendar td {
			font-size: 0.85em;
			line-height: 1.54em; /* needed */
			text-align: center;
		}
	
		#wp-calendar caption {
		}
	
		#wp-calendar tbody {
			background: #FFF;
		}
	
			#wp-calendar td {
				width: 14.285%;
				padding: 6px;
			}
	
				#wp-calendar tbody a {
					position: relative;
					display: block;
					color: #56646F;
					font-weight: bold;
					text-decoration: none;
					margin: -6px;
					padding: 6px 0;
				}
	
					#wp-calendar tbody a:hover {
						background: #F5F5F5;
						color: #56646F;
					}
	
					#wp-calendar tbody a:after {
						position: absolute;
						right: 0;
						top: 0;
						content: "";
						border-style: solid;
						border-width: 0 8px 8px 0;
						border-color: transparent #DDD transparent transparent;
					}
	
		#wp-calendar tfoot {
		}
	
			#wp-calendar tfoot td {
				border-left: none;
			}
	
				#wp-calendar tfoot a {
		
				}
	
					#prev a,
					#next a {
						display: inline-block;
						width: 25px;
						height: 16px;
						text-indent: -9999px;
						opacity: 0.6;
					}
		
						#prev a:hover,
						#next a:hover {
							opacity: 1;
						}
		
							#prev a {
								background: url('../images/icons/16/glyphs/gray/arrow-left.png') center no-repeat;
							}
	
								.hidpi #prev a {
									background-image: url('../images/icons/32/glyphs/gray/arrow-left.png');
									background-size: 16px 16px;
								}
	
							#next a {
								background: url('../images/icons/16/glyphs/gray/arrow-right.png') center no-repeat;
							}
	
								.hidpi #next a {
									background-image: url('../images/icons/32/glyphs/gray/arrow-right.png');
									background-size: 16px 16px;
								}


	/*-------------------------------------------
		1.9 - Tags
	-------------------------------------------*/

	.tagcloud a {
		display: inline-block;
		float: left;
		color: #FFF;
		line-height: 1em;
		text-decoration: none !important;
		white-space: nowrap;
		margin: 0 5px 5px 0;
		padding: 7px 10px;
		background: #31ac97;
		border-radius: 2px;
		overflow: hidden;
		transition: background-color 250ms linear;
	}

		.tagcloud a:hover {
			color: #FFF !important;
			background: #494158 url('../images/bg-white-20.png');
			transition: background-color 125ms linear;
		}

		.tagcloud a span {
			display: inline;
			font-weight: bold;
			color: inherit !important;
			margin: 0 -10px 0 10px;
			padding: 7px 10px;
			background-image: url('../images/bg-white-20.png');
			border-radius: 0 2px 2px 0;
		}



	/*-------------------------------------------
		1.10 - Custom menu
	-------------------------------------------*/

	.widget_nav_menu {
		padding: 5px 0 7px !important;
		border-radius: 2px;
		background: #494158 url('../images/line.png') left 5px repeat-x;
	}

		.widget_nav_menu h5 {
			position: relative;
			font-size: 0.85em;
			font-weight: normal;
			line-height: 1.5em;
			color: #FFF;
			text-align: center;
			margin: -6px 0 0;
			padding: 1em 0;
			background: #494158 url('../images/bg-white-20.png');
			border-radius: 2px 2px 0 0;
		}

		.widget_nav_menu a {
			transition: background-color 250ms linear;
		}

			.widget_nav_menu a:hover {
				transition: background-color 125ms linear;
			}

			.sidebar-footer .widget_nav_menu {
				background: url('../images/bg-black-25.png');
			}


	/*--- Level 1 -----------------------------*/

	.widget_custom_menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.widget_custom_menu > li {
			position: relative;
			margin-top: -1px;
			background: url('../images/line-light.png') left bottom repeat-x;
		}

			.widget_custom_menu > li:hover {
			}

			.widget_custom_menu > li.stCurrent:hover {
			}

				.widget_custom_menu > li > a {
					display: block;
					font-size: 18px;
					padding: 15px 35px 16px 20px;
				}
	
					.widget_custom_menu > li:first-child > a {
					}
	
				.widget_custom_menu > li > a {
					color: #FFF;
				}

					.widget_custom_menu > li > a:hover,
					.widget_custom_menu > li.wHover {
						background: #31ac97;
					}
	
				.widget_custom_menu > li.current-menu-item > a {
					background-image: url('../images/bg-white-10.png');
				}

				.widget_custom_menu span.subline {
					display: block;
					font-size: 13px;
					font-weight: normal;
					line-height: 1.535em;
					margin-top: 5px;
					opacity: 0.7;
				}

				.widget_custom_menu > li > span {
					position: absolute;
					display: block;
					top: 13px;
					right: 8px;
					width: 30px;
					height: 30px;
					background: url('../images/icons/16/glyphs/white/menu.png') center no-repeat;
					opacity: 0.5;
					z-index: 10;
					cursor: pointer;
					-webkit-user-select: none;
					-khtml-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
				}

					.hidpi .widget_custom_menu > li > span {
						background-image: url('../images/icons/32/glyphs/white/menu.png');
						background-size: 16px 16px;
					}

					.widget_custom_menu > li > span:hover,
					.widget_custom_menu > li.stCurrent > span {
						opacity: 1;
					}

	
					/*--- Level 2 -----------------------------*/
	
					.widget_custom_menu > li > ul {
						list-style-type: none;
						display: none;
						margin: 0;
						padding: 0;
						background: #F5F5F5;
						
					}
	
						.widget_custom_menu > li.stCurrent > ul {
							display: block;
						}
	
						.widget_custom_menu > li > ul {
						}
					
							.widget_custom_menu > li > ul > li {
								background: url('../images/line-light.png') left top repeat-x;
							}
		
								.widget_custom_menu > li > ul > li > a {
									display: block;
									color: #56646F;
									font-size: 16px;
									line-height: 1.44em;
									padding: 15px 15px 15px 40px;
									background: url('../images/icons/16/glyphs/gray/arrow-right.png') 17px 1.15em no-repeat;
								}

									.hidpi .widget_custom_menu > li > ul > li > a {
										background-image: url('../images/icons/32/glyphs/gray/arrow-right.png');
										background-size: 16px 16px;
									}

									.widget_custom_menu > li > ul > li.current-menu-item > a {
										color: #494158;
										background-color: #CCC;
									}
					
										.widget_custom_menu > li > ul > li > a:hover {
											color: #56646F !important;
											background-color: #E5E5E5;
										}


										/*--- Level 3 -----------------------------*/
									
										.widget_custom_menu ul ul {
											list-style-type: none;
											margin: 0 0 0 40px;
										}
									
											.widget_custom_menu ul ul li {
												margin-top: -1px;
											}
		
												.widget_custom_menu ul ul li a {
													display: block;
													color: #56646F;
													padding: 10px 15px;
													background: url('../images/line-light.png') left top repeat-x;
												}

													.widget_custom_menu > li > ul > li > ul > li.current-menu-item > a {
														font-weight: bold;
													}

													.widget_custom_menu ul ul li a:hover {
														color: #56646F !important;
														background-color: #E5E5E5;
													}


														/*--- Level 4+ -----------------------------*/
													
														.widget_custom_menu ul ul ul {
															margin-left: 1.2em;
														}


	/*-------------------------------------------
		1.11 - RSS
	-------------------------------------------*/

	.widget_rss {
		background: url('../images/line-light.png') right bottom repeat-x;
	}

		.widget_rss ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			.widget_rss > ul > li {
				padding: 15px 0 14px;
				background: url('../images/line-light.png') right top repeat-x;
			}

				.widget_rss > ul > li:first-child {
					padding-top: 0;
					background: none;
				}

					.widget_rss h5 > a.rsswidget:first-child {
						display: inline-block;
						width: 18px;
						height: 18px;
						margin: 0 0 -2px;
						background: #D8AD00 url('../../../../plugins/stkit/assets/images/icons/72/social/color/RSS.png') center center repeat;
						background-size: 18px 18px;
					}

						.widget_rss h5 > a.rsswidget:first-child img {
							display: none;
						}

					.widget_rss .rss-date {
						display: block;
						font-size: 12px;
						margin-bottom: 2px;
					}

					.widget_rss cite {
						font-size: 12px;
					}



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

	C U S T O M   W I D G E T S
	Another WordPress widgets

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


	/*-------------------------------------------
		2.1 - ST Flickr
	-------------------------------------------*/

	.widget-flickr .flickr_badge_image {
		width: 50px;
		height: 50px;
		display: inline-block;
		margin: 0 5px 5px 0;
	}

	/*--- Begin // Widget on footer ---*/
	.sidebar-footer .widget-flickr {
		margin-right: -5px;
	}
	/*--- End // Widget on footer ---*/


	/*-------------------------------------------
		2.2 - ST Get In Touch
	-------------------------------------------*/

	.widget-info p.widget-info-address,
	.widget-info p.widget-info-phone,
	.widget-info p.widget-info-email,
	.widget-info p.widget-info-name {
		padding-left: 25px;
		background-position: 0 0.22em;
		background-repeat: no-repeat;
		display: table; /* needed */
	}

	.widget-info p.widget-info-address {
		background-image: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/pin.png');
	}

		.hidpi .widget-info p.widget-info-address {
			background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/pin.png');
			background-size: 16px 16px;
		}

	.widget-info p.widget-info-phone {
		background-image: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/phone.png');
	}

		.hidpi .widget-info p.widget-info-phone {
			background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/phone.png');
			background-size: 16px 16px;
		}

	.widget-info p.widget-info-email {
		background-image: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/mail-3.png');
	}

		.hidpi .widget-info p.widget-info-email {
			background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/mail-3.png');
			background-size: 16px 16px;
		}

	.widget-info p.widget-info-name {
		background-image: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/white/user.png');
	}

		.hidpi .widget-info p.widget-info-name {
			background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/white/user.png');
			background-size: 16px 16px;
		}

		.widget-info p span {
			font-weight: bold;
		}

		/*--- Begin // Widget on footer ---*/
		.sidebar-footer .widget-info p span {
			font-weight: normal;
			color: #FFF;
		}

		.sidebar-footer .widget-info p a.mailto {
			color: #31ac97;
		}
		/*--- End // Widget on footer ---*/


	/*-------------------------------------------
		2.3 - ST Posts
	-------------------------------------------*/

	.widget-posts {
		background: url('../images/line-light.png') right bottom repeat-x;
	}

		#sidebar .widget-posts {
			background: #31AC97;
		}

			.widget-posts > div {
				padding: 15px 0 14px;
				background: url('../images/line-light.png') right top repeat-x;
			}

				#sidebar .widget-posts > div {
					background: url('../images/line-white-light.png') right top repeat-x;
				}

			.widget-posts > h5 + div,
			#sidebar .widget-posts > h5 + div {
				padding-top: 0;
				background-image: none;
			}
	
					.sidebar-footer .widget-posts h5 + div {
						padding-top: 0;
						background: none;
					}
			
					.widget-posts .wp-post-image {
						float: left;
						width: 50px;
						height: 50px;
						margin: 0 15px 0 0;
					}
		
					.widget-posts-icon {
						float: left;
						width: 50px;
						height: 35px;
						text-align: center;
						margin: 0 15px 0 0;
						padding-top: 15px;
						transition: background-color 250ms linear;
					}
		
						.sidebar-footer .widget-posts-icon,
						#sidebar .widget-posts-icon {
							background-image: url('../images/bg-white-15.png');
						}
		
						.widget-posts-icon:hover {
							background-color: #31ac97;
							transition: background-color 125ms linear;
						}
		
						.widget-posts-icon img {
							opacity: 0.7;
							transition: opacity 250ms linear;
						}
		
							.widget-posts-icon:hover img {
								opacity: 1;
								transition: opacity 125ms linear;
							}
		
					.widget-posts-post-box {
					}
			
					.widget-posts-post-box-with-thumb {
						padding-left: 65px;
					}
				
						.widget-posts-title {
							display: table;
							padding-bottom: 2px;
						}

							#sidebar .widget-posts-title {
								color: #FFF;
								transition: opacity 250ms linear;
							}

								#sidebar .widget-posts-title:hover {
									opacity: 0.6;
									transition: opacity 125ms linear;
								}

						.widget-posts-date {
							color: #FFF;
							font-size: 12px;
							margin-bottom: 2px;
							opacity: 0.6;
						}

						.widget-posts-excerpt {
							line-height: 1.352em;
						}

							.widget-posts-excerpt p {
								font-size: 12px;
								color: #FFF;
								margin: 0 0 2px;
							}
				
						.widget-posts-views {
							font-size: 12px;
							color: #FFF;
							opacity: 0.6;
						}
		
						.widget-posts-comments {
							font-size: 12px;
							color: #FFF;
							opacity: 0.6;
						}


	/*-------------------------------------------
		2.4 - ST Subscribe
	-------------------------------------------*/

	.widget-subscribe form > div {
		background: #FFF;
		padding: 10px 44px 10px 10px;
		border: 1px solid #DDD;
		border-radius: 2px;
		height: 20px;
	}

		.widget-subscribe form label {
			display: none;
		}

		.widget-subscribe input[name="email"] {
			border: none;
			padding: 0;
			float: left;
			width: 100%;
			height: 20px;
		}

		.widget-subscribe input[type="submit"] {
			width: 30px !important;
			height: 20px;
			text-indent: -9999px;
			background: url('../../../../plugins/stkit/assets/images/icons/16/glyphs/gray/mail.png') center center no-repeat;
			float: right;
			margin: 0 -37px 0 0;
			padding: 0;
		}

			.hidpi .widget-subscribe input[type="submit"] {
				background-image: url('../../../../plugins/stkit/assets/images/icons/32/glyphs/gray/mail.png');
				background-size: 16px 16px;
			}


	/*-------------------------------------------
		2.5 - ST Sharrre
	-------------------------------------------*/

	.sharrre_wrapper {
	}

		.sharrre{
			display: inline-block;
			margin: 5px 5px 0 0;
		}

			.sharrre .box a:hover{
				text-decoration: none;
			}

			.sharrre .count {
				color: #999;
				display: block;
				font-size: 18px;
				font-weight: bold;
				line-height: 40px;
				height: 40px;
				position: relative;
				text-align: center;
				width: 47px;
				border-radius: 2px;
				border: 1px solid #DDD;
				background: #fbfbfb;
			}

				#sidebar .sharrre .count {
					color: #FFF;
					border: 0;
					background: #31AC97;
				}

				.sharrre .count:before, .sharrre .count:after {
					content: '';
					display: block;
					position: absolute;
					left: 49%;
					width: 0;
					height: 0;
				}

				.sharrre .count:before {
					border: solid 7px transparent;
					border-top-color: #CCC;
					margin-left: -7px;
					bottom: -14px;
				}

					#sidebar .sharrre .count:before {
						border-top-color: #31AC97;
					}

				.sharrre .count:after {
					border: solid 6px transparent;
					margin-left: -6px;
					bottom: -12px;
					border-top-color: #fbfbfb;
				}

					#sidebar .sharrre .count:after {
						border-top-color: #31AC97;
					}

			.sharrre .share {
				display: block;
				font-weight: bold;
				height: 48px;
				line-height: 48px;
				padding: 0;
				text-align: center;
				text-decoration: none;
				width: 49px;
				text-indent: -9999px;
			}

				.sharrre:hover .share {
				}

				#sharrre_googlePlus .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/GooglePlus.png') center no-repeat;
					background-size: 42px 42px;
				}

					#sidebar #sharrre_googlePlus .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/GooglePlus.png') center no-repeat;
						background-size: 42px 42px;
					}

				#sharrre_facebook .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Facebook.png') center no-repeat;
					background-size: 30px 30px;
				}

					#sidebar #sharrre_facebook .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Facebook.png') center no-repeat;
						background-size: 30px 30px;
					}

				#sharrre_twitter .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Twitter.png') center no-repeat;
					background-size: 32px 32px;
				}

					#sidebar #sharrre_twitter .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Twitter.png') center no-repeat;
						background-size: 32px 32px;
					}

				#sharrre_digg .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Digg.png') center no-repeat;
					background-size: 36px 36px;
				}

					#sidebar #sharrre_digg .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Digg.png') center no-repeat;
						background-size: 36px 36px;
					}

				#sharrre_delicious .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Delicious.png') center no-repeat;
					background-size: 32px 32px;
				}

					#sidebar #sharrre_delicious .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Delicious.png') center no-repeat;
						background-size: 32px 32px;
					}

				#sharrre_stumbleupon .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Stumbleupon.png') center no-repeat;
					background-size: 26px 26px;
				}

					#sidebar #sharrre_stumbleupon .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Stumbleupon.png') center no-repeat;
						background-size: 26px 26px;
					}

				#sharrre_linkedin .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/LinkedIn.png') center no-repeat;
					background-size: 30px 30px;
				}

					#sidebar #sharrre_linkedin .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/LinkedIn.png') center no-repeat;
						background-size: 30px 30px;
					}

				#sharrre_pinterest .share {
					background: url('../../../../plugins/stkit/assets/images/icons/72/social/gray/Pinterest.png') center no-repeat;
					background-size: 30px 30px;
				}

					#sidebar #sharrre_pinterest .share {
						background: url('../../../../plugins/stkit/assets/images/icons/72/social/white/Pinterest.png') center no-repeat;
						background-size: 30px 30px;
					}