#secondary {

	.searchform {
		position: relative;

		.txt {
			font-size: 14px;
			font-family: $font-family-sans-serif;
			border: none;
			width: 100%;
			padding: 10px;
		}

		.fa-search {
			position: absolute;
		  	right: 15px;
			top: 12px;
			font-size: 20px;
			color: #878787;
		}
	}
}

.widget {
	padding: 30px;
	margin-bottom: 30px;
	background: #f4f4f4;

	h3.widget-title {
		position: relative;
		font-family: $font-family-sans-serif;
		font-size: 18px;
		font-weight: 800;
		text-transform: uppercase;
		margin-top: 0;
		margin-left: 20px;
		color: #000000;

		&:before {
			position: absolute;
			margin-left: -20px;
			top: 3px;
			content: '\f038';
			font-family: 'fontAwesome';
			font-weight: normal;
			display: inline-block;
			font-size: 14px;
		}
	}

	ul {
		padding-left: 0;

		li {
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			list-style: none;
			@include clearfix;
			border-bottom: solid 1px $table-border-color;
			padding: 15px 0;

			a {
				color: #242533;

				&:hover {
					color: $brand-primary;
				}
			}

			.category-counter {
				color: $brand-primary;
			}

		}

	}

	iframe {
		width: 100% !important;
		min-height: 300px;
		border: 1px solid transparent;
	}
}

.post-type-widget {

	ul {
		padding-left: 0;

		li {
			list-style: none;
			margin-bottom: 20px;
			padding: 0 0 30px 0;
			border-bottom: solid 1px $table-border-color;
		}

	}	

	span.post-category {
		display: inline-block;
		font-family: $font-family-sans-serif;
		font-size: 11px;
		font-style: italic;
		font-weight: 700;
		color: $brand-primary;
		text-transform: uppercase;

		a {
			color: $brand-primary;
		}

	}

	h2.post-title {
		font-family: $font-family-serif;
		font-size: 18px;
		font-weight: 700;
		text-transform: none;
		margin-top: 0;
		margin-bottom: 8px;

		a {
			color: #333333;
		}
	}

	span.post-date {
		font-size: 11px;
		font-family: 'Source Code Pro', Arial, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		color: #878787;
		display: inherit;
	}

}

.tagcloud {
	padding-top: 15px;

	a {
		display: inline-block;
		font-family: $font-family-sans-serif;
		font-size: 14px !important;
		font-weight: 700;
		color: #333333;
		border: solid 1px $brand-primary;
		padding: 4px 20px;
		margin-right: 5px;
		margin-bottom: 10px;
		@include border-radius(5px);

		&:hover {
			background: $brand-primary;;
			color: #ffffff;
			border: solid 1px $brand-primary;
		}
	}
}