/*
 * IC Tema: widget "Icon Box" (the7_icon_box_widget).
 */

.the7-box-wrapper {
	display: flex;
	flex-flow: row nowrap;
	overflow: hidden;
	transition: all .3s ease;
}

.box-content-wrapper {
	display: flex;
	width: 100%;
}

.icon-position-top .box-content-wrapper,
.icon-position-top .the7-box-wrapper {
	flex-wrap: wrap;
}

.icon-position-left .box-content-wrapper,
.icon-position-right .box-content-wrapper {
	flex-wrap: inherit;
}

.the7-box-wrapper .elementor-icon-div {
	display: inline-flex;
	margin: 0 var(--icon-spacing) 0 0;
}

.icon-position-right .the7-box-wrapper .elementor-icon-div {
	margin: 0 0 0 var(--icon-spacing);
	order: 2;
}

.icon-position-top .elementor-icon-div {
	margin: 0 0 var(--icon-spacing) 0;
}

.the7-box-wrapper .elementor-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: fit-content;
	font-size: 32px;
}

.elementor-icon-div i {
	color: var(--the7-accent-color);
	transition: color .3s ease;
}

.elementor-icon-div svg {
	fill: var(--the7-accent-color);
	color: var(--the7-accent-color);
	height: auto;
	transition: all .3s ease;
}

.box-content-wrapper .elementor-icon {
	border-color: var(--the7-accent-color);
}

[class*="elementor-widget-the7_icon_box"] .the7-box-wrapper .box-content {
	display: flex;
	flex-flow: column wrap;
	flex-grow: 1;
	flex-wrap: unset;
	justify-content: center;
}

.the7-box-wrapper .box-heading {
	font: var(--the7-h4-font);
	text-transform: var(--the7-h4-text-transform);
	color: var(--the7-h4-color);
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0 !important;
	transition: color .3s ease;
}

.the7-box-wrapper .box-heading a {
	transition: color .3s ease;
	text-decoration: none;
}

.the7-box-wrapper .box-heading a:hover,
a.the7-box-wrapper:hover .box-heading a {
	color: var(--the7-h4-color);
}

a.the7-box-wrapper {
	text-decoration: none;
}

.the7-box-wrapper .box-button {
	margin-top: 15px;
	transition: all .3s ease;
}

.the7-box-wrapper .box-description {
	margin-bottom: 0;
	margin-top: 10px;
	color: var(--the7-base-color);
	transition: color .3s ease;
}

.the7-box-wrapper .box-description p {
	margin-bottom: 0;
}

.icon-vertical-align-start.icon-position-top .box-content-wrapper { justify-content: flex-start; }
.icon-vertical-align-center.icon-position-top .box-content-wrapper { justify-content: center; }
.icon-vertical-align-end.icon-position-top .box-content-wrapper { justify-content: flex-end; }

/* Posición del ícono en tablet y celular. */
@media screen and (max-width: 1024px) {
	.icon-position-tablet-right .the7-box-wrapper .elementor-icon-div { order: 2; }
	.icon-position-tablet-left .the7-box-wrapper .elementor-icon-div,
	.icon-position-tablet-top .the7-box-wrapper .elementor-icon-div { order: 0; }
	.icon-position-tablet-top .the7-box-wrapper .box-content-wrapper { flex-wrap: wrap; }
	.icon-vertical-align-tablet-start.icon-position-tablet-top .the7-box-wrapper .box-content-wrapper { justify-content: flex-start; }
	.icon-vertical-align-tablet-center.icon-position-tablet-top .the7-box-wrapper .box-content-wrapper { justify-content: center; }
	.icon-vertical-align-tablet-end.icon-position-tablet-top .the7-box-wrapper .box-content-wrapper { justify-content: flex-end; }
	.icon-position-tablet-left .the7-box-wrapper .box-content-wrapper,
	.icon-position-tablet-right .the7-box-wrapper .box-content-wrapper { flex-wrap: inherit; }
	.icon-position-tablet-left .the7-box-wrapper,
	.icon-position-tablet-right .the7-box-wrapper { flex-wrap: unset; }
}

@media screen and (max-width: 767px) {
	.icon-position-mobile-right .the7-box-wrapper .elementor-icon-div { order: 2; }
	.icon-position-mobile-top .the7-box-wrapper .box-content-wrapper { flex-wrap: wrap; }
	.icon-position-mobile-left .the7-box-wrapper .elementor-icon-div,
	.icon-position-mobile-top .the7-box-wrapper .elementor-icon-div { order: 0; }
	.icon-vertical-align-mobile-start.icon-position-mobile-top .the7-box-wrapper .box-content-wrapper { justify-content: flex-start; }
	.icon-vertical-align-mobile-center.icon-position-mobile-top .the7-box-wrapper .box-content-wrapper { justify-content: center; }
	.icon-vertical-align-mobile-end.icon-position-mobile-top .the7-box-wrapper .box-content-wrapper { justify-content: flex-end; }
	.icon-position-mobile-left .the7-box-wrapper .box-content-wrapper,
	.icon-position-mobile-right .the7-box-wrapper .box-content-wrapper { flex-wrap: inherit; }
	.icon-position-mobile-left .the7-box-wrapper,
	.icon-position-mobile-right .the7-box-wrapper { flex-wrap: unset; }
}