/* 
Theme Name: Webista 2024
Description: Custom child theme - Hello Elementor
Author: Alan Pretty
Author URI: https://webista.com
Template: hello-elementor
Version: 1.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
*/
html {
    font-size: 62.5%;
}

/* 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;}
/* Light color (replace the e-global-color to your Site Settings color)*/
.button-light .elementor-button{
    background-color: var(--e-global-color-98f71a2 );  
    color: var(--e-global-color-primary );}
/* Accent 2 button (replace the e-global-color to your Site Settings color)*/
.button-accent-2 .elementor-button{
    background-color: var(--e-global-color-cdd8c27 );
    color: var(--e-global-color-primary );}
/* Outline button dark*/
.button-outline-dark .elementor-button{
    background-color: transparent;
    color: var(--e-global-color-primary );
    box-shadow: inset 0px 0px 0px 1px var(--e-global-color-primary );}
	
/* Outline button light*/
.button-outline-light .elementor-button{
    background-color: transparent;
    color: white;
    box-shadow: inset 0px 0px 0px 1px white;}
/* Add your custom styles here */