a{
	@include transition(all 0.35s); 
	&:hover, &:focus, &:active{
		outline: none!important;
		color: $theme-color;
		text-decoration: none;
	} 
}
input, select, textarea{
	&:hover, &:focus, &:active{
		outline: none!important;
	}
}
label{
	font-weight: 700;
	color: $theme-color-second;
}
// images, video
//---------------------------------
img{
		border: 0;
		vertical-align: top;
		max-width: 100%;
		height: auto;
}

.video-responsive {
	 height        : 0;
	 padding-top   : 0;
	 padding-bottom: 56.25%;
	 position      : relative;
	 overflow      : hidden;
	 embed,iframe,object,video{
			top     : 0;
			left    : 0;
			width   : 100%;
			height  : 100%;
			position: absolute;
	 }
}

h1, h2, h3, h4, h5, h6{
	margin-top: 15px;
   margin-bottom: 20px;
}

.body-page{
	input[type="text"], 
	input[type="tel"],
	input[type="password"],
	input[type="email"],
	textarea, select{
		background-color: #fff;
		border: 1px solid $border-color;
		padding: 0 15px;
		border-radius: 4px;
		color: $body-color;
		line-height: 50px;
		&:focus, &:active, &:hover{
			outline: none;
		}
	}
}

.label{
	color: #000!important;
}

.list-menu ul li{
	list-style: none;
	padding: 15px 2px;
	font-size: $font-size-base;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	&:last-child{
		border-bottom: none;
	}
}

ul {
	margin: 0;
	padding-left: 30px;
	ul{
		padding-left: 20px;
	}
	li{
		list-style: inherit;
		i{
			margin-right: 3px;
			font-size: 16px;
			min-width: 20px;
			text-align: center;
		}
	} 
}

.item-list{
	ul li{
		margin-left: 0;
	}
}

ul.menu{
	padding: 0;
	> li{
		position: relative;
		padding: 4px 0 6px;
		list-style-type: none;
		> a{
			padding-left: 0;
			@include transition(all 0.35s);
			position: relative;
			font-size: 16px;
			font-weight: 500;
			&:hover, &:active, &:focus{
				color: $theme-color;
			}
		}
	}
}

ul.features-list{
	margin: 10px 0;
	padding-left: 0;
	> li{
		padding-left: 25px;
		position: relative;
		list-style: none;
		margin-bottom: 10px;
		font-family: $headings-font-family;
		color: $black;
		font-weight: 400;
		font-size: 16px;
		&:after{
			content: '';
			@include size(5px, 5px);
			background: $theme-color;
			position: absolute;
			top: 50%;
			margin-top: -3px;
			left: 2px;
			z-index: 1;
		}
	}
}

ul.inline{
	> li{
		float: left;
		margin-left: 5px;
	}
}

table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid $border-color;
	> thead,
	> tbody,
	> tfoot {
		> tr {
			> th,
			> td {
				border-color: $border-color;
				border-width: 1px 1px 1px 0;
				border-style: solid;
			}
		}
	}
	> thead > tr {
		> th,
		> td {
			border-bottom-width: 2px;
		}
	}
}

.no-padding{
	padding: 0!important;
}

a.disable{
	pointer-events: none;
	cursor: default;
}


/************************* Pagination ************************/
.pager{
	text-align: center;
	ul.pager__items{
		display: inline-block;
		margin: 0 0 30px;
		padding: 0;
		> li{
			list-style-type: none;
			float: left;
			margin-right: 10px;
			font-family: $headings-font-family;
			font-size: 14px;
			a {
				border: 1px solid $border-color;
				font-weight: 700;
				display: inline-block;
				line-height: 34px;
				margin: 0 1px;
				text-align: center;
				margin-right: 10px;
				padding: 0 15px;
				@include border-radius(4px);
				text-transform: uppercase;
				background: $white;
				&:last-child{
					margin-right: 0;
				}
				&:hover{
					background: $theme_color;
					color: $white;
					border-color: $theme_color;
					&:after{
						color: $white;
					}
				}
			}
			&.pager__item--next{
				font-size: 12px;
			}
			&.pager__item--last{
				font-size: 12px;
			}
			&.is-active{
				a{
					background: $theme_color;
					color: $white;
					border-color: $theme_color;
					&:after{
						color: $white;
					}
				}
			}
		}
	}
}
.quick-pagination{
	.pager{
		text-align: center;
		margin-top: 20px;
		.pager__item--first, .pager__item--last{
			display: none;
		}
		.pager__item--previous, .pager__item--next{
			position: relative;
			a{
				text-indent: -99999px;
				position: relative;
				&:after{
					content: '\f061';
					font-family: $font-icon;
					position: absolute;
					top: 0px;
					left: 0;
					width: 100%;
					text-align: center;
					color: $black;
					text-indent: 0;
					font-size: 11px;
				}
			}
			&.pager__item--previous{
				a{
					&:after{
						content: '\f060';
					}
				}
			}
		}
	}
}

.breadcrumb-content-inner{
	margin-bottom: 60px; 
	.breadcrumb-style{
		background-size: cover;
	}
	.breadcrumb-content-main{
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		z-index: 11;
		padding: 120px 15px 120px;
		@include media-breakpoint-down(xl){
			padding: 60px 15px;
		}
	}
	.gva-block-breadcrumb{
		.page-title{
			font-size: 42px;
			top: 0;
			left: 0;
			width: 100%;
			text-align: left;
			line-height: 1.1;
			position: relative;
			color: $white;
			font-weight: 700;
			@include media-breakpoint-down(lg){
				font-size: 32px;
			}
		}
		.breadcrumb-links{
			display: inline-block;
			background: $white;
			position: absolute;
			right: 0;
			bottom: 0;
			z-index: 11;
			padding: 15px 20px 10px;
			nav.breadcrumb{
				background: none;
				margin: 0;
				ol{
					@include clearfix();
					list-style: none;
					margin-bottom: 0!important; 
					padding: 0;
					li{
						float: left;
						font-size: 14px;
						color: $body-color;
						font-weight: 500;
						a{
							color: $body-color;
							&:hover{
								color: $theme-color;
							}
						}
						span{
							padding: 0 5px 6px 0px;
						}
					}
				}
			}
		}  
		&.text-white, &.text-light{
			.page-title{
				color: $white;
			} 
		}
	}
}

pre{
	@include border-radius(0!important);
	margin: 30px 0;
}

.drupal-message{
	background: #CDCDCD;
	max-width: 1170px;
	margin: 0 auto;
	position: fixed;
	z-index: 99;
	bottom: 15px;
	left: 50%;
	@include translateX(-50%);
	width: 100%;
	max-height: 50%;
	overflow: auto;
	@include transition(all 0.35s);
	transition-delay: 4px;
	.messages__wrapper{
		padding: 2px 30px 2px 15px;
	}
}

.text-light{
	h1, h2, h3, h4, h5, h6{
		color: $white;
	}
}  

.hidden{
	display: none!important;
}

.pull-left{
	float: left;
}

.pull-right{
	float: right;
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
	& > [class^="col-"],
	& > [class*=" col-"] {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-lg {
		display: none !important;
	}
}

@media(max-width: 480px){
	.d-small-none{
		display: none!important;
	}
}

@media(max-width: 325px){
	.col-6{
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media(max-width: 510px){
	.col-2, .col-3, .col-4, .col-5{
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}