@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. 
*/

/* ----------------------------------------------------------------
                       Global Theme
-----------------------------------------------------------------*/

: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);

    --dr-footer-bg: var(--dr-light-dark);
    --dr-footer-copyrights-bg: var(--dr-mid-light-dark);
}

/* ----------------------------------------------------------------
                       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;
}

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

:root {

    /* 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;
    /* Sections */
    --dr-section-margin: 4rem;
    --dr-section-padding: var(--dr-section-margin);
    --dr-section-bg: var(--dr-mid-light-dark);

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

    --dr-topbar-bg: var(--cnvs-contrast-0);
    --dr-topbar-color: var(--cnvs-contrast-700);
    --dr-topbar-border-color: rgba(var(--dr-contrast-rgb), 0.1);
    --dr-topbar-social-icon-color: var(--cnvs-contrast-600);
}

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

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

/* ----------------------------------------------------------------
                      Website 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: 60px;
    --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: 0;
    --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);
}

/* ----------------------------------------------------------------
                      Website Footer
-----------------------------------------------------------------*/

#footer {
    --dr-footer-top-border: 5px solid rgba(var(--dr-primary-rgb), 1);
    --dr-copyrights-link-color: var(--cnvs-contrast-500);
 }

/* ----------------------------------------------------------------
                      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;
}

/* ----------------------------------------------------------------
                      Headings
-----------------------------------------------------------------*/

.titular-title {
  --dr-titular-title-font-size-h1: 3.25rem;
  --dr-titular-title-font-size-h2: 2.75rem;
  --dr-titular-title-font-size-h3: 2rem;
  --dr-titular-title-font-size-subtitle: 1rem;
}

.heading-block {
  --dr-heading-block-font-size-h1: 2.5rem;
  --dr-heading-block-font-size-h2: 2.125rem;
  --dr-heading-block-font-size-h3: 1.875rem;
  --dr-heading-block-font-size-h4: 1.375rem;
  --dr-heading-block-font-weight: 400;
  --dr-heading-block-font-spacing: 0;
  --dr-heading-block-font-color: var(--dr-info-mid-light);
  --dr-heading-block-font-transform: none;
  --dr-heading-block-center-container: 700px;
  --dr-heading-block-border-size: 0px;
  --dr-heading-block-border: 2px solid var(--dr- info-mid-light); 
  --dr-heading-block-span-color: var(--dr-light-dark-light);
 }

 .title-block {
  --dr-title-block-padding: 20px;
  --dr-title-block-color: var(--dr-heading-color);
  --dr-title-block-border: 7px;
  --dr-title-block-border-color: var(--dr-themecolor);
  --dr-title-block-subtitle-color: var(--cnvs-contrast-700);
 }

.fancy-title {
  --dr-fancy-title-padding: 0.75rem;
  --dr-fancy-title-border-size: 2px;
  --dr-fancy-title-border-color: var(--dr-primary);
 }

 /* ----------------------------------------------------------------
   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-light-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-info-mid-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: var(--dr-mid-light-dark);

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

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

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

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

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

/* ----------------------------------------------------------------
                       Parallax Block
-----------------------------------------------------------------*/

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

/* ----------------------------------------------------------------
  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);
}

/* ----------------------------------------------------------------
                    Nav --- is it needed?
-----------------------------------------------------------------*/

.nav {
   --dr-nav-link-padding-x: 1rem;
   --dr-nav-link-padding-y: 0.5rem;
   --dr-nav-link-font-weight: ;
   --dr-nav-link-color: var(--dr-link-color);
   --dr-nav-link-hover-color: var(--dr-link-hover-color);
   --dr-nav-link-disabled-color: var(--dr-text-muted);
 }

/* ----------------------------------------------------------------
                    Tabs
-----------------------------------------------------------------*/

.tabs,
.tab-content {
    --dr-tabs-border-width: var(--dr-border-width);
    --dr-tabs-border-radius: var(--dr-border-radius);
    --dr-tabs-container-padding: 20px;
}

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

.card {
    --dr-card-spacer-y: 1rem;
    --dr-card-spacer-x: 1rem;
    --dr-card-title-spacer-y: 0.5rem;
    --dr-card-border-width: var(--dr-border-width);
    --dr-card-border-color: var(--dr-mid-light-dark);
    --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-height: auto;   
    --dr-card-img-overlay-padding: 1rem;
    --dr-card-group-margin: 0.75rem;
}

