// Vars ****************************************************************************************************************



// Mixins **************************************************************************************************************



// Extends *************************************************************************************************************



// Placeholders ********************************************************************************************************
%_widget_link {
	//font-weight: 500;
	//font-size: 15px !important;
	display: inline-block;
	margin-top: 10px;
}

%_widget_button {
	@extend %_widget_link;
	@extend %_rounded-corners;
	padding: 4px 9px 5px;
	margin: 0 5px 5px 0;
	float: left;
}



// General -------------------------------------------------------------------------------------------------------------

// Bug with wrong row number if the same sidebar is used multiple times
.ish-main-sidebar .widget {
	margin-left: 0;

	&.widget_ishyoboy-twitter-widget {
		.tweet {
			.text{
				a {
					text-decoration: underline;
				}
			}
		}
	}

}




.widget {

	div, a, ul, li, select, p {
		font-size: 13px;
	}

	ul, li {
		padding: 0;
		margin: 0;
		list-style: none;

		ul {
			padding: 0 0 0 15px;
		}

		li {
			padding: 3px 0;
		}
	}

	select {
		width: 100%;
		padding: 10px;
		border: none;
		@extend %_rounded-corners;
	}

	a {
		@extend %_trans-on;
		text-decoration: none;
		/*display: inline-block;
		line-height: 15px;
		border-bottom: 1px solid;*/
	}
}

.widget-title, .widget-title a {
	font-size: 24px;
	padding-bottom: 15px;
	margin-bottom: 0 !important;
}

.widget-title[class*="ish-icon-"]:before,
.widget-title[class*=" icon-"]:before{
	margin-left: 0;
	margin-right: 15px;
}

// CUSTOM LI ICON  ****************************************************************************************************

.widget_ishyoboy-recent-portfolio-widget .ish-text-items,
.widget_ishyoboy-main-navigation-widget,
.widget_archive,
.widget_categories,
.widget_meta,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries {
	li {
		border-bottom: 1px solid #f9f9f9;

		&:last-child{
			border: none;
		}
	}
}

.widget_ishyoboy-main-navigation-widget li.ish-nav-ic-item:before,
.widget_ishyoboy-main-navigation-widget li.ish-ph-mn-search:before{
	display: none;
}

// IshYoBoy widgets ****************************************************************************************************

// Images widgets ------------------------------------------------------------------------------------------------------
$w_iwidth: 33.3%;
// Dribbble widget
.widget_ishyoboy-dribbble-widget {
	.dribbble-widget {
		-webkit-transform: translateZ(0);

		a {
			img {
				width: $w_iwidth;
				background-clip: padding-box;
				box-sizing: border-box;
				border: 1px solid transparent;
				border-bottom-width: 2px;
				border-right-width: 2px;
			}
		}
	}

	.ish-button-small {
		@extend %_widget_link;
	}
}

// Flickr widget
.widget_ishyoboy-flickr-widget {
	#flickr_badge_wrapper {
		div {
			width: $w_iwidth;
			height: auto;
			margin: 0;
			-webkit-transform: translateZ(0);
			float: left;

			a {
				img {
					width: 100%;
					height: auto;
					background-clip: padding-box;
					box-sizing: border-box;
					border: 1px solid transparent;
					border-bottom-width: 2px;
					border-right-width: 2px;
				}
			}
		}
	}

	.ish-button-small {
		@extend %_widget_link;
	}
}

// Recent posts
.widget_ishyoboy-recent-portfolio-widget {
	.recent-projects-widget {
		display: table;

		li {
			padding: 0;
			float: left;
			width: $w_iwidth !important;
			-webkit-transform: translateZ(0);

			a {

				img {
					width: 100%;
					background-clip: padding-box;
					box-sizing: border-box;
					border: 1px solid transparent;
					border-bottom-width: 2px;
					border-right-width: 2px;
				}
			}
		}
	}

	.ish-button-small {
		@extend %_widget_link;
	}
}

// Dribbble & flickr widget common defs
.widget_ishyoboy-dribbble-widget .dribbble-widget,
.widget_ishyoboy-flickr-widget #flickr_badge_wrapper,
.widget_ishyoboy-recent-portfolio-widget .recent-projects-widget {
	a {
		@extend %_trans-on;

		&:hover {
			opacity: 1 !important;
		}
	}

	&:hover {
		a {
			opacity: 0.35
		}
	}
}

// Twitter widget
.widget_ishyoboy-twitter-widget {
	.tweet {
		padding: 0 0 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #f9f9f9;

		&:last-child {
			padding: 0;
			border: none;
			margin-bottom: 0;
		}

		.tweet-details {
			margin-top: -5px;

			a {
				/*font-size: 12px;*/
			}
		}
	}



	.ish-button-small {
		@extend %_widget_link;
	}
}


// WordPress widgets ***************************************************************************************************

// Calendar widget
.widget_calendar {
	#wp-calendar {
		width: 100%;

		caption {
			//font-weight: 600 !important;
			padding-bottom: 5px;
			@extend %_widget_link;
			display: table-caption;
			margin-top: 0;
		}

		thead {
			th {
				text-align: left;
				font-weight: 600;
			}
		}

		tfoot {
			a {
				@extend %_widget_link;
			}
		}

		#today {
			font-weight: 600;
		}
	}
}

// Tag cloud widget
.widget_tag_cloud {
	a {
		@extend %_widget_button;
		//margin-bottom: 7px !important;

		font-size: 13px !important;
		border: 3px solid !important;
		background: none !important;
		padding: 4px 10px !important;
		@extend %_trans-on;
		box-shadow: none !important;
		float: left;
		margin: 0 3px 3px 0 !important;
	}
}

// RSS widget
.widget_rss {
	.widget-title {
		a {
			img {
				display: none;
			}
		}
	}

	.rss-date, cite {
		/*font-size: 12px;*/
	}

	cite {
		padding-bottom: 10px;
		display: inline-block;
	}

	ul li:last-child cite {
		padding: 0;
	}
}

// Search widget
.widget_search {
	form {
		div {
			position: relative;
			width: 100%;
			@extend %_rounded-corners;

			input[type="text"] {
				width: 100%;
				@extend %_box-sizing;
				padding-right: 50px;
				background: none;
				font-size: 13px;
			}

			input[type="submit"] {
				font-family: "ish-fontello" !important;
				font-size: 15px;
				position: absolute;
				top: 0;
				right: 0;
				height: 100%;
				padding: 9px 12px 8px 13px;
				background: none;
				@extend %_trans-on;
				@extend %_rounded-corners;

				&:hover {
					background: transparent !important;
				}
			}
		}
	}
}

// Archive dropdown
.widget_archive {
	select {
		font-size: 13px !important;
		border: 3px solid !important;
		background: none !important;
		padding: 8px 10px !important;
		@extend %_trans-on;
		cursor: pointer;
	}
}

// Custom Menu widget
.widget_nav_menu{
	a{
		i.ish-nav-ic{
			margin-right: 10px;
		}
	}
}

// More than 1 shortcode inside full widget - margin bottom
.ish-grid12.widget .textwidget > .ish-sc-element:last-child {
	margin-bottom: 0 !important;
}