.widget {
	border: 2px solid #f1f1f3;
	padding: 30px;
	border-radius: 10px;

	&:not(:last-child) {
		margin-bottom: 30px;
	}

	.widget-title {
		font-size: 20px;
		margin-bottom: 34px;
		font-weight: 600;
		position: relative;
	}

	&.tt-recent-posts {
		.widget-title {
			margin-bottom: 25px;
		}
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;

		li {

			position: relative;


			&:not(:last-child) {
				margin-bottom: 8px;
			}

			a {
				font-family: $font__heading;
				font-size: 15px;
				color: #52525c;
				font-weight: 400;

				.post_count {
					font-size: 14px;
					text-align: center;
					border-radius: 5px;
					transition: all 0.3s ease-in-out;
				}

				&:hover {
					color: $color__theme;
				}
			}

		}
	}
}

.sidebar {
	@media(max-width: 991px) {
		margin-top: 50px;
	}

	.widget-title, h2, h3, h4, h5, h6 {
		font-size: 20px;
		margin-bottom: 27px;
		font-weight: 600;
		position: relative;
		padding-bottom: 10px;

		&:after {
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			height: 3px;
			width: 35px;
			background-color: $color__theme;
		}
	}

	.wp-block-latest-posts__list {
		margin-top: 7px;
	}

	.widget_calendar {
		caption {
			background-color: #f0f2f9;
		}
	}
}

.sidebar-container {
	@media(max-width: 991px) {
		padding-left: 15px !important;
	}
}

.sidebar-widget-area {
	.widget {
		ul {

			li {
				&:last-child {
					a {
						border-bottom: 0;
					}
				}
			}
		}
	}
}

.sidebar {
	.widget-title {
		position: relative;
		display: inline-block;
	}
}