/* ----------------------------------------------------------------
                       Feature Box
-----------------------------------------------------------------*/

.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;
}

/* ----------------------------------------------------------------
  Toggles / Accordions
-----------------------------------------------------------------*/

.toggle, .accordion {
  --dr-toggle-base-color:   var(--dr-heading-color);
  --dr-toggle-font-size: 1rem;
  --dr-toggle-border-size: 1px;
  --dr-toggle-border-color: var(--cnvs-contrast-400);
  --dr-toggle-border-radius: 4px;
  --dr-toggle-bg-color: var(--cnvs-contrast-100);
  --dr-toggle-title-color: var(--dr-heading-color);
  --dr-toggle-content-padding: 0.75rem;
}
  
.accordion {
  --dr-accordion-color: var(--dr-primary);
  --dr-accordion-color-h: var(--dr-primary-h);
  --dr-accordion-bg: var(--dr-mid-light-dark);
  --dr-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --dr-accordion-border-color: var(--dr-primary);
  --dr-accordion-border-width: 1px;
  --dr-accordion-border-radius: var(--bs-border-radius);
  --dr-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --dr-accordion-btn-padding-x: 1.25rem;
  --dr-accordion-btn-padding-y: 1rem;
  --dr-accordion-btn-color: var(--dr-body-color);
  --dr-accordion-btn-bg: var(--dr-accordion-bg);
  --dr-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --dr-accordion-btn-icon-width: 1.25rem;
  --dr-accordion-btn-icon-transform: rotate(-180deg);
  --dr-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --dr-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --dr-accordion-btn-focus-border-color: #86b7fe;
  --dr-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --dr-accordion-body-padding-x: 1.25rem;
  --dr-accordion-body-padding-y: 1rem;
  --dr-accordion-active-color: var(--dr-primary-light);
  --dr-accordion-active-bg: var(--dr-primary-bg-subtle);     
--dr-toggle-content-padding: 0.75rem;
  --dr-accordion-content-padding: 1.5rem;
  }






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







/* ----------------------------------------------------------------
  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(--dr-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);
}

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






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

.button {
    --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: 3px;
    --dr-btn-border-thick-width: 5px;
    --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);
}

/* ----------------------------------------------------------------
                      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);
}

/* ----------------------------------------------------------------
  Breadcrumbs
  -----------------------------------------------------------------*/

.breadcrumb {
   --dr-breadcrumb-padding-x: 0;
   --dr-breadcrumb-padding-y: 0;
   --dr-breadcrumb-margin-bottom: 1rem;
   --dr-breadcrumb-bg: ;
   --dr-breadcrumb-border-radius: ;
   --dr-breadcrumb-divider-color: var(--dr-text-muted);
   --dr-breadcrumb-item-padding-x: 0.5rem;
   --dr-breadcrumb-item-active-color: var(--dr-text-muted);
 }

/* ----------------------------------------------------------------
                      Dividers
-----------------------------------------------------------------*/

.divider {
  --dr-divider-margin: 3rem;
  --dr-divider-gap: 0.5rem;
  --dr-divider-size: 3rem;
  --dr-divider-width: 100%;
  --dr-divider-border-width: 2px;
  --dr-divider-border-style: solid;
  --dr-divider-icon-border-width: var(--dr-divider-border-width);
}

/* ----------------------------------------------------------------
                      Tooltip
-----------------------------------------------------------------*/

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

/* ----------------------------------------------------------------
 Alerts
 -----------------------------------------------------------------*/ 

.alert {
  --dr-alert-bg: transparent;
  --dr-alert-padding-x: 1rem;
  --dr-alert-padding-y: 1rem;
  --dr-alert-margin-bottom: 1rem;
  --dr-alert-color: inherit;
  --dr-alert-border-color: transparent;
  --dr-alert-border: var(--dr-border-width) solid var(--dr-alert-border-color);
  --dr-alert-border-radius: var(--dr-border-radius);
  --dr-alert-link-color: inherit;
}

/* ----------------------------------------------------------------
  Box Close Button
-----------------------------------------------------------------*/

.button-close {
  --dr-button-close-color: #000;
  --dr-button-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --dr-button-close-opacity: 0.5;
  --dr-button-close-hover-opacity: 0.75;
  --dr-button-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --dr-button-close-focus-opacity: 1;
  --dr-button-close-disabled-opacity: 0.25;
}

