/* Set a base value for rem that adjusts with screensize */
:root{
    font-size: 8px;
}

/* Inherit colours from Elementor, or show bright red as an error fallback */
body{
    --HC-primary-color: var(--e-global-color-primary, #FF0000);
    --HC-secondary-color: var(--e-global-color-secondary, #FF0000);
    --HC-text-color: var(--e-global-color-text, #FF0000);
    --HC-accent-color: var(--e-global-color-accent, #FF0000);
    --HC-color-invert: #eeeeee;
    --HC-inline-padding: 3rem;
}

@media (min-width: 768px){
    body{
        --HC-inline-padding: 5rem;
    }
}
@media (min-width: 1025px){
    body{
        --HC-inline-padding: 10rem;
    }
}