.widget, .wpb_single_image, .wpb_content_element {
  	border: none;
  	.widget-title, .widgettitle, .wpb_singleimage_heading{
	 	background: none;
	 	position: relative;
	 	color: $black;
	 	font-family: $headings-font-family;
	 	z-index: 9;
	 	margin: 0 0 15px;
		padding: 0 0 15px;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 1px;
	 	&:before, &:after{
			content: '';
			position: absolute;
			width: 13px;
			height: 2px;
			background: $theme-color;
			bottom: -2px; 
			z-index: 11;
	 	} 
	 	&:before{
			left: 0;
	 	}
	 	&:after{
			left: 18px;
	 	} 
  	}
  	&.text-center{
	 	.widget-title, .widgettitle, .wpb_singleimage_heading{
			text-align: center!important;
	 	}
  	}
} 

.widget.widget_block{
	.wp-block-group > .wp-block-group__inner-container, .wp-block-group > .wp-block-group__inner-container, .wp-block-group > .wp-block-group__inner-container, .wp-block-group > .wp-block-group__inner-container{
		> h1, > h2, > h3, > h4{
			margin-bottom: 20px;
			font-size: 18px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: 700;
		}
	}
	> h1, h2, h3, h4{
		background: none;
	 	position: relative;
	 	color: $black;
	 	font-size: 18px;
	 	z-index: 9;
	 	margin: 0 0 15px;
		padding: 0 0 15px;
	 	width: 100%;
	 	letter-spacing: 1px;
		font-weight: 700;
	 	text-transform: uppercase;
	 	&:before, &:after{
			content: '';
			position: absolute;
			width: 13px;
			height: 2px;
			background: $theme-color;
			bottom: -2px; 
			z-index: 11;
	 	} 
	 	&:before{
			left: 0;
	 	}
	 	&:after{
			left: 18px;
	 	} 
	}
	ul, ol{
		margin: 0;
		padding: 0;
		ul, ol{
			padding-left: 25px;
		}
		li{
			font-weight: 500;
			word-wrap: break-word;
			line-height: 26px;
		}
	}
}

ol.wp-block-latest-comments{
	margin: 0;
	padding: 0;
	li{
		padding: 6px 0;
		font-weight: 500;
		word-wrap: break-word;
		line-height: 26px;
		margin: 0;
		time{
			margin-top: 5px;
			color: $theme-color;
		}
	}
}

/* 
** Widget for sidebar
*/
.wp-sidebar, .elementor-widget-sidebar{
  	input, textarea, select{
  		max-width: 100%;
  	}
  	.widget {
	 	overflow: hidden;
	 	margin-bottom: 30px;
	 	padding: 30px 30px;
	 	position: relative;
	 	border: 1px solid $border-color;
	 	border-radius: 6px;
	 	font-size: 16px;
  	} 
  	ul{
	 	list-style: none;
	 	padding: 0; 
	 	margin-bottom: 0!important;
	 	display: inline-block;
	 	width: 100%;
	 	li{
			list-style: none;
			a{
		  		padding: 8px 0;
		  		display: inline-block;
		  		&:hover{
			 		color: $theme-color;
		  		}
			}
			.count{
		  		margin-left: 3px;
		  		color: #262626;
			}
	 	}
	 	> li {
			ul{
		  		padding-left: 16px; 
			}
	 	}
  	}
  	.wpb_single_image{
	 	margin-bottom: 30px!important;
  	}
  	.post-author, .post-date{
		font-size: 14px;
		margin: 0 0 2px;
		font-weight: 500;
		color: $theme-color;
	}
}