/* ----------------------------------------------------------------
  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);
}

/* ----------------------------------------------------------------
                      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;
}


































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

:root {
    /* Border styles */
    --dr-border-width: 3px;
    --dr-border-style: solid;
    --dr-border-color: var(--dr-mid-light-dark);
    --: 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;
}




































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

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

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






/* ----------------------------------------------------------------
                      Modal
-----------------------------------------------------------------*/

.modal {
   --bs-modal-zindex: 1055;
   --bs-modal-width: 500px;
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: ;
   --bs-modal-bg: var(--dr-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
   --bs-modal-border-radius: var(--bs-border-radius-lg);
   --bs-modal-box-shadow: var(--bs-box-shadow-sm);
   --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
   --bs-modal-header-padding-x: 1rem;
   --bs-modal-header-padding-y: 1rem;
   --bs-modal-header-padding: 1rem 1rem;
   --bs-modal-header-border-color: var(--bs-border-color);
   --bs-modal-header-border-width: var(--bs-border-width);
   --bs-modal-title-line-height: 1.5;
   --bs-modal-footer-gap: 0.5rem;
   --bs-modal-footer-bg: ;
   --bs-modal-footer-border-color: var(--bs-border-color);
   --bs-modal-footer-border-width: var(--bs-border-width);
 }

/* ----------------------------------------------------------------
                      Popover
-----------------------------------------------------------------*/

.popover {
   --bs-popover-zindex: 1070;
   --bs-popover-max-width: 276px;
   --bs-popover-font-size: 0.875rem;
   --bs-popover-bg: var(--dr-body-bg);
   --bs-popover-border-width: var(--bs-border-width);
   --bs-popover-border-color: var(--bs-border-color-translucent);
   --bs-popover-border-radius: var(--bs-border-radius-lg);
   --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
   --bs-popover-box-shadow: var(--bs-box-shadow);
   --bs-popover-header-padding-x: 1rem;
   --bs-popover-header-padding-y: 0.5rem;
   --bs-popover-header-font-size: 1rem;
   --bs-popover-header-color: inherit;
   --bs-popover-header-bg: var(--dr-bg-muted);
   --bs-popover-body-padding-x: 1rem;
   --bs-popover-body-padding-y: 1rem;
   --bs-popover-body-color: var(--dr-body-color);
   --bs-popover-arrow-width: 1rem;
   --bs-popover-arrow-height: 0.5rem;
   --bs-popover-arrow-border: var(--bs-popover-border-color);
 }













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

                     **** Colours ****

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

:root {
    /* Light */
    --dr-light: #d6bfe0;
    --dr-light-rgb: 214, 191, 224 ;
    --dr-light-grey: ;
    --dr-light-grey-rgb: ;
    --dr-light-h: ;
    --dr-light-h-rgb: ;
    /* Dark */
    --dr-dark: #141215;
    --dr-dark-rgb: 20, 18, 21;
    --dr-dark-grey: ;
    --dr-dark-grey-rgb: ;
    --dr-dark-h: ;
    --dr-dark-h-rgb: ;
    /* Mid Dark */
    --dr-mid-dark: #271c2a;
    --dr-mid-dark-rgb: 39, 28, 42;
    --dr-mid-dark-grey: ;
    --dr-mid-dark-grey-rgb: ;
    --dr-mid-dark-h: ;
    --dr-mid-dark-h-rgb: ;
    /* Mid Light Dark */
    --dr-mid-light-dark: #3c2c42;
    --dr-mid-light-dark-rgb: 60, 44, 66;
    --dr-mid-light-dark-grey: ;
    --dr-mid-light-dark-grey-rgb: ;
    --dr-mid-light-dark-h: ;
    --dr-mid-light-dark-h-rgb: ;
    /* Light Dark */
    --dr-light-dark: ;
    --dr-light-dark-rgb: ;
    --dr-light-dark-grey: ;
    --dr-light-dark-grey-rgb: ;
    --dr-light-dark-h: ;
    --dr-light-dark-h-rgb: ;
    /* Mid Dark Light */
    --dr-mid-dark-light: ;
    --dr-mid-dark-light-rgb: ;
    --dr-mid-dark-grey: ;
    --dr-mid-dark-grey-rgb: ;
    --dr-mid-dark-light-h: ;
    --dr-mid-dark-light-h-rgb: ;
    /* Mid Light Dark Light */
    --dr-mid-light-dark-light: ;
    --dr-mid-light-dark-light-rgb: ;
    --dr-mid-light-dark-grey: ;
    --dr-mid-light-dark-grey-rgb: ;
    --dr-mid-light-dark-light-h: ;
    --dr-mid-light-dark-light-h-rgb: ;
    /* Light Dark Light */
    --dr-light-dark-light: ;
    --dr-light-dark-light-rgb: ;
    --dr-light-dark-grey: ;
    --dr-light-dark-grey-rgb: ;
    --dr-light-dark-light-h: ;
    --dr-light-dark-light-h-rgb: ;
    /* Primary Dark */
    --dr-primary-dark: ;
    --dr-primary-dark-rgb: ;
    --dr-primary-dark-grey: ;
    --dr-primary-dark-grey-rgb: ;
    --dr-primary-dark-h:;
    --dr-primary-dark-h-rgb: ;
    /* Primary */
    --dr-primary: ;
    --dr-primary-rgb: ;
    --dr-primary-grey: ;
    --dr-primary-grey-rgb: ;
    --dr-primary-h: ;
    --dr-primary-h-rgb: ;
    /* Primary Mid Light */
    --dr-primary-mid-light: #af8db8;
    --dr-primary-mid-light-rgb: 175, 141, 184;
    --dr-primary-mid-light-grey: ;
    --dr-primary-mid-light-grey-rgb: ;
    --dr-primary-mid-light-h: ;
    --dr-primary-mid-light-h-rgb: ;
    /* Primary Light */
    --dr-primary-light: #d5abfe;
    --dr-primary-light-rgb: 213, 171, 213;
    --dr-primary-light-grey: ;
    --dr-primary-light-grey-rgb: ;
    --dr-primary-light-h: ;
    --dr-primary-light-h-rgb: ;
    /* Secomdary Dark */
    --dr-secondary-dark: ;
    --dr-secondary-dark-rgb: ;
    --dr-secondary-dark-grey: ;
    --dr-secondary-dark-grey-rgb: ;
    --dr-secondary-dark-h: ;
    --dr-secondary-dark-h-rgb: ;
    /* Secomdary */
    --dr-secondary: ;
    --dr-secondary-rgb: ;
    --dr-secondary-grey: ;
    --dr-secondary-grey-rgb: ;
    --dr-secondary-h: ;
    --dr-secondary-h-rbg: ;
    /* Secomdary Mid Light */
    --dr-secondary-mid-light: ;
    --dr-secondary-mid-light-rgb: ;
    --dr-secondary-mid-light-grey: ;
    --dr-secondary-mid-light-grey-rgb: ;
    --dr-secondary-mid-light-h: ;
    --dr-secondary-mid-light-h-rbg: ;
    /* Secomdary Light */
    --dr-secondary-light: ;
    --dr-secondary-light-rgb: ;
    --dr-secondary-light-grey: ;
    --dr-secondary-light-grey-rgb: ;
    --dr-secondary-light-h: ;
    --dr-secondary-light-h-rbg: ;
    /* Tertiary Dark */
    --dr-tertiary-dark: ;
    --dr-tertiary-dark-rgb: ;
    --dr-tertiary-dark-grey: ;
    --dr-tertiary-dark-grey-rgb: ;
    --dr-tertiary-dark-h: ;
    --dr-tertiary-dark-h-rgb: ;
    /* Tertiary */
    --dr-tertiary: ;
    --dr-tertiary-rgb: ;
    --dr-tertiary-grey: ;
    --dr-tertiary-grey-rgb: ;
    --dr-tertiary-h: ;
    --dr-tertiary-h-rgb: ;
    /* Tertiary Mid Light */
    --dr-tertiary-mid-light: ;
    --dr-tertiary-mid-light-rgb: ;
    --dr-tertiary-mid-light-grey: ;
    --dr-tertiary-mid-light-grey-rgb: ;
    --dr-tertiary-mid-light-h: ;
    --dr-tertiary-mid-light-h-rbg: ;
    /* Tertiary Light */
    --dr-tertiary-light: ;
    --dr-tertiary-light-rgb: ;
    --dr-tertiary-light-grey: ;
    --dr-tertiary-light-grey-rgb: ;
    --dr-tertiary-light-h: ;
    --dr-tertiary-light-h-rbg: ;
    /* Success Dark */
    --dr-success-dark: ;
    --dr-success-dark-rgb: ;
    --dr-success-dark-grey: ;
    --dr-success-dark-grey-rgb: ;
    --dr-success-dark-h: ;
    --dr-success-dark-h-rbg: ;
    /* Success */
    --dr-success: ;
    --dr-success-rgb: ;
    --dr-success-grey: ;
    --dr-success-grey-rgb: ;
    --dr-success-h: ;
    --dr-success-h-rbg: ;
    /* Success Mid Light */
    --dr-success-mid-light: ;
    --dr-success-mid-light-rgb: ;
    --dr-success-mid-light-grey: ;
    --dr-success-mid-light-grey-rgb: ;
    --dr-success-mid-light-h: ;
    --dr-success-mid-light-h-rbg: ;
    /* Success Light */
    --dr-success-light: ;
    --dr-success-light-rgb: ;
    --dr-success-light-grey: ;
    --dr-success-light-grey-rgb: ;
    --dr-success-light-h: ;
    --dr-success-light-h-rgb: ;
    /* Info Dark */
    --dr-info-dark: ;
    --dr-info-dark-rgb: ;
    --dr-info-dark-grey: ;
    --dr-info-dark-grey-rgb: ;
    --dr-info-dark-h: ;
    --dr-info-dark-h-rgb: ;
    /* Info */
    --dr-info: ;
    --dr-info-rgb: ;
    --dr-info-grey: ;
    --dr-info-grey-rgb: ;
    --dr-info-h: ;
    --dr-info-h-rgb: ;
    /* Info Mid Light */
    --dr-info-mid-light: ;
    --dr-info-mid-light-rgb: ;
    --dr-info-mid-light-grey: ;
    --dr-info-mid-light-grey-rgb: ;
    --dr-info-mid-light-h: ;
    --dr-info-mid-light-h-rgb: ;
    /* info Light */
    --dr-info-light: ;
    --dr-info-light-rgb: ;
    --dr-info-light-grey: ;
    --dr-info-light-grey-rgb: ;
    --dr-info-light-h: ;
    --dr-info-light-h-rgb: ;
    /* Warning Dark */
    --dr-warning-dark: ;
    --dr-warning-dark-rgb: ;
    --dr-warning-dark-grey: ;
    --dr-warning-dark-grey-rgb: ;
    --dr-warning-dark-h: ;
    --dr-warning-dark-h-rgb: ;
    /* Warning */
    --dr-warning: ;
    --dr-warning-rgb: ;
    --dr-warning-grey: ;
    --dr-warning-grey-rgb: ;
    --dr-warning-h: ;
    --dr-warning-h-rga: ;
    /* Warning Mid Light */
    --dr-warning-mid-light: ;
    --dr-warning-mid-light-rgb: ;
    --dr-warning-mid-light-grey: ;
    --dr-warning-mid-light-grey-rgb: ;
    --dr-warning-mid-light-h: ;
    --dr-warning-mid-light-h-rgb: ;
    /* Warning Light */
    --dr-warning-light: ;
    --dr-warning-light-rgb: ;
    --dr-warning-light-grey: ;
    --dr-warning-light-grey-rgb: ;
    --dr-warning-light-h: ;
    --dr-warning-light-h-rgb: ;
    /* Danger Dark */
    --dr-danger-dark: ;
    --dr-danger-dark-rgb: ;
    --dr-danger-dark-grey: ;
    --dr-danger-dark-grey-rgb: ;
    --dr-danger-dark-h: ;
    --dr-danger-dark-h-rgb: ;
    /* Danger */
    --dr-danger: ;
    --dr-danger-rgb: ;
    --dr-danger-grey: ;
    --dr-danger-grey-rgb: ;
    --dr-danger-h: ;
    --dr-danger-h-rgb: ;
    /* Danger Mid Light */
    --dr-danger-mid-light: ;
    --dr-danger-mid-light-rgb: ;
    --dr-danger-mid-light-grey: ;
    --dr-danger-mid-light-grey-rgb: ;
    --dr-danger-mid-light-h: ;
    --dr-danger-mid-light-rgb: ;
    /* Danger Light */
    --dr-danger-light: ;
    --dr-danger-light-rgb: ;
    --dr-danger-light-grey: ;
    --dr-danger-light-grey-rgb: ;
    --dr-danger-light-h: ;
    --dr-danger-light-h-rgb: ;
    /* 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);
}