@charset "UTF-8";
/*----------------------------------------------------------

    Theme Name: Dead Robots
    Theme URI: https://www.deadrobots.me
    Description: Dead Robots branded theme
    Author: Shye Strange
    Author URI: https://www.deadrobots.me
    Version: 0.2

-----------------------------------------------------------------------------------*/

/* Requires the main css file */

/*
  1. Font Import
  2. Main Theme Tweeks
  3. Colour Scheme
      |__ Greyscale Colours
*/





/* ----------------------------------------------------------------
                       Font Import
-----------------------------------------------------------------*/

@font-face {
    font-family: 'rough_typewriter';
    src: url('https://deadrobots.me/fonts/rough_typewriter/rough_typewriter.woff2') format('woff2'),
        url('https://deadrobots.me/fonts/rough_typewriter/rough_typewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brother_deluxe_1350';
    src: url('https://deadrobots.me/fonts/brotherdeluxe1350/brotherdeluxe1350.woff2') format('woff2'),
        url('https://deadrobots.me/fonts/brotherdeluxe1350/brotherdeluxe1350.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'motter_corpus_regular';
    src: url('https://deadrobots.me/fonts/mottercorpus/mottercorpus-regular-webfont.woff2') format('woff2'),
        url('https://deadrobots.me/fonts/mottercorpus/mottercorpus-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pixelregular';
    src: url('https://deadrobots.me/fonts/pixel/pixel-webfont.woff2') format('woff2'),
        url('https://deadrobots.me/fonts/pixel/pixel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------------------------
                      Theme Tweaks
-----------------------------------------------------------------*/

:root {
    /* Main theme color */
    --dr-themecolor: var(--dr-primary);
    --dr-themecolor-rgb: var(--dr-primary-rgb);
    /* Body Colors */
    --dr-body-color: var(--dr-light);
    --dr-body-color-rgb: var(--dr-light-rgb);
    --dr-body-bg: var(--dr-dark);
    --dr-body-bg-rgb: var(--dr-dark-rgb);
    /* Theme Colors */
    --dr-section-bg: transparent;

    --dr-transitions: 0.5s ease;
    /* Paddings and margins */
    --dr-content-padding: 5rem;

    /* Breakpoints responsive */
    --dr-breakpoint-xs: 0;
    --dr-breakpoint-sm: 576px;
    --dr-breakpoint-md: 768px;
    --dr-breakpoint-lg: 992px;
    --dr-breakpoint-xl: 1200px;
    --dr-breakpoint-xxl: 1400px;

}

/* ----------------------------------------------------------------
                       Colours
-----------------------------------------------------------------*/

:root {
    /* Light */
    --dr-light: #cdd5e0;
    --dr-light-rgb: 205, 213, 224;
    --dr-light-grey: #E0E0E0;
    --dr-light-grey-rgb: 224, 224, 224;
    --dr-light-h: #b6bbcc;
    --dr-light-h-rgb: 182, 187, 204;
    /* Dark */
    --dr-dark: #11171f;
    --dr-dark-rgb: 17, 23, 31;
    --dr-dark-grey: #1F1F1F;
    --dr-dark-grey-rgb: 31, 31, 31;
    --dr-dark-h: #313442;
    --dr-dark-h-rgb: 49, 52, 66;
    /* Mid Dark */
    --dr-mid-dark: #1d1f2d;
    --dr-mid-dark-rgb: 29, 31, 45;
    --dr-mid-dark-grey: #2D2D2D;
    --dr-mid-dark-grey-rgb: 45, 45, 45;
    --dr-mid-dark-h: #3e3a4e;
    --dr-mid-dark-h-rgb: 0, 62, 58;
    /* Mid Light Dark */
    --dr-mid-light-dark: #30334b;
    --dr-mid-light-dark-rgb: 48, 51, 75;
    --dr-mid-light-dark-grey: #4B4B4B;
    --dr-mid-light-dark-grey-rgb: 31, 31, 31;
    --dr-mid-light-dark-h: #504a68;
    --dr-mid-light-dark-h-rgb: 80, 74, 104;
    /* Light Dark */
    --dr-light-dark: #51557e;
    --dr-light-dark-rgb: 81, 85, 126;
    --dr-light-dark-grey: #7E7E7E;
    --dr-light-dark-grey-rgb: 126, 126, 126;
    --dr-light-dark-h: #685e8c;
    --dr-light-dark-h-rgb: 104, 94, 140;
    /* Mid Dark Light */
    --dr-mid-dark-light: #6c6f9e;
    --dr-mid-dark-light-rgb: 108, 111, 158;
    --dr-mid-dark-grey: #9E9E9E;
    --dr-mid-dark-grey-rgb: 158, 158, 158;
    --dr-mid-dark-light-h: #796da1;
    --dr-mid-dark-light-h-rgb: 121, 109, 161;
    /* Mid Light Dark Light */
    --dr-mid-light-dark-light: #7882c9;
    --dr-mid-light-dark-light-rgb: 120, 130, 201;
    --dr-mid-light-dark-grey: #C9C9C9;
    --dr-mid-light-dark-grey-rgb: 201, 201, 201;
    --dr-mid-light-dark-light-h: #8476c1;
    --dr-mid-light-dark-light-h-rgb: 132, 118, 193;
    /* Light Dark Light */
    --dr-light-dark-light: #8c93e1;
    --dr-light-dark-light-rgb: 140, 147, 225;
    --dr-light-dark-grey: #E1E1E1;
    --dr-light-dark-grey-rgb: 225, 225, 225;
    --dr-light-dark-light-h: #9381d2;
    --dr-light-dark-light-h-rgb: 147, 129, 210;
    /* Primary Dark */
    --dr-primary-dark: #4a3e54;
    --dr-primary-dark-rgb: 74, 62, 84;
    --dr-primary-dark-grey: #545454;
    --dr-primary-dark-grey-rgb: 84, 84, 84;
    --dr-primary-dark-h: #4f5673;
    --dr-primary-dark-h-rgb: 79, 86, 115;
    /* Primary */
    --dr-primary: #604d71;
    --dr-primary-rgb: 96, 77, 113;
    --dr-primary-grey: #717171;
    --dr-primary-grey-rgb: 113, 113, 113;
    --dr-primary-h: #54608c;
    --dr-primary-h-rgb: 84, 96, 140;
    /* Primary Mid Light */
    --dr-primary-mid-light: #9173ab;
    --dr-primary-mid-light-rgb: 145, 115, 171;
    --dr-primary-mid-light-grey: #ABABAB;
    --dr-primary-mid-light-grey-rgb: 171, 171, 171;
    --dr-primary-mid-light-h: #6679b9;
    --dr-primary-mid-light-h-rgb: 102, 121, 185;
    /* Primary Light */
    --dr-primary-light: #bcb0d2;
    --dr-primary-light-rgb: 188, 176, 210;
    --dr-primary-light-grey: #D2D2D2;
    --dr-primary-light-grey-rgb: 210, 210, 210;
    --dr-primary-light-h: #94a3ca;
    --dr-primary-light-h-rgb: 148, 163, 202;
    /* Secomdary Dark */
    --dr-secondary-dark: #5f5e3a;
    --dr-secondary-dark-rgb: 95, 94, 58;
    --dr-secondary-dark-grey: #5F5F5F;
    --dr-secondary-dark-grey-rgb: 95, 95, 95;
    --dr-secondary-dark-h: #5e6c43;
    --dr-secondary-dark-h-rgb: 94, 108, 67;
    /* Secomdary */
    --dr-secondary: #7e7c4f;
    --dr-secondary-rgb: 126, 124, 79;
    --dr-secondary-grey: #7E7E7E;
    --dr-secondary-grey-rgb: 126, 126, 126;
    --dr-secondary-h: #6f7f4e;
    --dr-secondary-h-rbg: 111, 127, 78;
    /* Secomdary Mid Light */
    --dr-secondary-mid-light: #abaa68;
    --dr-secondary-mid-light-rgb: 171, 170, 104;
    --dr-secondary-grey: #ABABAB;
    --dr-secondary-grey-rgb: 171, 171, 171;
    --dr-secondary-h: #88a05c;
    --dr-secondary-h-rbg: 136, 160, 92;
    /* Secomdary Light */
    --dr-secondary-light: #c7c69d;
    --dr-secondary-light-rgb: 199, 198, 157;
    --dr-secondary-light-grey: #C7C7C7;
    --dr-secondary-light-grey-rgb: 199, 199, 199;
    --dr-secondary-light-h: #a5b488;
    --dr-secondary-light-h-rbg: 165, 180, 136;
    /* Tertiary Dark */
    --dr-tertiary-dark: #385b54;
    --dr-tertiary-dark-rgb: 56, 91, 84;
    --dr-tertiary-dark-grey: #5B5B5B;
    --dr-tertiary-dark-grey-rgb: 91, 91, 91;
    --dr-tertiary-dark-h: #376a6f;
    --dr-tertiary-dark-h-rgb: 55, 106, 111;
    /* Tertiary */
    --dr-tertiary: #468074;
    --dr-tertiary-rgb: 71, 128, 116;
    --dr-tertiary-grey: #808080;
    --dr-tertiary-grey-rgb: 128, 128, 128;
    --dr-tertiary-h: #2d8188;
    --dr-tertiary-h-rgb: 45, 129, 136;
    /* Tertiary Mid Light */
    --dr-tertiary-mid-light: #66ac9e;
    --dr-tertiary--mid-light-rgb: 102, 172, 158;
    --dr-tertiary-mid-light-grey: #ACACAC;
    --dr-tertiary-mid-light-grey-rgb: 172, 172, 172;
    --dr-tertiary-mid-light-h: #3e9fa8;
    --dr-tertiary-mid-light-h-rbg: 62, 159, 168;
    /* Tertiary Light */
    --dr-tertiary-light: #9ad6ca;
    --dr-tertiary-light-rgb: 154, 214, 202;
    --dr-tertiary-light-grey: #D6D6D6;
    --dr-tertiary-light-grey-rgb: 214, 214, 214;
    --dr-tertiary-light-h: #72c0c9;
    --dr-tertiary-light-h-rbg: 114, 192, 201;
    /* Success Dark */
    --dr-success-dark: #0e7159;
    --dr-success-dark-rgb: 14, 113, 89;
    --dr-success-dark-grey: #717171;
    --dr-success-dark-grey-rgb: 113, 113, 113;
    --dr-success-dark-h: #007b7a;
    --dr-success-dark-h-rbg: ;
    /* Success */
    --dr-success: #00916d;
    --dr-success-rgb: 0, 145, 109;
    --dr-success-grey: #919191;
    --dr-success-grey-rgb: 145, 145, 145;
    --dr-success-h: #007b7a;
    --dr-success-h-rbg: 0, 123, 122;
    /* Success Mid Light */
    --dr-success-mid-light: #4ac6a7;
    --dr-success-mid-light-rgb: 74, 198, 167;
    --dr-success-mid-light-grey: #C6C6C6;
    --dr-success-mid-light-grey-rgb: 198, 198, 198;
    --dr-success-mid-light-h: #00b5b9;
    --dr-success-mid-light-h-rbg: 0, 181, 185;
    /* Success Light */
    --dr-success-light: #a7ded0;
    --dr-success-light-rgb: 167, 222, 208;
    --dr-success-light-grey: #DEDEDE;
    --dr-success-light-grey-rgb: 222, 222, 222;
    --dr-success-light-h: #7dc6cb;
    --dr-success-light-h-rgb: 125, 198, 203;
    /* Info Dark */
    --dr-info-dark: #375763;
    --dr-info-dark-rgb: 55, 87, 99;
    --dr-info-dark-grey: #636363;
    --dr-info-dark-grey-rgb: 99, 99, 99;
    --dr-info-dark-h: #48647b;
    --dr-info-dark-h-rgb: 72, 100, 123;
    /* Info */
    --dr-info: #6795b1;
    --dr-info-rgb: 103, 149, 177;
    --dr-info-grey: #B1B1B1;
    --dr-info-grey-rgb: 177, 177, 177;
    --dr-info-h: #6888af;
    --dr-info-h-rgb: 104, 136, 175;
    /* Info Mid Light */
    --dr-info-mid-light: #82adc8;
    --dr-info-mid-light-rgb: 130, 173, 200;
    --dr-info-mid-light-grey: #C8C8C8;
    --dr-info-mid-light-grey-rgb: 200, 200, 200;
    --dr-info-mid-light-h: #7d9ac0;
    --dr-info-mid-light-h-rgb: 125, 154, 192;
    /* info Light */
    --dr-info-light: #9accd6;
    --dr-info-light-rgb: 154, 204, 214;
    --dr-info-light-grey: #D6D6D6;
    --dr-info-light-grey-rgb: 214, 214, 214;
    --dr-info-light-h: #87b5cf;
    --dr-info-light-h-rgb: 135, 181, 207;
    /* Warning Dark */
    --dr-warning-dark: #786942;
    --dr-warning-dark-rgb: 120, 105, 66;
    --dr-warning-dark-grey: #787878;
    --dr-warning-dark-grey-rgb: 120, 120, 120;
    --dr-warning-dark-h: #717243;
    --dr-warning-dark-h-rgb: 113, 114, 67;
    /* Warning */
    --dr-warning: #b19a5e;
    --dr-warning-rgb: 177, 154, 94;
    --dr-warning-grey: #B1B1B1;
    --dr-warning-grey-rgb: 177, 177, 177;
    --dr-warning-h: #90944f;
    --dr-warning-h-rga: 144, 148, 79;
    /* Warning Mid Light */
    --dr-warning-mid-light: #c8b884;
    --dr-warning-mid-light-rgb: 200, 184, 132;
    --dr-warning-mid-light-grey: #C8C8C8;
    --dr-warning-mid-light-grey-rgb: 200, 200, 200;
    --dr-warning-mid-light-h: #a4aa70;
    --dr-warning-mid-light-h-rgb: 164, 170, 112;
    /* Warning Light */
    --dr-warning-light: #d6d2a4;
    --dr-warning-light-rgb: 214, 120, 164;
    --dr-warning-light-grey: #D6D6D6;
    --dr-warning-light-grey-rgb: 214, 214, 214;
    --dr-warning-light-h: #b0be8c;
    --dr-warning-light-h-rgb: 176, 190, 140;
    /* Danger Dark */
    --dr-danger-dark: #774641;
    --dr-danger-dark-rgb: 119, 70, 65;
    --dr-danger-dark-grey: #777777;
    --dr-danger-dark-grey-rgb: 119, 119, 119;
    --dr-danger-dark-h: #8b505d;
    --dr-danger-dark-h-rgb: 139, 80, 93;
    /* Danger */
    --dr-danger: #b16d67;
    --dr-danger-rgb: 177, 109, 103;
    --dr-danger-grey: #B1B1B1;
    --dr-danger-grey-rgb: 177, 177, 177;
    --dr-danger-h: #b16579;
    --dr-danger-h-rgb: 177, 101, 121;
    /* Danger Mid Light */
    --dr-danger-mid-light: #cc9b95;
    --dr-danger-mid-light-rgb: 204, 155, 149;
    --dr-danger-mid-light-grey: #CCCCCC;
    --dr-danger-mid-light-grey-rgb: 204, 204, 204;
    --dr-danger-mid-light-h: #c18994;
    --dr-danger-mid-light-rgb: 193, 137, 148;
    /* Danger Light */
    --dr-danger-light: #d8b9ac;
    --dr-danger-light-rgb: 216, 185, 172;
    --dr-danger-light-grey: #D8D8D8;
    --dr-danger-light-grey-rgb: 216, 216, 216;
    --dr-danger-light-h: #bea78d;
    --dr-danger-light-h-rgb: 190, 167, 141;
    /* Gradients */
    --dr-bg-gradient-dark-dark: var(--dr-dark) 0%, var(--dr-mid-dark) 100%;
    --dr-bg-gradient-dark-dark-light: var(--dr-mid-dark) 0%, var(--dr-mid-light-dark) 100%;
    --dr-bg-gradient-dark-mid-dark: var(--dr-mid-light-dark) 0%, var(--dr-light-dark) 100%;
    --dr-bg-gradient-dark-mid-light: var(--dr-light-dark) 0%, var(--dr-mid-dark-light) 100%;
    --dr-bg-gradient-dark-light-light: var(--dr-mid-dark-light) 0%, var(--dr-mid-light-dark-light) 100%;
    --dr-bg-gradient-dark-light: var(--dr-mid-light-dark-light) 0%, var(--dr-light-dark-light) 100%;
    --dr-bg-gradient-primary-dark: var(--dr-primary-dark) 0%, var(--dr-primary) 100%;
    --dr-bg-gradient-primary-mid: var(--dr-primary) 0%, var(--dr-primary-mid-light) 100%;
    --dr-bg-gradient-primary-light: var(--dr-primary-mid-light) 0%, var(--dr-primary-light) 100%;
    --dr-bg-gradient-secondary-dark: var(--dr-secondary-dark) 0%, var(--dr-secondary) 100%;
    --dr-bg-gradient-secondary-mid: var(--dr-secondary) 0%, var(--dr-secondary-mid-light) 100%;
    --dr-bg-gradient-secondary-light: var(--dr-secondary-mid-light) 0%, var(--dr-secondary-light) 100%;
    --dr-bg-gradient-tertiary-dark: var(--dr-tertiary-dark) 0%, var(--dr-tertiary) 100%;
    --dr-bg-gradient-tertiary-mid: var(--dr-tertiary) 0%, var(--dr-tertiary-mid-light) 100%;
    --dr-bg-gradient-tertiary-light: var(--dr-tertiary-mid-light) 0%, var(--dr-tertiary-light) 100%;
    --dr-bg-gradient-success-dark: var(--dr-success-dark) 0%, var(--dr-success) 100%;
    --dr-bg-gradient-success-mid: var(--dr-success) 0%, var(--dr-success-mid-light) 100%;
    --dr-bg-gradient-success-light: var(--dr-success-mid-light) 0%, var(--dr-success-light) 100%;
    --dr-bg-gradient-info-dark: var(--dr-info-dark) 0%, var(--dr-info) 100%;
    --dr-bg-gradient-info-mid: var(--dr-info) 0%, var(--dr-info-mid-light) 100%;
    --dr-bg-gradient-info-light: var(--dr-info-mid-light) 0%, var(--dr-info-light) 100%;
    --dr-bg-gradient-warning-dark: var(--dr-warning-dark) 0%, var(--dr-warning) 100%;
    --dr-bg-gradient-warning-mid: var(--dr-warning) 0%, var(--dr-warning-mid-light) 100%;
    --dr-bg-gradient-warning-light: var(--dr-warning-mid-light) 0%, var(--dr-warning-light) 100%;
    --dr-bg-gradient-danger-dark: var(--dr-danger-dark) 0%, var(--dr-danger) 100%;
    --dr-bg-gradient-danger-mid: var(--dr-danger) 0%, var(--dr-danger-mid-light) 100%;
    --dr-bg-gradient-danger-light: var(--dr-danger-mid-light) 0%, var(--dr-danger-light) 100%;

    /* Muted  */
    --dr-text-muted: var(--dr-mid-dark-light);
    --dr-bg-muted: var(--dr-mid-light-dark);
}

/* ----------------------------------------------------------------
                       Layout
-----------------------------------------------------------------*/

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --dr-gutter-x: 1.5rem;
    --dr-gutter-y: 0;
}

.row {
    --dr-gutter-x: 1.5rem;
    --dr-gutter-y: 0;
}

/* Sections */
:root {
    --dr-section-margin: 4rem;
    --dr-section-padding: var(--dr-section-margin);
}

/* Paralax Section */

.parallax {
    --dr-parallax-ratio: 2;
    --dr-parallax-width: 100%;
    --dr-parallax-factor: -1px;
}

/* ----------------------------------------------------------------
                       Cards
-----------------------------------------------------------------*/

.card {
    --dr-card-spacer-y: 1rem;
    --dr-card-spacer-x: 1rem;
    --dr-card-title-spacer-y: 0.5rem;
    --dr-card-title-color: ;
    --dr-card-subtitle-color: ;
    --dr-card-border-width: var(--dr-border-width);
    --dr-card-border-color: var(--dr-border-color-translucent);
    --dr-card-border-radius: var(--dr-border-radius);
    --dr-card-box-shadow: ;
    --dr-card-inner-border-radius: calc(var(--dr-border-radius) - (var(--dr-border-width)));
    --dr-card-cap-padding-y: 0.5rem;
    --dr-card-cap-padding-x: 1rem;
    --dr-card-cap-bg: rgba(var(--dr-body-color-rgb), 0.03);
    --dr-card-cap-color: ;
    --dr-card-height: ;
    --dr-card-color: ;
    --dr-card-bg: var(--dr-body-bg);
    --dr-card-img-overlay-padding: 1rem;
    --dr-card-group-margin: 0.75rem;
}

.feature-box {
    --dr-featured-box-icon: 4rem;
    --dr-featured-box-icon-negative: -4rem;
    --dr-featured-box-padding-x: 0.75rem;
    --dr-featured-box-icon-size: 1.75rem;
    --dr-featured-box-font-size: 1.125rem;
    --dr-featured-box-font-weight: 500;
    --dr-featured-box-font-tt: none;
    --dr-featured-box-icon-sm: calc(4rem * 0.5);
    --dr-featured-box-padding-x-sm: calc(0.75rem / 1.5);
    --dr-featured-box-icon-size-sm: calc(1.75rem / 1.75);
    --dr-featured-box-icon-lg: calc(4rem * 1.5);
    --dr-featured-box-icon-size-lg: calc(1.75rem * 1.4285714286);
    --dr-featured-box-icon-xl: calc(4rem * 2);
    --dr-featured-box-icon-size-xl: calc(1.75rem * 2.5714285714);
    --dr-featured-box-border-width: 2px;
    --dr-featured-box-square-corners: var(--dr-border-radius);
    --dr-featured-box-plain-font-size: 3rem;
    --dr-featured-box-plain-icon-size: 3rem;
}

/* ----------------------------------------------------------------
                      Typograhy
-----------------------------------------------------------------*/

:root {
    /* Font Families */
    --dr-primary-font: "rough_typewriter", serif;
    /* <- body font */
    --dr-secondary-font: 'brother_deluxe_1350', serif;
    /* <- body emphasis font */
    --dr-heading-font: "motter_corpus_regular", sans-serif;
    --dr-monospace-font: "pixelregular";
    --dr-body-font-family: var(--dr-primary-font);
    /* <- body tag */
    --dr-body-font: var(--dr-primary-font);
    /* <- body class tag */
    /* Headings */
    --dr-heading-color: var(--dr-primary-light);
    --dr-headings-font-weight: normal;
    /* Font Sizes */
    --dr-body-font-size: 1rem;
    --dr-body-font-weight: 400;
    --dr-body-line-height: 1.5;
    --dr-line-height-base: 1.5;
    --dr-line-height-content: 1.65;
    --dr-font-size-h1: 2.25rem;
    --dr-font-size-h2: 1.875rem;
    --dr-font-size-h3: 1.5rem;
    --dr-font-size-h4: 1.125rem;
    --dr-font-size-h5: 0.875rem;
    --dr-font-size-h6: 0.75rem;
    --dr-copyrights-font-size: 0.875rem;
}

/* ----------------------------------------------------------------
                      Links
-----------------------------------------------------------------*/

:root {
    /* Links color */
    --dr-link-color: var(--dr-tertiary-light);
    --dr-link-color-rgb: var(--dr-tertiary-light-rgb);
    --dr-link-decoration: none;
    --dr-link-hover-color: var(--dr-info-light);
    --dr-link-hover-color-rgb: var(--dr-info-light-rgb);
}

/* ----------------------------------------------------------------
                      Borders
-----------------------------------------------------------------*/

:root {
    /* Border styles */
    --dr-border-width: 2px;
    --dr-border-style: solid;
    --dr-border-color: var(--dr-mid-light-dark);
    --dr-border-color-translucent: rgba(0, 0, 0, 0.175);
    /* Rounded corners */
    --dr-border-radius-extra-small: 0.15rem;
    --dr-border-radius-smaller: 0.20rem;
    --dr-border-radius-small: 0.25rem;
    --dr-border-radius: 0.75rem;
    --dr-border-radius-large: 0.375rem;
    --dr-border-radius-larger: 0.5rem;
    --dr-border-radius-extra-large: 0.5rem;
    --dr-border-radius-pill: 50rem;
}

/* ----------------------------------------------------------------
                      Image Effects
-----------------------------------------------------------------*/

.imagescale,
.imagescalein {
    --dr-img-scale-default: 100%;
    --dr-img-scale-ratio: 110%;
    --dr-img-scale-position: center center;
}

/* ----------------------------------------------------------------
                      Progress Bar
-----------------------------------------------------------------*/

.progress,
.progress-stacked {
    --dr-progress-height: 1rem;
    --dr-progress-font-size: 0.75rem;
    --dr-progress-bg: var(--dr-bg-muted);
    --dr-progress-border-radius: var(--dr-border-radius);
    --dr-progress-box-shadow: var(--dr-box-shadow-inset);
    --dr-progress-bar-color: #fff;
    --dr-progress-bar-bg: #0d6efd;
    --dr-progress-bar-transition: width 0.6s ease;
}

/* ----------------------------------------------------------------
  Blockquote
  -----------------------------------------------------------------*/

.quote {
    --dr-quote-icon-size: 48px;
}

/* ----------------------------------------------------------------
  Code Block
-----------------------------------------------------------------*/



/* ----------------------------------------------------------------
  Badges
-----------------------------------------------------------------*/
.badge {
    --dr-badge-padding-x: 0.65em;
    --dr-badge-padding-y: 0.35em;
    --dr-badge-font-size: 0.75em;
    --dr-badge-font-weight: 400;
    --dr-badge-color: var(--dr-body-color);
    --dr-badge-border-radius: var(--dr-border-radius);
}

/* ----------------------------------------------------------------
  List Groups
-----------------------------------------------------------------*/

.list-group {
    --dr-list-group-color: var(--dr-body-color);
    --dr-list-group-bg: var(--dr-body-bg);
    --dr-list-group-border-color: var(--dr-border-color);
    --dr-list-group-border-width: var(--dr-border-width);
    --dr-list-group-border-radius: var(--dr-border-radius);
    --dr-list-group-item-padding-x: 1rem;
    --dr-list-group-item-padding-y: 0.5rem;
    --dr-list-group-action-color: var(--dr-light);
    --dr-list-group-action-hover-color: var(--dr-light);
    --dr-list-group-action-hover-bg: var(--dr-primary-dark-h);
    --dr-list-group-action-active-color: var(--dr-light);
    --dr-list-group-action-active-bg: var(--dr-primary-dark);
    --dr-list-group-disabled-color: var(--dr-text-muted);
    --dr-list-group-disabled-bg: var(--dr-bg-muted);
    --dr-list-group-active-color: var(--dr-light);
    --dr-list-group-active-bg: var(--dr-primary-dark);
    --dr-list-group-active-border-color: var(--dr-primary-dark);
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.8rem;
    --bs-tooltip-padding-y: 0.35rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.875rem;
    --bs-tooltip-color: var(--dr-light);
    --bs-tooltip-bg: var(--dr-mid-light-dark);
    --bs-tooltip-border-radius: var(--dr-border-radius);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 1.2rem;
    --bs-tooltip-arrow-height: 0.8rem;
}

/* ----------------------------------------------------------------
                      Tables
-----------------------------------------------------------------*/

.table {
    --dr-table-color-type: initial;
    --dr-table-bg-type: initial;
    --dr-table-color-state: initial;
    --dr-table-bg-state: initial;
    --dr-table-color: var(--dr-body-color);
    --dr-table-bg: var(--dr-body-bg);
    --dr-table-border-color: var(--bs-border-color);
    --dr-table-accent-bg: transparent;
    --dr-table-striped-color: var(--dr-body-color);
    --dr-table-striped-bg: rgba(0, 0, 0, 0.05);
    --dr-table-active-color: var(--dr-body-color);
    --dr-table-active-bg: rgba(0, 0, 0, 0.1);
    --dr-table-hover-color: var(--dr-body-color);
    --dr-table-hover-bg: rgba(0, 0, 0, 0.075);
}


/* ----------------------------------------------------------------
   Page Title
 -----------------------------------------------------------------*/
#page-title,
.page-title {
    --dr-page-title-padding: 4rem;
    --dr-page-title-parallax-padding: 6.25rem;
    --dr-page-title-mini-padding: 1.5rem;
    --dr-page-title-bg: var(--dr-mid-dark);
    --dr-page-title-color: var(--dr-primary-light);
    --dr-page-title-font-size: 2.25rem;
    --dr-page-title-font-weight: 500;
    --dr-page-title-spacing: 0;
    --dr-page-title-subtitle-size: 1.125rem;
    --dr-page-title-subtitle-color: var(--dr-tertiary-light);
    --dr-page-title-parallax-font-size: calc(2rem + 1vw);
    --dr-page-title-parallax-subtitle-size: 1.25rem;
    --dr-page-title-mini-size: 1.25rem;

    --dr-page-title-border-color: rgba(var(--dr-contrast-rgb), 0.1);

    --dr-page-title-center-mx-width: 48rem;
}




/* ----------------------------------------------------------------
  Header
  -----------------------------------------------------------------*/

:root {
    --dr-header-bg: var(--dr-mid-dark);
    --dr-header-height: 100px;
    --dr-header-height-sm: 60px;
    --dr-header-height-md: 80px;
    --dr-header-height-lg: 120px;
    --dr-header-height-shrink: 0;
    --dr-side-header-width: 260px;
    --dr-side-header-padding-gutters: 15px;
    --dr-side-panel-bg: var(--dr-mid-light-dark);
    --dr-side-panel-size: 360px;
    --dr-side-panel-padding: 50px 70px 50px 40px;
    --dr-side-panel-widget-padding: 40px;

    --dr-header-sticky-bg: var(--dr-header-bg);
    --dr-side-header-bg: var(--dr-header-bg);

}


#header,
#page-menu {
    --dr-sticky-header-height: var(--dr-header-height);
    --dr-header-border-color: rgba(var(--dr-contrast-rgb), .1);
    --dr-header-transparent-border-color: rgba(var(--dr-contrast-rgb), .1);
    --dr-primary-menu-padding-x: 15px;
    /*  Floating Header */
    --dr-header-floating-top-offset: 60px;
    --dr-header-floating-padding: 30px;
    /*  Side Header */
    --dr-side-header-padding-gutters: 30px;
    /*  Primary Menu */
    --dr-primary-menu-bg-hover-color: var(--dr-secondary);
    --dr-primary-menu-bg-active-color: var(--dr-primary);
    --dr-menu-dropdown-bg: var(--dr-mid-light-dark);
    --dr-primary-menu-color: var(--dr-light);
    --dr-primary-menu-hover-color: var(--dr-light);
    --dr-primary-menu-active-color: var(--dr-primary-menu-hover-color);
    --dr-primary-menu-font: var(--dr-heading-font);
    --dr-primary-menu-font-weight: 700;
    --dr-primary-menu-font-size: 0.8125rem;
    --dr-primary-menu-tt: uppercase;
    --dr-primary-menu-ls: 1px;
    --dr-primary-menu-icon-size: 1rem;
    --dr-primary-menu-hover-text-decoration: none;
    --dr-primary-menu-hover-text-decoration-offset: 3px;
    --dr-primary-menu-submenu-bg: var(--dr-menu-dropdown-bg);
    --dr-primary-menu-submenu-padding-x: 15px;
    --dr-primary-menu-submenu-padding-y: 10px;
    --dr-primary-menu-submenu-top-border: 2px solid var(--dr-themecolor);
    --dr-primary-menu-submenu-width: 240px;
    --dr-primary-menu-submenu-display-speed: 0.45s;
    --dr-primary-menu-submenu-display-offset: 0.5rem;
    --dr-primary-menu-submenu-font: var(--dr-body-font);
    --dr-primary-menu-submenu-font-size: 0.75rem;
    --dr-primary-menu-submenu-font-weight: 600;
    --dr-primary-menu-submenu-hover-font-weight: 700;
    --dr-primary-menu-submenu-tt: uppercase;
    --dr-primary-menu-submenu-color: var(--cnvs-contrast-900);
    --dr-primary-menu-submenu-spacing: 0;
    --dr-primary-menu-submenu-border: 1px solid rgba(var(--dr-contrast-rgb), 0.1);
    --dr-primary-menu-submenu-hover-bg: rgba(var(--dr-contrast-rgb), 0.025);
    --dr-primary-menu-submenu-hover-color: var(--dr-primary-menu-active-color);
    --dr-primary-menu-submenu-hover-padding-offset: 0.25rem;
    --dr-header-misc-icons-size: 2.125rem;
    --dr-header-misc-icons-color: var(--dr-mid-dark);
    --dr-header-misc-icons-color-h: var(--dr-mid-dark-h);
    --dr-mega-menu-width-sm: 400px;
    --dr-mobile-menu-off-canvas-width: 280px;
    --dr-top-search-font-size: 2rem;
    --dr-top-search-placeholder: rgba(var(--dr-dark-rgb), 0.25);
}





.cnvs-hamburger {
    --dr-hamburger-size: 2rem;
    --dr-hamburger-width: 4px;
    --dr-hamburger-offset: calc(-1 * calc(calc(var(--dr-hamburger-size) - calc(var(--dr-hamburger-width) * 2)) * .5));
    --dr-hamburger-color: var(--dr-primary-light);
}


#page-menu {
    --dr-page-submenu-sticky-offset: var(--dr-header-height-shrink);
    --dr-page-submenu-link-size: 0.875rem;
    --dr-page-submenu-link-marging-x: 4px;
    --dr-page-submenu-link-marging-y: 10px;
    --dr-page-submenu-link-rounded: 0;
    --dr-page-submenu-dropdown-width: 150px;
    --dr-page-submenu-trigger: 44px;
    --dr-page-dotsmenu-size: 10px;
    --dr-page-dotsmenu-gutters: 10px;
    --dr-page-dotsmenu-rounded: 50%;
    --dr-page-submenu-bg-color: var(--dr-secondary);
    --dr-page-submenu-txt-color: var(--dr-dark);
}

/* ----------------------------------------------------------------
Forms
  -----------------------------------------------------------------*/



/* ----------------------------------------------------------------
Buttons
-----------------------------------------------------------------*/


.button,
.btn {
    --dr-btn-padding-x: 1.375rem;
    --dr-btn-padding-y: 0.5rem;
    --dr-btn-fontsize: 1rem;
    --dr-btn-bg-color: var(--dr-primary);
    --dr-btn-bg-color-light: var(--dr-primary-light);
    --dr-btn-txt-color: var(--dr-dark);
    --dr-btn-lineheight: calc(var(--dr-btn-fontsize) * 1.6);
    --dr-btn-border-width: 2px;
    --dr-btn-border-thick-width: 4px;
    --dr-btn-border-thin-width: 1px;

}

.button-rounded {
    --dr-btn-round-size: 0.6rem;
}

.button.button-mini {
    --dr-btn-padding-x: 0.875rem;
    --dr-btn-padding-y: 0.25rem;
    --dr-btn-fontsize: 0.75rem;
}

.button.button-small {
    --dr-btn-padding-x: 1.125rem;
    --dr-btn-padding-y: 0.5rem;
    --dr-btn-fontsize: 0.875rem;
}

.button.button-large {
    --dr-btn-padding-x: 1.625rem;
    --dr-btn-padding-y: 0.5rem;
    --dr-btn-fontsize: 1.125rem;
}

.button.button-xlarge {
    --dr-btn-padding-x: 2.25rem;
    --dr-btn-padding-y: 0.625rem;
    --dr-btn-fontsize: 1.25rem;
}

.button-desc {
    --dr-btn-padding-x: 2.25rem;
    --dr-btn-padding-y: 1.5rem;
    --dr-btn-fontsize: 1.25rem;
    --dr-btn-lineheight: 1;
}

.button-action {
    --dr-btn-padding-x: 0 !important;
    --dr-btn-action-padding-x: 1rem;
    --dr-btn-action-width: 2.625rem;
    --dr-btn-action-radius: 50rem;
    --dr-btn-action-border: 3px;
    --dr-btn-action-border-color: var(--dr-success);
    --dr-btn-action-transition-speed: .2s;
    --dr-btn-action-icon-move: -4px;
    --dr-btn-action-icon-color: var(--dr-dark);
    --dr-btn-action-after-bg-color: var(--dr-success);
}

.button.button-border {
    --dr-btn-border-color: var(--dr-btn-bg-color);
}

.big-video-button {
    --dr-big-video-button-size: 64px;
    --dr-big-video-button-bg: var(--dr-light);
    --dr-big-video-button-bg-h: var(--dr-light);
    --dr-big-video-button-border: ;
    --dr-big-video-button-border-h: var(--dr-light);
    --dr-big-video-button-color: var(--dr-dark);
}


/* ----------------------------------------------------------------
Dropdown Dropup
-----------------------------------------------------------------*/

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--dr-body-color);
    --dr-dropdown-bg: var(--dr-light-dark);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--dr-body-color);
    --bs-dropdown-link-hover-color: var(--dr-body-color);
    --bs-dropdown-link-hover-bg: var(--dr-tertiary);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--dr-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}

/* ----------------------------------------------------------------
 Drpup
 -----------------------------------------------------------------*/