/*
Theme Name: Child Theme Hello wize
Template: hello-elementor
Author: Wize Team
Description: Theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1
Updated: 20-06-22 17:04:05

*/

/* BOTONES */
.elementor-button-content-wrapper *{
	transition: all .2s linear !important;
	-webkit-transition: all .2s linear !important;
}
.elementor-button-icon i:before{
	font-size: 20px !important;
	line-height: 20px !important;
}
.elementor-button-icon i{
	left: 0px !important;
	display: flex !important;
}
.elementor-button-link:hover .elementor-button-icon i{
	left: 8px !important;
	position: relative !important;
}
.elementor-button-content-wrapper{
	align-items: center !important;
}

/* Titulos */

.subtitle:before{
	content: url(/wp-content/uploads/2022/12/subtitle.svg);
	position: absolute;
	top: 2px;
	left: 0px;
	width: 24px;
}
h2 b,
h2 strong{
	color: #FF5023 !important;
	font-weight: inherit !important;
}
.h2B b,
.h2B strong{
	color: #00A5F0 !important;
}

/* SERVICIO */

.secc1-inter-servicio:before{
	content: '';
	position: absolute;
	top: 100px;
	left: 55%;
	width: 200px;
	height: 180px;
	background-image: url('/wp-content/uploads/2022/12/triangulos.png');
}
.number{
    position: relative !important;
}
.number:before{
    content: '';
    background:#FF5023;
    width: 1px;
    height: 0px;
    display: block;
    position: absolute;
    left: 50%;
    top: 130%;
    opacity: .4;
    transition: all 2s linear;
    -webkit-transition: all 2s linear;
}
.fadeIn.number:before{
    height: 500px !important;
}
.number.fadeIn {
    opacity: 1 !important;
}
.number.fadeIn .elementor-heading-title{
    /*color: #FF5023 !important;*/
}
@media(max-width: 768px){
	.number:before{
		display: none !important;
	}
}

/* PORTAFOLIO */

.porta-item{
	width: calc(50% - 15px) !important;
	height: 500px !important;
	background-color: #B9BED1 !important;
	background-position: center 0px;
	background-size: 100% !important;
	padding: 10px !important;
	overflow: hidden !important;
	border-radius: 2px !important;
	box-shadow: 0px 2px 6px rgba(45, 96, 198, 0.12) !important;
	cursor: pointer !important;
}
.porta-item:nth-child(even){
	top: 80px  !important
}

.porta-item:hover{
	animation-name: portafolio !important;
	animation-fill-mode: both !important;
	animation-duration: 5s !important;

}
@keyframes portafolio{
	0%{ background-position: center 0%}
	100%{ background-position: center 100%}
}

.port-titulo{
	align-self: flex-start !important;
}
.port-titulo .elementor-widget-container{
	position: relative !important;
	z-index: 2 !important;
	width: auto !important;
}
.port-titulo:before{
	content: '';
	background: #00194B;
	opacity: 0.8;
	position: absolute;
	top: -10px;
	left: -20px;
	width: calc(100% + 40px);
	z-index: 0;
	border-radius: 0 10px 0 0;
	height: calc(100% + 20px);
	transform: skewX(-10deg);
}
@media(max-width: 768px){
	.porta-item{
		width: 100% !important;
	}
	.porta-item:nth-child(even){
		top: 0px  !important
	}
}


/* SECCIÓN SERVICIOS */
.wrapper_services .number span::after{
    content: attr(number) !important;
    opacity: 0;
    display: block;
    color: #ff5023!important;
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    height: 100%;
    text-shadow: 0 0 13px #ff5023;
    transition: opacity 1s;
}

.wrapper_services .number.active span::after{
    counter-increment: number;
    content: attr(number) !important;
    display: block;
    color: #FF5023 !important;
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    height: 100%;
    text-shadow: 0px 0px 13px #FF5023;
	opacity: 1;
}

@media screen and (max-width: 767px){
    .wrapper_services .number{
        margin-left: 4px;
    }
    
    .wrapper_services .number.active span::after{
        text-shadow: 0px 0px 7px #FF5023;
    }
}

/* SECCIÓN PROYECTOS */

.project_item:nth-child(even){
    top: 80px;
}

.swiper-container-vertical .swiper-wrapper {
      position: absolute;
}

.project_item{
    max-height: 500px;
}

@media screen and (max-width: 767px){
    .project_item:nth-child(even){
        top: 0px;
    }
    
    .project_item{
        max-height: 350px;
    }
}

/* FIX */
.mySwiper{
  height: 500px; 
  max-height: 100vw;
  min-height: 0;
  min-width: 0;
  max-width: 100vw; 
  width: 100%;
  overflow: hidden;
}
 
.swiper-slide{
  width: auto;
  flex-shrink: 0;
  display: block;
  height: 100%;
  max-height: 100%;
}

.swiper-wrapper{
  max-height: 100%;
  height: 100%t;
  display: flex;
  transition-timing-function: linear;
}

.gallery-item img{
    height: 100% !important;
    object-fit: cover;
}

.gallery-item .gallery-icon{
    height: 100% !important;
}