/**
Theme Name: AB Energia Child
Author: Decode Digital
Author URI: https://decodedigital.com
Description: Child theme for AB Energia
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ec
Template: abenergia
*/

*:focus {
	outline: none;
}

/* CARD FOR SERVICES ON HOMEPAGE */
.card-services{
    --image-height: 77vh;
    --image-width: 62vh;
    --maximum-move: 80vh;
    --maximum-rotate: 6deg;
}
.gradient{
    --gradient-color-1: #302a27;
    --gradient-color-2: #965f39;
    --gradient-color-3: #e1a57d;
    --gradient-color-4: #afd3ec;
    --gradient-color-5: #445f88;
}

html, body{
    overflow-x: hidden;
}
.elementor-edit-area .animated {
    animation-fill-mode: forwards!important;
}
.card-services-image-left,
.card-services-image-right{
    will-change: transform;
}
.card-services-image-left img,
.card-services-image-right img{
    width: var(--image-width);
    height: var(--image-height);
    object-fit: cover;
}

/* CSS code for improving entrance animation */
.fadeInUp {
    animation: newFadeInUp 1s ease-in-out forwards !important;
}
.fadeIn {
    animation: fadeIn 1.3s ease-in-out 0.5s forwards !important;
    opacity: 0;
}

@keyframes newFadeInUp{
	0%{
		transform: translateY(50px);
		opacity: 0;
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}
	100%{
		transform: translateY(0);
		opacity: 1;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Tablet Device */
@media (max-width: 1024px){
	.card-services{
		--image-height: 77vh;
		--image-width: 62vh;
		--maximum-move: 65vh;
		--maximum-rotate: 6deg;
	}
}

/* Mobile Device */
@media (max-width: 767px){
	.card-services{
		--image-height: 450px;
		--image-width: 375px;
		--maximum-move: 350px;
		--maximum-rotate: 3deg;
	}
	.card-services-image-left{
		transition: all 0.6s ease-in-out;
		transform: translateX(-30px) rotate(-1deg) !important;
	}
	.card-services-image-right{
		transition: all 0.6s ease-in-out;
		transform: translateX(30px) rotate(1deg) !important;
	}
	.card-services.passed .card-services-image-left{
		transition: all 0.8s ease-in-out;
		transform: translateX(calc(-1*var(--maximum-move))) rotate(calc(-1*var(--maximum-rotate))) !important;
	}
	.card-services.passed .card-services-image-right{
		transition: all 0.8s ease-in-out;
		transform: translateX(calc(1*var(--maximum-move))) rotate(calc(1*var(--maximum-rotate))) !important;
	}
}