.widget {
	&:not(:last-child) {
		margin-bottom: 60px;

		.full-width-header-area &,
		.after-content-full-width-area &,
		.before-content-area &,
		.before-loop-area &,
		.after-loop-area &,
		.after-content-area & {
			@include media-breakpoint-up(lg) {
				margin-bottom: 80px;
			}
		}
	}

	@include sidebars-area() {
		&:not(:last-child) {
			margin-bottom: -1px;
			padding-bottom: 20px;
		}
	}
	footer-area
	.single-project & {
		&:not(:last-child) {
			margin-bottom: 40px;
		}
	}

	.footer-area:not(.footer-area--fullwidth) & {
		margin-bottom: 45px;
	}

	&-title {
		margin-bottom: 1.33em;

		.sidebar & {
			padding: 13px 20px;
			margin: -20px -30px 19px;
			border-bottom: 1px solid $color__background-sidebar-hr;
			background-color: $color__white;
			text-transform: uppercase;

		}
	}

	& + .widget {
		.sidebar & {

		}
	}

	select {
		max-width: 100%;
	}

	.full-width-header-area &,
	.after-content-full-width-area & {

		&.widget-carousel,
		&.widget-smart-slider,
		&.widget-fpblock,
		&.widget-playlist-slider {
			padding-left: 0;
			padding-right: 0;
		}
	}
}
.sidebar .widget {
	padding: 20px 30px 20px 30px;
	background-color: $color__background-sidebar;
	border: 1px solid $color__background-sidebar-hr;

	&.widget_products,
	&.widget_recent_reviews,
	&.widget_top_rated_products,
	&.widget_recently_viewed_products {
		padding: 10px 0;
		background-color: transparent;
		border: none;

		.widget-title {
			margin: 0;
			padding-left: 0;
			border-bottom: none;
			font-size: 26px;

		}
	}
	&.widget_products {
		.product_list_widget {
			li {
				a {
					@include media-breakpoint-up(sm) {
						flex: 1 1 80%;
					}
				}
			}
		}
	}
	&.WOOCS_SELECTOR,
	&.WOOCS_RATES,
	&.WOOCS_CONVERTER {
		border: none;
		padding: 0;
	}
}

.sidebar,
.single-service,
.single-project {
	margin-top: 70px;

	@include media-breakpoint-up(md) {
		margin-top: 0;
	}
}


.footer-area {
	padding: 40px 0;
	@include media-breakpoint-up(md) {
		padding: 67px 0 55px;
	}


	.widget-title {
		margin-bottom: 4px;
		font-weight: 400;

		&.title-decoration {
			@include title-zigzag;

			&__bottom {
				@include title-zigzag-bottom;
			}
		}
	}
	.widget_text {
		.textwidget {
			h5 {
				margin: 21px 0 0;
			}
		}
	}

}

.full-width-header-area {
	.widget:first-child {
		.widget-title {
			margin-top: 1.5em;
		}
	}
}


.after-loop-area,
.after-content-area {
	margin-top: 70px;
}
.after-content-custom-area {
	border-bottom: 1px solid $color__contact-information-hr;
	.contact-information-widget {
		.contact-information-widget__inner {
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			@include media-breakpoint-down(sm) {
				flex-direction: column;
				justify-content: center;
			}
			li {
				padding: 20px 30px 24px 25px;
				font-size: 14px;
				border-right: 1px solid $color__contact-information-hr;
				margin: 0;
				text-transform: uppercase;
				@include media-breakpoint-down(sm) {
					border-right: none;
					display: block;
					padding: 19px 15px 25px 15px;
					text-align: center;
				}
				&:first-child {
					padding-left: 0;
					@include media-breakpoint-down(sm) {
						padding-left: 15px;
					}
				}
				&:last-child {
					border: none;
				}
				.icon {
					font-size: 37px;
					margin-right: 23px;
					@include media-breakpoint-down(sm) {
						display: block;
						text-align: center;
						margin-right: 0;
						padding-bottom: 20px;
					}
				}
			}
		}
	}
}
/*--------------------------------------------------------------
## Monster Widget Compatibility
--------------------------------------------------------------*/

.footer-area.row{
	align-items: flex-start;
}
[id*="monster-widget-placeholder"].widget {
	.footer-area > & {
		position: relative;
		min-height: 1px;
		padding-left: ($grid-gutter-width / 2);
		padding-right: ($grid-gutter-width / 2);
		float: none;
		flex: 0 0 100%;
		max-width: 100%;
		
	}
	
	.footer-area--4-cols > &,
	.footer-area--2-cols > & {
		@include media-breakpoint-up(md) {
			flex: 0 0 50%;
			max-width: 50%;
		}
	}
	
	.footer-area--4-cols > & {
		@include media-breakpoint-up(lg) {
			flex: 0 0 25%;
			max-width: 25%;
		}
	}
	
	.footer-area--3-cols > & {
		@include media-breakpoint-up(md) {
			flex: 0 0 33.33%;
			max-width: 33.33%;
		}
	}
}