/*
Theme Name: GeneratePress Child Boilerplate for Elementor
Theme URL: https://aiprev.com.br
Description: Tema-filho de generatepress
Author: Lucas Mello
Author URL: https://8bitslab.com.br
Template: generatepress
Version: 1.0.0
Text Domain: wp-elementor-generatepress-child
*/

/* Fix for Elementor default margin in last child element */
.elementor-element.elementor-element-ded48a1.elementor-widget.elementor-widget-html { margin: 0; }

html,
body {
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.site-content .content-area {
    width: 100%;
}

.separate-containers .site-main {
    margin: 0;
}

html {
    background-color: #fff;

}

body {
    background-color: #fff !important;
}

.elementor-widget-image a img[src$=".svg"] {
	width: auto !important;
}

/* Cabeçalho */
.cabecalho {
	transition: transform 0.3s ease-in-out;
	width: 100%;
    z-index: 999;
	
	&.header-up {
		transform: translateY(-100%); /* Adjust the -100% if needed to fully hide the header */
	}
}


/* Custom CSS for a shake effect on hover */
.cta-comprar svg {
    width: 14px !important;
    height: auto !important;
    margin-right: 10px;
    margin-top: -2px;
}

.cta-comprar a:hover svg {
    animation: swing .8s ease-in-out alternate;
    transform-origin: top center;
}

.sbi_load_btn {
    background: transparent !important;
    font-family: "DM Sans", Sans-serif !important;
    font-size: 15px !important;
    
    &:hover {
        background: transparent !important;
        box-shadow: none !important;
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-15deg);
    }

    /* Added negative rotation for back and forth */
    60% {
        transform: rotate(7deg);
    }

    80% {
        transform: rotate(-7deg);
    }

    100% {
        transform: rotate(0deg);
    }

    /* Ends at the original position */
}

@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}