/* ==== theme:start - generated from WebsitesThemes, do not edit ==== */
:root{
    --color-primary: #111820;
    --color-primary-light: #1d2732;
    --color-brand: #f5a623;
    --color-brand-dark: #d98c0c;
    --color-ink: #111820;
    --color-ink-soft: #2a333f;
    --color-body: #5c6774;
    --color-muted: #8d97a5;
    --color-border: #e3e8ef;
    --color-surface: #ffffff;
    --color-surface-alt: #f4f6f9;
    --color-dark: #0c1117;
    --color-white: #ffffff;
    --color-success: #1f9d63;
    --color-danger: #d8462c;
    --font-heading: 'Barlow Condensed', 'Arial Narrow', sans-serif;
    --font-body: 'Barlow', system-ui, sans-serif;
    --radius-sm: 3px;
    --radius-md: 6px;
    --radius-lg: 12px;
    --radius-pill: 999px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;
    --space-7: 72px;
    --space-8: 104px;
    --shadow-sm: 0 2px 8px rgba(17,24,32,.08);
    --shadow-md: 0 10px 30px rgba(17,24,32,.10);
    --shadow-lg: 0 22px 60px rgba(17,24,32,.16);
    --container-max: 1240px;
}

/* a block with a picture or a video behind its content */
.dsg-media-block{ position:relative; overflow:hidden; }
.dsg-media-block > .dsg-media{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.dsg-media-block > .dsg-media-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; }
.dsg-media-block > .dsg-media-content{ position:relative; z-index:2; }

/* bootstrap reads these at runtime, so the whole framework follows the tokens */
:root{
    --bs-primary: var(--color-brand);
    --bs-primary-rgb: 245, 166, 35;
    --bs-success: var(--color-success);
    --bs-success-rgb: 31, 157, 99;
    --bs-danger: var(--color-danger);
    --bs-danger-rgb: 216, 70, 44;
    --bs-body-color: var(--color-ink);
    --bs-body-color-rgb: 17, 24, 32;
    --bs-body-bg: var(--color-surface);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: var(--color-brand);
    --bs-link-color-rgb: 245, 166, 35;
    --bs-tertiary-bg: var(--color-surface-alt);
    --bs-border-color: var(--color-border);
    --bs-link-hover-color: var(--color-brand-dark);
    --bs-border-radius: var(--radius-md);
    --bs-border-radius-sm: var(--radius-sm);
    --bs-border-radius-lg: var(--radius-lg);
    --bs-border-radius-pill: var(--radius-pill);
    --bs-body-font-family: var(--font-body);
    --bs-box-shadow: var(--shadow-md);
    --bs-box-shadow-sm: var(--shadow-sm);
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{ font-family: var(--font-heading); }
.btn-primary{ --bs-btn-bg: var(--color-brand); --bs-btn-border-color: var(--color-brand); --bs-btn-hover-bg: var(--color-brand-dark); --bs-btn-hover-border-color: var(--color-brand-dark); --bs-btn-active-bg: var(--color-brand-dark); --bs-btn-active-border-color: var(--color-brand-dark); --bs-btn-disabled-bg: var(--color-brand); --bs-btn-disabled-border-color: var(--color-brand); }
.btn-outline-primary{ --bs-btn-color: var(--color-brand); --bs-btn-border-color: var(--color-brand); --bs-btn-hover-bg: var(--color-brand); --bs-btn-hover-border-color: var(--color-brand); --bs-btn-active-bg: var(--color-brand); --bs-btn-active-border-color: var(--color-brand); }
/* ==== theme:end ==== */