/* 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 "<template-set-name>_<template-name>" 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));
        --template-h1-font-size: var(--h1-font-size, var(--default-h1-font-size));
        --template-h1-font-style: var(--h1-font-style, var(--default-h1-font-style));
        --template-h1-font-weight: var(--h1-font-weight, var(--default-h1-font-weight));
        --template-h2-font-family: var(--h2-font-family, var(--default-h2-font-family));
        --template-h2-font-size: var(--h2-font-size, var(--default-h2-font-size));
        --template-h2-font-style: var(--h2-font-style, var(--default-h2-font-style));
        --template-h2-font-weight: var(--h2-font-weight, var(--default-h2-font-weight));
        --template-h3-font-family: var(--h3-font-family, var(--default-h3-font-family));
        --template-h3-font-size: var(--h3-font-size, var(--default-h3-font-size));
        --template-h3-font-style: var(--h3-font-style, var(--default-h3-font-style));
        --template-h3-font-weight: var(--h3-font-weight, var(--default-h3-font-weight));
        --template-h4-font-family: var(--h4-font-family, var(--default-h4-font-family));
        --template-h4-font-size: var(--h4-font-size, var(--default-h4-font-size));
        --template-h4-font-style: var(--h4-font-style, var(--default-h4-font-style));
        --template-h4-font-weight: var(--h4-font-weight, var(--default-h4-font-weight));
        --template-h5-font-family: var(--h5-font-family, var(--default-h5-font-family));
        --template-h5-font-size: var(--h5-font-size, var(--default-h5-font-size));
        --template-h5-font-style: var(--h5-font-style, var(--default-h5-font-style));
        --template-h5-font-weight: var(--h5-font-weight, var(--default-h5-font-weight));
        --template-p-font-family: var(--p-font-family, var(--default-p-font-family));
        --template-p-font-size: var(--p-font-size, var(--default-p-font-size));
        --template-p-font-style: var(--p-font-style, var(--default-p-font-style));
        --template-p-font-weight: var(--p-font-weight, var(--default-p-font-weight));
        --template-lead-font-family: var(--lead-font-family, var(--default-lead-font-family));
        --template-lead-font-size: var(--lead-font-size, var(--default-lead-font-size));
        --template-lead-font-style: var(--lead-font-style, var(--default-lead-font-style));
        --template-lead-font-weight: var(--lead-font-weight, var(--default-lead-font-weight));
        --template-small-font-family: var(--small-font-family, var(--default-small-font-family));
        --template-small-font-size: var(--small-font-size, var(--default-small-font-size));
        --template-small-font-style: var(--small-font-style, var(--default-small-font-style));
        --template-small-font-weight: var(--small-font-weight, var(--default-small-font-weight));
        --template-nav-font-family: var(--nav-font-family, var(--default-nav-font-family));
        --template-nav-font-size: var(--nav-font-size, var(--default-nav-font-size));
        --template-nav-font-style: var(--nav-font-style, var(--default-nav-font-style));
        --template-nav-font-weight: var(--nav-font-weight, var(--default-nav-font-weight));
        --template-btn-font-family: var(--btn-font-family, var(--default-btn-font-family));
        --template-btn-font-size: var(--btn-font-size, var(--default-btn-font-size));
        --template-btn-font-style: var(--btn-font-style, var(--default-btn-font-style));
        --template-btn-font-weight: var(--btn-font-weight, var(--default-btn-font-weight));
        --template-form-label-font-family: var(--form-label-font-family, var(--default-form-label-font-family));
        --template-form-label-font-size: var(--form-label-font-size, var(--default-form-label-font-size));
        --template-form-label-font-style: var(--form-label-font-style, var(--default-form-label-font-style));
        --template-form-label-font-weight: var(--form-label-font-weight, var(--default-form-label-font-weight));
        --template-color-primary: var(--color-primary, var(--default-color-primary));
        --template-color-secondary: var(--color-secondary, var(--default-color-secondary));
        --template-color-detail: var(--color-detail, var(--default-color-detail));
        --template-color-brand-detail: var(--color-brand-detail, var(--default-color-brand-detail));
        --template-text-primary: var(--text-primary, var(--default-text-primary));
        --template-text-secondary: var(--text-secondary, var(--default-text-secondary));
        --template-text-link: var(--text-link, var(--default-text-link));
        --template-slider-autoplay-speed-ms: var(--slider-autoplay-speed-ms, var(--default-slider-autoplay-speed-ms));
        --template-column-width: var(--column-width, var(--default-column-width));
        --template-micro-button-inactive-color: var(--micro-button-inactive-color, var(--default-micro-button-inactive-color));
      }