/**
 * @package         JD Services Showcase
 * @version         1.0
 * @author          JoomDev <support@joomdev.com>
 * @link            https://www.joomdev.com
 * @copyright       Copyright © 2018 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

/* Services Showcase Features box icon
=========================== */
.features-box-icon-wrapper {
	background: #fff;
	position: relative;
	transition: all .4s linear;
}

.features-box-icon-wrapper.shadow-lg {
	box-shadow: 0 10px 50px 0 rgba(0, 0, 0, .07) !important;
}

.features-box-icon-wrapper:before,
.features-box-icon-wrapper:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 1px;
	opacity: 0;
	transition: all .4s linear;
}

.features-box-icon-wrapper:before {
	top: 7px;
	left: 7px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.features-box-icon-wrapper:after {
	bottom: 7px;
	right: 7px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.features-box-icon-wrapper .service-icon {
	font-size: 42px;
	position: relative;
	z-index: 1;
}

.features-box-icon-wrapper .features-box-content {
	position: relative;
	z-index: 1;
}

.features-box-icon-wrapper:focus,
.features-box-icon-wrapper:hover {
	background: #1c60ff;
}

.features-box-icon-wrapper:focus:before,
.features-box-icon-wrapper:focus:after,
.features-box-icon-wrapper:hover:before,
.features-box-icon-wrapper:hover:after {
	opacity: 1;
}

.features-box-icon-wrapper:focus:before,
.features-box-icon-wrapper:hover:before {
	width: 70%;
	height: 60px;
}

.features-box-icon-wrapper:focus:after,
.features-box-icon-wrapper:hover:after {
	height: 60px;
	width: 70%;
}

.features-box-icon-wrapper:focus .services-title,
.features-box-icon-wrapper:focus .services-description,
.features-box-icon-wrapper:hover .services-title,
.features-box-icon-wrapper:hover .services-description {
	color: #fff;
}

.features-box-icon-wrapper.features-box-hover-none {
	background: #fff;
}

.features-box-icon-wrapper.features-box-hover-none:before,
.features-box-icon-wrapper.features-box-hover-none:after {
	border-color: #1c60ff;
}

.features-box-icon-wrapper.features-box-hover-none:focus .services-description,
.features-box-icon-wrapper.features-box-hover-none:hover .services-description {
	color: #333;
}

.fullwidthbox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}