.block {
	background: $nocolor;
	margin-bottom: 30px;
	.block{
		margin-bottom: 0!important;
	}
	.block-title { 
		background: none;
		position: relative;
		font-size: 20px; 
		color: $black;
		z-index: 1;
		margin-bottom: 25px;
		font-weight: 600;
		@include media-breakpoint-down(md){
			font-size: 18px;
		}
	}
	&.block-system-main-block{
		margin-bottom: 0;
	}
	&.block-system-breadcrumb-block{ 
		overflow: visible;
		margin-bottom: 20px;
	}
	&.block-none, &.no-padding{
		background: none!important;
		padding: 0!important;
		.block-content{
			padding: 0!important;
		}
	}
	&.no-title{
		margin-top: 0;
		border: none;
		&:before{
			content: none;
		}
	}

	&#block-system-main{
		padding-top: 10px;
	}
	&.block-local-tasks-block{
		margin-bottom: 0;
	}
	&.no-title{
		border: none;
		> .block-title, > div > .block-title {
			padding: 0;
			margin: 0;
			border: none;
			&:before{
				content: none;
			}
		}
	}
}

.block{
	&.site-branding{
		margin-bottom: 0;
	}
}

.block-local-tasks-block{
	position: relative;
	z-index: 99;
}

.drupal-tabs{
	@include clearfix();
	border-bottom: 1px solid $border-color;
	a{
		font-size: 14px;
	}
	.is-active a{
		color: $theme-color;
	}
}

.help{
	position: relative;
	z-index: 1;
	display: none;
	width: 100%;
	&.gav-help-region{
		.drupal-tabs{
			background: rgba(255, 255, 255, 0.6);
			padding: 15px;
		}    
	}
	.drupal-tabs{
		padding: 10px 0;
		margin-bottom: 25px;
	}
	.messages__wrapper{
		padding: 10px;
		border: 1px solid #5BC0DE;
	}
}

.region-main-menu{
	.block{
		background: $nocolor;
		.block-content{
			padding: 0;
		}
	}
}

.sidebar{
	.block{
		background: $bg-gray;
		padding: 30px;
		&.block-full{
			padding: 0;
		}
		.block-title{
			text-transform: uppercase;
			font-size: 18px;
			font-weight: 700;
			margin-bottom: 20px;
			padding-bottom: 20px;
			letter-spacing: 1px;
			position: relative;
			&:after{
				content: '';
			   width: 45px;
			   height: 2px;
			   background: $theme-color;
			   position: absolute;
			   bottom: 0;
			   left: 0;
			   z-index: 1;
			}
		}
	}
  .block-menu{
		@include clearfix();
		ul{
			padding-left: 0!important;
			li{
				border: none;
				margin: 0!important;
				padding: 0!important;
				border: none!important;
				float: left;
				width: 100%;
				list-style-type: none;
				a{
					padding: 6px 0;
					display: block;
					overflow: hidden;
					@include transition(all 0.35s);
					position: relative;
					font-weight: 400;
					letter-spacing: 0;
					&:hover, &:focus, &:active{
						color: $theme-color;
					}
				}
				&.menu-item--active-trail{
					> a{
						color: $theme-color!important;
					}
				}
			}
		}
	}
}

//--------- Block recent comment ---------------------
.recent-comment-block{
	.views-field-picture{
		margin-right: 10px;
	}
	.views-field-title{
		margin-top: -4px;
		a{
			font-weight: 700;
			text-transform: uppercase;
		}
	}
  .views-field-name{
		color: #a4a4a4;
		a{
			color: #a4a4a4;
		}
	}
}

.list-tags{
	.view-list{
		ul > li{
			float: left;
			border: 1px solid $border-color;
			display: inline-block;
			width: auto!important;
			padding: 0!important;
			margin: 0 10px 10px 0!important;
			a{
				padding: 6px 10px;
				display: block;
				@include transition(all 0.35s);
			}
			&:hover{
				background: $theme-color;
				a{
					color: $white;
				}
			}
		}
	}
}

.contact-info{
	max-width: 330px;
	.logo-footer{
		margin-bottom: 25px;
		max-width: 110px;
	}
	.contact-phone-box{
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		margin-top: 30px;
		padding-top: 30px;
		.content-inner{
			display: flex;
			.icon{
				font-size: 50px;
				color: $theme-color;
				line-height: 1;
			}
			.content-right{
				padding-left: 15px;
				.title{
					font-size: 14px;
					text-transform: uppercase;
					color: #959CA7;
					font-weight: 600;
					margin: 0;
				}
				.desc{
					font-size: 20px;
					color: $white;
					font-weight: 600;
				}
			}
		}
	}
}

.social-icon a {
	background: none;
	width: auto;
	height: auto;
	line-height: 1;
	margin-right: 20px;
	font-size: 18px;
}

.social-topbar{
	a{
		font-size: 13px;
		font-weight: 500;
		display: inline-block;
		margin-left: 25px;
		&:first-child{
			margin-left: 0;
		}
		i{
			margin-right: 5px;
		}
	}
}

.block-dropdown-language{
	position: relative;
	z-index: 12;
	font-size: 13px;
	font-weight: 500;
	width: 125px;
	height: 30px;
	.dropbutton-wrapper{
		position: relative;
		&:hover{
			cursor: pointer;
		}
		ul.dropbutton{
			position: absolute;
			top: -5px;
			right: 0;
			display: inline-block;
			float: right;
			z-index: 9;
			padding: 10px 28px 10px 35px;
			&:after{
			  content: "\f0ac";
			  font-family: $font-icon;
			  left: 10px;
			  top: 8px;
			  position: absolute;
			  z-index: 1;
			  color: $theme-color;
			  font-weight: 900;
			  font-size: 16px;
			}
			> li{
			  color: var(--topbar-color);
				a{
					color: var(--topbar-color);
					text-align: right;
				}
				&.dropbutton-toggle{
					.dropbutton-arrow{
						margin-top: -2px;
						border-width: 5px;
						border-top-color: var(--topbar-color);
					}
				}
			}
		}
		&.open{
			background: $white;
			padding-top: 5px;
			ul.dropbutton{
				box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
				@include border-radius(3px);
				background: $white;
				> li{
					color: var(--topbar-color);
					padding: 4px 0;
					font-size: 14px;
					&:first-child{
						padding-top: 0;
					}
					> a{
						color: var(--topbar-color);
						&:hover{
							color: $theme-color!important;
						}
					}
				}
			}
			.dropbutton-arrow{
				margin-top: 1px!important;
			}
		}
	} 
}

.most-search-block{
	text-align: center;
	margin-top: 20px;
	a{
		margin-top: 30px;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.9);
		padding: 0 15px;
		@include transition(all 0.35s);
		font-size: 16px;
		font-weight: 500;
		white-space: nowrap;
		i{
			margin-right: 10px;
		}
		&:hover{
			color: $theme_color;
	  	}
	}
}

.text-with-arrow{
	font-size: 40px;
	color: $white;
	font-family: $font-second;
	text-align: center;
	padding-top: 115px;
	line-height: 40px;
	@include media-breakpoint-down(md){
		padding-top: 68px;
		font-size: 35px;
	}
	span{
		display: inline-block;
		position: relative;
		&:after{
			content: '';
			@include size(64px, 110px);
			position: absolute;
			bottom: 90%;
			left: -85px;
			background: url('#{$base-theme-image-path}/line-arrow.png') no-repeat center center transparent;
			background-size: contain;
			@include media-breakpoint-down(md){
				bottom: calc(100% + 6px);
				height: 68px;
				left: -25px;
			}
		}
	}
}