.theme-boxicon-readmore {
	.linkbtn0 & {
		display: none;
	}
}

.box-desc {
	.desc0 & {
		display: none;
	}

	.dark & {
		color: #fff;
	}
}

.bigicon {
	display: none;
}


.theme-boxicon.type-1 {

	.theme-boxicon-icon {
		display: block;
		background-color: rgba(0,0,0,.08);
		width: 100px;
		height: 100px;
		margin: 0 auto 30px auto;
		line-height: 100px;
		text-align: center;
		font-size: 48px;
		color: $accent1;
		@include mb2_transition1(all, .25s);
		position: relative;
		overflow: hidden;
	}


	.theme-boxicon-icon:after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 97px;
		left: 0;
		background-color: $accent1;
		@include mb2_transition1(all, .25s);
	}

	.theme-boxicon-icon i {
		position: relative;
		z-index: 2;
	}


	.theme-boxicon-content {
		text-align: center;
	}

	&.color-success {
		.theme-boxicon-icon {
			color: $color_success;
			&:after {
				background-color: $color_success;
			}
		}
	}

	&.color-warning {
		.theme-boxicon-icon {
			color: $color_warning;
			&:after {
				background-color: $color_warning;
			}
		}
	}

	&.color-info {
		.theme-boxicon-icon {
			color: $color_info;
			&:after {
				background-color: $color_info;
			}
		}
	}

	&.color-danger {
		.theme-boxicon-icon {
			color: $color_danger;
			&:after {
				background-color: $color_danger;
			}
		}
	}

	&.color-secondary {
		.theme-boxicon-icon {
			color: $accent3;
			&:after {
				background-color: $accent3;
			}
		}
	}

	&.color-inverse {
		.theme-boxicon-icon {
			color: $accent2;
			&:after {
				background-color: $accent2;
			}
		}
	}



	.dark &,
	.dark1 & {
		.theme-boxicon-icon {
			color: rgba(255,255,255,.8);
			background-color: rgba(255,255,255,.1);
		}
	}



	&:hover {

		.theme-boxicon-icon {
			color: #fff !important;
		}


		.theme-boxicon-icon:after {
			top: 0;
		}
	}


}





.theme-boxicon.type-2,
.theme-boxicon.type-3 {

	position: relative;
	min-height: 45px;

	.theme-boxicon-icon {
		position: absolute;
		left: 0;
		display: block;
		background-color: $accent1;
		width: 46px;
		text-align: center;
		color: #fff;
		@include mb2_transition1(all, .25s);
	}

}




.theme-boxicon.type-2 {

	padding-left: 63px;

	.theme-boxicon-icon {
		position: absolute;
		left: 0;
		top: 4px;
		height: 48px;
		width: 48px;
		line-height:48px;
		font-size: 26px;
		@include mb2_border_radius(999px);
	}
}




.theme-boxicon.type-3 {

	background-color: lighten($color_gray3, 3%);

	.dark & {
		background-color: rgba(255,255,255,.1);
	}

	.theme-boxicon-content {
		padding: 10px 10px 10px 62px;
	}

	.theme-boxicon-icon {
		left: 0;
		top: 0;
		bottom: 0;
		font-size: 34px;

		i {
			position: absolute;
			display: block;
			width: 46px;
			height: 46px;
			line-height: 46px;
			top: 50%;
			margin-top: -23px;
			left: 0;
		}
	}

	.dir-rtl & {
		.theme-boxicon-content {
			padding: 10px 62px 10px 10px;
		}
	}

}



.theme-boxicon.type-2,
.theme-boxicon.type-3 {

	&:hover {
		.theme-boxicon-icon {
			background-color: rgba( $accent1, .8);
		}
	}

	&.color-info {
		.theme-boxicon-icon {
			background-color: $color_info;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($color_info, .8);
			}
		}
	}

	&.color-secondary {
		.theme-boxicon-icon {
			background-color: $accent3;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($accent3, .8);
			}
		}
	}

	&.color-warning {
		.theme-boxicon-icon {
			background-color: $color_warning;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($color_warning, .8);
			}
		}
	}

	&.color-success {
		.theme-boxicon-icon {
			background-color: $color_success;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($color_success, .8);
			}
		}
	}

	&.color-danger {
		.theme-boxicon-icon {
			background-color: $color_danger;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($color_danger, .8);
			}
		}
	}

	&.color-inverse {
		.theme-boxicon-icon {
			background-color: $accent2;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($accent2, .8);
			}
		}
	}

	&.color-gray {
		.theme-boxicon-icon {
			background-color: $color_gray1;
		}
		&:hover {
			.theme-boxicon-icon {
				background-color: rgba($color_gray1, .8);
			}
		}
	}

	.dir-rtl & {

		.theme-boxicon-icon {
			left: auto;
			right: 0;
		}

	}

}


.theme-boxicon.type-4 {

	padding-left: 68px;
	position: relative;

	.theme-boxicon-icon {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -32px;
		height: 64px;
		width: 64px;
		line-height: 64px;
		font-size: 48px;
		text-align: center;
		color: $accent1;


		i {
			@include mb2_transition1(all, .25s);
		}
	}

	&:hover {
		.theme-boxicon-icon {
			i {
				@include mb2_trabsform_scale(1.2);
			}

		}
	}

	.smtitle1 & {
		.box-title {
			font-size: 1rem;
			font-weight: $fwmedium;
		}
	}

	&.color-info {
		.theme-boxicon-icon {
			color: $color_info;
		}
	}

	&.color-secondary {
		.theme-boxicon-icon {
			color: $accent3;
		}
	}

	&.color-warning {
		.theme-boxicon-icon {
			color: $color_warning;
		}
	}

	&.color-success {
		.theme-boxicon-icon {
			color: $color_success;
		}
	}

	&.color-danger {
		.theme-boxicon-icon {
			color: $color_danger;
		}
	}

	&.color-inverse {
		.theme-boxicon-icon {
			color: $headingscolor;
		}
	}
}



.theme-boxicon.type-5 {

	display: flex;
	align-items: center;
	background-color: $accent1;
  	color: #fff;
  	padding: 1.3rem;
	text-align: center;
  	@include mb2_border_radius(.15rem);
	position: relative;
	overflow: hidden;
	@include mb2_transition1(all, .25s);

	&:hover {
		@include mb2_trabsform_scale(1.06);
	}

	.bigicon {
		display: block;
		position: absolute;
	  	width: 100%;
	  	height: 100%;
	  	left: 25%;
	  	top: 25%;
	  	font-size: 22rem;
	  	line-height: 1;
	  	color: rgba(255,255,255,.15);
		z-index: 1;
	}

	h1,h2,h3,h4,h5,h6,a {
		color: inherit;
	}

	.theme-boxicon-icon {
		font-size: 5rem;
		line-height: 1;
	}

	.theme-boxicon-inner {
		width: 100%;
		position: relative;
		z-index: 2;
	}

	.box-color {
	  	position: absolute;
	  	top: 0;
	  	right: 0;
	  	bottom: 0;
	  	left: 0;
	}

	.theme-boxicon-icon {
		margin-bottom: 1.3rem;
	}

	&.color-secondary {
		background-color: $accent3;
		color: #fff !important;
	}

	&.color-warning {
		background-color: $color_warning;
		color: #fff !important;
	}

	&.color-info {
		background-color: $color_info;
		color: #fff !important;
	}

	&.color-success {
		background-color: $color_success;
		color: #fff !important;
	}

	&.color-danger {
		background-color: $color_danger;
		color: #fff !important;
	}

	&.color-inverse {
		background-color: $headingscolor;
		color: #fff !important;
	}

}