@charset "utf-8";
/* CSS Document */
:root {
    --font_title: 'din-2014','Teko';
    --font_standard: 'din-2014','Reddit-Sans';
    --font_size_xxlarge: clamp(44px, 4.5vw, 74px);
    --font_size_xlarge: clamp(38px,4.5vw,54px);
    --font_size_large: clamp(24px, 3.5vw, 38px);
    --font_size_medium: clamp(18px, 2.0vw, 22px);
    --font_size_small: clamp(12px, 2.0vw, 14px);
    --font_size_standard: clamp(16px,1.2vw,16px);
    --font_spacing_standard: 20px;
}

/* DEF STYLES AND BUTTONS FOR USE IN WIDGETS ETC */
body.pixiedust span.xxlarge, body.pixiedust .xxlarge { font-size: var(--font_size_xxlarge) !important;  }
body.pixiedust span.xlarge, body.pixiedust .xlarge { font-size: var(--font_size_xlarge) !important;  }
body.pixiedust span.large, body.pixiedust .large { font-size: var(--font_size_large) !important;  }
body.pixiedust span.medium { font-size: var(--font_size_medium) !important;  }
body.pixiedust span.small { font-size: var(--font_size_small) !important;  }
body.pixiedust span.xsmall { font-size: 12px; }
body.pixiedust p { font-family: var(--font_standard); font-size: var(--font_size_standard) !important; line-height:1.6; margin-bottom: var(--font_spacing_standard);  }
body.pixiedust .standard, body.pixiedust ul, body.pixiedust ol, body.pixiedust li { font-family: var(--font_standard); font-size: var(--font_size_standard) !important; line-height:1.6; }
body.pixiedust li { margin-bottom: 0; }
body.pixiedust h1, body.pixiedust h2, body.pixiedust h3, body.pixiedust h4 { display:block; font-family: var(--font_standard); margin-bottom: var(--font_spacing_standard); }
body.pixiedust h1 { font-size: var(--font_size_xlarge) !important; font-weight: 600 !important; line-height:0.9 !important; }
body.pixiedust h2 { font-size: var(--font_size_large) !important; line-height:1.2; }
body.pixiedust h3 { font-size: var(--font_size_medium) !important; line-height:1.3; }
body.pixiedust h4 { font-size: var(--font_size_small) !important; line-height:1.4; }

/* TITLE OVERRIDE */
body.pixiedust .title { font-family: var(--font_standard);  }
body.pixiedust span.large.title, body.pixiedust .large.title { font-size: var(--font_size_large) !important; }
body.pixiedust span.medium.title, body.pixiedust .medium.title { font-size: var(--font_size_medium) !important; }
body.pixiedust span.small.title, body.pixiedust .small.title { font-size: var(--font_size_small) !important; }
