@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: 24px;

    /* Deafault section paddings */
    --section-padding-top: 80px;
    --section-padding-bottom: 80px;
    --section-padding-top-tablet: 50px;
    --section-padding-bottom-tablet: 50px;
    --section-padding-top-mobile: 35px;
    --section-padding-bottom-mobile: 35px;

    --section-padding-top-seperator: 160px;
    --section-padding-bottom-seperator: 160px;
    --section-padding-top-seperator-tablet: 140px;
    --section-padding-bottom-seperator-tablet: 140px;
    --section-padding-top-seperator-mobile: 120px;
    --section-padding-bottom-seperator-mobile: 120px;

    /* Additional variables */
    --font-size-paragraph-p-xl : clamp(24px, calc(1.5rem + ((1vw - 4.8px) * 0.6061)), 28px);
}