/* 
Theme Name: Hello Elementor Child
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: Elementor Team
Author URI: https://elementor.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
*/

/* Add your custom styles here */


/* PADDING ALL SIDES */
.pad-s{padding: clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);}
.pad-m{padding: clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);}
.pad-l{padding: clamp(2rem, 1.5385rem + 2.0513vw, 3rem);}
/* PADDING TOP & BOTTOM */
/* Improved code */
.pad-tb-s{padding: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem) 0;}
.pad-tb-m{padding: clamp(4rem, 3.5385rem + 2.0513vw, 5rem) 0;}
.pad-tb-l{padding: clamp(7rem, 6.5385rem + 2.0513vw, 8rem) 0;}
/* PADDING TOP */
.pad-t-s{padding-top: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-t-m{padding-top: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-t-l{padding-top: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}
/* PADDING BOTTOM */
.pad-b-s{padding-bottom: clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);}
.pad-b-m{padding-bottom: clamp(4rem, 3.5385rem + 2.0513vw, 5rem);}
.pad-b-l{padding-bottom: clamp(7rem, 6.5385rem + 2.0513vw, 8rem);}

/* Main animation on all buttons */
.elementor-button{
     transition: transform 0.4s;}
.elementor-button:hover{
     transform: translateX(7px);
     filter: brightness(95%);}
/* Dark button*/
.button-dark .elementor-button{
    background-color: var(--e-global-color-primary );
    color: #FFFFFF;}
.button-dark .elementor-button:hover{
    background-color: var(--e-global-color-primary );
    color: #FFFFFF;}
/* Light color (replace the e-global-color to your Site Settings color)*/
.button-light .elementor-button{
    background-color: var(--e-global-color-text );  
    color: var(--e-global-color-primary );}
.button-light .elementor-button:hover{
    background-color: var(--e-global-color-text );  
    color: var(--e-global-color-primary );}

/* Outline button dark*/
.button-outline-dark .elementor-button{
    background-color: transparent;
    color: var(--e-global-color-primary );
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px var(--e-global-color-primary );}
.button-outline-dark .elementor-button:hover{
    background-color: transparent;
    color: var(--e-global-color-primary );
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px var(--e-global-color-primary );}
	
/* Outline button light*/
.button-outline-light .elementor-button{
    background-color: transparent;
    color: var(--e-global-color-text );
    border-radius: 5px;
    box-shadow: inset 0px 0px 0px 1px white;}