:root {
    --ei-horizontal-content-margin: max(calc((100vw - var(--theme-normal-container-max-width)) / 2), calc((100vw - var(--theme-container-width)) / 2));
    --ei-horizontal-content-margin: max(calc((100vw - var(--theme-normal-container-max-width)) / 2), calc((100vw - var(--theme-container-edge-spacing)) / 2));
    --ei-min-scale: 18px;
    --ei-diff-scale: calc(80 - 15);
    --ei-display-limit-min: 1140px;
    --display-diff: calc(1800 - 1140);
    --font-diff: calc(var(--ei-font-max) - var(--ei-font-min));
    --scaler: calc(var(--ei-min-scale) + (66 * ((100vw - var(--ei-display-limit-min)) / var(--display-diff))));
    --screen-min: 1140px;
    --screen-full: 1500px;
}


/* DYNAMIC HEADER MENU */
:root {
    --ei-transition: all 350ms ease-in-out;
    --screen-full-num: tan(atan2(var(--screen-full, 100vw), 1px));
    --screen-min-num: tan(atan2(var(--screen-min, 1000px), 1px));
    --screen-range: calc((100vw - var(--screen-min, 1000px)) / (var(--screen-full-num) - var(--screen-min-num)));
}


header#header * {
    --max-g: var(--ei-gap-max);   /* set --ei-gap-max on the element to override */
    --min-g: var(--ei-gap-min);    /* set --ei-gap-min on the element to override */
    --ei-dynamic-gap: clamp(var(--min-g), calc(var(--min-g) + (tan(atan2(var(--max-g), 1px)) - tan(atan2(var(--min-g), 1px))) * var(--screen-range)), var(--max-g));
    --max-f: var(--ei-font-max, var(--theme-font-size));
    --min-f: var(--ei-font-min, var(--theme-font-size));
    --ei-dynamic-font: clamp(var(--min-f), calc(var(--min-f) + (tan(atan2(var(--max-f), 1px)) - tan(atan2(var(--min-f), 1px))) * var(--screen-range)), var(--max-f));
}

header#header [data-items]>* {
    margin-inline: 0px; /* This allows the space between header blocks to be consistent with gap size set below. */
}
header#header ul.menu {
    --max: var(--ei-gap-max, var(--menu-items-gap));   /* set --ei-gap-max on the <nav> to override */
    --min: var(--ei-gap-min, var(--menu-items-gap));    /* set --ei-gap-min on the <nav> to override */
    --dynamic-gap: clamp(var(--min), calc(var(--min) + (tan(atan2(var(--max), 1px)) - tan(atan2(var(--min), 1px))) * var(--screen-range)), var(--max));
    gap: var(--dynamic-gap);
}
header#header ul.menu li>a {
    --max: var(--ei-font-max, var(--theme-font-size));  /* set --ei-gap-max on the <nav> to override */
    --min: var(--ei-font-min, var(--theme-font-size));     /* set --ei-gap-min on the <nav> to override */
    --dynamic-font: clamp(var(--min), calc(var(--min) + (tan(atan2(var(--max), 1px)) - tan(atan2(var(--min), 1px))) * var(--screen-range)), var(--max));
    font-size: var(--dynamic-font);
}
header#header .site-logo-container {
    --max: var(--ei-logo-max-height, var(--logo-max-height));   /* set --ei-logo-max-height .site-logo-container to override */
    --min: min(var(--max), var(--ei-logo-min-height, calc(var(--max) * 0.75)));  /* set --ei-logo-min-height .site-logo-container to override */
    --logo-dynamic-height: clamp(var(--min), calc(var(--min) + (tan(atan2(var(--max), 1px)) - tan(atan2(var(--min), 1px))) * var(--screen-range)), var(--max));
    height: var(--logo-dynamic-height);
}