.widget_recent_entries,
.widget_recent_comments,
.widget_archive,
.widget_categories,
.widget_meta,
.widget_product_categories,
.widget_rss,
.widget_pages,
.widget_nav_menu {
	ul {
		margin: 0;
		padding: 0;
	}

	li {
		transition: all 0.3s ease-in-out;
		display: block;
		margin: 0;
		list-style-type: none;
		position: relative;

		&:last-child {
			border-bottom: 0;
		}

		.children {
			margin-top: 5px;
			padding-left: 20px;
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	a {
		display: block;
		font-size: inherit;
		font-family: inherit;

		&:hover {
			color: $color__theme;
		}
	}
}

.widget_recent_comments ul {
	margin-top: 10px;
}


.widget_rss {

	ul {
		li {
			padding-left: 0;
			margin-bottom: 25px;

			&:before {
				display: none;
			}

			.rsswidget {
				font-weight: 600;
				color: #051441;
				line-height: 1.4;

			}

			.rssSummary {
				color: #051441;
				line-height: 1.4;
			}

			.rss-date {
				margin-bottom: 5px;
				display: block;
			}

			cite {
				font-weight: 500;
				margin-top: 6px;
				display: inline-block;
			}
		}
	}

	a {
		border-bottom: 0 !important;
		display: inline-block;
	}
}

.post-count {
	//color: #071c4d;
	//font-weight: 500;
	transition: all 0.3s ease-in-out;
	margin-left: 3px;
}

.widget_archive {
	.post-count {
		margin-left: 3px;
	}
}

.widget_pages,
.widget_nav_menu {
	.sub-menu {
		margin-top: 7px;

		> li {
			border-bottom: 0;

			.sub-menu {
				padding-left: 20px;

				> li {
					> a {
						padding-left: 5px;
					}
				}
			}
		}
	}
}


.widget_pages .sub-menu > li .sub-menu > li > a,
.widget_nav_menu .sub-menu > li .sub-menu > li > a {
	padding: 0;
}


.widget_categories,
.widget_product_categories {

	li {
		margin: 0;
		padding: 0;
		position: relative;
		//border-bottom: 1px dashed #eee;
	}

	a {
		display: block;
	}
}

@keyframes shine {
	100% {
		left: 125%;
	}
}


.widget_recent_comments {
	.recentcomments {
		padding-left: 35px;
		position: relative;
		margin-bottom: 20px;
		word-break: break-word;
		display: inline-block;
		border-top: 0 !important;
		width: 100%;

		a {
			line-height: 30px;
			border-bottom: 0 !important;
			padding-left: 0 !important;

			&:before {
				display: none;
			}
		}

		&:before {
			position: absolute;
			top: 4px;
			left: 0;
			content: "\e645";
			font-family: 'themify';
			color: #465675;
			font-size: 20px;
		}

		&:last-child {
			margin-bottom: 0;
		}


		a {
			display: inline-block;
		}
	}
}

.widget_recent_entries {
	.post-date {
		display: block;
		font-size: 14px;

	}
}

.widget_calendar {

	td,
	th {
		padding: 10px 0;
		text-align: center;
		min-width: auto;
	}
}

.widget_calendar {
	td {
		&#today {
			background: $color__theme;
			color: #fff;
			border-radius: 3px;

			a {
				color: #fff;
			}
		}
	}
}

@include media-breakpoint-down(md) {
	.page-content {
		.widget {
			margin: 0 0 52px;
		}
	}
}

@include media-breakpoint-down(sm) {
	.page-content {
		.widget {
			margin: 0 0 32px;
		}
	}

	.page-sidebar {
		margin-bottom: 50px;

		.page-sidebar-inner {
			.page-sidebar-content {
				padding-right: 30px;
				border: 1px solid #eee;

				&:after {
					display: none;
				}
			}
		}
	}

	.single-post {
		.page-main-content {
			padding-bottom: 20px;
		}
	}
}

.tagcloud {
	a {
		font-size: inherit !important;
		display: inline-block;
		line-height: 1.7;
		background: #f8fcff;

		&:hover {
			color: $color__theme;
		}
	}

	.tagcloud {
		margin-top: 20px;
	}
}

/* Recent Post */

// Recent Post
.tt-widget-recent-posts {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;

	.recent-posts-image_wrapper {
		width: 85px;
		margin-right: 20px;
		border-radius: 6px;
		overflow: hidden;

		img {
			border-radius: 6px;
		}
	}

	.recent-posts-content_wrapper {
		flex: 1;
	}

	.post-title {
		font-weight: 500;
		margin-bottom: 5px;
		font-size: 18px;

		a {
			color: $color__heading;
			line-height: 1.2;

			&:hover {
				color: $color__theme;
			}
		}
	}

	.date {
		color: #71717c;
		font-size: 16px;

		i {
			margin-right: 5px;
		}

		a {
			color: #758598;
		}
	}
}

.about-widget_wrapper {
	max-width: 260px;

	p {
		color: #c8c9d1;
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 24px;
	}

	.footer-logo {
		margin-bottom: 28px;

		a {
			display: block;
			max-width: 150px;

			img {
				height: 52px;
			}
		}
	}

}

.tt-contact-widget {
	.about_text {
		color: rgba(255, 255, 255, 0.702);
		margin-bottom: 20px;
	}

	.footer-contact-info {
		li {
			margin-bottom: 19px;
			display: flex;
			align-items: baseline;
			line-height: 26px;

			i {
				margin-right: 10px;
			}
		}
	}
}

.zoom-instagram-widget {
	.zoom-instagram-widget__items {
		.zoom-instagram-widget__item {
			border-radius: 4px;
			overflow: hidden;
		}
	}
}

.author-about-widget {
	text-align: center;

	.author-image {
		margin: 0 auto 23px;
		border: 3px solid rgba(240, 64, 55, 0.2);
		border-radius: 50%;
		max-width: 155px;
		height: 155px;
		padding: 8px;

		img {
			width: 100%;
			border-radius: 50%;
		}
	}

	.author_name {
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 8px;
	}

	.about_text {
		line-height: 1.3;
		margin-bottom: 27px;
	}

	.author-social-link {
		margin: 0;
		padding: 0;
		list-style: none;

		li {
			display: inline-block;

			&:not(:last-child) {
				margin-right: 7px;
			}

			a {
				font-size: 15px;
				color: #fff;
				position: relative;
				height: 34px;
				width: 34px;
				line-height: 34px;
				text-align: center;
				display: block;

				i {
					display: block;
					line-height: 34px;

					&:after {
						content: '';
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						z-index: -1;
						border-radius: 4px;
						transition: all 0.3s ease-in-out;
						background-color: $color__theme;
					}

					&.fa-facebook {
						&:after {
							background-color: #405fa4;
						}
					}

					&.fa-twitter {
						&:after {
							background-color: #16aefd;
						}
					}

					&.fa-pinterest-p {
						&:after {
							background-color: #e60023;
						}
					}

					&.fa-fa-vimeo {
						&:after {
							background-color: #0a66c2;
						}
					}

					&:hover {
						&:after {
							transform: scale(1.2);
						}
					}
				}

				&:hover {
					color: #fff;
				}

			}
		}
	}
}

.tt-project-widget {
	display: flex;
	flex-wrap: wrap;

	> div {
		width: calc(33.33% - 5px);
		margin-right: 5px;
		margin-bottom: 5px;
	}

	img {
		height: 90px;
		object-fit: cover;
		border-radius: 10px;
	}
}


/* Tags */
.tagcloud {
	color: #2b2350;
	display: inline-block;
	margin-right: 15px;
	font-size: 20px;
	font-weight: 500;

	a {
		background-color: #f0f2f7;
		color: $color__heading;
		border-radius: 5px;
		font-weight: 500;
		font-size: 14px !important;
		text-transform: capitalize;
		margin: 0 5px 10px 0;
		padding: 9px 19px;
		line-height: 1;

		&:hover {
			// background: linear-gradient( to right, rgb(42,202,255) 0%, rgb(8,166,224) 100%);
			background-color: $color__theme;
			color: #fff;
			position: relative;
			z-index: 2;
		}

	}
}

.site-footer {


	.widget-title {
		font-size: 18px;
		margin-bottom: 26px;
		text-transform: capitalize;
		color: #fff;
		font-weight: 600;
	}

	.widget {
		margin-bottom: 30px;
		border: 0;

		&.widget_media_image {
			margin-bottom: 0;
		}

		ul {
			li {
				color: rgba(255,255,255,0.6);
				font-size: 15px;

				a {
					color: rgba(255,255,255,0.7);
					font-size: 15px;
					position: relative;
					display: inline-block;
					font-weight: 400;

					&:hover {
						color: #fff;

						&:after {
							width: 100%;
						}

						.post-count {
							color: #fff;
						}
					}
				}

				.rsswidget {
					color: #fff;
				}

			}

			&.menu {
				li {
					&:not(:last-child) {
						margin-bottom: 7px;
					}

					.sub-menu {
						padding-left: 15px;

						li {
							&:not(:last-child) {
								margin-bottom: 10px;
							}
						}
					}
				}
			}
		}

		@media(max-width: 768px) {
			margin-bottom: 60px;
		}


	}

	.footer-wrapper {
		@media(max-width: 992px) {
			padding: 80px 0 0 !important;
		}
	}

	.tt-newsletter-widget {
		.newsletter-inner {
			input {
				border: 0;
				border-radius: 4px;
				height: 46px;
				padding: 10px 15px;
				margin-bottom: 8px;

				&::placeholder {
					color: #adadad;
				}
			}

			.newsletter-submit {
				font-family: $font__heading;
				font-size: 18px;
				font-weight: 700;
				padding: 11px 33px 6px;
				text-transform: uppercase;
				width: 100%;
				text-align: center;
				letter-spacing: 1px;
				height: 46px;
				outline: 0;
				border: 1px solid $color__theme;

				.fa-spin {
					display: none;
				}

				&.clicked {
					.fa-spin {
						display: block;
					}

					span {
						display: none;
					}
				}
			}
		}

		.form-result {
			margin: 10px 0;
		}
	}



	&.footer_dark {
		.widget_calendar td {
			color: rgba(255, 255, 255, 0.6);
		}

		table {
			border-color: rgba(255, 255, 255, 0.5);
			border-top-color: #f5f5f5;
		}

		.calendar_wrap caption {
			background: #d5deff;
		}

		.widget_recent_comments .recentcomments:before, .widget_rss a {
			color: #fff;
		}

		.widget_rss ul li .rss-date {
			color: rgba(255, 255, 255, 0.8);
		}

		.widget_rss ul li .rssSummary {
			color: rgba(255, 255, 255, 0.5);
		}

		.textwidget {
			color: rgba(255, 255, 255, 0.8);
		}

		table td:last-child {
			border-right: 1px solid rgba(255, 255, 255, 0.6);
		}

		.wp-block-calendar tbody td, .wp-block-calendar th {
			border-color: rgba(255, 255, 255, 0.6);
		}

		.wp-block-calendar th {
			border: 0;
		}
	}
}


/* Widget Block */
.wp-block-latest-comments__comment-meta {
	line-height: 1.4;

	a {
		font-weight: 400;
	}
}
.wp-block-search {
	&.wp-block-search__button-inside {
		.wp-block-search__inside-wrapper {
			border: 2px solid #f1f1f3;
			border-radius: 6px;
			padding: 0;

			.wp-block-search__input {
				margin-bottom: 0;
				background-color: transparent;
				padding: 0 15px;
			}
			.wp-block-search__button.has-icon {
				background-color: transparent;
				margin-left: 0;

				svg {
					font-size: 20px;
					transform: rotate(-90deg);
					color: $color__heading;
				}
			}
		}

		&.wp-block-search__text-button {
			.wp-block-search__inside-wrapper {
				padding: 5px;
			}

			.wp-block-search__input {
				height: 46px;
			}

			.wp-block-search__button {
				height: 46px;
				padding: 10px 20px;
				margin-left: 0;
			}
		}
	}

	&.wp-block-search__button-outside {
		&.wp-block-search__icon-button {

			.wp-block-search__button {
				padding: 0 12px;
			}

			svg {
				fill: #fff;
				font-size: 20px;
				transform: rotate(-90deg);
			}
		}
	}
}

/* Recent Post */
.widget {
	.wp-block-latest-posts {
		li {
			> a {
				font-weight: 500;
				font-size: 15px;
				line-height: 1.6;
				display: block;
				margin-bottom: 0;
			}
		}
	}
}
.wp-block-latest-posts__featured-image img {
	border-radius: 6px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
	&:not(:last-child) {
		margin-bottom: 20px;
	}
}


.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	display: inline-block;
	font-size: 15px;
}

.wp-block-latest-posts__post-author, {
	margin-right: 10px;
}

.wp-block-tag-cloud {
	margin-bottom: 0 !important;

	a {
		background-color: #f0f2f7;
		color: #071c4d;
		border-radius: 5px;
		font-weight: 500;
		font-size: 14px !important;
		text-transform: capitalize;
		margin: 0 5px 10px 0;
		padding: 9px 15px;
		line-height: 1;
		display: inline-block;

		&:hover {
			color: #fff;
			background-color: $color__theme;
		}
	}
}