@import url("elementor-variables.css");

:root, body{
    /*
     * Outer Elementor container paddings 
     * Using clamp() to set a minimum and maximum padding value
     * the clamp calculator can be found here: https://www.marcbacon.com/tools/clamp-calculator/
    */
    
    --content-padding: clamp(1.25rem, -1.429rem + 7.143vw, 5rem);

    /* Deafault section paddings */
    --section-padding-top: 100px;
    --section-padding-top-seperator: 200px;
    --section-padding-bottom: 100px;
    --section-padding-bottom-seperator: 200px;
    --section-padding-top-tablet: 48px;
    --section-padding-top-seperator-tablet: 160px;
    --section-padding-bottom-tablet: 48px;
    --section-padding-bottom-seperator-tablet: 160px;
    --section-padding-top-mobile: 48px;
    --section-padding-top-seperator-mobile: calc(15vw + 48px);
    --section-padding-bottom-mobile: 48px;
    --section-padding-bottom-seperator-mobile: calc(15vw + 48px);

    /* Additional variables */
    
}