/**
--------------------------------------------------
* CSS Variables
--------------------------------------------------
*/
  :root {
    /* UI Colors */
    --p-brand: #B30505;
    --p-brand-contrast: #FFFFFF;
    --p-brand-active-bg: #B305051A; /* 10% opacity */
    --p-border: #DDDDDD;
    --p-border-dark: #424242;
    --p-focus: #2546F0;
    --p-success: #029356;
    --p-error: #D71D43;
    --p-info: #0078d4;
    --p-warning: #f59e0b;
    --p-live: #ff0000;
    --p-dark-mode: 0;

    /* Backgrounds */
    --p-bg: #FFFFFF;
    --p-bg-rgb: 255, 255, 255;
    --p-bg-light: #FFE6E6;
    --p-bg-light-rgb: 255, 230, 230;
    --p-bg-dark: #6C0808;
    --p-bg-dark-rgb: 108, 8, 8;
    --p-bg-dark-700: #6C0808B3;

    /* Body - General */
    --p-font: 'Tex Gyre', sans-serif;
    --p-text-color: #000000;
    --p-text-color-contrast-50: #0000000D; /* 5% opacity */
    --p-text-color-contrast-100: #0000001A; /* 10% opacity */
    --p-text-color-contrast-200: #00000033; /* 20% opacity */
    --p-text-color-contrast-300: #0000004D; /* 20% opacity */
    --p-text-color-light: #FFE6E6;
    --p-text-color-light-contrast-50: #FFE6E60D; /* 5% opacity */
    --p-text-color-light-contrast-100: #FFE6E61A; /* 10% opacity */
    --p-text-color-light-contrast-200: #FFE6E633; /* 20% opacity */
    --p-text-color-light-contrast-300: #FFE6E64D; /* 30% opacity */
    --p-text-color-meta: #000000CC; /* 80% opacity */
    --p-text-meta-opacity: 0.8;
    --p-font-size-smallest: 0.65rem;
    --p-font-size-small: 0.75rem;
    --p-font-size-normal: 1rem;
    --p-body-font-size: clamp(1rem, 0.7122rem + 0.6004vw, 1.2rem);
    --p-body-font-weight: inherit;
    --p-body-font-style: normal;
    --p-body-line-height: 1.6;
    --p-body-letter-spacing: 0em;
    --p-body-font-weight-bold: bold;

    /* Links */
    --p-link-text-decoration: None;
    --p-link-text-decoration-hover: Underline;
    --p-link-text-color: #FF5151;
    --p-link-text-color-hover: #3550E2;
    --p-link-text-color-dark: #9DADFF;
    --p-link-text-color-dark-hover: #E3E8FF;

    /* Headings */
    --p-heading-color: #000000;
    --p-heading-color-light: #FFE6E6;

    --p-h1-font-size: clamp(2.7rem, 0.8293rem + 3.9024vw, 4rem);
    --p-h1-font-weight: inherit;
    --p-h1-font-style: normal;
    --p-h1-line-height: 1;
    --p-h1-letter-spacing: 0em;
    --p-h1-font: 'Arial', sans-serif;
    --p-h1-transform: Uppercase;
    --p-h1-margin-bottom: 0.5em;
    --p-h1-color: initial;

    --p-h2-font-size: clamp(2.4rem, 1.5366rem + 1.8011vw, 3rem);
    --p-h2-font-weight: inherit;
    --p-h2-font-style: normal;
    --p-h2-line-height: 1.3;
    --p-h2-letter-spacing: 0em;
    --p-h2-font: 'Arial', sans-serif;
    --p-h2-transform: Uppercase;
    --p-h2-margin-bottom: 0.3em;
    --p-h2-color: initial;

    --p-h3-font-size: clamp(1.8rem, 1.2244rem + 1.2008vw, 2.2rem);
    --p-h3-font-weight: inherit;
    --p-h3-font-style: normal;
    --p-h3-line-height: 1.3;
    --p-h3-letter-spacing: 0em;
    --p-h3-font: 'Uppsala Display', sans-serif;
    --p-h3-transform: Uppercase;
    --p-h3-margin-bottom: 0.5em;
    --p-h3-color: initial;

    --p-h4-font-size: clamp(1.3rem, 1.0122rem + 0.6004vw, 1.5rem);
    --p-h4-font-weight: 700;
    --p-h4-font-style: normal;
    --p-h4-line-height: 1.3;
    --p-h4-letter-spacing: 0em;
    --p-h4-font: 'Uppsala Display', sans-serif;
    --p-h4-transform: Uppercase;
    --p-h4-margin-bottom: 0.5em;
    --p-h4-color: initial;

    --p-h5-font-size: clamp(1.2rem, 1.0561rem + 0.3002vw, 1.3rem);
    --p-h5-font-weight: 700;
    --p-h5-font-style: normal;
    --p-h5-line-height: 1.4;
    --p-h5-letter-spacing: 0em;
    --p-h5-font: 'Uppsala Display', sans-serif;
    --p-h5-transform: Uppercase;
    --p-h5-margin-bottom: 0.5em;
    --p-h5-color: initial;

    --p-h6-font-size: clamp(0.9rem, 0.7561rem + 0.3002vw, 1rem);
    --p-h6-font-weight: 700;
    --p-h6-font-style: normal;
    --p-h6-line-height: 1.4;
    --p-h6-letter-spacing: 0em;
    --p-h6-font: 'Uppsala Display', sans-serif;
    --p-h6-transform: Uppercase;
    --p-h6-margin-bottom: 0.5em;
    --p-h6-color: initial;

    --p-h-pre-font-size: clamp(0.8rem, 0.5122rem + 0.6004vw, 1rem);
    --p-h-pre-font-weight: inherit;
    --p-h-pre-font-style: normal;
    --p-h-pre-line-height: 1.6;
    --p-h-pre-letter-spacing: 0.04em;
    --p-h-pre-font: 'Uppsala Display', sans-serif;
    --p-h-pre-transform: None;
    --p-h-pre-margin-bottom: 0.4em;
    --p-h-pre-color: initial;

    /* Paragraphs */
    --p-p-margin-bottom: 1em;

    --p-preamble-font-size: clamp(1.1rem, 0.6683rem + 0.9006vw, 1.4rem);
    --p-preamble-font-weight: inherit;
    --p-preamble-font-style: normal;
    --p-preamble-line-height: 1.6;
    --p-preamble-letter-spacing: 0em;
    --p-preamble-font: 'Tex Gyre', sans-serif;
    --p-preamble-margin-bottom: 1em;

    /* Grid and sections */
    --p-gap: clamp(0.9375rem, -1.311rem + 4.6904vw, 2.5rem);
    --p-section-padding: clamp(1.875rem, -2.622rem + 9.3809vw, 5rem);
    --p-container-width: 1400px;
    --p-text-max-width: 800px;
    --p-outer-wrap-width: 2400px;

    /* Video */
    --p-video-grid-gap: 18px;
    --p-video-item-default-width: 283px;
    --p-video-item-card-width: undefinedpx;
    --p-video-item-portrait-width: undefinedpx;
    --p-video-item-full-width: 1400px;

    /* Inputs */
    --p-input-height: 2.75rem;
    --p-input-height-small: 2.1875rem;
    --p-input-padding: 0.625rem;
    --p-input-margin-bottom: 0.9375rem;
    --p-input-font: var(--p-font);
    --p-input-font-weight: 400;
    --p-input-font-size: 1rem;
    --p-input-letter-spacing: 0em;
    --p-input-border-radius: 4px;
    --p-input-border-width: 1px;
    --p-input-bg: #FFFFFF;
    --p-input-bg-hover: #FFFFFF;
    --p-input-bg-focus: #FFFFFF;
    --p-input-text-color: #333333;
    --p-input-placeholder-text-color: #AAAAAA;
    --p-input-border-color: #D5D7DB;
    --p-input-border-color-hover: #B3B5B8;
    --p-input-border-color-focus: #2546F0;

    /* Buttons */
    --p-button-font: 'Tex Gyre', sans-serif;
    --p-button-font-weight: inherit;
    --p-button-font-style: null;
    --p-button-transform: None;
    --p-button-font-size: 0.95rem;
    --p-button-letter-spacing: 0em;
    --p-button-border-radius: 5px;
    --p-button-border-width: 1px;
    --p-button-padding-inline: 1.2em;
    --p-button-border-min-width: 1px; /* This needs to be 1 if --p-button-border-width is set to 0 else inherit */
    --p-button-primary-bg: #2546F0;
    --p-button-primary-bg-hover: #1730B0;
    --p-button-primary-text-color: #FFFFFF;
    --p-button-primary-text-color-hover: #FFFFFF;
    --p-button-primary-border-color: #2546F0;
    --p-button-primary-border-color-hover: #2546F0;
    --p-button-secondary-bg: #ECECEC;
    --p-button-secondary-bg-hover: #D4D4D4;
    --p-button-secondary-text-color: #222222;
    --p-button-secondary-text-color-hover: #222222;
    --p-button-secondary-border-color: #BCBCBC;
    --p-button-secondary-border-color-hover: #BCBCBC;

    /* Misc */
    --p-shadow: 0 10px 25px -10px rgba(0, 0, 0, 0.1);
    --p-boxed-bg: white;
    --p-skeleton-border-radius: 5px;
    --p-skeleton-loading-rgb: 255, 255, 255;
    --p-skeleton-bg: #eee;

    /* Header */
    --p-header-bg: #FFFFFF;
    --p-header-border-color: #DDDDDD;
    --p-header-text-color: #3D3D3D;
    --p-header-contrast-100: #3D3D3D1A; /* 10% opacity */
    --p-header-contrast-200: #3D3D3D33; /* 20% opacity */
    --p-header-contrast-300: #3D3D3D4D; /* 30% opacity */
    --p-header-contrast-400: #3D3D3D66; /* 40% opacity */
    --p-header-height: 70px;
    --p-logo-height: 50%;
    --p-main-nav-font-size: 1rem;
    --p-main-nav-gap: 25px;
    --p-header-border-width: 2px;

    --p-header-font: 'Tex Gyre', sans-serif;
    --p-main-nav-font-weight: 400;
    --p-main-nav-font-style: null;
    --p-header-text-color-hover: #3550E2;
    --p-main-nav-hover-decoration: Underline;
    --p-main-nav-hover-decoration-color: #2222225E;
    --p-main-nav-selected-color: #222222;
    --p-main-nav-selected-decoration: Underline;
    --p-main-nav-selected-decoration-color: #FF2E2E;

    /* Footer */
    --p-footer-bg: #FFABAB;
    --p-footer-text-color: #6C0808;
    --p-footer-contrast-100: #6C08081A; /* 10% opacity */
    --p-footer-contrast-200: #6C080833; /* 20% opacity */
    --p-footer-contrast-300: #6C08084D; /* 30% opacity */
    --p-footer-contrast-400: #6C080866; /* 40% opacity */
    --p-footer-padding: 60px;
    --p-footer-border-color: #111111;
    --p-footer-logo-width: 189px;
    --p-footer-border-width: 0px;
    --p-footer-link-color: #6C0808;
    --p-footer-link-color-hover: #FFFFFF;
    --p-footer-link-text-decoration: Underline;
    --p-footer-link-text-decoration-hover: None;

    /* Sidebar */
    --p-sidebar-bg: #FFFFFF;
    --p-template-sidebar-bg: #FFFFFF;
    --p-sidebar-border-width: 1px;
    --p-sidebar-border-color: #DDDDDD;
    --p-sidebar-link-color: #3D3D3D;
    --p-sidebar-link-color-hover: #222222;
    --p-sidebar-link-hover-decoration: Underline;
    --p-sidebar-link-hover-text-decoration-color: #2222225E;
    --p-sidebar-link-font-size: 1rem;
    --p-sidebar-link-font: 'Tex Gyre', sans-serif;
    --p-sidebar-link-font-weight: 400;
    --p-sidebar-link-font-style: null;
    --p-sidebar-link-selected-decoration: Underline;
    --p-sidebar-link-selected-decoration-color: #2546F0;
    --p-sidebar-link-selected-color: #222222;
  }