/* Always assign this class to the top-level node of the template. Maps incoming variable data to support passing variables from parent template fragment if nothing is specified for this template fragment. Falling back to default values where no values have been provided. Provide default values in the "_" class or by using a default preset like generic-website-defaults.css. The variables can be used via utility classes or, if needed, directly in your own CSS declarations. Please DON'T define new variables without feeding them back into the standards. */ .jolt-template { --template-h1-font-family: var(--h1-font-family, var(--default-h1-font-family, var(--global-fallback-h1-font-family))); --template-h1-font-size: var(--h1-font-size, var(--default-h1-font-size, var(--global-fallback-h1-font-size))); --template-h1-font-size-min: var(--h1-font-size-min, var(--default-h1-font-size-min, var(--global-fallback-h1-font-size-min))); --template-h1-font-size-max: var(--h1-font-size-max, var(--default-h1-font-size-max, var(--global-fallback-h1-font-size-max))); --template-h1-font-style: var(--h1-font-style, var(--default-h1-font-style, var(--global-fallback-h1-font-style))); --template-h1-font-weight: var(--h1-font-weight, var(--default-h1-font-weight, var(--global-fallback-h1-font-weight))); --template-h1-line-height: var(--h1-line-height, var(--default-h1-line-height, var(--global-fallback-h1-line-height, 1))); --template-h2-font-family: var(--h2-font-family, var(--default-h2-font-family, var(--global-fallback-h2-font-family))); --template-h2-font-size: var(--h2-font-size, var(--default-h2-font-size, var(--global-fallback-h2-font-size))); --template-h2-font-size-min: var(--h2-font-size-min, var(--default-h2-font-size-min, var(--global-fallback-h2-font-size-min))); --template-h2-font-size-max: var(--h2-font-size-max, var(--default-h2-font-size-max, var(--global-fallback-h2-font-size-max))); --template-h2-font-style: var(--h2-font-style, var(--default-h2-font-style, var(--global-fallback-h2-font-style))); --template-h2-font-weight: var(--h2-font-weight, var(--default-h2-font-weight, var(--global-fallback-h2-font-weight))); --template-x-font-weight: var(--x-font-weight, var(--default-x-font-weight, var(--global-fallback-x-font-weight))); --template-h2-line-height: var(--h2-line-height, var(--default-h2-line-height, var(--global-fallback-h2-line-height, 1))); --template-h3-font-family: var(--h3-font-family, var(--default-h3-font-family, var(--global-fallback-h3-font-family))); --template-h3-font-size: var(--h3-font-size, var(--default-h3-font-size, var(--global-fallback-h3-font-size))); --template-h3-font-size-min: var(--h3-font-size-min, var(--default-h3-font-size-min, var(--global-fallback-h3-font-size-min))); --template-h3-font-size-max: var(--h3-font-size-max, var(--default-h3-font-size-max, var(--global-fallback-h3-font-size-max))); --template-h3-font-style: var(--h3-font-style, var(--default-h3-font-style, var(--global-fallback-h3-font-style))); --template-h3-font-weight: var(--h3-font-weight, var(--default-h3-font-weight, var(--global-fallback-h3-font-weight))); --template-h3-line-height: var(--h3-line-height, var(--default-h3-line-height, var(--global-fallback-h3-line-height, 1))); --template-h4-font-family: var(--h4-font-family, var(--default-h4-font-family, var(--global-fallback-h4-font-family))); --template-h4-font-size: var(--h4-font-size, var(--default-h4-font-size, var(--global-fallback-h4-font-size))); --template-h4-font-size-min: var(--h4-font-size-min, var(--default-h4-font-size-min, var(--global-fallback-h4-font-size-min))); --template-h4-font-size-max: var(--h4-font-size-max, var(--default-h4-font-size-max, var(--global-fallback-h4-font-size-max))); --template-h4-font-style: var(--h4-font-style, var(--default-h4-font-style, var(--global-fallback-h4-font-style))); --template-h4-font-weight: var(--h4-font-weight, var(--default-h4-font-weight, var(--global-fallback-h4-font-weight))); --template-h4-line-height: var(--h4-line-height, var(--default-h4-line-height, var(--global-fallback-h4-line-height, 1))); --template-h5-font-family: var(--h5-font-family, var(--default-h5-font-family, var(--global-fallback-h5-font-family))); --template-h5-font-size: var(--h5-font-size, var(--default-h5-font-size, var(--global-fallback-h5-font-size))); --template-h5-font-size-min: var(--h5-font-size-min, var(--default-h5-font-size-min, var(--global-fallback-h5-font-size-min))); --template-h5-font-size-max: var(--h5-font-size-max, var(--default-h5-font-size-max, var(--global-fallback-h5-font-size-max))); --template-h5-font-style: var(--h5-font-style, var(--default-h5-font-style, var(--global-fallback-h5-font-style))); --template-h5-font-weight: var(--h5-font-weight, var(--default-h5-font-weight, var(--global-fallback-h5-font-weight))); --template-h5-line-height: var(--h5-line-height, var(--default-h5-line-height, var(--global-fallback-h5-line-height, 1))); --template-h6-font-family: var(--h6-font-family, var(--default-h6-font-family, var(--global-fallback-h6-font-family))); --template-h6-font-size: var(--h6-font-size, var(--default-h6-font-size, var(--global-fallback-h6-font-size))); --template-h6-font-size-min: var(--h6-font-size-min, var(--default-h6-font-size-min, var(--global-fallback-h6-font-size-min))); --template-h6-font-size-max: var(--h6-font-size-max, var(--default-h6-font-size-max, var(--global-fallback-h6-font-size-max))); --template-h6-font-style: var(--h6-font-style, var(--default-h6-font-style, var(--global-fallback-h6-font-style))); --template-h6-font-weight: var(--h6-font-weight, var(--default-h6-font-weight, var(--global-fallback-h6-font-weight))); --template-h6-line-height: var(--h6-line-height, var(--default-h6-line-height, var(--global-fallback-h6-line-height, 1))); --template-h7-font-family: var(--h7-font-family, var(--default-h7-font-family, var(--global-fallback-h7-font-family))); --template-h7-font-size: var(--h7-font-size, var(--default-h7-font-size, var(--global-fallback-h7-font-size))); --template-h7-font-size-min: var(--h7-font-size-min, var(--default-h7-font-size-min, var(--global-fallback-h7-font-size-min))); --template-h7-font-size-max: var(--h7-font-size-max, var(--default-h7-font-size-max, var(--global-fallback-h7-font-size-max))); --template-h7-font-style: var(--h7-font-style, var(--default-h7-font-style, var(--global-fallback-h7-font-style))); --template-h7-font-weight: var(--h7-font-weight, var(--default-h7-font-weight, var(--global-fallback-h7-font-weight))); --template-h7-line-height: var(--h7-line-height, var(--default-h7-line-height, var(--global-fallback-h7-line-height, 1))); --template-h8-font-family: var(--h8-font-family, var(--default-h8-font-family, var(--global-fallback-h8-font-family))); --template-h8-font-size: var(--h8-font-size, var(--default-h8-font-size, var(--global-fallback-h8-font-size))); --template-h8-font-size-min: var(--h8-font-size-min, var(--default-h8-font-size-min, var(--global-fallback-h8-font-size-min))); --template-h8-font-size-max: var(--h8-font-size-max, var(--default-h8-font-size-max, var(--global-fallback-h8-font-size-max))); --template-h8-font-style: var(--h8-font-style, var(--default-h8-font-style, var(--global-fallback-h8-font-style))); --template-h8-font-weight: var(--h8-font-weight, var(--default-h8-font-weight, var(--global-fallback-h8-font-weight))); --template-h8-line-height: var(--h8-line-height, var(--default-h8-line-height, var(--global-fallback-h8-line-height, 1))); --template-sh1-font-family: var(--sh1-font-family, var(--default-sh1-font-family, var(--global-fallback-sh1-font-family))); --template-sh1-font-size: var(--sh1-font-size, var(--default-sh1-font-size, var(--global-fallback-sh1-font-size))); --template-sh1-font-size-min: var(--sh1-font-size-min, var(--default-sh1-font-size-min, var(--global-fallback-sh1-font-size-min))); --template-sh1-font-size-max: var(--sh1-font-size-max, var(--default-sh1-font-size-max, var(--global-fallback-sh1-font-size-max))); --template-sh1-font-style: var(--sh1-font-style, var(--default-sh1-font-style, var(--global-fallback-sh1-font-style))); --template-sh1-font-weight: var(--sh1-font-weight, var(--default-sh1-font-weight, var(--global-fallback-sh1-font-weight))); --template-sh1-line-height: var(--sh1-line-height, var(--default-sh1-line-height, var(--global-fallback-sh1-line-height, 1))); --template-sh2-font-family: var(--sh2-font-family, var(--default-sh2-font-family, var(--global-fallback-sh2-font-family))); --template-sh2-font-size: var(--sh2-font-size, var(--default-sh2-font-size, var(--global-fallback-sh2-font-size))); --template-sh2-font-size-min: var(--sh2-font-size-min, var(--default-sh2-font-size-min, var(--global-fallback-sh2-font-size-min))); --template-sh2-font-size-max: var(--sh2-font-size-max, var(--default-sh2-font-size-max, var(--global-fallback-sh2-font-size-max))); --template-sh2-font-style: var(--sh2-font-style, var(--default-sh2-font-style, var(--global-fallback-sh2-font-style))); --template-sh2-font-weight: var(--sh2-font-weight, var(--default-sh2-font-weight, var(--global-fallback-sh2-font-weight))); --template-sh2-line-height: var(--sh2-line-height, var(--default-sh2-line-height, var(--global-fallback-sh2-line-height, 1))); --template-sh3-font-family: var(--sh3-font-family, var(--default-sh3-font-family, var(--global-fallback-sh3-font-family))); --template-sh3-font-size: var(--sh3-font-size, var(--default-sh3-font-size, var(--global-fallback-sh3-font-size))); --template-sh3-font-size-min: var(--sh3-font-size-min, var(--default-sh3-font-size-min, var(--global-fallback-sh3-font-size-min))); --template-sh3-font-size-max: var(--sh3-font-size-max, var(--default-sh3-font-size-max, var(--global-fallback-sh3-font-size-max))); --template-sh3-font-style: var(--sh3-font-style, var(--default-sh3-font-style, var(--global-fallback-sh3-font-style))); --template-sh3-font-weight: var(--sh3-font-weight, var(--default-sh3-font-weight, var(--global-fallback-sh3-font-weight))); --template-sh3-line-height: var(--sh3-line-height, var(--default-sh3-line-height, var(--global-fallback-sh3-line-height, 1))); --template-sh4-font-family: var(--sh4-font-family, var(--default-sh4-font-family, var(--global-fallback-sh4-font-family))); --template-sh4-font-size: var(--sh4-font-size, var(--default-sh4-font-size, var(--global-fallback-sh4-font-size))); --template-sh4-font-size-min: var(--sh4-font-size-min, var(--default-sh4-font-size-min, var(--global-fallback-sh4-font-size-min))); --template-sh4-font-size-max: var(--sh4-font-size-max, var(--default-sh4-font-size-max, var(--global-fallback-sh4-font-size-max))); --template-sh4-font-style: var(--sh4-font-style, var(--default-sh4-font-style, var(--global-fallback-sh4-font-style))); --template-sh4-font-weight: var(--sh4-font-weight, var(--default-sh4-font-weight, var(--global-fallback-sh4-font-weight))); --template-sh4-line-height: var(--sh4-line-height, var(--default-sh4-line-height, var(--global-fallback-sh4-line-height, 1))); --template-sh5-font-family: var(--sh5-font-family, var(--default-sh5-font-family, var(--global-fallback-sh5-font-family))); --template-sh5-font-size: var(--sh5-font-size, var(--default-sh5-font-size, var(--global-fallback-sh5-font-size))); --template-sh5-font-size-min: var(--sh5-font-size-min, var(--default-sh5-font-size-min, var(--global-fallback-sh5-font-size-min))); --template-sh5-font-size-max: var(--sh5-font-size-max, var(--default-sh5-font-size-max, var(--global-fallback-sh5-font-size-max))); --template-sh5-font-style: var(--sh5-font-style, var(--default-sh5-font-style, var(--global-fallback-sh5-font-style))); --template-sh5-font-weight: var(--sh5-font-weight, var(--default-sh5-font-weight, var(--global-fallback-sh5-font-weight))); --template-sh5-line-height: var(--sh5-line-height, var(--default-sh5-line-height, var(--global-fallback-sh5-line-height, 1))); --template-sh6-font-family: var(--sh6-font-family, var(--default-sh6-font-family, var(--global-fallback-sh6-font-family))); --template-sh6-font-size: var(--sh6-font-size, var(--default-sh6-font-size, var(--global-fallback-sh6-font-size))); --template-sh6-font-size-min: var(--sh6-font-size-min, var(--default-sh6-font-size-min, var(--global-fallback-sh6-font-size-min))); --template-sh6-font-size-max: var(--sh6-font-size-max, var(--default-sh6-font-size-max, var(--global-fallback-sh6-font-size-max))); --template-sh6-font-style: var(--sh6-font-style, var(--default-sh6-font-style, var(--global-fallback-sh6-font-style))); --template-sh6-font-weight: var(--sh6-font-weight, var(--default-sh6-font-weight, var(--global-fallback-sh6-font-weight))); --template-sh6-line-height: var(--sh6-line-height, var(--default-sh6-line-height, var(--global-fallback-sh6-line-height, 1))); --template-sh7-font-family: var(--sh7-font-family, var(--default-sh7-font-family, var(--global-fallback-sh7-font-family))); --template-sh7-font-size: var(--sh7-font-size, var(--default-sh7-font-size, var(--global-fallback-sh7-font-size))); --template-sh7-font-size-min: var(--sh7-font-size-min, var(--default-sh7-font-size-min, var(--global-fallback-sh7-font-size-min))); --template-sh7-font-size-max: var(--sh7-font-size-max, var(--default-sh7-font-size-max, var(--global-fallback-sh7-font-size-max))); --template-sh7-font-style: var(--sh7-font-style, var(--default-sh7-font-style, var(--global-fallback-sh7-font-style))); --template-sh7-font-weight: var(--sh7-font-weight, var(--default-sh7-font-weight, var(--global-fallback-sh7-font-weight))); --template-sh7-line-height: var(--sh7-line-height, var(--default-sh7-line-height, var(--global-fallback-sh7-line-height, 1))); --template-ssh1-font-family: var(--ssh1-font-family, var(--default-ssh1-font-family, var(--global-fallback-ssh1-font-family))); --template-ssh1-font-size: var(--ssh1-font-size, var(--default-ssh1-font-size, var(--global-fallback-ssh1-font-size))); --template-ssh1-font-size-min: var(--ssh1-font-size-min, var(--default-ssh1-font-size-min, var(--global-fallback-ssh1-font-size-min))); --template-ssh1-font-size-max: var(--ssh1-font-size-max, var(--default-ssh1-font-size-max, var(--global-fallback-ssh1-font-size-max))); --template-ssh1-font-style: var(--ssh1-font-style, var(--default-ssh1-font-style, var(--global-fallback-ssh1-font-style))); --template-ssh1-font-weight: var(--ssh1-font-weight, var(--default-ssh1-font-weight, var(--global-fallback-ssh1-font-weight))); --template-ssh1-line-height: var(--ssh1-line-height, var(--default-ssh1-line-height, var(--global-fallback-ssh1-line-height, 1))); --template-ssh2-font-family: var(--ssh2-font-family, var(--default-ssh2-font-family, var(--global-fallback-ssh2-font-family))); --template-ssh2-font-size: var(--ssh2-font-size, var(--default-ssh2-font-size, var(--global-fallback-ssh2-font-size))); --template-ssh2-font-size-min: var(--ssh2-font-size-min, var(--default-ssh2-font-size-min, var(--global-fallback-ssh2-font-size-min))); --template-ssh2-font-size-max: var(--ssh2-font-size-max, var(--default-ssh2-font-size-max, var(--global-fallback-ssh2-font-size-max))); --template-ssh2-font-style: var(--ssh2-font-style, var(--default-ssh2-font-style, var(--global-fallback-ssh2-font-style))); --template-ssh2-font-weight: var(--ssh2-font-weight, var(--default-ssh2-font-weight, var(--global-fallback-ssh2-font-weight))); --template-ssh2-line-height: var(--ssh2-line-height, var(--default-ssh2-line-height, var(--global-fallback-ssh2-line-height, 1))); --template-ssh3-font-family: var(--ssh3-font-family, var(--default-ssh3-font-family, var(--global-fallback-ssh3-font-family))); --template-ssh3-font-size: var(--ssh3-font-size, var(--default-ssh3-font-size, var(--global-fallback-ssh3-font-size))); --template-ssh3-font-size-min: var(--ssh3-font-size-min, var(--default-ssh3-font-size-min, var(--global-fallback-ssh3-font-size-min))); --template-ssh3-font-size-max: var(--ssh3-font-size-max, var(--default-ssh3-font-size-max, var(--global-fallback-ssh3-font-size-max))); --template-ssh3-font-style: var(--ssh3-font-style, var(--default-ssh3-font-style, var(--global-fallback-ssh3-font-style))); --template-ssh3-font-weight: var(--ssh3-font-weight, var(--default-ssh3-font-weight, var(--global-fallback-ssh3-font-weight))); --template-ssh3-line-height: var(--ssh3-line-height, var(--default-ssh3-line-height, var(--global-fallback-ssh3-line-height, 1))); --template-ssh4-font-family: var(--ssh4-font-family, var(--default-ssh4-font-family, var(--global-fallback-ssh4-font-family))); --template-ssh4-font-size: var(--ssh4-font-size, var(--default-ssh4-font-size, var(--global-fallback-ssh4-font-size))); --template-ssh4-font-size-min: var(--ssh4-font-size-min, var(--default-ssh4-font-size-min, var(--global-fallback-ssh4-font-size-min))); --template-ssh4-font-size-max: var(--ssh4-font-size-max, var(--default-ssh4-font-size-max, var(--global-fallback-ssh4-font-size-max))); --template-ssh4-font-style: var(--ssh4-font-style, var(--default-ssh4-font-style, var(--global-fallback-ssh4-font-style))); --template-ssh4-font-weight: var(--ssh4-font-weight, var(--default-ssh4-font-weight, var(--global-fallback-ssh4-font-weight))); --template-ssh4-line-height: var(--ssh4-line-height, var(--default-ssh4-line-height, var(--global-fallback-ssh4-line-height, 1))); --template-ssh5-font-family: var(--ssh5-font-family, var(--default-ssh5-font-family, var(--global-fallback-ssh5-font-family))); --template-ssh5-font-size: var(--ssh5-font-size, var(--default-ssh5-font-size, var(--global-fallback-ssh5-font-size))); --template-ssh5-font-size-min: var(--ssh5-font-size-min, var(--default-ssh5-font-size-min, var(--global-fallback-ssh5-font-size-min))); --template-ssh5-font-size-max: var(--ssh5-font-size-max, var(--default-ssh5-font-size-max, var(--global-fallback-ssh5-font-size-max))); --template-ssh5-font-style: var(--ssh5-font-style, var(--default-ssh5-font-style, var(--global-fallback-ssh5-font-style))); --template-ssh5-font-weight: var(--ssh5-font-weight, var(--default-ssh5-font-weight, var(--global-fallback-ssh5-font-weight))); --template-ssh5-line-height: var(--ssh5-line-height, var(--default-ssh5-line-height, var(--global-fallback-ssh5-line-height, 1))); --template-ssh6-font-family: var(--ssh6-font-family, var(--default-ssh6-font-family, var(--global-fallback-ssh6-font-family))); --template-ssh6-font-size: var(--ssh6-font-size, var(--default-ssh6-font-size, var(--global-fallback-ssh6-font-size))); --template-ssh6-font-size-min: var(--ssh6-font-size-min, var(--default-ssh6-font-size-min, var(--global-fallback-ssh6-font-size-min))); --template-ssh6-font-size-max: var(--ssh6-font-size-max, var(--default-ssh6-font-size-max, var(--global-fallback-ssh6-font-size-max))); --template-ssh6-font-style: var(--ssh6-font-style, var(--default-ssh6-font-style, var(--global-fallback-ssh6-font-style))); --template-ssh6-font-weight: var(--ssh6-font-weight, var(--default-ssh6-font-weight, var(--global-fallback-ssh6-font-weight))); --template-ssh6-line-height: var(--ssh6-line-height, var(--default-ssh6-line-height, var(--global-fallback-ssh6-line-height, 1))); --template-ssh7-font-family: var(--ssh7-font-family, var(--default-ssh7-font-family, var(--global-fallback-ssh7-font-family))); --template-ssh7-font-size: var(--ssh7-font-size, var(--default-ssh7-font-size, var(--global-fallback-ssh7-font-size))); --template-ssh7-font-size-min: var(--ssh7-font-size-min, var(--default-ssh7-font-size-min, var(--global-fallback-ssh7-font-size-min))); --template-ssh7-font-size-max: var(--ssh7-font-size-max, var(--default-ssh7-font-size-max, var(--global-fallback-ssh7-font-size-max))); --template-ssh7-font-style: var(--ssh7-font-style, var(--default-ssh7-font-style, var(--global-fallback-ssh7-font-style))); --template-ssh7-font-weight: var(--ssh7-font-weight, var(--default-ssh7-font-weight, var(--global-fallback-ssh7-font-weight))); --template-ssh7-line-height: var(--ssh7-line-height, var(--default-ssh7-line-height, var(--global-fallback-ssh7-line-height, 1))); --template-p-font-family: var(--p-font-family, var(--default-p-font-family, var(--global-fallback-p-font-family))); --template-p-font-size: var(--p-font-size, var(--default-p-font-size, var(--global-fallback-p-font-size))); --template-p-font-size-min: var(--p-font-size-min, var(--default-p-font-size-min, var(--global-fallback-p-font-size-min))); --template-p-font-size-max: var(--p-font-size-max, var(--default-p-font-size-max, var(--global-fallback-p-font-size-max))); --template-p-font-style: var(--p-font-style, var(--default-p-font-style, var(--global-fallback-p-font-style))); --template-p-font-weight: var(--p-font-weight, var(--default-p-font-weight, var(--global-fallback-p-font-weight))); --template-p-line-height: var(--p-line-height, var(--default-p-line-height, var(--global-fallback-p-line-height, 1))); --template-p2-font-family: var(--p2-font-family, var(--default-p2-font-family, var(--global-fallback-p2-font-family))); --template-p2-font-size: var(--p2-font-size, var(--default-p2-font-size, var(--global-fallback-p2-font-size))); --template-p2-font-size-min: var(--p2-font-size-min, var(--default-p2-font-size-min, var(--global-fallback-p2-font-size-min))); --template-p2-font-size-max: var(--p2-font-size-max, var(--default-p2-font-size-max, var(--global-fallback-p-font-size-max))); --template-p2-font-style: var(--p2-font-style, var(--default-p2-font-style, var(--global-fallback-p2-font-style))); --template-p2-font-weight: var(--p2-font-weight, var(--default-p2-font-weight, var(--global-fallback-p2-font-weight))); --template-p2-line-height: var(--p2-line-height, var(--default-p2-line-height, var(--global-fallback-p2-line-height, 1))); --template-lead-font-family: var(--lead-font-family, var(--default-lead-font-family, var(--global-fallback-lead-font-family))); --template-lead-font-size: var(--lead-font-size, var(--default-lead-font-size, var(--global-fallback-lead-font-size))); --template-lead-font-size-min: var(--lead-font-size-min, var(--default-lead-font-size-min, var(--global-fallback-lead-font-size-min))); --template-lead-font-size-max: var(--lead-font-size-max, var(--default-lead-font-size-max, var(--global-fallback-lead-font-size-max))); --template-lead-font-style: var(--lead-font-style, var(--default-lead-font-style, var(--global-fallback-lead-font-style))); --template-lead-font-weight: var(--lead-font-weight, var(--default-lead-font-weight, var(--global-fallback-lead-font-weight))); --template-lead-line-height: var(--lead-line-height, var(--default-lead-line-height, var(--global-fallback-lead-line-height, 1))); --template-small-font-family: var(--small-font-family, var(--default-small-font-family, var(--global-fallback-small-font-family))); --template-small-font-size: var(--small-font-size, var(--default-small-font-size, var(--global-fallback-small-font-size))); --template-small-font-size-min: var(--small-font-size-min, var(--default-small-font-size-min, var(--global-fallback-small-font-size-min))); --template-small-font-size-max: var(--small-font-size-max, var(--default-small-font-size-max, var(--global-fallback-small-font-size-max))); --template-small-font-style: var(--small-font-style, var(--default-small-font-style, var(--global-fallback-small-font-style))); --template-small-font-weight: var(--small-font-weight, var(--default-small-font-weight, var(--global-fallback-small-font-weight))); --template-small-line-height: var(--small-line-height, var(--default-small-line-height, var(--global-fallback-small-line-height, 1))); --template-small2-font-family: var(--small2-font-family, var(--default-small2-font-family, var(--global-fallback-small2-font-family))); --template-small2-font-size: var(--small2-font-size, var(--default-small2-font-size, var(--global-fallback-small2-font-size))); --template-small2-font-size-min: var(--small2-font-size-min, var(--default-small2-font-size-min, var(--global-fallback-small2-font-size-min))); --template-small2-font-size-max: var(--small2-font-size-max, var(--default-small2-font-size-max, var(--global-fallback-small2-font-size-max))); --template-small2-font-style: var(--small2-font-style, var(--default-small2-font-style, var(--global-fallback-small2-font-style))); --template-small2-font-weight: var(--small2-font-weight, var(--default-small2-font-weight, var(--global-fallback-small2-font-weight))); --template-small2-line-height: var(--small2-line-height, var(--default-small2-line-height, var(--global-fallback-small2-line-height, 1))); --template-nav-font-family: var(--nav-font-family, var(--default-nav-font-family, var(--global-fallback-nav-font-family))); --template-nav-font-size: var(--nav-font-size, var(--default-nav-font-size, var(--global-fallback-nav-font-size))); --template-nav-font-size-min: var(--nav-font-size-min, var(--default-nav-font-size-min, var(--global-fallback-nav-font-size-min))); --template-nav-font-size-max: var(--nav-font-size-max, var(--default-nav-font-size-max, var(--global-fallback-nav-font-size-max))); --template-nav-font-style: var(--nav-font-style, var(--default-nav-font-style, var(--global-fallback-nav-font-style))); --template-nav-font-weight: var(--nav-font-weight, var(--default-nav-font-weight, var(--global-fallback-nav-font-weight))); --template-btn-font-family: var(--btn-font-family, var(--default-btn-font-family, var(--global-fallback-btn-font-family))); --template-btn-font-size: var(--btn-font-size, var(--default-btn-font-size, var(--global-fallback-btn-font-size))); --template-btn-font-size-min: var(--btn-font-size-min, var(--default-btn-font-size-min, var(--global-fallback-btn-font-size-min))); --template-btn-font-size-max: var(--btn-font-size-max, var(--default-btn-font-size-max, var(--global-fallback-btn-font-size-max))); --template-btn-font-style: var(--btn-font-style, var(--default-btn-font-style, var(--global-fallback-btn-font-style))); --template-btn-font-weight: var(--btn-font-weight, var(--default-btn-font-weight, var(--global-fallback-btn-font-weight))); --template-btn-state-transition-duration: var(--btn-state-transition-duration, var(--default-btn-state-transition-duration, var(--global-fallback-btn-state-transition-duration))); --template-btn-primary-font-family: var(--btn-primary-font-family, var(--default-btn-primary-font-family, var(--global-fallback-btn-primary-font-family))); --template-btn-primary-font-size: var(--btn-primary-font-size, var(--default-btn-primary-font-size, var(--global-fallback-btn-primary-font-size))); --template-btn-primary-font-size-min: var(--btn-primary-font-size-min, var(--default-btn-primary-font-size-min, var(--global-fallback-btn-primary-font-size-min))); --template-btn-primary-font-size-max: var(--btn-primary-font-size-max, var(--default-btn-primary-font-size-max, var(--global-fallback-btn-primary-font-size-max))); --template-btn-primary-font-style: var(--btn-primary-font-style, var(--default-btn-primary-font-style, var(--global-fallback-btn-primary-font-style))); --template-btn-primary-border-width: var(--btn-primary-border-width, var(--default-btn-primary-border-width, var(--global-fallback-btn-primary-border-width))); --template-btn-primary-border-bottom-width: var(--btn-primary-border-bottom-width, var(--default-btn-primary-border-bottom-width, var(--global-fallback-btn-primary-border-bottom-width))); --template-btn-primary-font-weight: var(--btn-primary-font-weight, var(--default-btn-primary-font-weight, var(--global-fallback-btn-primary-font-weight))); --template-btn-primary-hover-font-weight: var(--btn-primary-hover-font-weight, var(--default-btn-primary-hover-font-weight, var(--global-fallback-btn-primary-hover-font-weight))); --template-btn-primary-active-font-weight: var(--btn-primary-active-font-weight, var(--default-btn-primary-active-font-weight, var(--global-fallback-btn-primary-active-font-weight))); --template-btn-primary-background-color: var(--btn-primary-background-color, var(--default-btn-primary-background-color, var(--global-fallback-btn-primary-background-color))); --template-btn-primary-hover-background-color: var(--btn-primary-hover-background-color, var(--default-btn-primary-hover-background-color, var(--global-fallback-btn-primary-hover-background-color))); --template-btn-primary-active-background-color: var(--btn-primary-active-background-color, var(--default-btn-primary-active-background-color, var(--global-fallback-btn-primary-active-background-color))); --template-btn-primary-border-color: var(--btn-primary-border-color, var(--default-btn-primary-border-color, var(--global-fallback-btn-primary-border-color))); --template-btn-primary-hover-border-color: var(--btn-primary-hover-border-color, var(--default-btn-primary-hover-border-color, var(--global-fallback-btn-primary-hover-border-color))); --template-btn-primary-active-border-color: var(--btn-primary-active-border-color, var(--default-btn-primary-active-border-color, var(--global-fallback-btn-primary-active-border-color))); --template-btn-primary-text-color: var(--btn-primary-text-color, var(--default-btn-primary-text-color, var(--global-fallback-btn-primary-text-color))); --template-btn-primary-hover-text-color: var(--btn-primary-hover-text-color, var(--default-btn-primary-hover-text-color, var(--global-fallback-btn-primary-hover-text-color))); --template-btn-primary-active-text-color: var(--btn-primary-active-text-color, var(--default-btn-primary-active-text-color, var(--global-fallback-btn-primary-active-text-color))); --template-btn-primary-text-decoration: var(--btn-primary-text-decoration, var(--default-btn-primary-text-decoration, var(--global-fallback-btn-primary-text-decoration))); --template-btn-primary-hover-text-decoration: var(--btn-primary-hover-text-decoration, var(--default-btn-primary-hover-text-decoration, var(--global-fallback-btn-primary-hover-text-decoration))); --template-btn-primary-active-text-decoration: var(--btn-primary-active-text-decoration, var(--default-btn-primary-active-text-decoration, var(--global-fallback-btn-primary-active-text-decoration))); --template-btn-primary-text-decoration-color: var(--btn-primary-text-decoration-color, var(--default-btn-primary-text-decoration-color, var(--global-fallback-btn-primary-text-decoration-color))); --template-btn-primary-hover-text-decoration-color: var(--btn-primary-hover-text-decoration-color, var(--default-btn-primary-hover-text-decoration-color, var(--global-fallback-btn-primary-hover-text-decoration-color))); --template-btn-primary-active-text-decoration-color: var(--btn-primary-active-text-decoration-color, var(--default-btn-primary-active-text-decoration-color, var(--global-fallback-btn-primary-active-text-decoration-color))); --template-btn-primary-icon-display: var(--btn-primary-icon-display, var(--default-btn-primary-icon-display, var(--global-fallback-btn-primary-icon-display))); --template-btn-secondary-font-family: var(--btn-secondary-font-family, var(--default-btn-secondary-font-family, var(--global-fallback-btn-secondary-font-family))); --template-btn-secondary-font-size: var(--btn-secondary-font-size, var(--default-btn-secondary-font-size, var(--global-fallback-btn-secondary-font-size))); --template-btn-secondary-font-size-min: var(--btn-secondary-font-size-min, var(--default-btn-secondary-font-size-min, var(--global-fallback-btn-secondary-font-size-min))); --template-btn-secondary-font-size-max: var(--btn-secondary-font-size-max, var(--default-btn-secondary-font-size-max, var(--global-fallback-btn-secondary-font-size-max))); --template-btn-secondary-font-style: var(--btn-secondary-font-style, var(--default-btn-secondary-font-style, var(--global-fallback-btn-secondary-font-style))); --template-btn-secondary-border-width: var(--btn-secondary-border-width, var(--default-btn-secondary-border-width, var(--global-fallback-btn-secondary-border-width))); --template-btn-secondary-border-bottom-width: var(--btn-secondary-border-bottom-width, var(--default-btn-secondary-border-bottom-width, var(--global-fallback-btn-secondary-border-bottom-width))); --template-btn-secondary-font-weight: var(--btn-secondary-font-weight, var(--default-btn-secondary-font-weight, var(--global-fallback-btn-secondary-font-weight))); --template-btn-secondary-hover-font-weight: var(--btn-secondary-hover-font-weight, var(--default-btn-secondary-hover-font-weight, var(--global-fallback-btn-secondary-hover-font-weight))); --template-btn-secondary-active-font-weight: var(--btn-secondary-active-font-weight, var(--default-btn-secondary-active-font-weight, var(--global-fallback-btn-secondary-active-font-weight))); --template-btn-secondary-background-color: var(--btn-secondary-background-color, var(--default-btn-secondary-background-color, var(--global-fallback-btn-secondary-background-color))); --template-btn-secondary-hover-background-color: var(--btn-secondary-hover-background-color, var(--default-btn-secondary-hover-background-color, var(--global-fallback-btn-secondary-hover-background-color))); --template-btn-secondary-active-background-color: var(--btn-secondary-active-background-color, var(--default-btn-secondary-active-background-color, var(--global-fallback-btn-secondary-active-background-color))); --template-btn-secondary-border-color: var(--btn-secondary-border-color, var(--default-btn-secondary-border-color, var(--global-fallback-btn-secondary-border-color))); --template-btn-secondary-hover-border-color: var(--btn-secondary-hover-border-color, var(--default-btn-secondary-hover-border-color, var(--global-fallback-btn-secondary-hover-border-color))); --template-btn-secondary-active-border-color: var(--btn-secondary-active-border-color, var(--default-btn-secondary-active-border-color, var(--global-fallback-btn-secondary-active-border-color))); --template-btn-secondary-text-color: var(--btn-secondary-text-color, var(--default-btn-secondary-text-color, var(--global-fallback-btn-secondary-text-color))); --template-btn-secondary-hover-text-color: var(--btn-secondary-hover-text-color, var(--default-btn-secondary-hover-text-color, var(--global-fallback-btn-secondary-hover-text-color))); --template-btn-secondary-active-text-color: var(--btn-secondary-active-text-color, var(--default-btn-secondary-active-text-color, var(--global-fallback-btn-secondary-active-text-color))); --template-btn-secondary-text-decoration: var(--btn-secondary-text-decoration, var(--default-btn-secondary-text-decoration, var(--global-fallback-btn-secondary-text-decoration))); --template-btn-secondary-hover-text-decoration: var(--btn-secondary-hover-text-decoration, var(--default-btn-secondary-hover-text-decoration, var(--global-fallback-btn-secondary-hover-text-decoration))); --template-btn-secondary-active-text-decoration: var(--btn-secondary-active-text-decoration, var(--default-btn-secondary-active-text-decoration, var(--global-fallback-btn-secondary-active-text-decoration))); --template-btn-secondary-text-decoration-color: var(--btn-secondary-text-decoration-color, var(--default-btn-secondary-text-decoration-color, var(--global-fallback-btn-secondary-text-decoration-color))); --template-btn-secondary-hover-text-decoration-color: var(--btn-secondary-hover-text-decoration-color, var(--default-btn-secondary-hover-text-decoration-color, var(--global-fallback-btn-secondary-hover-text-decoration-color))); --template-btn-secondary-active-text-decoration-color: var(--btn-secondary-active-text-decoration-color, var(--default-btn-secondary-active-text-decoration-color, var(--global-fallback-btn-secondary-active-text-decoration-color))); --template-btn-secondary-icon-display: var(--btn-secondary-icon-display, var(--default-btn-secondary-icon-display, var(--global-fallback-btn-secondary-icon-display))); --template-btn-tertiary-font-family: var(--btn-tertiary-font-family, var(--default-btn-tertiary-font-family, var(--global-fallback-btn-tertiary-font-family))); --template-btn-tertiary-font-size: var(--btn-tertiary-font-size, var(--default-btn-tertiary-font-size, var(--global-fallback-btn-tertiary-font-size))); --template-btn-tertiary-font-size-min: var(--btn-tertiary-font-size-min, var(--default-btn-tertiary-font-size-min, var(--global-fallback-btn-tertiary-font-size-min))); --template-btn-tertiary-font-size-max: var(--btn-tertiary-font-size-max, var(--default-btn-tertiary-font-size-max, var(--global-fallback-btn-tertiary-font-size-max))); --template-btn-tertiary-font-style: var(--btn-tertiary-font-style, var(--default-btn-tertiary-font-style, var(--global-fallback-btn-tertiary-font-style))); --template-btn-tertiary-border-width: var(--btn-tertiary-border-width, var(--default-btn-tertiary-border-width, var(--global-fallback-btn-tertiary-border-width))); --template-btn-tertiary-border-bottom-width: var(--btn-tertiary-border-bottom-width, var(--default-btn-tertiary-border-bottom-width, var(--global-fallback-btn-tertiary-border-bottom-width))); --template-btn-tertiary-font-weight: var(--btn-tertiary-font-weight, var(--default-btn-tertiary-font-weight, var(--global-fallback-btn-tertiary-font-weight))); --template-btn-tertiary-hover-font-weight: var(--btn-tertiary-hover-font-weight, var(--default-btn-tertiary-hover-font-weight, var(--global-fallback-btn-tertiary-hover-font-weight))); --template-btn-tertiary-active-font-weight: var(--btn-tertiary-active-font-weight, var(--default-btn-tertiary-active-font-weight, var(--global-fallback-btn-tertiary-active-font-weight))); --template-btn-tertiary-background-color: var(--btn-tertiary-background-color, var(--default-btn-tertiary-background-color, var(--global-fallback-btn-tertiary-background-color))); --template-btn-tertiary-hover-background-color: var(--btn-tertiary-hover-background-color, var(--default-btn-tertiary-hover-background-color, var(--global-fallback-btn-tertiary-hover-background-color))); --template-btn-tertiary-active-background-color: var(--btn-tertiary-active-background-color, var(--default-btn-tertiary-active-background-color, var(--global-fallback-btn-tertiary-active-background-color))); --template-btn-tertiary-border-color: var(--btn-tertiary-border-color, var(--default-btn-tertiary-border-color, var(--global-fallback-btn-tertiary-border-color))); --template-btn-tertiary-hover-border-color: var(--btn-tertiary-hover-border-color, var(--default-btn-tertiary-hover-border-color, var(--global-fallback-btn-tertiary-hover-border-color))); --template-btn-tertiary-active-border-color: var(--btn-tertiary-active-border-color, var(--default-btn-tertiary-active-border-color, var(--global-fallback-btn-tertiary-active-border-color))); --template-btn-tertiary-text-color: var(--btn-tertiary-text-color, var(--default-btn-tertiary-text-color, var(--global-fallback-btn-tertiary-text-color))); --template-btn-tertiary-hover-text-color: var(--btn-tertiary-hover-text-color, var(--default-btn-tertiary-hover-text-color, var(--global-fallback-btn-tertiary-hover-text-color))); --template-btn-tertiary-active-text-color: var(--btn-tertiary-active-text-color, var(--default-btn-tertiary-active-text-color, var(--global-fallback-btn-tertiary-active-text-color))); --template-btn-tertiary-text-decoration: var(--btn-tertiary-text-decoration, var(--default-btn-tertiary-text-decoration, var(--global-fallback-btn-tertiary-text-decoration))); --template-btn-tertiary-hover-text-decoration: var(--btn-tertiary-hover-text-decoration, var(--default-btn-tertiary-hover-text-decoration, var(--global-fallback-btn-tertiary-hover-text-decoration))); --template-btn-tertiary-active-text-decoration: var(--btn-tertiary-active-text-decoration, var(--default-btn-tertiary-active-text-decoration, var(--global-fallback-btn-tertiary-active-text-decoration))); --template-btn-tertiary-text-decoration-color: var(--btn-tertiary-text-decoration-color, var(--default-btn-tertiary-text-decoration-color, var(--global-fallback-btn-tertiary-text-decoration-color))); --template-btn-tertiary-hover-text-decoration-color: var(--btn-tertiary-hover-text-decoration-color, var(--default-btn-tertiary-hover-text-decoration-color, var(--global-fallback-btn-tertiary-hover-text-decoration-color))); --template-btn-tertiary-active-text-decoration-color: var(--btn-tertiary-active-text-decoration-color, var(--default-btn-tertiary-active-text-decoration-color, var(--global-fallback-btn-tertiary-active-text-decoration-color))); --template-btn-tertiary-icon-display: var(--btn-tertiary-icon-display, var(--default-btn-tertiary-icon-display, var(--global-fallback-btn-tertiary-icon-display))); --template-form-label-font-family: var(--form-label-font-family, var(--default-form-label-font-family, var(--global-fallback-form-label-font-family))); --template-form-label-font-size: var(--form-label-font-size, var(--default-form-label-font-size, var(--global-fallback-form-label-font-size))); --template-form-label-font-size-min: var(--form-label-font-size-min, var(--default-form-label-font-size-min, var(--global-fallback-form-label-font-size-min))); --template-form-label-font-size-max: var(--form-label-font-size-max, var(--default-form-label-font-size-max, var(--global-fallback-form-label-font-size-max))); --template-form-label-font-style: var(--form-label-font-style, var(--default-form-label-font-style, var(--global-fallback-form-label-font-style))); --template-form-label-font-weight: var(--form-label-font-weight, var(--default-form-label-font-weight, var(--global-fallback-form-label-font-weight))); /* Value: see "Color value". */ --template-color-primary: var(--color-primary, var(--default-color-primary, var(--global-fallback-color-primary))); /* Value: see "Color value". */ --template-color-secondary: var(--color-secondary, var(--default-color-secondary, var(--global-fallback-color-secondary))); /* Emphasizing theme color related to the subject. Value: see "Color value". */ --template-color-detail: var(--color-detail, var(--default-color-detail, var(--global-fallback-color-detail))); /* Emphasizing theme color of the comprehensive brand. Value: see "Color value". */ --template-color-brand-detail: var(--color-brand-detail, var(--default-color-brand-detail, var(--global-fallback-color-brand-detail))); /* Value: see "Color value". */ --template-text-primary: var(--text-primary, var(--default-text-primary, var(--global-fallback-text-primary))); /* Used e.g. if text-primary does not provide enough contrast on all background colors. Value: see "Color value". */ --template-text-secondary: var(--text-secondary, var(--default-text-secondary, var(--global-fallback-text-secondary))); /* Used for icons on primary background */ --template-icon-primary: var(--icon-primary, var(--default-icon-primary, var(--global-fallback-icon-primary))); /* Used for icons on secondary background */ --template-icon-secondary: var(--icon-secondary, var(--default-icon-secondary, var(--global-fallback-icon-secondary))); /* Button Background color */ --template-color-btn: var(--color-btn, var(--default-color-btn, var(--global-fallback-color-btn))); --template-btn-color-primary: var(--btn-color-primary, var(--default-btn-color-primary, var(--global-fallback-btn-color-primary))); --template-btn-color-primary-hover: var(--btn-color-primary-hover, var(--default-btn-color-primary-hover, var(--global-fallback-btn-color-primary-hover))); /* For Navigation color */ --template-color-nav: var(--color-nav, var(--default-color-nav, var(--global-fallback-color-nav))); /* For links in text. */ --template-text-link: var(--text-link, var(--default-text-link, var(--global-fallback-text-link))); --template-animation-duration-ms: var(--animation-duration-ms, var(--default-animation-duration-ms, var(--global-fallback-animation-duration-ms))); /* How often the slider(s) shift to the next content item. Value: Time in ms as number, without unit. */ --template-slider-autoplay-speed-ms: var(--slider-autoplay-speed-ms, var(--default-slider-autoplay-speed-ms, var(--global-fallback-slider-autoplay-speed-ms))); /* Width of each of the fragment's columns. Value: Any CSS size. */ --template-column-width: var(--column-width, var(--default-column-width, var(--global-fallback-column-width))); /* micro button = small button without any text or image content, inactive = not selected like a radio button, not clicked. Value: see "Color value" */ --template-micro-button-inactive-color: var(--micro-button-inactive-color, var(--default-micro-button-inactive-color, var(--global-fallback-micro-button-inactive-color))); /* Color value: HEX RGB/RGBA like #abcdef80 */ /*---------------------------COLOR UPDATE JSPAT--------------------------- */ --template-topic-blue: var(--default-topic-blue, var(--global-fallback-topic-blue)); --template-topic-yellow: var(--default-topic-yellow, var(--global-fallback-topic-yellow)); --template-topic-red: var(--default-topic-red, var(--global-fallback-topic-red)); --template-topic-green: var(--default-topic-green, var(--global-fallback-topic-green)); --template-topic-color: var(--topic-color, var(--default-color-brand-detail, var(--global-fallback-color-brand-detail))); }