/* ---------------------------------------------------------------------------- */
/* --- 7. WIDGETS
/* ----------------------------------------------------------------------------- */


.widget { 
	margin-bottom: 2.4rem;

	.owl-pagination .owl-page span { 
		width: 7px;
		height: 7px;
	}
}

@media #{$screen-sm} {
	.sidebar .widget {
		width: 47%;
		float: left;

		&:nth-child(2n-1) {
			margin-right: 3%;
		}
	}
}

@media #{$screen-xs} {
	.sidebar .widget {
		width: 100%;
		float: left;
		margin-right: 0 !important;
	}
}

/* About
----------------------------------------------------------*/

.widget-about {
	.text {
		position: relative;
		padding-left: 60px;

		&:after {
			position: absolute;
			top: -54px;
			left: -10px;
			font-size: 10rem;
			@include opacity(0.1);
			content: '\201c';
		}
	}
}

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

.list-posts {
	list-style: none;
	margin: 0;
	padding: 0;

	> li {
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		line-height: 1.2;
		@include display-flex;
		@include align-items(center);

		&:not(:last-child) {
			border-bottom: 1px solid $color-line;
		}

		.image {	
			width: 60px;

			img {
				@include border-radius(0.2rem);
			}
		}

		.content {
			margin-left: 1rem;
			@include flex(1 1 auto);

			.title {
				font-weight: 500;
				display: block;
				color: inherit;

				&:hover, &:focus {
					color: $color-primary;
				}
			}

			.date {
				@include opacity(0.7);
				font-size: 0.85rem;
				font-weight: 200;
			}
		}
	}
}

/* Twitter
----------------------------------------------------------*/

.twitter-feed {
	ul {
		list-style: none;
		padding: 0 0 0 3rem;
		margin: 0;
		overflow: hidden;

		li {
			position: relative;
			padding-bottom: 1.5rem;
			font-weight: 500;

			&:not(:last-child) {
				border-bottom: 1px solid $color-line;
				margin-bottom: 1.5rem;
			}

			&:before {
				position: absolute;
			    top: 0;
			    left: -3rem;
			    font-size: 1.3rem;
				font-family: 'themify';
				color: $color-twitter;
				content: "\e74b";
			}

			.tweet {
				margin-bottom: 0;
				font-size: 0.9rem;
			}

			.timePosted {
				display: block;
				font-size: 0.8rem;
				@include opacity(0.5);
				margin-top: 0.5rem;
				margin-bottom: 0;
			}
		}
	}
}