.gva-main-search{
	.gva-search{
		position: relative;
		input{
		  	background: none;
		  	@include box-shadow(none);
		  	@include border-radius(0);
		  	height: 46px;
		  	&.input-search{
			 	background: $white;
			 	font-size: 16px;
		  	}
		}
		.btn-search{
		  	position: absolute;
		  	width: auto;
		  	height: 100%;
		  	right: 6px;
		  	top: 0;
		  	z-index: 9;
		  	padding: 0;
		  	background: none;
		  	border: none;
		  	@include border-radius(0);
		  	input{
			 	border: none;
			 	transform: rotateY(180deg);
			 	font-size: 16px;
			 	color: $theme-color;
            font-weight: 900;
            padding: 0 12px;
		  	}
		}
	}
} 
 
// Widget for footer -------------------- 
.widget_calendar{
	.wp-calendar-table{
		td{
			a{
				color: $theme-color;
			}
		}
		#today{
			color: $theme-color;
			position: relative;
			&:after{
				content: '';
				@include size(5px, 5px);
				position: absolute;
				top: 6px;
				right: 6px;
				background: $theme-color;
				border-radius: 50%;
				z-index: 1;
			}
		}
	}
	.wp-calendar-nav{
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 600;
	}
}

//Wiget default
.widget_tag_cloud{
	.tagcloud > a{
		display: inline-block;
		background: #ededed;
		border-radius: 5px;
		font-size: 13px!important;
		padding: 0 12px; 
		color: $body-color;
		border: 1px solid $bg-gray;
		margin-right: 10px;
		margin-bottom: 10px;
		font-weight: 700;
		&:last-child{
			margin-right: 0;
		}
		&:hover{
			color: $white;
			background: $theme-color;
		}
	}
}

/* 
** Widget Newletter
*/
.mc4wp-form{
	@include clearfix();
}

.widget_recent_comments{
	ul li{
		padding: 6px 0;
		font-weight: 500;
		word-wrap: break-word;
		line-height: 26px;
	}
}

//----- Widget Default -----
.widget_categories, .widget_block, .widget_archive, .wp-sidebar .widget_nav_menu, #wp-footer .widget_nav_menu, .elementor-widget-sidebar .widget_nav_menu,  .widget_pages, .widget_meta{
	overflow: hidden;
	> ul{
		padding: 0;
	}
	ul > li{
		display: block;
		width: 100%;
		float: left;
		position: relative;
		@include transition(all 0.35s);
		line-height: 26px;
		.count{
			position: absolute;
			top: 14px;
			right: 0;
			z-index: 1;
			font-size: 14px;
			color: $body-color;
		}
		> a{ 
			display: block;
			text-transform: capitalize;
			line-height: 26px;
			@include transition(all 0.35s);
			position: relative;
			color: $body-color;
			padding: 11px 0;
			font-weight: 500;
			font-size: 16px;
			&:hover{
				color: $theme-color;
			}
		}
		ul{
			padding-left: 20px;
		}
		&.current_page_item, &.current-cat{
			background: $white;
			> a{
				color: $black;
				position: relative;
				z-index: 1;
			}
			&:before{
				content: '';
				left: -15px;
				right: -15px;
				top: 0;
				bottom: 0;
				position: absolute;
				background: $white;
				z-index: 1;
			}  
		}
	}  
	> ul > li{
		&:last-child{
			> a{
				margin-bottom: 0!important;
			}
		}
	}
}

