/* 
Theme Name: Qualitubo
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Tonny Santana
Author URI: portfolio.tonnysantana.com
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root{
    /* Spacing */
    --space-xs: calc(8 * 100vw / 1920);
    --space-sm: calc(12 * 100vw / 1920);
    --space-md: calc(16 * 100vw / 1920);
    --space-lg: calc(24 * 100vw / 1920);
    --space-xl: calc(48 * 100vw / 1920);
    --space-2xl: calc(70 * 100vw / 1920);
    --space-3xl: calc(100 * 100vw / 1920);

	/* 
	 * Font Size
	 * This is needed because the client must to be able to pick one of these sizes
	 * even though the selected class has a different default value.
	 * 
	 * (e.g, title-1 has a font-size of font-3xl, but the user can select font-lg )
	 */
    --font-xs: 0.70rem;
    --font-sm: 0.85rem;
    --font-md: 1rem;
    --font-lg: 1.25rem;
    --font-xl: 1.50rem;
    --font-2xl: 1.95rem;
    --font-3xl: 2.40rem;
    --font-4xl: 3rem;
	
}

.qltb-button-effects:hover,
button[type="submit"]:hover {
    transform: scale(1.05)!important;
}

/* Button effects */
.qltb-button-effects,button[type="submit"] {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 0 1.2em .4em #2c96f720;
}

.qltb-button-effects:before,button[type="submit"]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20em;
    width: 30em;
    height: 10em;
    background-color: rgb(255 255 255 / .8);
    opacity: .4;
    transform: rotate(75deg);
    transition: none;
    filter: blur(2em);
    z-index: 1
}

.qltb-button-effects:before, button[type="submit"]:before {
    animation: shine-smaller 1.8s ease-in-out infinite
}

@keyframes shine-smaller {
    0% {
        left: -40em
    }
    100% {
        left: 150%
    }
}