.widget_rss, .widget_recent_entries, .gva_widget_recent_entries{
	ul > li{
		border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
		margin-bottom: 18px;
		padding-bottom: 18px;
		a{ 
			padding: 0;
			line-height: 26px;
			display: block;
			font-weight: 600;
			.post-date{
				color: $theme-color;
			}
		}
		&:last-child{
			border: none;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	}
}

.gva_widget_recent_entries{
	ul{
		li{
			border: none;
			margin-bottom: 30px;
			padding: 0;
			position: relative;
			z-index: 9;
			.post-thumbnail{
				width: 70px;
				overflow: hidden;
				float: left;
				border-radius: 6px;
			}
			.post-content{
				padding-left: 85px;
				.post-comments{
					font-size: 14px;
					display: block;
					line-height: 1;
					font-weight: 500;
					.icon{
						color: $theme-color;
					}
				}
				.post-title{
					margin: 8px 0 0;
					font-size: 16px;
					a{
						display: block;
						line-height: 24px;
						font-weight: 500;
					}
				}
			}
			&:last-child{
				margin-bottom: 0;
			}
		}
	}
}

.widget_rss > ul{
	li{
		margin-bottom: 16px!important;
		.rss-date{
			color: $theme-color;
			font-size: 12px;
		}
	}
}

.widget-custom-text{
	color: $white;
	.widget-title{
		text-align: center;
		color: $white;
		margin-bottom: 0;
		font-weight: 600;
		padding: 20px 0;
	}
	.signature{
		margin-top: 50px;
	}
}

.widget_custom_html{
	padding: 0!important;
	border: none!important;
}


div[class*="elementor-widget-wp-widget"], .sidebar{
	.elementor-widget-container{
		> h5{
			margin: 0 0 15px;
			padding: 0 0 15px;
			position: relative;
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 1px;
			&:before, &:after{
				content: '';
				position: absolute;
				width: 13px;
				height: 2px;
				background: $theme-color;
				bottom: -2px; 
				z-index: 11;
		 	} 
		 	&:before{
				left: 0;
		 	}
		 	&:after{
				left: 18px;
		 	} 
		}
	}
}

.elementor-widget-wp-widget-categories{
	.elementor-widget-container{
		h5{
			margin: 0 0 8px;
		}
		ul{
			padding: 0;
			margin: 0;
			list-style: none;
			ul{
				padding-left: 30px;
			}
			li{
				font-size: 17px;
				a{
					color: $body-color;
					display: inline-block;
					padding: 8px 0;
					&:hover{
						color: $theme-color;
					}
				}
				&:last-child{
					a{
						padding-bottom: 0;
					}
				}
			}
		}
	}
}

.elementor-widget-wp-widget-tag_cloud{
	.tagcloud{
		padding-top: 10px;
		> a{
			display: inline-block;
			background: $bg-gray;
			font-size: 14px!important;
			padding: 0 12px;
			color: $body-color;
			border-radius: 5px;
			margin-right: 10px;
			margin-bottom: 10px;
			font-weight: 500;
			border: 1px solid rgba(0, 0, 0, 0.06);
			&:last-child{
				margin-right: 0;
			}
			&:hover{
				color: $white;
				background: $theme-color;
			}
		}
	}
}

.custormer-reviews{
	max-width: 580px;
	margin: 0 auto;
	border-radius: 20px 20px 0 0;
	padding: 30px 25px 0;
	overflow: hidden;
    position: relative;
    background: radial-gradient(151.64% 120.36% at 47.19% -0.63%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	backdrop-filter: blur(21px);
	@media (max-width: 1199px){
		max-width: 460px;
	}
	@media(max-width: 767px){
		max-width: 280px;
	}
	@media(max-width: 1024px){
		padding: 20px 15px 0;
	}
	&:before{
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		height: 63px;
		width: 1px;
		background: rgba(255,255,255,0.3);
		display: block;
		@media(max-width: 767px){
			content: none;
		}
	}
	.box-review{
		margin-bottom: 30px;
		padding: 0 15px;
		@media(max-width: 1024px){
			margin-bottom: 20px;
		}
	}
    .title{
    	color: $white;
    	font-size: 20px;
    	margin: 0 0 15px;
    	i{
    		color: #00B67A;
    		font-size: 16px;
    	}
    }
    .box-content{
    	display: flex;
    	align-items: center;
    	flex-wrap: wrap;
    }
    .image{
    	margin-right: 10px;
    }
    .star{
    	color: #FBB03B;
    	font-size: 10px;
    	line-height: 1;
    	letter-spacing: 1px;
    }
    .review{
    	font-size: 13px;
    	color: #fff;
    }
    &.style-2{
    	margin: 0;
    	border-radius: 20px;
    }
}